#wrap{position:relative;}

@media all and (min-width:1024px) {
	#wrap { min-width:1240px; }
}
.wrapper {position:relative; width:100%; height:auto; margin:0 auto;}
.mobile{display:none;}
.web{display:block;}

/* skip-navi */
#skipNavWrap {overflow:hidden; position:relative; width:100%; z-index:1000;}
#skipNavWrap a {display:block; font-size:0; width:1px; height:1px; line-height:0;margin:0 -1px -1px 0;overflow:hidden;text-align:center;}
#skipNavWrap a:focus, #skipNavWrap a:hover, #skipNavWrap a:active {width:auto; height:20px; line-height:1; margin:0; padding:8px 0 0 15px; background:#474747; color:#fff; font-size:12px; font-weight:bold;}

/*header*/
#headerWrap {position:relative; width:1200px; margin:0 auto;}
#header h1 {position:absolute; top:16px; left:0; z-index:9999;}
#header h1 a {float:left;}
#header h1 a:first-child{padding:0 17px 0 0;}
#header h1 .others {display:table-cell; height:46px; line-height:46px; color:#fff; font-size:18px; font-weight:700;}

/*navi*/
#mobileNavi {display:none;}
#naviWrap {clear:both; position:absolute; top:0; left:0; height:80px; width:100%;}
#naviWrap > div {position:relative; width:1200px; margin:0 auto; z-index:999; overflow:hidden;}
.naviBg{position:absolute; top:0; width:100%; height:80px; background:url('/S0002/images/common/header_bg.png'); /*background-color:#000; opacity:0.7; filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7;*/ z-index:999;}
/*.btnLink{display:inline-block; position:absolute; top:30px; right:100px; height:20px; padding:0 0 0 30px; color:#fff; z-index:99; background:url(/S0002/images/bg.png) no-repeat;}*/
.btnLink{position:absolute; top:0px; right:80px; z-index:99;}
.btnLink2,.navbtn {position:absolute; top:0; right:0; z-index:9999;}

#navi {position:relative; padding:0 0 0 3%; margin:0 auto; width:730px; z-index:97;}
#navi .lnb {height:80px;}
#navi .lnb > li {float:left; width:16%;}
#navi .lnb > li.lnb_04{width:20%;}
#navi .lnb > li > a {display:block; height:80px; line-height:80px; font-size:115%; color:#fff; text-align:center; letter-spacing:-1px;}
#navi .lnb > li > a:hover,
#navi .lnb > li > a:focus,
#navi .lnb > li > a:active,
#navi .lnb > li.on > a{color:#86cbff; font-weight:600;}
#navi .lnb > li > div{display:none; position:absolute; top:80px; left:-25%; width:1200px; padding:30px 0 0 0; z-index:9999}
#navi .lnb > li > div > .slogan {float:left; width:22.7%; padding:0 0 0 20px;}
#navi .lnb > li > div > .slogan span{display:block; padding:7px 0 0 30px;}
#navi .lnb > li > div > ul {float:left; width:70%;}
#navi .lnb > li > div > ul > li {float:left; margin:0 20px 15px 0;}
#navi .lnb > li > div > ul > li a{display:block; width:200px; height:43px; padding:0 0 0 13px; line-height:43px; border:1px solid #fff; color:#fff; background:url(/S0002/images/bg_arrow.gif) no-repeat 90% 50%;}
#navi .lnb > li > div > ul > li a:hover,
#navi .lnb > li > div > ul > li a:focus,
#navi .lnb > li > div > ul > li a:active{background-color:#005ca1;}
#navi .lnb li div h3 {float:left; width:240px; min-height:750px; margin-bottom:1px; padding:239px 0 0 20px; border-right:1px solid #ddd; font-weight:600; font-size:18px; color:#0080c6; text-align:center; box-sizing:border-box;}
#navi .lnb li div h3 span {display:inline-block; padding-top:8px; font-size:14px; color:#777; text-transform:uppercase;}
#navi .lnb a.blank{background:url('/S0002/images/common/snb_blank.png') no-repeat right 30px;}

