@charset "utf-8";

.layout_wrap{margin:0 auto; width:1200px; }

/* 공지사항&사진마당 */
#sec1_wrap{/* background:url('/theme/basic/img/main/sec_bg.png') no-repeat 0 bottom; */ background-size:contain; width:100%; height:303px; padding-top: 20px;}

#sec1_wrap .notice_wrap{ width:326px; display:inline-block; margin-right:62px; float:left; position:relative;}
#sec1_wrap h3{font-size:22px; font-weight:700; color:#222; margin-bottom:25px;}
#sec1_wrap a.more{position:absolute; right:0; top:4px; width:24px; height:24px; display:inline-block; background:url('/theme/basic/img/main/more_ico.png') no-repeat 0 0}

#sec1_wrap .pic_wrap{width:424px; display:inline-block; position:relative;}

#sec2_wrap{background:#204782; padding:41px 0 50px; overflow:hidden; width:100%}
#sec2_wrap .ico_wrap{width:541px; display:inline-block; float:left;}
/* #sec2_wrap .ico_wrap a{width:23%; text-align:center; color:#fff; display:inline-block; float:left;} */
#sec2_wrap .ico_wrap a{width:18.5%; text-align:center; color:#fff; display:inline-block; float:left;}
#sec2_wrap .ico_wrap a span{width:76px; height:73px; display:block; margin:6px auto 0; background:url('/theme/basic/img/main/ico_img.png') no-repeat 0 0; margin-bottom:8px;}
#sec2_wrap .ico_wrap a.ico2 span{background-position:-128px 0px}
#sec2_wrap .ico_wrap a.ico3 span{background-position:-255px 0px}
#sec2_wrap .ico_wrap a.ico4 span{background-position:-383px 0px}
#sec2_wrap .ico_wrap a.ico5 span{background-position:-511px 0px}

#sec2_wrap .bn_wrap{background:#fff; border-radius:10px; width:659px; display:inline-block; height:107px; text-align:center; padding:32px 20px 0; box-sizing:border-box;}
#sec2_wrap .bn_wrap a{margin:0 10px;}

#ft{margin-top:0}

@media all and (max-width:1200px){
	.layout_wrap{margin:0 auto; width:96%}
	#sec1_wrap{height:auto; padding-bottom:30px; background:none;}
	#sec1_wrap .notice_wrap{ width:45%; margin-right:3%}
	#sec1_wrap .pic_wrap{width:52%}

	#sec2_wrap .ico_wrap{ width:45%; margin-right:3%}
	#sec2_wrap .bn_wrap{width:52%; padding: 10px 20px 0;}
	#sec2_wrap .bn_wrap a {margin-bottom:6px;  display: inline-block;}
	#sec2_wrap .bn_wrap a img{max-width:100%}
}
@media all and (max-width:768px){
	#sec1_wrap .notice_wrap{ width:100%;}
	#sec1_wrap .pic_wrap{width:100%}

	#sec2_wrap .ico_wrap{width:100%; margin-bottom:30px}
	#sec2_wrap .ico_wrap a{width:25%;}
	#sec2_wrap .bn_wrap{width:100%;}
}