@charset "utf-8";

* {box-sizing:border-box; font-family:"ngn","Nanum Gothic"; font-size:15px;}
body, p, strong, h1, h2, h3, h4, h5, h6, span, em, ul, ol, li, dl, dt, dd, table, tr, td, th, header, nav, a ,div {font-family: "ngn","Nanum Gothic"; font-size:15px;}
#snb, #lnb_hm, #gnbwrap, #svisual, #container, #banner, #footer {width:100%;max-width:100%;}
#wrap {overflow: hidden; }
.layout_ir {background: url(/images/mosi2/layout/layout_ir.png)no-repeat; }

/* header */
#header{display:block;position:relative;height: auto; background:#fff;}
#snb{position:relative;width:100%;height: 85px;margin: 0;padding: 0 50px;border-bottom: 1px solid #ddd;}
#snb h1 {position: static;padding:15px 0 0; }
#snb h1 a {display: block; float: none; width: 197px; height: 62px; margin: 0 auto; background: url(/images/mosi2/layout/logo.png)no-repeat; font-size: 0; box-sizing:border-box;}
#snb .cultural {position:absolute;left: 50px;top: 11px;width: 114px;height: 62px;font-size: 0;background-position: 0 0;}
#snb .asmr {position:absolute;right: 260px;top: 23.5px;width:202px;height:38px;border-radius:20px;background:url(/images/mosi2/layout/btngb.jpg)repeat;}
#snb .asmr a {display:block; width:100%; height:100%; line-height:38px; text-align:center; color:#fff; font-size:14px;padding-right: 10px;}
#snb .asmr a[target="_blank"]{background: none;}
#snb .asmr a span{display:inline-block; width:19px; height:15px; margin:0 10px;background:url(/images/mosi2/layout/btnbg2.png)no-repeat; vertical-align:middle;}

#snb .util {position:absolute; right:50px; top:30px; }
#snb .util ul {}
#snb .util ul:after{display:block;clear:both;visibility:hidden;content:"";}
#snb .util ul li {float:left; position:relative; margin:0 12px; font-size:15px; }
#snb .util ul li a {display:block;color: #000;font-family: 'ngn';background: none;}
#snb .util ul li.home {}
#snb .util ul li.home:after {display:block; position:absolute; top:5px; right:-12px; width:1px; height:15px; background:#ddd; content:"";}
#snb .util ul li.sc {}
#snb .util ul li.search {width:21px;height:20px;margin: 2px 12px 0;background-position:-117px 0;font-size:0;}
#snb .util ul li.search a {display:block; width:100%; height:100%; font-size:0; background:none;}
#snb .sitemap {position:absolute;top:108px;right:50px;width: 26px;height: 20px; z-index:10000;}
#snb .sitemap a {display:block; width:100%; height:100%; background:url(/images/mosi2/layout/sitemap.png)no-repeat; font-size:0;}

/* gnb*/
#gnb {top:0;background: #fff;}
#gnb a {font-family:'nsr_m';}
#gnbwrap {position: relative;height: 65px;background: #fff;z-index: 100000;}
#gnbwrap #animate {position:relative;top: 0;left:0;width:100%;height: 65px;min-height:65px;border-bottom: 1px solid #ddd;background:#fff;}
#gnbwrap #animate:before {display:block;position:absolute;left:0;top: 169px;width:239px;height:251px;background:url(/images/mosi2/layout/gnbbg1.png)no-repeat;content:"";}
#gnbwrap #animate:after {display:block; position:absolute; right:0; top:65px; width:261px; height:268px; background:url(/images/mosi2/layout/gnbbg2.png)no-repeat; content:"";}
#gnbwrap #animate .animate_line {position:relative; top:65px; width:100%; height:2px; background:#1a4ea3;}

#tm{position:relative;left: 50%;width:1240px;margin-left: -620px;}
#tm li.th1{position:relative;width: 16.66%;font-weight:700;}
#tm li.th1 a.th1_lnk {height: 65px;line-height: 65px;color:#000;font-size: 19px;}
#tm li.th1 a.current,
#tm>li.th1>a:hover,
#tm>li.th1>a:focus,
#tm>li.th1>a:active{position:relative; background:transparent; color:#1a4ea3;}
#tm .current:after{position:absolute;display:block;content:"";bottom:10px; left:50%; margin-left:-7px; border:7px solid transparent; border-bottom-color:#1a4ea3}

