@charset "utf-8";
/* header */
.wrap{ width: auto; max-width: 1560px; position: relative; margin: 0 auto; padding: 0 10px;}

.header{ position: fixed; top: 0; left: 0; width: 100%; height: auto; z-index: 1000; padding-bottom: 10px;}
.header:hover, .header_t{ height: auto; background: #fff; border-bottom: 2px solid #333;}

.popzone{ position: relative; width: 100%; z-index: 11; }
.popzone .popimg{ position: absolute; top: -223px; left: 0; background: #f8d86e; width: 100%; height: 220px; overflow: hidden; text-align: center;}
.popzone .popimg a{ display:inline-block; width: 410px; height: 190px; border: 2px solid #f8d86e; margin: 10px 0;}
.popzone .popimg a:hover{ border: 2px solid #ed561a; box-shadow: 0 0 3px #ed561a;}
.popzone .popimg a img{ width: 100%; height: 100%;}
.popzone a.mb{ position: absolute; bottom: -25px; left: 50%; margin-left: -70px; color: #85733b; background: #f8d86e; display: inline-block; border-bottom-left-radius: 50px; border-bottom-right-radius: 50px; font-size: 0.85em; padding: 6px 40px 7px 40px;}
.popzone a.mb span{ display: none; font-weight: bold;}
.popzone .b{ position: absolute;}
.head_pop{ top: 220px;}
.header .popzone a.mb_o{ display: block;}
.header .popzone a.mb_x{ display: none;}
.head_pop .popzone a.mb_o{ display: none;}
.head_pop .popzone a.mb_x{ display: block;}

.header h1{ position: absolute; top: 40px; left: 20px; z-index:1;}
.header h1 a{ background: url(/images/main/logo2.png) no-repeat 0 0; width: 239px; height: 40px; display: block;}
.header .wrap{ padding: 0; overflow: hidden;}

.htop90{height:0px !important;}
.htop0{height:0px !important;}
.mtop100{margin-top:0px !important;}		 			
.header_notice{width:100%; position:relative;background:#b73d41;}
.notice_bg.hide{height:0px !important;} 
.header_notice .header_notice_bg{width:100%; background-color:#b73d41; background-image: url('/images/main/bg_hnotice01.png'),url('/images/main/bg_hnotice02.png'); background-repeat: no-repeat; background-position: top left, top right; background-size: contain, contain; text-align:center;color:#fff; font-size:1em; overflow:hidden; transition:all 0.3s; height:0px;}
					
.header_notice_bg p{width:100%; max-width:600px; margin:15px auto; padding:20px 20px 20px 90px ; box-sizing:border-box; background:url('/images/main/icon_hnotice.png') no-repeat left center; text-align: left;}
.header_notice_bg span{font-size:1em; display:block; line-height: 1.5em;}
.header_notice_bg em{font-weight: bold; color:#fff600; font-style:inherit; margin-left:5px; display:block; line-height: 1.5em;}
.header_notice_bg strong{color:#fff600;}
.header_notice_bg .detail{font-size:1.1em; font-weight:bold;}

.header_notice .headerbtn{width:90px; height:35px;background:#1a2934; color:#fff; border:none; position:absolute; bottom:-35px; right:0; font-size:0.75em; z-index:100;}
@media screen and (max-width:1700px){
	.header_top .wrap p.l{margin-right:80px;}
}
@media screen and (max-width:1065px){
	.header_notice .headerbtn{bottom:-129px; width:90px; height:38px;}
	.header_notice_bg span{font-size:0.8em;}
	.header_notice_bg .detail{font-size:1em;}
	.header_notice_bg p{margin:20px auto;}
}


/* red */
/* 
.header .info{ position: absolute; top: 30px; right: 0; background: #c80b29; border-radius: 100px;} 
.header .info div a.p {background: #c80b29 url(/images/main/icon_s_p.png) no-repeat center center; display: block; width: 55px; height: 55px; border-radius: 100px; position: absolute; top: 0; right: 0; display: none;}
.header .info div a.x {background: url(/images/main/icon_s_x.png) no-repeat center center; display: block; width: 35px; height: 35px; border-radius: 100px; position: absolute; top: 10px; right: 10px; display: none; z-index: 10000;}
.header .info div fieldset{ position: absolute; top: 0; right: -340px; overflow: hidden; width: 340px; height:55px; overflow:hidden; background: #c80b29; border-radius: 100px;} 
.header .info div fieldset input[type='text']{ float:left; background: #c80b29; border: none; font-size: 1.2em; color: #fff; padding: 13px 5px 13px 25px; width: 210px; height: 30px;}
.header .info div fieldset input.sb{ float:left; cursor:pointer; background: #c80b29 url(/images/main/icon_s_p.png) no-repeat center center; display: block; width: 55px; height: 55px; border: none;}
*/
.header .info{ position: absolute; top: 30px; right: 0; background: #003964; border-radius: 100px;}
.header .info div{ position: relative;}
.header .info div a.p {background: #003964 url(/images/main/icon_s_p.png) no-repeat center center; display: block; width: 55px; height: 55px; border-radius: 100px; position: absolute; top: 0; right: 0; display: none;}
.header .info div a.x {background: url(/images/main/icon_s_x.png) no-repeat center center; display: block; width: 35px; height: 35px; border-radius: 100px; position: absolute; top: 10px; right: 10px; display: none; z-index: 10000;}
.header .info div fieldset{ position: absolute; top: 0; right: -340px; display:none; overflow: hidden; width: 340px; height:55px; overflow:hidden; background: #003964; border-radius: 100px;}
.header .info div fieldset input[type='text']{ float:left; background: #003964; border: none; font-size: 1.2em; color: #fff; padding: 13px 5px 13px 25px; width: 210px; height: 30px;}
.header .info div fieldset input::-webkit-input-placeholder {color: #ddd;}
.header .info div fieldset input:-ms-input-placeholder {color: #ddd;}
.header .info div fieldset input::placeholder {color: #ddd;}
.header .info div fieldset input.sb{ float:left; cursor:pointer; background: #003964 url(/images/main/icon_s_p.png) no-repeat center center; display: block; width: 55px; height: 55px; border: none;}

/* 롤링 알림 */
.top_notice{height:35px; overflow:hidden; float:left; width:40%; max-width:500px;}
.rolling{position:relative; height:auto; width:90%;}
.rolling li{width:100%; height:35px; line-height:35px; border:none !important; white-space: nowrap; text-overflow:ellipsis;}
.rolling li a{color:#fff;}
.btn_notice{position:relative; float:left; opacity:0.7;}
.rolling_stop{float:left; width:20px; height:35px; color:#fff; text-align:center; overflow:hidden; margin-left: 10px;}				
.rolling_start{float:left; width:20px; height:35px; color:#fff; text-align:center; overflow:hidden;}
.rolling_stop i, .rolling_start i {font-size:0.9em; line-height: 35px; width:15px;} 
.rolling_stop i span, .rolling_start i span{text-indent: -9999px;}
.header_top .wrap span.i {float: left;background: url(/images/main/info_0911.png) no-repeat 0 5px;padding: 0px 0px 5px 47px;color: #fff;font-size: 0.8em;margin: 0px 5px;font-weight: bold; opacity:1;}
.header_top .wrap span.i a{padding:0; font-size:1em; opacity:1;}
			

.header .gnb{ float: right; width: 100%; position: relative; overflow: hidden; height: 90px;}
.header .gnb ul{ padding: 25px 30px 0 300px;}
.header .gnb ul li{ float: left; width: 14%;}
.header .gnb ul li:nth-child(2){ width: 11%;}
.header .gnb ul li:nth-child(3){ width: 18%;}
.header .gnb ul li a{ display: block;}
.header .gnb ul li a.m, .header .gnb ul li button.m2{ color: #222; font-size: 1.2em; letter-spacing: -0.05em; padding: 20px 0; display: block; background: none; border: none; font-weight: bold;}
.header .gnb ul li button.m2{ display: none;}
.header .gnb ul li:hover a.m{ color: #c80b29;}
.header .gnb ul li div a{ color: #444; display: block; font-size: 0.9em; padding: 8px 10px 8px 0; letter-spacing: -0.1em;}
.header .gnb ul li div a:hover{text-decoration: underline; color: #c80b29;}
.header .gnb:hover, .header .gnb_h{ height: 400px;}
.header .gnb .allm{ position: absolute; top: 0px; right: 0px; background: #ddc1af; display: block; width: 60px; height: 60px; text-align: center;}
.header .gnb .allm span{ display: block; width: 50%; height:4px; background: #333; border-radius: 10px; margin: 4px auto;}
.header .gnb .allm:hover span{ width: 60%; background: #000; box-shadow: 0 0 1px #333;}
.header .gnb .allm span:nth-child(1){ margin-top: 20px;}
.header .gnb .allm_x{ display: none; background: #fff;}
.header .gnb .allm_o{ display: none;}
.header .lang{ display: none;}

.header_h{ background: #fff; border-bottom: 1px solid #333; padding-bottom: 0;}
.header_h h1{ top: 25px;}
.header_h .gnb{ height: 80px;}
.header_h .gnb ul{ padding-top: 15px;}
.header_h .info{ top:15px;}


/* header red */
/* .header_top{ background: #c80b29; width:100%; height: 35px; overflow: hidden;}
.header_top .wrap ul li{ border-right: 1px solid #d9556a;}
 */
.header_top .wrap{ overflow: hidden;}
.header_top .wrap ul, .header_top .wrap ul li{ float: left;}
.header_top .wrap ul li.on{ background: #fff;}
.header_top .wrap ul li a{ display: block; padding: 11px 25px; color: #fff; opacity: 0.7; font-size: 0.85em; letter-spacing: -0.05em;}
.header_top .wrap ul li.on a{ color: #272727; opacity: 1; font-weight: bold;}
.header_top .wrap p.l{ float: right;}
.header_top .wrap p.l a{ display: inline-block; color: #fff; padding: 11px 12px; font-size: 0.85em;}
.header_top .wrap p.l a.o{ color: #ffeb0d;}
.header_top .wrap p.i{ float:left; background:url(/images/main/info_0911.png) no-repeat 0 3px; padding:9px 0px 5px 47px; color:#fff; font-size:0.8em; margin:2px 10px; font-weight:bold;}
.header_top .wrap p.i a{ color:#fff;}

@media screen and (max-width:1065px){
		.header_top .wrap ul li a{color: #222;}
}

/* header blue */
.header_top{ background: #003964; width:100%; height: 35px; overflow: hidden;}
.header_top .wrap ul li{ border-right: 1px solid #4d7593;}
.subbg .header_top .wrap ul li.on{ background: #f6f6f6;}
.subbg .header_h .header_top .wrap ul li.on{ background: #fff;}
.subbg .header_t .header_top .wrap ul li.on{ background: #fff;}

/* main section */
.mcon1{ background:#fff url(/images/main/main_bg.jpg) no-repeat right bottom;  position: relative;}
.mcon2{ background: #dde7e6;}
.mcon3{ background: url(/images/main/main_bg2.jpg) no-repeat center center; background-size: cover; text-align: center;}
.mcon4{ background: #f8f8f8; }
.mcon5{ background: #f8f8f8;}
.down-arrow{ position: fixed; bottom:10px; left: 50%; margin-left:-440px; z-index:1000;}
.mcon1 h2, .mcon4 h2, .f_wrap h2{ display: none;}


.mcon_q h2{ display: none;}
.mcon_q ul{position: fixed; bottom: 0px; left: 50%; width: 100%; height:45px; min-width:1100px; z-index: 900; text-align:center;transform: translateX(-50%);
-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);-moz-transform: translateX(-50%);-o-transform: translateX(-50%);
}
.mcon_q ul li{ width:180px; display:inline-block; border-radius:50px; background: #222; border:1px solid #000; transition:all 0.5s;}
.mcon_q ul li a{ display: block; text-align: center; color: #fff; padding: 9px 0 13px 0; font-size: 0.9em; opacity: 0.7;}
/* .mcon_q ul li.active{width:280px; background: #c80b29;border:none;} */
.mcon_q ul li.active{width:280px; background: #024aa7;;border:none;}
.mcon_q ul li.active a{  opacity: 1; color:#fff; }
.mcon_q .mcon_bot{ bottom: 0;}
.mcon_q .floating-logo img{ margin: 10px 0 0 0;}
.mcon_q > div.mcon_qside{ position: fixed; top: 50%; right:10px; margin-top:-120px; z-index: 1000; background: rgba(0, 0, 0, 0.7); width: 70px; text-align: center; border-radius: 100px; padding: 30px 0;}
.mcon_q > div a{ display: block; padding: 7px 0;}


.mvisw{position: relative; overflow: hidden; padding: 140px 100px 10px 50px;}
.mvis{ position: relative;  overflow: hidden; height:500px; border-radius:10px; box-shadow: 0 0 5px #a3978d; }
.mvis .vis{width:100%; background-position: 50% 60%; background-size: cover;}
.mvis .vis2{ background-position: left center; background-size:100%; background-color: #fff; background-repeat: no-repeat;}
.mvis .vis a{ display: block; height:500px;}
.mvis .vis a img{ margin: 120px 150px 0 150px;}
.mvis .vis_r a{ text-align: right;}
.mvis #prev, .mvis #next{ position: absolute; top:43%; z-index:110;}
.mvis #prev{ left:20px;}
.mvis #next{ right:20px;}
.mvis .pa{border-radius:5px; box-shadow: 0 0 5px #c2c2c2; border: 1px solid #c2c2c2; position: absolute; bottom:12px; right:12px; z-index:110; background: #fff; padding:5px 10px 10px 10px;}
.mvis .pa *{ vertical-align: middle;}
.mvis .pa p{ display: inline-block; padding-left: 5px;}
.mvis .pa p a{ display: inline-block; padding-top: 5px;}
#adv-custom-caption span{ font-size: 0.85em; color:#666; display: inline-block;}
#adv-custom-caption span:first-child{ letter-spacing: -0.05em; padding-right:10px;}
#adv-custom-caption span:nth-child(2){color:#222; font-weight: bold;}


/* 메인비주얼 독립영웅 */
.vis_hero a.hide{display:none;}
#hero_vis{text-align: center;}
#hero_vis ul{width:100%; max-width:1440px; height:50px; position:absolute; left:0;  font-size: 0px; display:inline-block;}    
#hero_vis ul:nth-of-type(2){top:50px;}
#hero_vis ul:nth-of-type(3){top:100px;}
#hero_vis ul:nth-of-type(4){top:150px;}
#hero_vis ul:nth-of-type(5){top:200px;}
#hero_vis ul:nth-of-type(6) li:nth-of-type(5), #hero_vis ul:nth-of-type(5) li:nth-of-type(5){margin-left:calc(27.27% + 1px);}
#hero_vis ul:nth-of-type(6){top:250px;}
#hero_vis ul:nth-of-type(7){top:300px;}
#hero_vis ul:nth-of-type(8){top:350px;}
#hero_vis ul:nth-of-type(9){top:400px;}
#hero_vis ul:nth-of-type(10){top:450px;}
#hero_vis li{display: inline-block;list-style: none; width:calc(9.09% - 1px); height:49px; overflow: hidden;margin:1px 0px 1px 1px; vertical-align: top;background-size: cover; background-repeat: no-repeat;  background-position: center top; padding:0; opacity:0.8;}
#hero_vis li:hover{opacity:1;}
#hero_vis li a{display: block; width:100%; height: 100%; transition:0.3s;}
#hero_vis li a i{color:#fff; font-size:30px; line-height: 49px;  opacity:0; transition:0.3s;}
#hero_vis li a:hover i{opacity:1;}
#hero_vis li a:hover{background: rgba(0,0,0,0.7);}
#hero_vis li a span{display: block; text-indent: -9999px; width:100%; height: 100%;}    

#hero_vis li.hero_title {width:calc(27.27% - 1px); height:149px; position: relative;  z-index:10; opacity:1;}
#hero_vis li.hero_title a{display:block; width:100%; height: 100%;  z-index:10; }
#hero_vis li.hero_title a:hover, #hero_vis li.logo a:hover{background:none;}
#hero_vis li.hero_title img{display:block; width:100%; position: relative; margin:0; top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);}


@media screen and (max-width:1065px){
	#hero_vis{display:none;}
	.vis_hero a.hide{display:block;}
	.vis_hero {background-image: url(/images/main/main_vis_hero.jpg) !important;}
	
		
}

/* 메인비주얼 온라인전시관 */
.vis_onlineexhi a.hide{display:none;}
.main_onlineexhi_wrap{width:100%; height:100%; background-size: cover; margin:0;}
.mvis .vis.vis_onlineexhi{background-position: 50% 0%; height:100%; background-size: cover;}
.mvis .vis .main_online{width:80%; margin:0 auto; font-size:0; padding-top:140px;}
.mvis .vis .main_onlineexhi{width:100%; margin:0; padding:0;}
.mvis .vis .main_onlineexhi li{display: inline-block;width: 15.6%;max-height: 235px;margin-right:1%;overflow: hidden;}
.mvis .vis .main_onlineexhi li a{width:100%; display:block;opacity:0.8;}
.mvis .vis .main_onlineexhi li a:hover{opacity:1;}
.mvis .vis .main_onlineexhi li a img{width:100%; margin:0;}
.mvis .vis .main_btn_online{width:100%; margin:10px auto 0;}
.mvis .vis .main_btn_online li{width:50%; display: inline-block; font-size:0;}
.mvis .vis .main_btn_online li a{width: 97.5%;height: 50px;font-size: 16px;display: block;border: 1px solid #fff;line-height: 50px;text-align: center;color: #fff;background: rgba(0,0,0,0.6);}
.mvis .vis .main_btn_online li a:hover{background: rgba(0,0,0,1);}
@media screen and (max-width:1065px){
	.main_onlineexhi_wrap{display:none;}	
	.vis_onlineexhi a.hide{display:block;}
	.mvis .vis.vis_onlineexhi {background-image: url(/images/main/main_vis_onlineexhi_m.jpg) !important;}
}

/* 메인비주얼 모두보기 */
.all_slide_wrap{position:fixed; top:0; left:0;  width:100%; height: 100%; background:rgba(0,0,0,.5); z-index:9999; overflow: auto; display: none;}
.all_slide_wrap .all_slide{margin:40px auto; width:100%; max-width: 1400px; text-align: center;}
.all_slide_wrap .all_slide li{width:50%; max-width:700px; float:left; padding:2px; box-sizing: border-box;}
.all_slide_wrap .all_slide li a{display: block;height: 0;padding-top: 36%;text-indent: -9999px;background-size: cover;overflow: hidden;}
.all_slide_wrap .slide_close{width:60px; height: 60px; position: fixed; left:calc(50% + 700px); top:40px;z-index: 9999; background: #333; opacity:.7; color:#fff; font-size:32px; line-height: 50px;}
.all_slide_wrap .slide_close:hover{opacity:1;}
html.fixed{position:fixed; width:100%; overflow:hidden;}
@media screen and (max-width:1065px){
	.all_slide_wrap .all_slide li{width:100%;}
	.all_slide_wrap .slide_close{top:inherit; bottom:0; left:calc(50% - 30px);}
}

.mbbs_w{ position: relative; overflow: hidden; padding: 0 520px 30px 50px;}
.mbbs{ overflow: hidden; min-height: 210px; border-radius:10px; box-shadow: 0 0 5px #c2c2c2; border: 2px solid #d2c7bc; background: #fff;}
.mbbs ul{ position: relative;}
.mbbs ul li{ float: left; width: 25%; border-bottom:1px solid #dcdcdc; background: #eeeeee;}
.mbbs ul li a.m{ border-right:1px solid #dcdcdc; display: block; text-align: center; color: #666; padding: 12px 0; opacity: 0.7; font-weight: bold;}
.mbbs ul li:last-child{padding-right:0; }
.mbbs ul li.active{ border-bottom:1px solid #fff; background: #fff;}
.mbbs ul li.active a.m{ opacity: 1; color: #222;}
.mbbs ul li div{ position: absolute; top: 45px; left: 0; width: 94%; margin-left:3%;  display: none;}
.mbbs ul li div a{ display: inline-block; float: left; width: 50%; line-height: 1.6em;}
.mbbs ul li div a strong{ display: block; color: #333; font-size: 1em; font-weight: normal; padding: 15px 15px 0 15px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.mbbs ul li div a span{ display: block; font-size: 0.85em; color: #666; padding: 0 15px;}
.mbbs ul li div a:hover strong{ color: #f65100;}
.mbbs ul li.active div{ display: block;}
.mbbs ul li a.more{ position: absolute; top: 170px; right: 15px; background:#777; color: #fff; font-weight:bold; border-radius: 100px; letter-spacing:0.05em; font-size: 0.7em; padding: 6px 15px 8px 15px; display: none;}
.mbbs ul li.active a.more{ display: block;}
.mbbs_w .m_popup{ position: absolute; top: 0; right: 100px; width: 408px; overflow:hidden; border-radius:10px; box-shadow: 0 0 5px #c2c2c2; border: 2px solid #d2c7bc;  min-height: 210px; background: #eeeeee;}
.mbbs_w .m_popup h3{ color: #f8d86e; padding: 14px 0; display: none;}
.mbbs_w .m_popup div#popupZoneSlideShow{overflow: hidden; background:#eeeeee; height: 170px;}
.mbbs_w .m_popup div#popupZoneSlideShow > a{ display: block; width: 408px; height: 170px;}
.mbbs_w .m_popup div#popupZoneSlideShow > a img{ width: 100%; height: 100%;}
.mbbs_w .m_popup .m_b{ overflow: hidden; padding: 5px 10px 0 10px; height:35px; text-align: right;}
.mbbs_w .m_popup .m_b p{ display:inline-block; overflow:hidden; float:right;}
.mbbs_w .m_popup .m_b p#adv-custom-caption2{ padding:6px 10px;}
.mbbs_w .m_popup .m_b p span{  display:inline-block; font-size: 0.85em; color:#666; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.mbbs_w .m_popup .m_b p span.t{ color:#222; padding-left:10px; font-weight:bold;}
.mbbs_w .m_popup .m_b p span:first-child{ max-width:220px; padding-bottom:1px;}
.mbbs_w .m_popup .m_b p.d { padding-top:5px;}
.mbbs_w .m_popup .m_b p.d a{ font-size:0; line-height:0; float:left;}

.mcon2 h2{ text-align: center; font-size: 2em; letter-spacing: -0.05em; color: #477e78; font-weight: normal; padding: 170px 0 15px 0;}
.mcon2 h2.ed{ padding-top: 50px;}
.mcon2 .wrap{ overflow: hidden; padding: 10px 130px 10px 50px; max-width: 1440px;}
.mcon2 .mcon2_1, .mcon2 .mcon2_2, .mcon2 .mcon2_3{ float: left; box-shadow: 0 0 3px #a6bab8; border-radius: 5px; height: 210px; overflow: hidden; position: relative;}
.mcon2 .mcon2_1, .mcon2 .mcon2_2{ width: 37%; background: #fff; margin-right: 1.5%;}
.mcon2 .mcon2_1 a.more, .mcon2 .mcon2_2 a.more{ position: absolute; top: 15px; right: 15px;}
.mcon2 .mcon2_1 dl dt strong, .mcon2 .mcon2_2 dl dt strong{ color: #477e78; font-size: 1em; line-height:1.2em; font-weight: normal; display: inline-block;}
.mcon2 .mcon2_1 dl dt{height: 30px; padding:30px 0 0 35px;}
.mcon2 .mcon2_1 dl dt span{ background: url(/images/main/mcon2_1_icon.gif) no-repeat 19px 8px; padding: 6px 0 0 45px; color: #e90b1d; font-size: 0.9em;}
.mcon2 .mcon2_1 dl dd{ margin-left: 35px; padding-right: 20px; height: 140px; overflow: hidden; overflow-y: auto;}
.mcon2 .mcon2_1 dl dd a{ display: block; overflow: hidden; position: relative;}
.mcon2 .mcon2_1 dl dd a strong{ border-radius: 100px; background: #577774; color: #fff; width: 70px; text-align: center; display: inline-block; font-size: 0.75em; padding: 4px 0 6px 0; position: absolute; top: 2px; left: 0; font-weight: normal; }
.mcon2 .mcon2_1 dl dd a span{ display: block; padding: 5px 0 7px 78px; font-size:0.9em; letter-spacing:-0.05em;}
.mcon2 .mcon2_2 dl{ padding:40px 0 0 0; background: #fff; width: 100%;}
.mcon2 .mcon2_2 dl dd, .mcon2 .mcon2_2 dl dt{ padding: 0 30px 0 160px; overflow: hidden;}
.mcon2 .mcon2_2 dl dd.img{ position: absolute; top: 32px; left: 35px; width: 110px; padding:0; height: 150px; background: #d2d3d2 url(/images/common/no_img.png) no-repeat center; overflow: hidden; border:1px solid #e6e6e6;}
.mcon2 .mcon2_2 dl dd.img a img{ width: 100%; height: 100%;}
.mcon2 .mcon2_2 dl dd.txt strong{ font-size: 1.1em; line-height: 1.2em; letter-spacing: -0.05em; color: #222; font-weight: normal; padding: 15px 0; display: block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.mcon2 .mcon2_2 dl dd.txt span{ font-size: 0.85em; color: #666; display: block; padding: 2px 10px 2px 0; line-height: 1.2em;}
.mcon2 .mcon2_2 dl dd.link{padding:0;}
.mcon2 .mcon2_2 .noimg{ text-align: center; padding:35px 0; display: block}
.mcon2 .mcon2_2 p.d{ overflow: hidden; padding: 5px 0; clear: both; float: right; margin-top:10px; margin-right:20px;}
.mcon2 .mcon2_2 p.d span{ float: left; padding: 5px 10px 0 10px; font-size: 0.8em; display: inline-block;}
.mcon2 .mcon2_2 p.d a{ display: inline-block; font-size: 0; line-height: 0; float: left;}
.mcon2 .mcon2_2 dl dd.txt a{width:calc(-180px + 100%);position:absolute;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.mcon2 .mcon2_2 dl dd.txt span:first-of-type{margin-top:50px;}

.mcon2 .mcon2_3{ width: 23%; background: #f8d86e url(/images/main/mcon2_3_bg.gif) no-repeat right bottom;}
.mcon2 .mcon2_3 dl dt{ padding: 35px 0 10px 35px; color: #2a2c2c; font-size: 1.1em; letter-spacing: -0.05em;}
.mcon2 .mcon2_3 dl dd{ padding: 0 40px 0 35px; color: #555; font-size: 0.9em; line-height: 1.3em; }
.mcon2_3 dl dd a{ display: block; padding-top: 15px;}
.mcon2_4{ float: none; clear: both; width: 100%; overflow: hidden; text-align: center; position: relative;}
.mcon2_4 div{overflow: hidden; text-align: left; position: relative; padding-bottom: 10px;}
.mcon2_4 div p{ float: left; width: 25%;}
.mcon2_4 div a{ display: block; border: 2px solid #fff; border-radius:5px; line-height: 1.6em; padding: 15px 0 10px 0; margin:5px; text-align: center; background: #fff; box-shadow: 0 0 3px #a6bab8; border-radius: 5px;}
.mcon2_4 div a strong{ display: block; font-size: 1.1em; color: #222; font-weight: normal; padding: 0 10px 0 10px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.mcon2_4 div a span{ display: block; padding: 0 10px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.mcon2_4 div a span.t{ font-size: 0.8em; line-height:1.4em; color: #444; opacity: 0.7; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding:3px 0 10px 0;}
.mcon2_4 a.more{background: #a4b8b6; color: #333; border-radius: 100px; display: inline-block; font-size: 0.8em; padding: 11px 30px 8px 30px;}
.mcon2_4 a.more.more:hover{ background: #577774; color:#fff;}
.mcon2_4 div a span.ing_b, .mcon2_4 div a span.ing_r, .mcon2_4 div a span.ing_g{ display: inline-block; border-radius: 100px; background: #aeaeae; color: #fff; padding: 4px 15px 5px 15px; font-size: 0.65em; line-height: 1.2em;}
.mcon2_4 div a span.ing_b{ background: #1B70F0;}
.mcon2_4 div a span.ing_r{ background: #DF3232;}
.mcon2_4 div a span.i, .mcon2_4 div a span.i2, .mcon2_4 div a span.i3{ color:#666; display: inline-block; border-radius: 100px; padding: 2px 12px 3px 12px; font-size: 0.65em; line-height: 1.2em; border: 2px solid #ccc;}
.mcon2_4 div a span.i{ border-color: #a9c7f9;}
.mcon2_4 div a span.i3{ border-color: #f9afa9;}
.mcon2_4 div a:hover{ border: 2px solid #ed561a;}
.mcon2_4 div a:hover strong{ color: #ed561a;}

.mcon3 .wrap{ overflow: hidden; padding: 170px 130px 10px 50px; max-width: 1440px;}
.mcon3 .fl{ float: left; width: 70%;}
.mcon3 .fl h2{ text-align: center; padding: 0 0 10px 0;}
.mcon3 .fl .mcon3_s{ display: inline-block; margin: 0 auto; width: 550px; position: relative;}
.mcon3 .fl .mcon3_s input.i{ border: 5px solid #f84755; background: none; padding: 12px 50px 12px 10px; text-align: center; font-size: 1.2em; color: #f84755; display: block; width: 480px;}
.mcon3 .fl .mcon3_s input.i:hover, .mcon3 .mcon3_s input.i:focus{ color: #f84755;}
.mcon3 .fl .mcon3_s input.b{ position: absolute; top: 0; right:0; width: 50px; height: 60px; background: url(/images/main/mcon3_s_btn.png) no-repeat center; border: none; cursor: pointer;}
.mcon3 .fl .mcon3_b{ padding: 0 100px;}
.mcon3 .fl .mcon3_b a{ display: inline-block; width: 30%; text-align: center;}
.mcon3 .mlist{ overflow: hidden; padding: 30px 0 0 0;}
.mcon3 .mlist p{ float: left; width: 33%;}
.mcon3 .mlist a{ position:relative; display: block; min-height: 210px; overflow: hidden; text-align: center; margin: 0 5px; background: #fff; border-radius: 3px; border: 1px solid #999;}
.mcon3 .mlist a span, .mcon3 .mlist a strong{ display: block; text-align: center; vertical-align: middle;}
.mcon3 .mlist a span.img{ width: 100%; height: 200px; overflow: hidden; background: #e7e2d9 url(/images/common/no_img.png) no-repeat center center;}
.mcon3 .mlist a span.img img{ width: 100%; height: 100%;}
.mcon3 .mlist a span.t{ color: #ac9d8a; font-size: 0.85em; padding: 15px 20px 0 20px; display: none;}
.mcon3 .mlist a span.k{ color: #a3a3a3; font-size: 0.85em; padding: 0 20px; display: none;}
.mcon3 .mlist a strong{ color: #fff; font-size: 1.1em; font-weight: normal; padding: 10px 0; position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; background: rgba(0, 0, 0, 0.7);}
.mcon3 .mlist a:hover strong{ color: #ed561a;}
.mcon3 .fr{ float: right; width: 27%;}
.mcon3 .fr dl{  background: #fff; border: 1px solid #999; min-height: 400px; border-radius: 3px;}
.mcon3 .fr dl:hover{ border: 1px solid #f84755; box-shadow: 0 0 3px #000;}
.mcon3 .fr dl dt{ color: #e90b1d; padding: 20px 0 10px 0; text-align: center;}
.mcon3 .fr dl dd{ padding: 0 30px 20px 30px; text-align: left;}
.mcon3 .fr dl dd a{ line-height: 1.4em; display: block; }
.mcon3 .fr dl dd span, .mcon3 .fr dl dd strong{ display: block;}
.mcon3 .fr dl dd span.img{ width: 100%; height: 200px; text-align: center; overflow: hidden; background: #f6f6f6 url(/images/common/no_img.png) no-repeat center center}
.mcon3 .fr dl dd span.img img{ height:100%;}
.mcon3 .fr dl dd strong{font-size: 1.1em; line-height: 1.2em; letter-spacing: -0.05em; color: #222; text-align: center; font-weight: normal; display: block; padding: 20px 10px 10px 10px;}
.mcon3 .fr dl dd a:hover strong{ color: #ed561a;}
.mcon3 .fr dl dd span.t{ font-size: 0.85em; color: #666; padding: 0 10px;}
.mcon3 .mcon3_b_fl{  width: 100%; padding-top:60px; overflow: hidden;}
.mcon3 .mcon3_b_fl p{ float: left; width: 25%;}
.mcon3 .mcon3_b_fl p a{ display: block; margin: 0 5px; height: 190px; text-align: right; border-radius: 3px; border: 1px solid #999;}
.mcon3 .mcon3_b_fl p a:hover, .mcon3 .mlist a:hover{ border: 1px solid #f84755; box-shadow: 0 0 3px #000; opacity: 0.7;}
.mcon3 .mcon3_b_fl p a img{ margin: 60px 20px 30px 10px;}
.mcon3 .mcon3_b_fl p.b1 a{ background:#21416b url(/images/main/mcon4_b_b1_bg.png) no-repeat 10px 10px;}
.mcon3 .mcon3_b_fl p.b2 a{ background:url(/images/main/mcon4_b_b2_bg.jpg) no-repeat 0 -10px;}
.mcon3 .mcon3_b_fl p.b3 a{ background:#ffcb02 url(/images/main/mcon4_b_b3_bg.gif) no-repeat 15px center; background-size: 45%}
.mcon3 .mcon3_b_fl p.b4 a{ background:url(/images/main/mcon4_b_b4_bg.jpg) no-repeat 0 center; background-size: cover}
.mcon3 .mcon3_b_fr{ overflow: hidden; padding: 32px 0 30px 0; }
.mcon3 .mcon3_b_fr a{ display:block; text-align:center; float: left; width:33.3333%;}
.mcon3 .mcon3_b_fr2 a img{padding: 20px 0}
.mcon3 .mcon3_b_fr span, .mcon3 .mcon3_b_fr strong{ display:none;}

.mcon5 h2{ text-align: center; font-size: 2em; letter-spacing: -0.05em; color: #444; font-weight: normal; padding: 170px 0 15px 0;}
.mcon5 .wrap{ overflow: hidden; max-width: 1400px; text-align: center; padding:20px 130px 20px 50px;}
.m_exhi{ overflow: hidden;}

.m_exhi p{ float: left; width: 24%; margin:0.5%; text-align: center;}
.m_exhi p.b_done{ float: left; width: 49%; margin:0.5%; text-align: left;}
.m_exhi p.b_done a{background-image: url(/images/sub/b_done_bg.jpg);}
.m_exhi p.b_done a::before{content:''; height:180px; display: inline-block; vertical-align: middle;}
.m_exhi p.b_done a img{ display: inline-block; vertical-align: middle; margin-left:24px; max-height: 100%; max-width: calc(100% - 24px);}
.m_exhi p.b_exhi_pre{ float: left; width: 49%; margin:0.5%; text-align: left;}
.m_exhi p.b_exhi_pre a{background: #005790 url(/images/sub/bg_exh_pre.jpg) no-repeat 95% 90%; background-size:auto 70%;  color:#fff;}
.m_exhi p.b_exhi_pre span{background: none;margin:24px 0 0 24px;color:#fff;font-size: 1.6em;line-height: 1.2em;letter-spacing: -0.04em;}

.m_exhi p.b_exhi_6{ float: left; width: 49%; margin:0.5%; text-align: left; background: url('/images/sub/bg_exhi01_01.jpg') no-repeat center center; background-size:cover;}
.m_exhi p.b_exhi_6 a{
	background: rgb(0,0,0);
	background: -moz-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 60%);
	background: -webkit-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 60%);
	background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 60%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);	
	color:#fff; padding:24px 0 0 24px; box-sizing: border-box;}
.m_exhi p.b_exhi_6 span{background: none;color:#fff; font-size:1.1em; line-height: 1em; letter-spacing: -0.04em;}
.m_exhi p.b_exhi_6 span.sm{font-size:0.9em; color:#EDA01A; font-weight: bold;}
.m_exhi p.b_exhi_6 span.title{margin:6px 0 8px; font-size:1.4em;}
.m_exhi p.b_exhi_6 span.title strong{font-size: 1.3em; font-weight: bold; background:none; display:inline;}
/* .m_exhi p{ float: left; width: 49%; margin:0.5%; text-align: center;} */ 
.m_exhi p a{ display: block; position: relative; border-radius:3px; overflow:hidden; background:#fff; border: 2px solid #fff; box-shadow: 0 0 3px #a6bab8; height: 180px; background-size: cover; background-position: center; background-repeat: no-repeat;}
.m_exhi p a span, .m_exhi p a strong{ display: block; background: rgba(0, 0, 0, 0.75); color: #fff; transition:all 0.5s ease;}
.m_exhi p a strong{ padding: 15px 0 10px 0; color: #fff;}
.m_exhi p a span{ color:#c4c4c4; padding-bottom:10px; font-size:0.9em;}
.m_exhi p a.me1{ background-image: url(/images/sub/exhi1_img3_m.jpg);}
.m_exhi p a.me2{ background-image: url(/images/sub/exhi2_img6_m.jpg);}
.m_exhi p a.me3{ background-image: url(/images/sub/exhi3_img4_m.jpg);}
.m_exhi p a.me4{ background-image: url(/images/sub/exhi4_img6_m.jpg);}
.m_exhi_s{ overflow: hidden;}
.m_exhi_s p{ float: left; width: 25%; text-align: center;}
.m_exhi_s p a{ display: block; margin: 5px; border-radius:3px; padding:10px 0; background:#fff; border: 2px solid #fff; box-shadow: 0 0 3px #a6bab8; position: relative; }
.m_exhi_s p a .i{ position: absolute; top: -2px; left: -2px;}
.m_exhi_s p a .img{ display: block; margin-bottom: 15px;}
.m_exhi_s p a .img img.p{ width: 100%; transition:all 0.5s ease;}
.m_exhi_s p a strong{ display: block; padding: 5px 10px 10px 10px; color: #222;}
.m_exhi_s p a span{ padding: 3px 10px; font-size: 0.9em; display: block;;}
.m_exhi_s p a:hover, .m_exhi p a:hover{ border: 2px solid #ed561a;}
.m_exhi_s p a:hover strong, .m_exhi p a:hover strong{ color:#ed561a;}

/* 주제별 전시해설 버튼 */
.btn_themedown{display: block;text-align: center;}
.btn_themedown a{background: #555;padding: 5px 30px;color: #fff;border-radius: 20px;display: inline-block;}
.btn_themedown a:hover{background:#333;}


/* footer */
.f_wrap{ overflow: hidden; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; background: #fff; text-align: center; height: 80px;}
.f_wrap .f_b1{ width: 250px; border-right: 1px solid #e6e6e6;  position: absolute; top: 0; left: 0; height: 80px;}
.f_wrap .f_b1 div{ float: left;}
.f_wrap .f_b1 div.fc{ width: 250px; text-align: left;}
.f_wrap .f_b1 div.fc > a{ display: block; padding: 15px; width: 190px; height: 80px;}
.f_wrap .f_b1 div.fc > a > img{width:180px; height:50px;}
.f_wrap .f_b1 div.cycle-pager { position: absolute; top:22px; right:30px; float: none;}
.f_wrap .f_b1 div.cycle-pager strong a{ font-size: 0; line-height: 0; display: inline-block; width: 12px; height: 12px; background: url(/images/common/vis_off.png) no-repeat center center;}
.f_wrap .f_b1 div.cycle-pager strong.cycle-pager-active a{ background-image: url(/images/common/vis_on.png);}
.f_wrap .f_b1 div.fc .fb .play{ display: none; padding: 3px 0 1px 0; }
.f_wrap .f_b1 div.fc .fb .stop{ display: block;}
.f_wrap .f_b1 div.cycle-paused .fb .play{ display: block;}
.f_wrap .f_b1 div.cycle-paused .fb .stop{ display: none;}
.f_wrap .f_b1 .fb{ width: 35px; text-align:center; padding: 8px 0; position: absolute; top: 0; right: 0;}
.f_wrap .f_b1 .fb a{ display: block; text-align: center; width: 100%; padding: 2px 0;}
.f_wrap .f_b2{ padding: 0 290px 0 260px; overflow: hidden;}
.f_wrap .f_b2 a{ display: block; float: left; width: 20%; text-align: center; color: #8e6f00; padding:16px 0;}
.f_wrap .f_b2 a span{ display: none;}
.f_wrap .f_b3{width: 290px; border-left: 1px solid #e6e6e6; position: absolute; top: 0; right: 0; height: 80px;}
.f_wrap .f_b3 a{ display: inline-block; padding: 2px; margin-top: 25px;}
footer{ background: #f8f8f8;}
footer span.o{ position: absolute; top: 30px; left: 20px; z-index: 1}
footer div.l{ position: absolute; top: 45px; right: 20px;  z-index: 1; width:260px;}
footer div.l label{width:0; height:0; position:absolute; overflow: hidden; display:block; text-indent:-9999px;}
footer div.l select{ font-size: 1em; margin-bottom: 5px; width: 190px; background: #fff url(/images/common/selectbox_arrow2.gif) no-repeat right center; display: inline-block;}
footer div.l .btn_link{color:#fff; background:#222; padding:5px 13px 6px; border-radius:2px; display: inline-block;}
footer .wrap{ padding: 20px 10px 50px 10px; text-align: center; font-size: 0.8em; line-height: 1.4em;}
footer .wrap p a{ display: inline-block; background: url(/images/main/foot_dot.png) no-repeat right center; padding: 15px 11px 15px 5px; color: #504d43; font-size: 1.1em; opacity: 0.8;}
footer .wrap p a:last-child{ background: none;}
footer .wrap address{ display: block; color: #787262;}
footer .wrap address strong{ display: inline-block; padding: 0 10px; font-weight: normal;}
footer .wrap address span{ display: block;}
.f_wrap .f_b2 a:hover, footer .wrap p a:hover{ color: #ed561a; opacity: 1;}


/* common */
.header h1 a, .header .gnb .allm, .popzone .popimg a,
.header .info div .sb, .mcon3 .fl .mcon3_s input.b, .mcon5 .fl .cycle-slideshow .cycle-pager strong a,
.mvis .vis a, .header .info div a, .mvis .page a{font-size: 0; line-height: 0;}
.header .gnb .allm span, .header, .header .gnb, .header h1, .header .gnb ul,
select, footer .wrap, button, button img, 
.mbbs ul li div a strong,
.mcon2 .mcon2_1, .mcon2 .mcon2_2, .mcon2 .mcon2_3,
.mcon2_4 ul li div a strong, .mcon2 .mcon2_2 dl dd.txt a strong,
.mcon4 .wrap, .mcon4 .mcon4_1 dl dd a strong, 
.gnb ul li, .mcon3 .mlist a strong, .mcon3 .fr dl,
.mcon2 .mcon2_3 dl dt, .mcon2 .mcon2_3 dl dd,
.mcon_q p,
.mcon_q ul{transition:all 0.5s ease;}
.header .info p a{text-transform:uppercase;}
.mcon2 .mcon2_1 dl dd a span,
.mcon2_4 ul li div a strong,
.mcon4 .mcon4_1 dl dd strong, .mcon2 .mcon2_2 dl dd.txt strong, 
.mcon2 .mcon2_2 dl dd.txt span, 
.mcon2 .mcon2_2 dl dd.txt span,
.mcon3 .mlist a span.t, .mcon3 .mlist a span.k, .mcon3 .mlist a strong,
.mcon3 .fr dl dd strong, .mcon3 .fr dl dd span,
.m_exhi_s p a strong, .m_exhi_s p a span{text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }

/* mobile */
@media screen and (max-width:1419px){
	
    .top_notice{max-width:300px;}	    			
	.mcon4 .wrap{ padding: 160px 130px 0px 20px;}
	.mcon4 .fr{right: 30px;}
	.mvisw{padding: 150px 100px 20px 20px;}
	.mbbs_w{ padding: 0 530px 30px 20px;}
	.f_wrap .f_b2 a{ font-size: 0.9em;}
	.mbbs ul li div a{width: 50%;}
	.mbbs ul li div a strong{text-overflow:ellipsis; overflow:hidden; white-space:nowrap; height: auto; padding-top: 15px; }
	.mcon3 .wrap, .mcon5 .wrap, .mcon2 .wrap{padding-left: 30px;}
}
@media screen and (max-width:1299px){
	.top_notice{ max-width:250px;}
	.mcon2 .mcon2_3 dl dt{ padding: 25px 0 10px 25px;}
	.mcon2 .mcon2_3 dl dd{ padding: 0 40px 0 25px;}
    
}
@media screen and (max-width:1199px){
	.top_notice{ max-width:150px;}
    .f_wrap{ height: auto; overflow: visible;}
    .f_wrap .f_b2{ padding: 0; display: block; width: 100%; overflow: hidden;}
    .f_wrap .f_b2 a{ padding: 20px 0;}
    .f_wrap .f_b3{ border-left: none; width: 100%; bottom: -45px; top: auto; height: auto; z-index:1000;}
    .f_wrap .f_b3 a{ margin: 0;}
    footer .wrap{ padding: 40px 10px 10px 10px;}
    footer div.l{ padding-top: 20px; width:100%;}
    footer div.l{ position: relative; top: auto; left: auto; right: auto; text-align: center;}
    footer div.l select{ display: inline-block; width:180px;}
    footer div.l .btn_link{height:36px; display: inline-block; padding:0; line-height:36px; padding:0 13px;}
    
    .mcon2 .mcon2_1{ width: 100%; float: none; clear: both; margin-bottom: 10px;}
    .mcon2 .mcon2_2{ width: 60.5%}
    .mcon2 .mcon2_3{ width: 38%}
    .mcon2_4 ul li div{ height: 240px;}
    .mcon2_4 ul li div a{ width: 29%;}
    
    .f_wrap .f_b1, footer span.o{display: none;}
    
}
@media screen and (max-height:1050px){
	.m_exhi_s p a .img img.p{ width: 85%;}
}
@media screen and (max-height:980px){
	.m_exhi_s p a .img img.p{ width: 65%;}
}
@media screen and (max-width:1065px){
    .popzone a.mb{ bottom: -40px; margin-left: -50px; border-bottom-left-radius: 300px; border-bottom-right-radius: 300px; padding: 20px;}
    .header_h{ border-bottom: none;}
    .header{position:fixed; background: #fff; box-shadow: 0 0 0px #222; padding-bottom: 0; height: 125px;}
    .header.no_notice {box-shadow: 0 0 5px #222; height: inherit;}
    .header:hover, .header_t{height:125px;}
    .header.no_notice:hover{height:inherit;}
    .header:hover{ background: #fff; border-bottom: none;}
    .header .wrap{ overflow: visible;}
    .header h1{top: 22px; left:10px;}
    .header h1 a{ background: url(/images/main/logo_m.png) no-repeat 0 0; width: 240px; height: 40px; background-size: cover;}
    .header .info{ position: absolute; top: 0; right: 91px; overflow:  visible; z-index: 12;}
    .header .info div{ float: left; position: relative; margin-left: 10px; width: 90px;}
	.header .info div a.p, .header .info div fieldset input.sb{width: 90px; height: 90px; background-size: 30%; border-radius: 0;}
	.header .info div a.x{ top: 20px; right: 20px; width: 50px; height: 50px; }
	.header .info div fieldset{ height:90px; border-radius: 0;}
	.header .info div fieldset input[type='text']{ float:left; border: none; font-size: 1.2em; padding: 15px 5px 15px 20px; width: 150px; height: 60px;}
    
    .header .gnb, .header .gnb:hover{ height: 90px; overflow: visible; background:#fff;}
    .header .gnb .allm{ width: 90px; height: 90px; z-index: 13; border-left: 1px solid #fff;}
    .header .gnb .allm span{ width: 50%; height:5px; margin: 6px auto;}
    .header .gnb .allm span:nth-child(1){ margin-top: 30px;}
    .header .gnb .allm_x{ display: none; z-index: 102; font-size: 2.4em; line-height: 2.4em; color: #333; font-weight: bold; border-radius: 100px; box-shadow: 0 0 3px #999;}
    .header .gnb .allm_x:hover { color: #666;}
    .header .gnb ul{ position: absolute; top: -3px; right: -85%; z-index: 101; background: #fff; width: 80%; padding: 30px 0 30px 0; border-bottom-left-radius: 10px; box-shadow: 0 0 5px #444;}
    .header .gnb ul li{ float: none; clear: both; margin: 5px 0 5px 40px; width: auto; height: auto; background: #000; opacity: 0.7; box-shadow: 0 0 3px #b88d71; border-top-left-radius: 3px; border-bottom-left-radius: 3px;}
    .header .gnb ul li button.m2 { padding: 15px 40px; display: block; width: 80%; text-align: left; font-size: 2em; color: #fff;}
    .header .gnb ul li:nth-child(2){ width: auto;}
    .header .gnb ul li:nth-child(3){ width: auto}
    .header .gnb ul li div{ display: none;}
    .header .gnb ul li div a{ font-size: 1.8em; padding:12px 10px 12px 0; color: #fff;}
    .header .gnb ul li.active{ opacity: 1;}
    .header .gnb ul li.active div{ display: block; padding: 0 30px 20px 60px;}
    .header .gnb ul li.active a.m{ color: #f8d86e;}
    .subbg .header_top .wrap ul li.on a{ background: #fff;}
    
    .sub_con{position: relative; margin-top: 120px; }
    .sub_con.no_notice{margin-top:95px;}
    
    .mcon1{ background: none;}
    .mcon1 .wrap{ padding: 0;}
    .mvisw{padding: 100px 0 0 0;}
    .mvis{ border: none; border-radius: 0;}
    .mvis, .mvis .vis, .mvis .vis a{ height: 300px;}
	.mvis{ padding-bottom:50px;}
	.mvis .pa{ bottom:0;}
	.mvis .vis{ border-bottom:1px solid #c2c2c2;}
	.mvis #prev, .mvis #next{ top:30%;}
	#adv-custom-caption span:first-child{ max-width:300px; display:inline-block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding-bottom:1px;}
    .mvis .vis a{ display: block; text-align: center;}
    .mvis .vis a img{ margin: 30px 0 0 0;}
    .mbbs{ padding: 0; min-height: 300px; background: #fff;}
    .mbbs ul li{ float: left; width: 25%; padding-left: 0; border-bottom:none;}
    .mbbs ul li a.m{ background: #373737; color: #c0c0c0; border-top-left-radius: 0; border-top-right-radius: 0; border: none; opacity: 1; font-size: 1.4em; margin: 1px;}
    .mbbs ul li:first-child a.m{border-left: none;}
    .mbbs ul li.active a.m{  background: #fff; color: #373737; font-weight: bold; }
    .mbbs ul li div{ top: 80px;}
    .mbbs ul li div a{ float: none; clear: both; display: block; padding: 8px 20px; overflow: hidden; width: auto; font-size: 1.1em; }
    .mbbs ul li div a strong, .mbbs ul li div a span{ color: #444;}
    .mbbs ul li div a strong{ float: left; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; padding: 0; width: 70%; }
    .mbbs ul li div a span{ float: right; padding: 0; letter-spacing: -0.05em;}
    .mbbs ul li div a:hover strong{ color: #ed561a;}
    .mbbs ul li a.more{ top:250px; right:50%; font-size:0.8em; font-weight: normal; background: #a4b8b6; color: #fff; padding: 11px 30px 8px 30px; margin-right: -55px; }
    .mcon2 .wrap{ padding: 10px;}
    .mcon2 h2, .mcon5 h2{ padding-top: 30px; font-size: 1.6em; letter-spacing: -0.05em; }
    .mcon2 .mcon2_1{ height: auto;}
    .mcon2 .mcon2_2{ width: 100%; margin-bottom: 10px;}
    .mcon2 .mcon2_3{ width: 100%; height: auto; padding-bottom: 20px;}
    .mcon2 .mcon2_1 dl dt strong, .mcon2 .mcon2_2 dl dt strong, .mcon2 .mcon2_1 dl dt span{background-position: 23px 5px;}
    .mcon2 .mcon2_1 dl dd{ height: auto; overflow: hidden; padding-bottom: 20px;}
    .mcon2 .mcon2_1 dl dd a{ padding: 2px 0;}
    .mcon2 .mcon2_1 dl dd a strong{letter-spacing: -0.05em; padding: 9px 0 7px 0; font-weight: bold; margin-bottom: -3px;}
    .mcon2 .mcon2_2 dl dd.txt strong, .mcon2 .mcon2_3 dl dt{font-size: 1.6em; letter-spacing: -0.05em;}
    .mcon2_4 ul li div a{ width: 42%; margin: 1% 4%;}
	.mcon2_4 div p{ width:50%;}
    .mcon4 .wrap{ padding: 30px 20px 30px 20px;}
    .mcon4 .mcon4_1{ padding: 0 320px 0 0;}
    .mcon4 .fr .mcon4_b{ position: absolute; top: 30px; right: 20px; width: 304px;}
    .mcon4 .mcon4_1 dl dd strong{ overflow: visible; white-space: normal;}
    .mcon5 .wrap .fr p{ width: 23%;}
    .mcon3 .wrap{ padding:40px 10px;}
    .mcon3 .fr dl dd a{ position: relative; padding-left:260px;}
    .mcon3 .fr dl{min-height: 230px;}
    .mcon3 .fr dl dd a span.img{position: absolute; top: 0; left: 0; width: 250px; height: 160px;}
    .mcon3 .fr dl dd a strong{ text-align: left;}
    .mcon3 .fl .mcon3_s input.i{ width: 90%;}
    .mcon3 .mcon3_b_fr{ padding:10px 0;}
    .mcon3 .mcon3_b_fr img{display:none;}
    .mcon3 .mcon3_b_fr2 img{ display: inline-block; height:60px;}
    .mcon3 .mcon3_b_fr span, .mcon3 .mcon3_b_fr strong{ display:block;}
    .mcon3 .mcon3_b_fr p{ float:left; width:33.33333%; }
    .mcon3 .mcon3_b_fr p a{ background:#fff; float:none; width:auto; margin:0 5px; border-radius: 3px; padding:10px 0 10px 70px; text-align: left; min-height: 65px;}
    .mcon3 .mcon3_b_fr p:nth-child(1) a{ background: #fff url(/images/main/mcon4_b2_b1_m.png) no-repeat 18px 20px; background-size: 40px;}
    .mcon3 .mcon3_b_fr p:nth-child(2) a{ background: #fff url(/images/main/mcon4_b2_b2_m.png) no-repeat 18px 20px; background-size: 40px;}
    .mcon3 .mcon3_b_fr p:nth-child(3) a{ background: #fff url(/images/main/mcon4_b2_b3_m.png) no-repeat 18px 20px; background-size: 40px;}
    .mcon3 .mcon3_b_fr strong{ font-size:18px; color:#222; padding:10px 0 5px 0;}
    .mcon3 .mcon3_b_fr span{ padding-right: 20px; word-break: keep-all;}
    .m_exhi_s p a .img img.p{ width: 100%;}
	.mcon3 .fr dl{ position:relative; padding-top:20px;}
	.mcon3 .fr dl dt{ position:absolute; top:10px; left:300px;}
	.mcon3 .fr dl dd a strong{ padding-top:40px;}
	.mcon3 .fr dl{ min-height:180px;}
	
    footer .wrap address{ padding-top:10px;letter-spacing: -0.05em; opacity: 1;}
    footer div.l select{ padding-top: 10px; padding-bottom: 10px; }
    .f_wrap .f_b3{ bottom: -55px; z-index: 1;}
    .f_wrap .f_b3 a img{ width: 30px;}
	
	.header_top{ overflow:visible; height:auto;}
	.header_top .wrap ul{ display:none;}
	.header .lang{ position: absolute; top: 20px; right: 190px; background: #4d7593; border-radius:5px; border: none; padding: 0; display: block; z-index:100;}
	.header .lang a{ display: block; color: #fff; opacity: 1; font-size: 1em; padding: 14px 0 17px 0; width: 120px; text-align: center; background: #7c0b1d;}
    .header .l{ z-index:100; float: none; position: absolute; top: 55px; right:190px; width: 120px; background: #7c0b1d; padding: 10px 0; display: none; transition:all 0.5s ease;}
    .header .l a{font-size: 1.2em; border-radius: 5px; opacity: 1; text-align: center; width: 120px; padding: 25px 0; display:block;}
	.header_top .wrap p.l a{ display:block; padding:10px 0;}
	.header_top .wrap p.l a.o{display:none;}
    
    .mbbs_w{ padding-right: 10px; padding-left: 10px; margin-top: 10px;}
    .mcon5 .wrap{ padding:20px 10px;}
    .m_exhi p a span.i{ height: 90px;}
    .mcon3 .mcon3_b_fl{ padding-top: 20px;}
    .mcon3 .mcon3_b_fl p a{ height: 160px;}
    .mcon3 .mcon3_b_fl p a img{ margin: 30px 20px 0 0px; }
    .mcon3 .fl h2 img{ width: 70%;}
    .mcon3 .fl .mcon3_s{ width: 90%;}
    .mcon3 .fl, .mcon3 .fr, .mcon3_b .mcon3_b_fl{ width: 100%; float:none; margin: 0 auto;}
    .mcon2_4 ul li div{ height:240px;}
	
    .header .info p a.o, .mcon_q, .down-arrow, .mcon4 .fr .mcon4_b2, .mcon4 .fr .mcon4_b3, .popzone,
    .mcon3 .fl .mlist, .mbbs_w .m_popup{display: none;}
    
    .popupBox{top:130px !important; left:0px !important; max-width:100%;}

    .wrap{ min-width: 400px;}
    .mcon2_4 ul li div a strong{font-size: 22px; padding: 5px 0; font-weight: bold;}
    .mcon2_4 ul li div a span.t{ padding-bottom: 5px; font-size: 15px;}
    .m_exhi_s p a strong{ padding: 3px;}
    .m_exhi{ margin-top: 0;}
    .mcon5 h2{ padding-bottom: 0;}
    .org_infobox div span a{ display: inline-block; float: none; width: 115px;}
    .contents .org_wrap h4 a{ display: inline-block; float: none; width: 140px;}
    
	.f_wrap .wrap{ padding:0;}
	.f_wrap .f_b2 a{ display: block; float: left; width: 50%; text-align: center; color: #8e6f00; padding:0;}
	.f_wrap .f_b2 a img{ display: none;}
	.f_wrap .f_b2 a span{ display: block; padding:10px 0; letter-spacing: -0.05em; border-bottom:1px solid #e6e6e6; border-right:1px solid #e6e6e6; font-size:16px;}
    .m_exhi p a strong{ padding-bottom:5px;}
	.m_exhi_s p a .img{ margin-bottom:5px;}
	.m_exhi_s p{ width:50%;}
	.m_exhi_s p a .img img.p{ width:60%;}
	footer .wrap p{ padding-top:20px; border-bottom:1px solid #e6e6e6; padding-bottom:10px;}
	footer .wrap p a{ padding: 3px 11px 3px 5px; color: #504d43; font-size: 14px; opacity: 0.8;}

	
    /* 모바일 폰트 */
    .mcon2 h2, .mcon5 h2{ font-size: 30px; line-height: 24px; font-weight: bold;}
    .mbbs ul li a.m
    .mbbs ul li div a strong,
    .mcon2 .mcon2_1 dl dt strong,
	.mbbs ul li a.m,
	.mcon2 .mcon2_2 dl dt strong{ font-size: 22px; line-height: 24px;}
    .mcon2 .mcon2_2 dl dd.txt strong, .mcon2 .mcon2_3 dl dt,
    .m_exhi_s p a strong, .m_exhi p a strong,
    .mcon3 .fr dl dd a strong{ font-size: 24px; line-height: 24px; font-weight: bold;}
    .mbbs ul li div a span,.mbbs ul li div a strong, 
    .mcon2_4 ul li a.m,  .mcon2 .mcon2_1 dl dd a span{ font-size: 20px; line-height: 24px;}
	.f_wrap .f_b2 a,
	.mcon2 .mcon2_1 dl dt span,
	.mcon3 .fr dl dd span.t{ font-size: 16px; line-height: 24px;}
	footer .wrap address strong, footer div.l select, footer .wrap,
	.mcon2 .mcon2_1 dl dd a strong, 
	.mcon2 .mcon2_2 dl dd.txt span, .mcon2 .mcon2_3 dl dd,
	.mcon3 .fr dl dt{ font-size: 16px; line-height: 16px;}
	.m_exhi_s p a .img img.p{ font-size: 14px; line-height: 16px;}
	.m_exhi_s p a span{ font-size: 14px; line-height: 14px;}
	.m_exhi p a span.t,
	.mcon3 .mcon3_b_fr span{ font-size: 14px; line-height: 18px;}
	footer .wrap address strong,
	footer .wrap address span{ font-size: 14px; line-height: 22px;}
	/* blue */
	.header_top .wrap p.i{ color:#003964; position:absolute; top:100px; left:0; background-color:#f6f6f6; width:100%; margin:0; padding-left:57px; background-position:10px 3px;}
	.header_top .wrap p.i a{color:#003964;}
	/* red */
	.header_top .wrap p.i{ color:#c80b29; position:absolute; top:100px; left:0; background-color:#f6f6f6; width:100%; margin:0; padding-left:57px; background-position:10px 3px;}
	.header_top .wrap p.i a{color:#c80b29;}
}

/* sublayout */
.sub_con{}
.subbg .sub_con .wrap{ padding-top: 130px; transition:all 0.5s ease;}
.subbg .sub_con .wrap .lnb{ width: 210px; position:fixed; top:150px; left:50%; margin-left:-745px; background: #fff; box-shadow: 0 0 3px #999; border-radius: 3px; transition:all 0.5s ease; border-bottom-left-radius: 120px; border-bottom-right-radius: 120px; padding-bottom: 50px; z-index:110;}
.subbg .sub_con .wrap .lnb dl{ }
.subbg .sub_con .wrap .lnb dl dt{ font-size: 1.4em; font-weight: 400; padding: 25px 10px 25px 20px; background: url(/images/common/lnb_bg.gif) no-repeat right center; border-top-right-radius: 5px; border-bottom: 1px solid #dedede;}
.subbg .sub_con .wrap .lnb dl dd{ border-bottom: 1px solid #dedede;}
.subbg .sub_con .wrap .lnb dl dd a{ display: block; color: #444; font-size: 0.9em; padding: 13px 0px 12px 20px; background-position: right 0;}
.subbg .sub_con .wrap .lnb dl dd a:hover, .sub_con .wrap .lnb dl dd a:focus{ background: #003964 url(/images/common/lnb_over.gif) no-repeat right 0; color: #fff; font-weight: 400;}
.subbg .sub_con .wrap .lnb dl dd ul{ padding: 12px 0 15px 0;  background: #002947; display: none;}
.subbg .sub_con .wrap .lnb dl dd.on a{background: #003964 url(/images/common/lnb_over.gif) no-repeat right 0; color: #f8d86e; font-weight: 400; border-bottom: 1px solid #144c76;}
.subbg .sub_con .wrap .lnb dl dd.on ul li a{ color: #5d98c5; padding: 5px 0 5px 38px; font-size: 0.8em; border-bottom: none; background: none; background-position: 16px 8px; border-bottom: 0; letter-spacing:-0.05em;}
.subbg .sub_con .wrap .lnb dl dd.on ul li a:hover, .sub_con .wrap .lnb dl dd.on ul li a:focus,
.subbg .sub_con .wrap .lnb dl dd.on ul li.on a{ color: #fff; background: url(/images/common/lnb_blt.gif) no-repeat 26px 8px;}
.subbg .sub_con .wrap .lnb dl dd.on ul{ display: block;}
.subbg .sub_con .wrap .lnb .lnb_b{ overflow: hidden; text-align: center; padding:15px 0;}
.subbg .sub_con .wrap .lnb .lnb_b a{ display: inline-block; width: 55px; padding:5px 0; text-align: center; font-size: 0.7em;}
.subbg .sub_con .wrap .lnb .lnb_b a span{ display: none; padding-top:3px;}
.subbg .sub_con .wrap .lnb .lnb_b a img{ width: 75%;}
.subbg .sub_con .wrap .lnb .top{ border-radius: 200px; background: #fff; box-shadow: 0 0 3px #999; transition:all 0.5s ease; position: absolute; bottom:-50px; left:70px; padding: 10px 15px; font-size: 0.7em; font-weight: bold; color: #666; letter-spacing: 0.05em;}
.subbg .sub_con .wrap .lnb_h{ top:130px;}
.subbg .sub_con .wrap .lnb.lnb_h2{top:-50px}
.subbg .sub_con .wrap .con{ margin:20px 35px 20px 280px; padding: 15px 50px 0 50px; background: #fff; box-shadow: 0 0 3px #999; border-radius: 3px; transition:all 0.5s ease;}
.subbg .title{border-bottom: 1px solid #dedede; height: 62px}
.subbg .title h1{ display:inline-block; font-size: 1.6em; font-weight: 400; color: #105284; padding-top: 17px; padding-right: 20px;}
.subbg .title p{ display:inline-block; font-size: 0.7em; color: #757575; padding-top: 28px;}
.subbg .title p span{ color: #1f5ea7;}
.subbg .title p img{ margin-bottom:-2px;}
@media screen and (max-width:1584px){
  .subbg .sub_con .wrap .lnb{ left:45px; margin-left: 0;}
}
@media screen and (max-width:1199px){
	.subbg .sub_con .wrap .lnb{ left:20px; width: 190px;}
	.subbg .sub_con .wrap .con{ margin:20px 0 20px 220px; padding: 15px 40px 0 40px;}
}
@media screen and (max-width:1065px){
	.subbg .sub_con .wrap{padding: 65px 0 0 0;}
  .subbg .sub_con .wrap .con{ margin:0 0 0 0px; padding: 15px 20px 0 20px; border-radius: 0;}
  .subbg .sub_con .wrap .lnb{ position: relative; top:0; left:0; background: none; box-shadow:none; border-radius:0; padding: 0; width: auto; /* height: 40px; */ overflow: hidden; }
  .subbg .sub_con .wrap .lnb dl dt, .subbg  .sub_con .wrap .lnb dl dd, .subbg .sub_con .wrap .lnb .lnb_b, .subbg .sub_con .wrap .lnb .top, .subbg .sub_con .wrap .lnb dl dd.on a{ display: none;}
  .subbg .sub_con .wrap .lnb dl dd.on, .sub_con .wrap .lnb dl dd.on ul li a{ display: block;}
  .subbg .sub_con .wrap .lnb dl dd.on{border-bottom: none;}
  .subbg .sub_con .wrap .lnb dl dd.on ul{ background: none; border: none; padding: 0;}
  .subbg .sub_con .wrap .lnb dl dd.on ul li{ float: left; width: auto; background: none;  padding: 0 1px;}
  .subbg .sub_con .wrap .lnb dl dd.on ul li a{ font-size: 16px; line-height: 22px; opacity:0.7; display: block; background: none; padding: 9px 6px; color: #444; border:1px solid #999; border-bottom: none; border-top-left-radius: 5px; border-top-right-radius: 5px;}
  .subbg .sub_con .wrap .lnb dl dd.on ul li.on a{ background: #fff; color: #333; font-weight: bold; opacity: 1;}
  .subbg .title p{ font-size: 1.2em; letter-spacing: -0.05em;}
  .subbg .title p img{ width: 16px;}
  .subbg .title h1{ font-size: 2.2em; letter-spacing: -0.05em;}
  .subbg .sub_con .wrap .lnb dl dd.on ul li a:hover{ background: none;}
}


 a.bnr {transition:none; background-color:#CCC;}
 .popupBox {visibility: hidden; position: absolute; background:#313131; border:2px solid #cdcdcd;}
 .popupTitle {position:absolute; top:2px; right:2px; width:70px; height:70px; padding:0; background:url("/images/common/move.png") 100% 0 no-repeat; cursor:move; z-index: 10; display:none;}
 .popwrap{overflow:hidden; clear:both; margin:0; padding:0; text-align:center; position:relative;}
 .popwrap dt{margin:0; padding:0; float:left; clear:both; font-size:0; line-height:0; overflow:hidden; position:relative;}
 .popwrap dd{margin:0; padding:0; float:left; clear:both; background:#313131; font-size:12px; line-height:14px; width:100%; height:30px; overflow:hidden; text-align:right;}
 .popwrap dd a{color:#f0f0f0; text-decoration:none; }
	
/* admin_ sublayout */
.admin .wrap{ min-width: 1220px; max-width: 1220px;}
.admin { background: #fff url(/images/common/menu_bg3.png) repeat-x 0 0; background-size:100% 100%; position: absolute; position: fixed; top: 0; left: 0; width: 100%; z-index: 1000;}
.admin .head{ border-bottom: 2px solid #105284; transition:all 0.5s ease;  background: url(/images/common/menu_bg.png) repeat-y center 0; overflow: hidden; position: relative;}
.admin .head .h_w{background: url(/images/common/menu_bg2.png) repeat-x 0 0; min-height: 100px; overflow: hidden;}
.admin .wrap h1{ position: absolute; left: 0;}
.admin .wrap h1 a{ width: 255px; height: 42px; display: block; background: url(/images/common/logo_b.png) no-repeat 0 0; font-size: 0; line-height: 0;}
.admin .wrap .fr{ clear: both; padding: 7px 0 0 0; overflow: hidden; height:45px}
.admin .wrap .fr a{ float: left; display: block; padding: 7px 10px 13px 10px; color: #b7b7b7; text-transform: uppercase; font: 12px "맑은 고딕","Malgun Gothic","돋움","Dotum","gulim","굴림";}
.admin .wrap .fr a.f{padding: 3px 10px 0 10px;}
.admin .wrap .fr .info{ float: left; display: block; padding: 10px 10px; margin-top: 2px; font-size: 0.75em; color: #444;}
.admin .wrap .fr a.b{ background: #999; border-radius: 3px; color:#fff; padding: 7px 10px;}
.admin .wrap .fr a.b:hover{ background: #888; color:#fff;}
.admin .wrap .fr a.b.b2{margin-right: 5px;border: 1px solid #999;padding: 6px 10px;color: #999;background: #fff;}
.admin .wrap .fr a.b.b2:hover{color:#555; border-color:#555;}
.admin .wrap .fr .search{ float: left; position: relative; overflow: hidden; margin: 3px 0 0 15px; transition:all 0.5s ease;}
.admin .wrap .fr .search .i{ background: #f5f5f5; border: 1px solid #a1a1a1; padding: 4px 9px; width: 170px; height: 18px; border-radius: 2px; font-size: 0.75em; color: #666; }
.admin .wrap .fr .search .b{ position: absolute; top: 1px; right: 1px; width: 30px; height: 26px; background: #a1a1a1 url(/images/common/icon_search.png) no-repeat center center; border: 0; cursor: pointer;}
.admin .wrap .fr .search .i:hover, header .wrap .fr .search .i:focus{ border: 1px solid #003964; color: #222;}
.admin .wrap .fr .search .b:hover, header .wrap .fr .search .b:focus{ background: #003964 url(/images/common/icon_search.png) no-repeat center center;}
.admin .wrap .fr .search:hover .i{ width: 190px;}
.admin .wrap .gnb_admin{ float: right;clear: both;width: 1330px;margin: 0 auto;margin-right: -60px;}
.admin .wrap .gnb_admin ul li{ float: left; height: 46px; transition:all 0.5s ease;}
.admin .wrap .gnb_admin ul li a.m{ display: block; font-size: 1.25em; padding: 6px 22px 10px 22px; color: #222; font-weight: 300; letter-spacing: -0.05em;}
.admin .wrap .gnb_admin ul li a.on { color: #2287eb;}
.admin .wrap .gnb_admin ul li div{ position: absolute; top: 101px; left: 0; width: 100%; z-index: 1010; display: none;}
.admin .wrap .gnb_admin ul li div dl dt{ float: left; width: 305px; text-align: right; }
.admin .wrap .gnb_admin ul li div dl dt strong{ display: block; padding: 40px 40px 0 12px; font-size: 1.25em; color: #2287eb; font-weight: 400; letter-spacing: -0.05em;}
.admin .wrap .gnb_admin ul li div dl dt span{ display: block; padding: 10px 40px 0 12px; font-size: 0.8em; color: #666; font-weight: 300; letter-spacing: -0.05em; line-height: 1.7em;}
.admin .wrap .gnb_admin ul li div dl dd{ float: left; width: 895px; padding: 25px 0 0 0;}
.admin .wrap .gnb_admin ul li div dl dd p{ padding: 0; margin-left: 45px; background: url(/images/common/gnb_line.gif) no-repeat 0 39px;}
.admin .wrap .gnb_admin ul li div dl dd p a{ display: inline-block; padding: 12px 15px; background: url(/images/common/gnb_blt.gif) no-repeat 0 center; color: #666; font-size: 0.95em; font-weight: 300; letter-spacing: -0.05em; width: 170px;}
.admin .wrap .gnb_admin ul li div dl dd p a:hover, header .wrap .gnb ul li div dl dd p a:focus { color: #2287eb; background: url(/images/common/gnb_blt2.gif) no-repeat 4px center;}
.admin .wrap .gnb_admin ul li:hover, header .wrap .gnb ul li.open{ height: 177px;}
.admin .wrap .gnb_admin ul li:hover div, header .wrap .gnb ul li.open div, header .wrap .gnb ul li.open2 div{display: block;}
.admin .wrap .gnb_admin ul li.allmenu a.m{ display: block; width: 40px; height: 35px; padding: 0; margin-left: 20px; border-radius: 5px; background: #a1a1a1 url(/images/common/icon_list.png) no-repeat center center; position: relative;}
.admin .wrap .gnb_admin ul li.allmenu a.m_x{ display: block; width: 40px; height: 35px; padding: 0; margin-left: 20px; border-radius: 5px; background: #003964 url(/images/common/icon_close.png) no-repeat center center; position: absolute; top: -49px; right: 0; z-index: 1020; }
.admin .wrap .gnb_admin ul li.allmenu:hover, header .wrap .gnb ul li.allmenu:focus{ height: 390px;}
.admin .wrap .gnb_admin ul li.allmenu div dl dt{ background: url(/images/common/all_img.png) no-repeat 125px 65px; padding-top: 140px;}
.admin .wrap .gnb_admin ul li.allmenu div dl dt span{ font-size: 0.95em;  color: #040404;}
.admin .wrap .gnb_admin ul li.allmenu div dl dd strong{ float: left; width: 100px; font-weight: 400; font-size: 0.9em; color: #444; letter-spacing: -0.05em; padding: 14px 0 0 0;}
.admin .wrap .gnb_admin ul li.allmenu div dl dd a{ width: auto; background: none; padding: 14px 20px 14px 0; font-size: 0.85em; letter-spacing: -0.05em;}
.admin .wrap .gnb_admin ul li.allmenu div dl dd a:hover, header .wrap .gnb ul li.allmenu div dl dd a:focus{ background: none; color:#2287eb;}
.admin .wrap .gnb_admin ul li.allmenu div dl dd p{ border-top: 1px solid #efefef; background: none;}
.admin .wrap .gnb_admin ul li.allmenu div dl dd p:first-child{ border-top: none;}
.admin .wrap .gnb_admin ul li.m1 div dl dd p span{ display: inline-block; width: 364px;}
.admin .wrap .gnb_admin ul li a.m{ display: block; font-size: 1em; padding: 10px 20px 10px 20px;}
.admin .wrap .gnb_admin ul li:hover{ height: 350px;}
.admin .wrap .gnb_admin ul li div dl dd p{ background:none;}
.admin .wrap .gnb_admin ul li.open2{ height: 390px;}

.sub_admin .wrap{ padding: 120px 10px 10px 10px; min-width: 1220px; max-width: 1220px;}
.sub_admin .wrap .con{ width: auto; padding: 10px 40px 0 40px; background: #fff; box-shadow: 0 0 3px #999;}
.sub_admin .wrap .lnb{ top:120px; left:10px; position: absolute;}
.sub_admin .wrap .lnb dl dt{ padding-left: 20px; font-size:1.2em;}
.sub_admin .wrap .lnb dl dd a{ padding-left: 20px; font-size: 0.8em;}
.sub_admin .wrap .con .contents{padding: 30px 0 50px 0;}
.sub_admin .wrap .con .contents p.info {margin: -20px 10px 16px; font-weight: bold; color: #222;}
#footer2{ text-align: center; color:#777; font-size: 0.7em; padding:0 0; text-transform:uppercase;}
.sub_admin .wrap .con{ margin:0 10px 20px 230px; }
.sub_admin .wrap .lnb{ float: left; width: 200px;}
.sub_admin .wrap .lnb dl{ border: 1px solid #dedede; border-bottom: 5px solid #105284; background: #fff;}
.sub_admin .wrap .lnb dl dt{ font-size:1.2em; font-weight: 400; padding: 25px 10px 25px 20px; background: url(/images/common/lnb_bg.gif) no-repeat right center;}
.sub_admin .wrap .lnb dl dd{ border-top: 1px solid #dedede;}
.sub_admin .wrap .lnb dl dd a{ display: block; color: #444; font-size: 0.8em; padding: 13px 0px 12px 20px; background-position: right 0;}
.sub_admin .wrap .lnb dl dd a:hover, .sub_con .wrap .lnb dl dd a:focus{ background: #003964 url(/images/sub/lnb_over.gif) no-repeat right 0; color: #fff; font-weight: 400;}
.sub_admin .wrap .lnb dl dd ul{ padding: 12px 0 15px 0;  background: #002947; display: none;}
.sub_admin .wrap .lnb dl dd.on a{background: #003964 url(/images/sub/lnb_over.gif) no-repeat right 0; color: #fff; font-weight: 400; border-bottom: 1px solid #144c76;}
.sub_admin .wrap .lnb dl dd.on ul li a{ color: #5d98c5; padding: 5px 0 5px 44px; font-size: 0.8em; border-bottom: none; background: none; background-position: 20px 8px; border-bottom: 0;}
.sub_admin .wrap .lnb dl dd.on ul li a:hover, .sub_con .wrap .lnb dl dd.on ul li a:focus,
.sub_admin .wrap .lnb dl dd.on ul li.on a{ color: #fff; background: url(/images/sub/lnb_blt.gif) no-repeat 30px 8px;}
.sub_admin .wrap .lnb dl dd.on ul{ display: block;}
.sub_admin .title{ overflow: hidden; border-bottom: 1px solid #dedede; height: 62px}
.sub_admin .title h1{ float: left; font-size: 1.6em; font-weight: 400; color: #105284; padding-top: 17px;}
.sub_admin .title p{ float: right; font-size: 0.7em; color: #888; padding-top: 28px;}
.sub_admin .title p span{ color: #64a4ef;}

#snsbox{ text-align: right; overflow: hidden; padding-top: 10px;}
#sns_btn_group{ border-radius: 10px; background: #f6f6f6; border: 2px solid #d1d1d1; padding: 5px 10px; overflow: hidden; margin-bottom: 10px; float: right;}
#sns_btn_group li{ float: left; padding-top:3px; padding-right: 2px;}
#sns_btn_group li:first-child{ color: #222; padding: 10px 10px 0 10px; font-weight: bold;}
#sns_btn_group li.i{ clear: both; padding: 0 0 0 50px;}
#sns_btn_group li.i input{ border-radius: 100px; font-size: 1.1em; background: none; border: none; padding: 6px 0 6px 20px; text-decoration: underline; width: 270px;}
#sns_btn_group li.b{ padding-top: 1px;}
#sns_btn_group li.b input{ cursor:pointer; border-radius: 100px; font-size: 0.9em; background: #115e97; border: none; color: #fff; font-weight: bold; display: block; padding: 6px 15px 3px 15px;}
#sns_btn_group li.b input:hover{ background: #222;}
.url_wrap {width: 1px;height: 1px;margin: 0;padding: 0;border: none;float: left; overflow: hidden;}

#sns_share{float:right; position: relative; margin-top:14px;}
#sns_share .btn_share{width:32px; height: 32px; border:1px solid #dedede; border-radius: 30px; display:block;position:relative;}
#sns_share .btn_share span{display:block; text-indent:-9999px;}
#sns_share .btn_share::before{
	content: '\f1e0';
    font-family: 'Font Awesome 5 Free';
    color: #333;
    font-weight: 900;
    display: block;
    position: absolute;
    top: 8px;
    left: 8px;    
}
#sns_share .sns_box_new{display:none; width:300px; border-radius: 0px; background: #fff; border: 1px solid #d1d1d1; padding: 5px 10px; position:absolute; right: 0; top:48px; z-index:300;}
#sns_share .sns_box_new.on{display: block;}
#sns_share .sns_box_new::before{
	content: '';
    width: 0;
    height: 0;
    border-bottom: 15px solid #ddd;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    display: block;
    position: absolute;
    top: -15px;
    right: 8px;}
#sns_share .sns_box_new::after{
    content: '';
    width: 0;
    height: 0;
    border-bottom: 14px solid #fff;
    border-right: 9px solid transparent;
    border-left: 9px solid transparent;
    display: block;
    position: absolute;
    top: -13px;
    right: 9px;
    z-index: 200;}
#sns_share .sns_box_new p{width:100%; display: block; margin-top:16px; padding-top:0; font-size:14px;}
#sns_share .sns_box_new p a{float:right; font-size:20px;margin-top: -5px;}
#sns_share #sns_btn_group{border:none; background: #fff; display: block; margin:16px auto; float:none; padding:1px 0 0;}
#sns_share #sns_btn_group li{ float: left; padding-top:0px; padding-right: 6px;}
#sns_share #sns_btn_group li:first-child{ color: #222; padding: 0 6px 0 6px;}

/* 알림이 있는경우 */
@media screen and (max-width:1065px){
	.top_notice{position:absolute; top:90px; width:100%; max-width:100%; background: #f6f6f6; box-shadow:inset 0 2px 2px #ccc;}
	.rolling{position:relative; height:auto; width:90%; display:block !important; }
	.rolling li{width:100%; color:#333; margin-left:50px;}	
	.rolling_stop i, .rolling_start i {color:#555;}
	.btn_notice{position:absolute;top:90px; float:left; opacity:0.7;z-index: 10;}
	.header_top .wrap span.i {color: #333;}
				
	.mvisw { padding-top:130px;}
	.subbg .sub_con .wrap{padding-top:10px;}	
}


/* 메인 공지 영역 수정 */
.main_btn{width:100%;}        	
.main_btn a{width:24%; float:left; margin-right:1%; padding:0px 30px; line-height:60px; box-sizing:border-box; border-radius:3px; color:#fff; background-color: #003964; background-image: url(/images/main/icon_main_more.png); background-repeat: no-repeat; background-position: right center;  box-shadow: 0 0 5px #c2c2c2; margin-bottom: 10px;}
.main_btn a:hover{background-color: #024aa7; color:#ffeb0d;}
.main_btn_r{position: absolute;top: 0;right: 100px;width: 408px;}
.main_btn_r a{display:block; width:100%; overflow:hidden; padding:21px 30px; height:60px; box-sizing:border-box; border-radius:3px; background-image: url(/images/main/bg_main_btn_r.png); background-repeat: no-repeat; background-position: right center;  box-shadow: 0 0 5px #c2c2c2;}

@media screen and (max-width: 1419px){
	.mbbs_w {padding: 0 400px 30px 20px;}
	.main_btn_r{width:290px;}
	}
@media screen and (max-width: 1065px){
	.mbbs_w {padding: 0 10px 10px 10px;}
	.main_btn a{padding:0px 14px; font-size: 14px;}
	.main_btn_r{position: static; top:inherit; right: inherit; width:99%;}        	
}