/*검색*/
.side_lnb {float: right; margin-top: 0;}
/*.side_lnb ul {margin-left: 20px;}*/
.side_lnb ul li {float: left;}
.side_lnb > ul > li > a {display: block; text-indent: -9999%;}
.side_lnb .search > a {position:absolute; top:0; right:80px;}
.side_lnb .search > a > img {display:block;}
.side_lnb .side_lnb_box {position: absolute; top:80px; left:0; width: 1196px; height: 120px; background: #fff; border: 2px solid #0080e9;}

.sideLnbInner {width: 100%; height: 100px; background: #0d489d; position: absolute; top:55px; border-top: 1px solid #c7c7c7; z-index: 30;}
.side_lnb_box .searchFrm {width: 522px; margin: 35px auto 0;}
.side_lnb_box .searchFrm input {width: 422px; height: 50px; border: 2px solid #0066b3; font-size: 16px; padding: 0 20px;}
.side_lnb_box .searchFrm .search_btn {width: 56px; height: 54px; background: #0066b3 url('/S0002/images/find_01.png') no-repeat center center; border: 0; vertical-align: middle; margin-left: -4px; text-indent: -99999%; cursor:pointer;}
.side_lnb_box .words {width: 482px; margin: 20px auto 0;}
.side_lnb_box .words p {float: left; font-weight: 600; font-size: 15px; line-height: 10px; }
.side_lnb_box .words ul li {float: left; margin-left: 15px;}
.side_lnb_box .words ul li a {display: block; height: 13px; line-height: 11px; padding-right: 10px; border-right: 1px solid #c7c7c7; font-size:14px; }
.side_lnb_box .words ul li:last-child a {border: 0;}
.side_lnb_box .close {display: block; width: 50px; height: 50px; background: #9f9f9f url('/S0002/images/close.png') no-repeat center center; text-indent: 110%; white-space: nowrap; overflow: hidden; position: absolute; top:35px; right:25px; cursor: pointer;}


/*link*/
.link{float:left; width:100%; background:#444; border-top:1px solid #e1e1e1; margin-top:40px;}
.listItem {float:left; width:100%;}
.listItem > li {position:relative; float:left; width:25%; border-right:1px solid #606060; box-sizing:border-box;}
.listItem > li:hover {background:#0066b3;}
.listItem > li > a {display:block; height:50px; line-height:50px; color:#fff; cursor:pointer; font-size:15px; text-indent:20px; background:url(/S0002/images/link.png) no-repeat 90% 50%;}
.listItem > li:first-child {border-left:1px solid #606060;}
.listItem li div {position:absolute; bottom:0; left:0; width:100%; height:244px; border:1px solid #c7c7c7; z-index:99; background:#fff; display:none;}
.listItem li div em{display:block; height:40px; padding-left:5%; color:#fff; background:#0066b3; line-height:40px; font-weight:bold; font-family:'Nanum Square';}
.listItem li div a.close{position:absolute; top:5%; right:5%; display:block; color:#fff; font-weight:bold;}
.listItem li div > ul {height:200px; overflow-y:scroll; padding:3% 5%; box-sizing:border-box;}
.listItem li div > ul li span {display:block; margin:5px 0; color:#0080c6; font-weight:700;}
.listItem li div > ul > li:last-child span {margin-top:5%;}
.listItem li div > ul li .set li {padding:0 3%;}
.listItem li div ul li a {padding-left:10px; line-height:24px; font-size:90%; background:url(/S0002/images/link_bullet.png) no-repeat 0 50%;}

/*footer*/
#footer {clear:both; width:100%; padding:51px 0 50px 0; background:#fff; color:#545454;}
#footer .bottomGuide ul {overflow:hidden;}
#footer .bottomGuide li {float:left; margin-bottom:27px; padding:0 13px; background:url(/S0002/images/bot_bar.gif) no-repeat;}
#footer .bottomGuide li:first-child {padding-left:0; background:none;}
#footer .bottomGuide li a {color:#545454; font-size:14px;}
#footer .bottomGuide li a span {padding:20px 0; color:#000; font-weight:700;}
#footer .info > div {overflow:hidden;}
#footer .info address {float:left; margin:0 23px 5px 0;}
#footer .info address span {display:inline-block; margin-right:10px; color:#000; font-weight:700;}

/*1024이하*/
@media all and (max-width:1023px) {

	.mobile{display:block;}
	.web{display:none;}

	/*header*/
	#headerWrap {width:100%;}
	#header {height:80px; text-align:center;}
	#header h1 {left:50%; margin:0 0 0 -138px;}
	#navi ul {display:none;}

	/*navi*/
	#naviWrap {display:none;}
	#mobileNavi {display:block; position:fixed; top:0; right:-100%; z-index:998; width:100%; height:100%; padding-top:80px; background:rgba(35,38,38,0.8); box-sizing:border-box; overflow-y:auto;}
	#mobileNavi > div {float:right; width:35%; height:100%; padding-bottom:80px; background:#0066b3;}
	#mobileNavi li a {display:block; color:#fff; font-size:18px; text-align:left;}
	#mobileNavi .title {width:100%; border-bottom:1px solid #267dbe;}
	#mobileNavi .main {margin:10px; border:1px solid #fff; border-radius:6px;}
	#mobileNavi .main a {height:40px; background:url(/S0002/images/bg.png) no-repeat 30% 50%; font-size:15px; line-height:40px; text-align:center; padding-left:12px;}
	#mobileNavi .mdepth_01 > li a {height:49px; background:url(/S0002/images/mbullet.jpg) no-repeat 0% 0%; line-height:49px; text-indent:20px;}
	#mobileNavi .mdepth_02 > li {background:#01508c url(/S0002/images/mbullet2.jpg) no-repeat 10% 50%;}
	#mobileNavi .mdepth_02 > li a {font-size:15px; text-indent:40px;}

	/* mobile mask */
	.stop_scrolling {height:100%; overflow:hidden !important;}
	#mask_mn {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:9995;}

	/*link*/
	.link {margin-top:40px;}
	.listItem > li {width:50%; border-bottom:1px solid #606060;}
	.listItem > li > a {background-position:90% 50%;}
	.listItem .list_01 {border-left:0;}

	/*footer*/
	#footer {padding-left:20px; box-sizing:border-box;}
}

@media all and (min-width:1023px){
	#mask_mn {display:none !important;}
}

/*599이하*/
@media all and (max-width:599px) {

	/*navi*/
	#mobileNavi > div {width:66%;}

	/*link*/
	.listItem > li {width:50%;}

	/*footer*/
	#footer .bottomGuide li {margin-bottom:10px;}
	#footer .info {margin-top:20px;}

}