#tm li ul.th2{padding:20px 0;background:#fff;border-top-width:0;border-right: 1px solid #ddd;font-size: 15px;}
#tm li ul.th2.ov {background:#fafafa;}
#tm li ul.th2 li {margin: 0;padding: 0;text-align:left;}
#tm li ul.th2 li a {display: block;width: 100%;height: 100%;padding: 0 5px 8px 30px;font-family:'ngn';font-weight: 300;letter-spacing: -0.03em;}

#tm li.no1 ul.th2{border-left: 1px solid #ddd;}
#tm li ul.th2 li a.ov,
#tm li ul.th2 li a:active,
#tm li ul.th2 li a:hover,
#tm li ul.th2 li a:focus {color:#1a4ea3; font-weight:700;}

#tm li .th2 .th3 {display:none;}


/*컨텐츠 비주얼*/
.cvisual_wrap {height:310px; width:100%; background:url(/images/mosi2/layout/subvisual.jpg)no-repeat center; background-size:cover;}
.cvisual_wrap .cvisual {position: relative;width:100%;height: 100%; padding:75px 0 0;}
.cvisual_wrap .cvisual .tit {position:relative; width:475px; height:135px; margin:0 auto;border:1px solid rgba(255,255,255,0.3); text-align:center;}
.cvisual_wrap .cvisual .tit:after {display:block; position:absolute; top:30px; left:-30px;width:50px; height:8px; background:#4f9ad8; content:"";}
.cvisual_wrap .cvisual .tit strong {display:block;padding: 25px 0 0;font-family:"nmj";color:#fff;font-size:35px;}
.cvisual_wrap .cvisual .tit p {color:#fff;font-size:15px;font-family: 'ngn';word-break: keep-all;}
.cvisual_wrap .cvisual .cvisual_arr {}
.cvisual_wrap .cvisual .cvisual_arr a {display:block;position:absolute;top:50%;height: 49px;margin-top:-24.5px;color:#fff;font-size:15px;font-family: 'ngn';}
.cvisual_wrap .cvisual .cvisual_arr a.prev {left:30px; text-align:left;}
.cvisual_wrap .cvisual .cvisual_arr a.next {right:30px; text-align:right;}
.cvisual_wrap .cvisual .cvisual_arr a span {display:inline-block;width:49px;height:49px;vertical-align: middle;}
.cvisual_wrap .cvisual .cvisual_arr a.prev span {background-position:0 -65px;}
.cvisual_wrap .cvisual .cvisual_arr a.next span {background-position:-52px -65px;}
.cvisual_wrap .cvisual .cvisual_arr a.prev em {margin-left:-12px}
.cvisual_wrap .cvisual .cvisual_arr a.next em {margin-right:-12px}

/* container */

#container{width: 100%;padding: 0;margin: 0 auto;}
#contentswrap {width: 1240px;padding:0;margin: 0 auto;}
#contents{float: none;width:100%;max-width: 1240px;min-height:215px;margin: 0 auto;padding: 0 0 80px;}

#location {position: relative;top: -55px;margin: 0 auto;max-width:1240px;}
#location h3 {text-align:center;padding:55px 0 20px;border-bottom: 1px solid #ddd;font-family: 'ngn';font-weight: 700;}
#location h3:before {display:none;}
#location .location_wrap {position:relative;height:55px;border-bottom:1px solid #ddd;background: #fff;}
#location .location_wrap:after{display:block;clear:both;visibility:hidden;content:"";}
#location .location_wrap .navi{float:left;display:inline-block;}
#location .location_wrap .navi,
#location .location_wrap .navi .navi_menu {font-size:15px;text-align:left;height: 100%;line-height: 55px;}
#location .location_wrap .navi {position: relative;width:230px;margin:0;padding:0;}
#location .location_wrap .navi a{position:relative;}
#location .location_wrap .navi.n1 {width:55px;height:55px;}
#location .location_wrap .navi.n1 a {display:block;width: 100%;height: 100%;padding:16px 0 0;background:#184fa5;}
#location .location_wrap .navi.n1 a span {display:block; width:21px; height:22px; margin:0 auto 0;background-position:0 -117px;font-size:0;}
#location .location_wrap .navi ul{display:none;position:absolute;top: 0;left: 0;width: 100%;z-index: 10;padding: 55px 0 0;border:1px solid #ddd;border-top:none;/* background-color: #fff; */}
#location .location_wrap .navi ul li{float:left;width:100%;height:35px;padding:0;margin:0;line-height:35px;background: #fff;}
#location .location_wrap .navi ul li a{display: block;width:100%;height:100%;color:#333;font-size:15px;padding:0 20px;line-height: 35px;font-family: 'ngn';}
#location .location_wrap .navi ul li a:hover,
#location .location_wrap .navi ul li a:focus {background:#eee;}
#location .location_wrap .navi .navi_menu{display:inline-block;position: relative;width:100%;height:100%;line-height: 55px;padding:0 20px;border-right: 1px solid #ddd;background: url(/images/mosi2/layout/plus.png)no-repeat 93% center;font-family: 'ngn';}
#location .location_wrap .navi.ov ul{display:inline-block;}
#location .location_wrap .navi.ov ul li a.on{background-color: #003b92; color:#fff;}

#location .location_wrap .sns {position:absolute; top:0; right:0; }
#location .location_wrap .sns ul {}
#location .location_wrap .sns ul:after{display:block;clear:both;visibility:hidden;content:"";}
#location .location_wrap .sns ul li {float:left;width: 55px;height: 55px; background:#4f9ad8;}
#location .location_wrap .sns ul li#sns_layout {position:relative;}
#location .location_wrap .sns ul li#sns_layout #snsOpen {display:block; position:relative; width:100%; height:100%; font-size:0;}
#location .location_wrap .sns ul li#sns_layout #snsOpen:after {display:block; position:absolute; left:50%; top:50%; width:20px; height:20px; margin:-10px 0 0 -10px;background:url(/images/mosi2/layout/layout_ir.png)no-repeat -25px -118px;content:"";}
#location .location_wrap .sns ul li#sns_layout .sns_wrap {display:none; position:absolute; right:0; bottom:-40px; width:105px;}
#location .location_wrap .sns ul li#sns_layout .sns_wrap:after{display:block;clear:both;visibility:hidden;content:"";}
#location .location_wrap .sns ul li#sns_layout .sns_wrap a {float:left; width:31px; height:31px; margin:0 2px; background:url(/images/mosi2/layout/layout_ir.png)no-repeat; font-size:0;}
#location .location_wrap .sns ul li#sns_layout .sns_wrap a#snsClose {background-position:-73px -143px;}
#location .location_wrap .sns ul li#sns_layout .sns_wrap a.fa {background-position:-1px -143px;}
#location .location_wrap .sns ul li#sns_layout .sns_wrap a.tw {background-position:-37px -143px;}
#location .location_wrap .sns ul li#sns_layout .sns_wrap a#snsClose:hover,
#location .location_wrap .sns ul li#sns_layout .sns_wrap a#snsClose:focus {background-position:-73px -178px;}
#location .location_wrap .sns ul li#sns_layout .sns_wrap a.fa:hover,
#location .location_wrap .sns ul li#sns_layout .sns_wrap a.fa:focus {background-position:-1px -178px;}
#location .location_wrap .sns ul li#sns_layout .sns_wrap a.tw:hover,
#location .location_wrap .sns ul li#sns_layout .sns_wrap a.tw:focus {background-position:-37px -178px;}
#location .location_wrap .sns ul li#sns_layout.on .sns_wrap {display:block;}
#location .location_wrap .sns ul li.print {border-left:1px solid #84b8e4;}
#location .location_wrap .sns ul li.print a {display:block; width:100%; height:100%; padding:16px 0 0;font-size:0;}
#location .location_wrap .sns ul li.print a span {display:block;width:22px;height:22px;margin:0 auto;background-position:-82px -117px;font-size: 0;}


/* footerwrap */
#footerwrap {padding:50px 10px;border: none;background: #1a2028;text-align: center;}
#footerwrap .top {position:absolute;top: -80px;right: 30px;}
#footerwrap .top a {display:block; width:52px; height:52px; background:url(/images/mosi2/layout/top.jpg)no-repeat; font-size:0;}
#footerwrap .top a:hover,
#footerwrap .top a:focus {background:url(/images/mosi2/layout/top_ov.jpg)no-repeat;}
#footerwrap #footer {padding:0; margin:0;}
#footerwrap #footer strong a {display: block;margin:0 0 15px;color:#fff;font-size:16px;text-align: center;font-family: 'ngn';}
#footerwrap #footer p {color:#8b8b8b;font-family: 'ngn'; word-break: keep-all;}



/* tab */
.basic_tab {width:100%; margin:0;border:1px solid #ddd; border-left:none;}
.basic_tab:after {display:block; clear:both; visibility:hidden; content:'';}
.basic_tab li{float:left;width:33.3%;height:55px;margin: 0;border-left:1px solid #ddd;}
.basic_tab li a{display:block;width:100%;height:100%;border: none;}
.basic_tab li a:before {display:none;}
.basic_tab li a span{display:block;width:100%;height:100%;background: #fff; line-height:55px; text-align: center; color:#333; font-size:17px; vertical-align:middle;}
.basic_tab li.on a {height:100%; border:none;}
.basic_tab li.on a span {background:#194fa5; color:#fff;}
.basic_tab + h4 {font-size:0;}

.basic_tab li.ov a,
.basic_tab li.on a,
.basic_tab li a:hover,
.basic_tab li a:focus,
.basic_tab li a:active {height:100%;border-bottom:none;border-top:none;background-color:#fff}}


@media screen and (max-width:1023px){
	#wrap, #wrap.main, #wrap.sub{;min-width:100%;}
	#snb,#lnb_hm,#gnbwrap,#svisual,#banner,#footer{width:100%;min-width:100%;max-width:100%}
	.cvisual_wrap .cvisual,
	#snb,
	#footer,
	#footermenu .grap{width:100%}
	#gnb,
	#lnb{display:none;}
	#contentswrap{margin:0;}
	#location,
	#contents{float:none}
}

@media screen and (max-width:1023px){
	#header{height:100%;}
	#snb {min-width:100%;}
	#gnb,
	#snb .basic_search{display:none;}
	#lnb_hm{display:none}
	#snb h1{top:34px;}
	#footer {min-width:100%;}
}

/* 모바일 기능 버튼 */
#respond_buttons{display:none}
@media screen and (max-width:1023px){
	#respond_buttons{display:block;position:absolute;top: 23px;left: 30px;z-index:9999;}
	#respond_buttons a{display:block;width: 20px;height: 14px;overflow:hidden;text-indent:-999px;background: url(/images/mosi2/layout/menu.png)no-repeat;}
}

/* 모바일 메뉴 */
@media screen and (max-width:1023px){
	#topmenu{display:block;position:absolute;top:0;left:-270px;overflow:auto;width:270px;height:100%;opacity:0;background: #fff; border-right: 1px solid #ddd; z-index:1040;}
	#topmenu a{display:block}

	#topmenu .mobile_top {background:#184fa5;}
	#topmenu .mobile_top a {font-size:13px;color:#fff;}
	#topmenu .mobile_top ul {padding:0 0 0 15px;}
	#topmenu .mobile_top ul:after{display:block;clear:both;visibility:hidden;content:"";}
	#topmenu .mobile_top ul li {float:left;}
	#topmenu .mobile_top ul li a {display:block; line-height:60px;}
	#topmenu .mobile_top ul li.n1 a {width:15px; background:url(/images/mosi2/layout/gnbm4.png)no-repeat center; font-size:0;}
	#topmenu .mobile_top ul li.n2 a {width:13px; margin:0 15px;background:url(/images/mosi2/layout/gnbm5.png)no-repeat center; font-size:0;}
	#topmenu .mobile_top ul li.n3 a {margin-right:25px;}
	#topmenu .mobile_top ul li.n4 a {position:relative;}
	#topmenu .mobile_top ul li.n4 a:after {display:block; position:absolute; left:-12.5px; top:24px; width:1px; height:13px; background:#fff; content:"";}

	#topmenu #gnb_device .th1{border-top:1px solid #ddd;}
	#topmenu #gnb_device .th1:first-child{border-top:0}
	#topmenu #gnb_device .th1 a.th1_lnk{padding:15px 0;padding-left:20px;background: url(/images/mosi2/layout/gnbm1.png)no-repeat 90% center;font-size: 18px;color:#000;}
	#topmenu #gnb_device .th1 a.ov,
	#topmenu #gnb_device .th1 a.th1_lnk:active{background:url(/images/mosi2/layout/gnbm2.png)no-repeat 90% center;color: #184fa5;font-weight: 700;}
	#topmenu #gnb_device .th2 {padding:0 20px; border-top: 1px solid #ddd;background:#f0f1f8;}
	#topmenu #gnb_device .th2 li{}
	#topmenu #gnb_device .th2 li a{padding:10px 0; padding-left:10px; border-bottom:1px solid #ddd; color: #000;}
	#topmenu #gnb_device .th2 li a.more {background:url(/images/mosi2/layout/gnbm3.png)no-repeat 90% center;}
	#topmenu #gnb_device .th2 li:last-child a {border:none;}
	#topmenu #gnb_device .th2 li li{background:none;border-top:0}
	#topmenu #gnb_device .th2 li li:last-child a {border-bottom:1px solid #ddd;}
	#topmenu #gnb_device .th2 li li a{padding: 7px 0 7px 20px;color: #000;border: 0;background:none; font-size: 14px;}
	#topmenu #gnb_device .th3{display:none;}
}

/*@media screen and (max-width:479px){*/
	/*#snb h1 a img{width:200px;}*/
/*}*/



@media(max-width:1359px){
	/* 	#gnbwrap #animate:before,
        #gnbwrap #animate:after {display:none;} */

	#tm{width:920px; margin-left:-460px;}
	#tm li ul.th2 li a {padding:0 10px 13px}

	#footerwrap .top {right:10px;top: -60px;}
}

@media(max-width:1280px){
	#snb .asmr {width: 120px;padding-left: 10px;overflow: hidden;}
	#snb .asmr a span {display:none;}
	#snb .sitemap {right:15px;}

	#tm li.th1 a.th1_lnk {font-size:18px;}

	#container {width:100%; min-width:auto;max-width: 100%;/* padding:0 50px; */}
	#contentswrap {width:100%; /*padding:0 50px; */ }
	#location {padding:0 50px;}
	#contents {padding:0 50px 80px;}

	.cvisual_wrap .cvisual .cvisual_arr {display:none;}

	#location .location_wrap .sns ul li.print {display:none;}
}

@media(max-width:1023px){
	#snb {height: 60px;padding: 0 20px;}
	#snb h1 {padding:7px 0 0; }
	#snb h1 a {width: 146px; height: 46px; background-size:146px 46px;}
	#snb .asmr,
	#snb .cultural,
	#snb .util {display:none;}
	#snb .sitemap a {display:none;}
	.cvisual_wrap {height:230px;}
	.cvisual_wrap .cvisual {padding: 30px 20px 0;}
	.cvisual_wrap .cvisual .tit {width:100%; height:auto; border:none; }
	.cvisual_wrap .cvisual .tit:after {display:none;}
	.cvisual_wrap .cvisual .tit strong {font-size:30px;}
}

@media(max-width:767px){
	#container {width:100%; min-width:100%; max-width:100%; }
	/* 	#contentswrap {padding:0 20px;} */
	#location {padding:0;top: -50px;}
	#location .location_wrap {height:auto;padding: 15px 20px;}
	#location .location_wrap .navi:after {display:block;position: absolute;top: 3px;right: -4px;width: 7px;height: 12px;margin-top: 0;background: url(/images/mosi2/layout/location_icon.gif) no-repeat 0 -14px;content: "";}
	#location .location_wrap .navi:last-child:after,
	#location .location_wrap .navi:nth-last-child(2):after {display:none;}
	#location .location_wrap .navi .navi_menu {padding: 0 15px;background: none;border:none;line-height: 1.3;font-size: 14px;}
	#location .location_wrap .navi.n1 {width:auto; height:auto;}
	#location .location_wrap .navi.n1 a {padding: 0 15px 0 0;margin: 1px 0 0;background: none;}
	#location .location_wrap .navi.n1 a span {width:auto;height:auto;font-size:14px;color:#666;vertical-align:middle;line-height: 1.3;}
	#location .location_wrap .navi {width:auto;line-height: 1.3;}
	#location .location_wrap .navi.n2 > a {position:relative;}
	#location .location_wrap .navi ul {display:none;}
	#location .location_wrap .navi.ov ul {display:none;}
	#location .location_wrap .sns {top:-40px;right: 5px;z-index: 1;}
	#location .location_wrap .sns ul li {width:40px; height:40px; background:none;}
	#location h3 {margin: 0;padding: 55px 0 0;border: none;}
	#contents {padding:0 20px 40px;}

	.basic_tab li {float:none; width:100%; border-bottom:1px solid #ddd;}
	.basic_tab li:last-child {border-bottom:none;}
	.basic_tab li a span {font-size:15px;}
}


@media(max-width:530px){

	.cvisual_wrap { height: 200px;}
	#location {margin:0;top: 0;}

}