@charset "utf-8";

.skip a {position:fixed;top:-9999px;z-index:9999;padding: 0 20px;display:block;background:#333;font-size:16px;font-weight:600;color:#fff;text-align:center;}
.skip a:hover,.skip a:focus {top:0;padding:15px 20px;}

.blind {position: absolute; clip: rect(0,0,0,0); width: 1px; height: 1px; margin: -1px; overflow: hidden;border: 0;}
/**************************************************

	Global.css ( ver 1.0.2 )

**************************************************/
/**************************************************
	Public
**************************************************/
html{min-width: 1200px;}
#wrap{max-width:1920px;overflow: hidden;margin: 0 auto;}
#wrap .inner{position: relative;width: 1300px;margin: 0 auto;}
#wrap .innerSmall{width: 1150px;margin: 0 auto;}
#wrap.main .inner{width: 1400px;}
#wrap .wide{position: relative;width: 1920px;position: relative;left:50%;margin-left: -960px;}
body.type2 #sub #content{width: 100%;margin: -90px 0 0;padding: 90px 0 0;}
body.type2 #sub .sub-vis{display: none;}
body.type2 .lnbWrap{display: none;}
body.type2 #navigator{display: none;}
.youtube{position: relative;padding-bottom: 56% !important;}
.youtube iframe{width: 100% !important;height: 100% !important;position: absolute;top: 0;left: 0;}

/* Table */
.table1{ width: 100%; }
.table1 tr > *{padding: 10px;border: 1px solid #ddd;}
.table1 thead th{background: #f7f7f7;}
.table1 tbody th{background: #f7f7f7;}
.table1 tbody td{  }

.list_tbl caption {position:fixed;top:-9999px;z-index:99999;font-size:0;color:#fff;}
.write_tbl caption {position:fixed;top:-9999px;z-index:99999;font-size:0;color:#fff;}
.reserTable caption {position:fixed;top:-9999px;z-index:99999;font-size:0;color:#fff;}
.renewalTable caption {position:fixed;top:-9999px;z-index:99999;font-size:0;color:#fff;}

/* Tab */
.tab1{ margin-bottom: 40px; }
.tab1 > li{display: inline-block;background: #f7f7f7;}
.tab1 > li a{display: block;height: 40px;line-height: 40px;text-align: center;padding: 0 40px;border: 1px solid #f7f7f7;}
.tab1 > li.active a{background: #fff;color: #000;border-color: #333;}

.tab2{font-size: 0;margin-bottom: 40px;}
.tab2 li{display: inline-block;vertical-align: top;width: 20%;padding: 0 1px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.tab2 li .btn{display: block;height: 50px;line-height: 50px;background: #eee;font-size: 16px;color: #666;text-align: center;}
.tab2 li .btn.active{background: #5c5b6d;color: #fff;}

/* Button */
.btnWrap{ margin-top: 30px; }
.btnWrap.cen{text-align: center;}
.btnWrap > *:not(.w100){margin: 0 2px;}
.btn1{ display: inline-block;background: #333;border: 1px solid #333;color: #fff !important;height: 35px;line-height: 35px;padding: 0 20px;font-size: 14px;box-sizing: border-box; }
.btn1.small{ height: 30px;line-height: 30px;padding: 0 10px;font-size: 12px; }
.btn2{ display: inline-block;background: #fff;border: 1px solid #ddd;color: #000 !important;height: 35px;line-height: 35px;padding: 0 20px;font-size: 14px;box-sizing: border-box; }
.btn2.small{ height: 30px;line-height: 30px;padding: 0 10px;font-size: 12px; }

.mt2 {margin-top: 2px !important;}

/**************************
	Paging
**************************/
.paging{text-align: center;margin-top: 30px;font-family: empty;font-size: 0;}
.paging a{display: inline-block;vertical-align: top;margin: 0;margin-right: -1px;position: relative;width: 35px;height: 35px;line-height: 35px;text-align: center;background: #f9f9f9;border: 1px solid #ddd;color: #999999;font-size: 12px;text-decoration: none;box-sizing: border-box;font-family: tahoma, arial, axicon;}
.paging a:first-child{border-radius: 5px 0 0 5px !important;}
.paging a:after{position: absolute;top: 0;left: 0;width: 100%;height: 100%;line-height: 35px;text-align: center;font-size: 15px;text-indent: 0;}
.paging a:last-child{border-radius: 0 5px 5px 0 !important;}
.paging a.active{background: #ffffff;color: #333333;font-weight: 600;}
.paging a.first,
.paging a.prev,
.paging a.next,
.paging a.last{background: none;font-size: 15px;color: #666666;text-indent: -999em;}
.paging a.first:after{content: '\f100';text-indent: 0;}
.paging a.prev:after{content: '\f104';}
.paging a.next:after{content: '\f105';}
.paging a.last:after{content: '\f101';}

/* Motion */
.over.type1{position: relative;display: block;overflow: hidden;}
.over.type1:after{display: block;content: '';position: absolute;top:0;left:0;width: 100%;height: 100%;background: rgba(0,0,0,0.3);opacity: 0;filter:alpha(opacity=0);transition: all 0.25s;}
.over.type1:hover:after{opacity: 1;filter:alpha(opacity=100);}
.over.type1 img{transition: all 0.8s;}
.over.type1:hover img{transform:scale(1.2);-webkit-transform:scale(1.2); -moz-transform:scale(1.2);-o-transform:scale(1.2);}

.over.type2{position: relative;display: block;overflow: hidden;}
/* .over.type2:after{display: block;content: '';position: absolute;top:0;left:0;width: 100%;height: 100%;background: rgba(0,0,0,0.15);opacity: 0;filter:alpha(opacity=0);transition: all 0.25s;}
.over.type2:hover:after{opacity: 1;filter:alpha(opacity=100);} */
.over.type2 .sumTit{transition: all 0.3s;}
.over.type2:hover .sumTit{transform: translateY(-10px) translateX(-10px);}
#header h1 a {color:#555;}
#header h1 a span {color:#e74655;}


/**************************************************
	Layout
**************************************************/
/* #wrap{padding-top: 90px;} */
#header{position: relative;z-index: 90;background: #fff;box-shadow: 0 3px 3px rgba(0,0,0,0.1);}
#header{position: fixed;top:0;left:0;width: 100%;background: #fff;}
#header .snsWrap{position: absolute;top:50%;right:280px;margin-top: -16px;font-size: 0;}
#header .snsWrap a{display: inline-block;margin-left: 6px;}
#header .snsWrap a:first-child{margin-left: 0;}
#header .logo{position: absolute;top: 0;left: 70px;height: 100%;line-height: 90px;}
#header .logo img {height: 34px;}
#gnb{z-index: 2;text-align: center;padding-right: 400px;}
#gnb > li{position: relative;display: inline-block;vertical-align: top;}
#gnb > li > a{display: block;padding: 0 20px;line-height: 90px;font-size: 16px;color: #222;text-decoration: none;font-weight: 300;}
#gnb > li > a:after{display:block;content:'';width:0;height: 3px;position: absolute;bottom:0;left:50%;background: #2d2d3c;transition:all 0.25s;}
#gnb > li:hover > a:after,
#gnb > li.active > a:after{width: 100%;left:0;}
#gnb > li > ul{display: none;position: absolute;top: 90px;left: 50%;width: 200px;margin-left: -100px;padding: 15px;border: 1px solid #ddd;border-top: 2px solid #2d2d3c;background: #fff;box-sizing: border-box;}
#gnb > li > ul li a{display: block;font-size: 15px;color: #000;line-height: 30px;text-align: center;}
#gnb > li > ul li.active a{font-weight: bold;}
#gnb > li:hover > ul{display: none;}
#gnb > li.hidden-gnb{display: none;}
#header .gnbRig{position: absolute;top:0;left:50%;height: 90px;font-size: 0;margin-left: 180px;}
#header .gnbRig:before{display: inline-block;vertical-align: middle;content: '';width: 0;height: 100%;}
#header .gnbRig li{position: relative;display: inline-block;vertical-align: middle;padding-left: 21px;margin-left: 20px;}
#header .gnbRig li:first-child{margin-left: 0;padding-left: 0;}
#header .gnbRig li:first-child:before{display: none;}
#header .gnbRig li:before{display: block;content: '';width: 1px;height: 12px;background: #c7c6cf;position: absolute;top:50%;left:0;margin-top: -6px;}
#header .gnbRig li a{font-size: 16px;font-weight: 300;color: #777;}

#hd-sch{position: absolute;top: 50%;right: 130px;z-index: 91;margin-top: -10px;}
#hd-sch .btn{display: block;width: 21px;height: 21px;background: url('/contents/home/images/layout/hd-sch-btn.png');text-indent: -999em;border: none;margin: 0 auto;}
#hd-sch form{position: absolute;display: none;top: 30px;right: 0;width: 200px;padding-right: 45px;border: 1px solid #333;border-radius: 5px;overflow: hidden;background: #fff;}
#hd-sch legend{display: none;}
#hd-sch .inp{width: 100%;height: 43px;line-height: 43px;text-indent: 10px;background: none;border: none;}
#hd-sch .sbm{position: absolute;top: 0;right: 0;width: 45px;height: 45px;background: #333 url('/contents/home/images/layout/hd-sch-btn2.png') no-repeat center center;border: none;text-indent: -999em;}
#hd-sch.on form{display: block;}
#hd-sch .text{margin-top: 5px;font-size: 13px;color: #111;}

#hd-lan{position: absolute;top: 50%;right: 170px;margin-top: -20px;z-index: 92;}
#hd-lan > a{display: block;line-height: 40px;padding: 0 22px 0 28px;font-size: 14px;color: #2e3144;text-decoration: none;text-transform: uppercase;background: url('/contents/home/images/layout/hd-lan-ico.png') no-repeat 0 center, url('/contents/home/images/layout/hd-lan-spr.png') no-repeat right center;}
#hd-lan > ul{position: absolute;top: 40px;left: 50%;display: none;width: 80px;margin-left: -40px;padding: 10px 0;border: 1px solid #b8b8b8;background: #fff;}
#hd-lan > ul:before{position: absolute;top: -7px;left: 50%;content: '';display: block;width: 6px;height: 7px;margin-left: -3px;background: url('/contents/home/images/layout/hd-lanbox-spr.png');}
#hd-lan > ul li a{display: block;font-size: 14px;line-height: 26px;color: #666666;text-decoration: none;text-align: center;text-transform: uppercase;}
#hd-lan:hover > ul{display: block;}


#fnbWrap .snsWrap{position: absolute;top:0;right:0;height: 100%;font-size: 0;}
#fnbWrap .snsWrap:before{display: inline-block;vertical-align: middle;content: '';width: 0;height: 100%;}
#fnbWrap .snsWrap a{display: inline-block;vertical-align: middle;margin-left: 5px;}
#fnbWrap .snsWrap a:first-child{margin-left: 0;}
#fnb{position: relative;height: 100px;background: #40404e;font-size: 0;padding-left: 55px;}
#fnb:before{display: inline-block;vertical-align: middle;content: '';width: 0;height: 100%;}
#fnb:after{display: block;content: '';width: 200%;height: 100%;left:100%;position: absolute;top:0;z-index:1;background: #40404e;}
#fnb > li{position: relative;display: inline-block;vertical-align: middle;padding: 0 15px;}
#fnb > li:first-child{padding-left: 0;background: none;}
#fnb > li:first-child:before{display: none;}
#fnb > li:before{display: block;content: '';width: 1px;height: 12px;background: #6f6f80;position: absolute;top:50%;left:0;margin-top: -6px;}
#fnb > li a{font-size: 14px;color: #c5c5cb;letter-spacing: -0.05em;line-height: normal;}
#fnb > li:nth-child(8) a {color: #6db1ff !important}
#fnb > li a.policy{color: #fff;font-weight: 300;}
#footerText{background: #222222;margin-top: -50px;padding: 110px 0 75px;}
#footerText .inner{position: relative;width: 1200px;margin: 0 auto;font-size: 0;}
#footerText .inner >*{display: inline-block;vertical-align: top;}
#footerText .textBox{margin-left: 50px;margin-top: -5px;}
#footerText address{font-size: 14px;line-height: 20px;color: #c5c5cb;font-style: normal;}
#footerText address hr{width: 20px;border: none;display: inline-block;vertical-align: middle;}
#footerText .copyright{display: block;margin-top: 8px;font-size: 14px;color: #c5c5cb;}
#footerText .footerLogo img {height: 27px;}

#gotop{position: absolute;top: 10px;right: 0;display: block;background: url('/contents/home/contents/home/images/layout/ft-top-btn.jpg') no-repeat center center;width: 50px;height: 50px;text-indent: -999em;}

#quickmenu{position: fixed;top:0;right:0;width: 80px;height: 100%;background: #2d2d3c;z-index:999;}
#quickmenu .qtop{position: relative;text-align: center;background: #2d2d3c;height: 122px;font-size: 0;padding-bottom: 40px;z-index:100;}
#quickmenu .qtop:before{display: inline-block;vertical-align: middle;content: '';width: 0;height: 100%;}
#quickmenu .qbtn{position: relative;height: 100%;background: #2d2d3c;z-index:100;}
#quickmenu .qbtn a{display: block;padding: 15px 0;background: #2d2d3c;transition: all 0.2s;}
#quickmenu .qbtn a:hover,
#quickmenu .qbtn a.active{background: #40404e;}
#quickmenu .qbtn a:hover .text,
#quickmenu .qbtn a.active .text{color: #f09f12;}
#quickmenu .qbtn a:first-child{margin-top: 0;}
#quickmenu .qbtn a >*{display: block;text-align: center;}
#quickmenu .qbtn a .text{color: #fff;font-size: 13px;line-height: 19px;font-weight: 200;margin-top: 11px;letter-spacing: -0.05em;}

#quickmenu #qmenu_37,
#quickmenu #qmenu_61,
#quickmenu #qmenu_63,
#quickmenu #qmenu_170,
#quickmenu #qmenu_176,
#quickmenu #qmenu_276,
#quickmenu #qmenu_284,
#quickmenu #qmenu_287{display: none;}
#quickmenu .depth2{position: absolute;top:0;right:-150px;width: 230px;height: 100%;/*background: #40404e url(/contents/home/images/quick-depth2-bg.jpg) no-repeat 0 100%;*/-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 175px 30px 0;background: rgba(64,64,78,0.8);}
#quickmenu .depth2 .cont{display: none;}
#quickmenu .depth2 .tit{font-size: 30px;line-height: 38px;font-weight: 300;color: #fff;padding-bottom: 30px;border-bottom:1px solid #555563;}
#quickmenu .depth2 .tit a{font-size: inherit;line-height: inherit;font-weight: inherit;color: inherit;}
#quickmenu .depth2 .list li{border-bottom:1px solid #555563;}
#quickmenu .depth2 .list li a{height: 49px;line-height: 49px;font-size: 15px;color: #fff;}



.slide-btn{position: absolute;top: 50%;right: 70px;margin-top: -10px;}
.slide-btn .btnBox{text-indent: -999em;width: 30px;height: 20px;position: relative;margin: 0 auto;}
.slide-btn button{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: none;background: none;cursor: pointer;}
.slide-btn button span,
.slide-btn button:before,
.slide-btn button:after{border-radius: 2px;overflow: hidden;position: absolute;left: 0;width: 90%;height: 2px;background: #282828;}
.slide-btn button span{display: block;top: 50%;margin-top: -1px;opacity: 1;transition: all 0.3s;left:auto;right:0;}
.slide-btn button:before{content: '';display: block;top: 0;transition: all 0.3s;}
.slide-btn button:after{content: '';display: block;bottom: 0;transition: all 0.3s;}
.slide-btn button.on span{opacity: 0;}
.slide-btn button.on:before{top: 50%;margin-top: -1px;transform: rotate(45deg);}
.slide-btn button.on:after{bottom: 50%;margin-bottom: -1px;transform: rotate(-45deg);}
.slide-btn .text{margin-top: 5px;text-align: center;font-size: 13px;color: #111;}

#quickmenu .slide-btn{position: relative;display: inline-block;vertical-align: middle;}

#allmenu{display: none;position: fixed;top:0;left:0;width: 100%;height: 100%;background: rgba(45,45,60,0.97);z-index:1000;}
#allmenu .amTop{position: absolute;top:65px;left:0;width: 100%;}
#wrap #allmenu  .inner{width: 1400px;}
#allmenu .amTop .inner:after{display: block;content: '';clear: both;}
#allmenu .amTop .logo{float: left;}
#allmenu .amTop .logo img {height: 34px;}
#allmenu .amTop .hText{float: right;font-family: lotte;font-size: 18px;color: #fff;margin-right: 60px;}
#allmenu .amTop .hText strong{font-size: 23px;font-weight: 300;}
#allmenu .amWrap{position: absolute;top:150px;left:0;width: 100%;}
#allmenu .amClose{position: absolute;top:5px;right:0;z-index:100;}

.gnbAmBox .title{margin-bottom: 50px;}
.gnbAmBox .title h4{font-size: 30px;color: #fff;margin-bottom: 30px;}
.gnbAmBox.gab2 .gnb-am > li.gnb_am5{width: 40%;}
.gnbAmBox.gab2 .gnb-am > li{width: 20%;}

.gnb-am{margin: -70px -20px 0;}
.gnb-am > li{display: inline-block;vertical-align: top;width: 25%;padding: 0 20px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin-top: 50px;font-size: 0;}
.gnb-am > li.hidden-gnb{display: none;}
.gnb-am > li#menu_63{display: none;}
.gnb-am > li > a{display: block;padding-top: 23px;border-top:3px solid #4b4a57;font-size: 22px;font-weight: 300;color: #fff;letter-spacing: -0.05em;}
.gnb-am > li > ul{display: block;padding-top: 20px;}
.gnb-am > li > ul > li{margin-top: 8px;}
.gnb-am > li > ul > li:first-child{margin-top: 0;}
.gnb-am > li > ul > li > a{font-size: 16px;color: #c7cad0;transition: all 0.2s;}
.gnb-am > li > ul > li > a:hover{color: #ebedf3;}
.gnb-am > li.gnb_am5 > ul > li{width: 50%;display: inline-block;vertical-align: top;}
.gnb-am > li.gnb_am5 > ul > li:nth-child(2){margin-top: 0;}
.gnb-am > li.gnb_am11 > a:first-child{padding-bottom: 0;}
.gnb-am > li.gnb_am11 > a:nth-child(2),
.gnb-am > li.gnb_am11 > a:nth-child(3){padding-top: 0;border-top:-0;margin-top: 10px;padding-bottom: 0;}
.gnbAmBox.gab2{margin-top: 60px;}
#header .langBoxMo{display: none;}
#hd-lan-mo{display: none;}

/* .gnb-am > li#menu_61 > ul > li:nth-child(3) {display:none;} */


@media all and (max-width: 1400px){
	#wrap #allmenu  .inner{width: auto;padding: 0 15px;}
	.gnb-am{margin: -50px -10px 0;}
	.gnb-am > li{padding: 0 10px;margin-top: 50px;}
	.gnb-am > li > a{display: block;width: 100%;padding: 15px 0;font-size: 18px;}
	.gnb-am > li > ul{width: 100%;padding-top: 15px;}
	.gnb-am > li > ul > li > a{font-size: 14px;}
	.gnb-am > li.gnb_am11{width: 66.6667%;}
	/* #allmenu .amTop .logo img{width: 210px;height: auto;} */
    #allmenu .amTop .logo img{height: 20px;}
	#allmenu .amTop .hText{font-size: 16px;padding-right: 50px;}
	#allmenu .amTop .hText strong{font-size: 26px;}
	#allmenu .amWrap{top:110px;}
	#allmenu .amClose{right:15px;}
	#allmenu .amClose img{width: 30px;height: auto;}

}

@media all and (max-width: 750px){
	#hd-lan{display: none;}
	#hd-lan-mo{display: block;}
	.gnbAmBox .title h4{margin-bottom: 20px;}
	#wrap #allmenu .inner{padding: 0 10px;}
	#allmenu .amTop{position: absolute;top:0;padding:15px 0;}
	#allmenu .amTop .hText{display: none;}
	#allmenu .amClose{top:13px;}
	#allmenu .amWrap{top:60px;}
	#allmenu .amWrap .inner{overflow-y: scroll;height: calc(100vh - 100px);}
	.gnb-am{margin-top: 0;margin-top: -20px;}
	.gnb-am > li{width: 33.33%;margin-top: 20px;}
	.gnb-am > li#menu_176{width: 66.667%;}
	.gnb-am > li#menu_176 > ul{font-size: 0;}
	.gnb-am > li#menu_176 > ul > li{display: inline-block;vertical-align: top;width: 50%;}
	.gnb-am > li#menu_176 > ul > li:nth-child(2){margin-top: 0;}
	.gnb-am > li > a{padding: 8px 0;font-size: 15px;}
	.gnb-am > li > ul > li{margin-top: 5px;}
	.gnb-am > li > ul > li > a{font-size: 12px;}
	.gnbAmBox.gab2{margin-top: 50px;}

	.gnbAmBox.gab2 .gnb-am > li{width: 50%;}
}



/**************************************************
	Ajax Popup
**************************************************/
#popup{position: fixed;top: 50%;left: 50%;width: 600px;height: 500px;margin-top: -250px;margin-left: -300px;padding-top: 46px;z-index: 301;background: #fff;border-radius: 5px;overflow: hidden;box-sizing: border-box;opacity: 0;transition: all 0.3s;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
#popup .pop-tit{position: absolute;top: 0;left: 0;width: 100%;height: 45px;background: #f7f7f7;padding: 0 15px;border-bottom: 1px solid #ddd;box-sizing: border-box;}
#popup .pop-tit h3{font-size: 15px;color: #000;font-weight: 300;line-height: 45px;}
#popup .pop-tit .close{display: block;position: absolute;top: 0;right: 0;width: 44px;height: 44px;line-height: 44px;text-align: center;font-size: 16px;color: #666;background: #eee;border-left: 1px solid #ddd;}
#popup .pop-wrap{height: 100%;overflow-y: auto;padding: 15px;box-sizing: border-box;}
#popup.on{opacity: 1;}
#popupBG{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 300;background: rgba(0,0,0,0.5);opacity: 0;transition: all 0.3s;}
#popupBG.on{opacity: 1;}

/* sitemap */
#popup .sitemap{ text-align: center; }
#popup .sitemap > li{display: inline-block;width: 32%;vertical-align: top;margin-bottom: 10px;}
#popup .sitemap > li > a{display: block;text-align: center;font-size: 14px;letter-spacing: -1px;background: #f7f7f7;font-weight: 300;line-height: 40px;border-radius: 3px;}
#popup .sitemap > li ul li{border-top: 1px solid #f7f7f7;text-align: left;}
#popup .sitemap > li ul li:first-child{border-top: none;}
#popup .sitemap > li ul li a{display: block;font-size: 13px;color: #333;line-height: 18px;padding: 10px 0;text-align: center;}

/**************************************************
	Main
**************************************************/
#main{ padding-top: 90px; }
#main #content{  }
#main #mainWrap{position: relative;width: 1300px;margin: 50px auto 0;}
#wrap .wide{position: relative;width: 1920px;left:50%;margin-left: -960px;}
#wrap .inner{position: relative;width: 1300px;margin: 0 auto;}
#main .visual{position: relative;}
#main .visual .cover{position: absolute;top:0;left:0;width: 100%;height: 100%;font-size: 0;text-align: center;}
#main .visual .cover:before{display: inline-block;vertical-align: middle;content: '';width: 0;height: 100%;}
#main .visual .cover .vam{display: inline-block;vertical-align: middle;width: 1300px;text-align: left;font-size: 0;}
#main .visual .cover .lef,
#main .visual .cover .rig{display: inline-block;vertical-align: middle;width: 50%;font-size: 0;}
/* 업체 요청사항 */
#main .visual .cover .rig{position: relative;right:-130px;}
/* */
#main .visual .cover .lef .text dt span{display: block;font-size: 32px;font-weight: 200;color: #fff;}
#main .visual .cover .lef .text dt strong{font-size: 50px;letter-spacing: -0.05em;color: #fff;}
#main .visual .cover .lef .text dd{font-size: 17px;line-height: 27px;letter-spacing: -0.03em;color: #fff;margin-top: 25px;}
#main .visual .cover .lef.black .text dt span,
#main .visual .cover .lef.black .text dt strong,
#main .visual .cover .lef.black .text dd{color: #333;}
#main .visual .cover .rig{text-align: right;}
#main .visual .cover .rig .box{display: inline-block;width: 500px;}
#main .visual .cover .rig .box .notice{position: relative;background: #393947;padding: 35px;}
#main .visual .cover .rig .box .zone{background: #fff;padding: 35px 25px;}
#main .visual .cover .rig .box .zone img{width: 100%;height: auto;}
#main .visual .cover .rig .tit{position: relative;margin-bottom: 20px;}
#main .visual .cover .rig .tit h4{font-size: 22px;line-height: 24px;font-weight: 600;color: #333;}
#main .visual .cover .rig .tit .more{position: absolute;top:0;right:0;line-height: 24px;font-size: 11px;color: #fff;}
#main .visual .cover .rig .tit.white h4{color: #fff;}
#main .visual .cover .rig .notice li{position: relative;text-align: left;margin-top: 8px;}
#main .visual .cover .rig .notice li:first-child{margin-top: 0;}
#main .visual .cover .rig .notice li a{display: block;position: relative;padding-right: 70px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-size: 15px;line-height: 18px;color: #fff;box-sizing:border-box;}
#main .visual .cover .rig .notice li .date{position: absolute;top:0;right:0;font-size: 13px;color: #fff;position: absolute;top:0;right:0;line-height: 18px;}

#main .visArrows{margin-top: 50px;}
#main .visArrows .slick-arrow{display: inline-block;vertical-align: top;margin-left: 10px;width: 60px;height: 60px;text-indent: -9999em;border:0;}
#main .visArrows .slick-arrow:first-child{margin-left: 0;}
#main .visArrows .slick-arrow.slick-prev{background: url(/contents/home/images/vis-prev.png) no-repeat 50% 50%;}
#main .visArrows .slick-arrow.slick-next{background: url(/contents/home/images/vis-next.png) no-repeat 50% 50%;}
#main .black .visArrows .slick-arrow.slick-prev{background: url(/contents/home/images/vis-prev-bk.png) no-repeat 50% 50%;}
#main .black .visArrows .slick-arrow.slick-next{background: url(/contents/home/images/vis-next-bk.png) no-repeat 50% 50%;}
#main .arrowsType1{position: absolute;top:50%;right:0;width: 37px;height: 13px;overflow: hidden;margin-top: -6px;}
#main .arrowsType1 .slick-arrow{position: relative;display: block;width: 8px;height: 13px;border:0;text-indent: -9999em;}
#main .arrowsType1:after{display: block;content: '';width: 1px;height: 13px;background: #ddd;position: absolute;left:50%;top:0;}
#main .arrowsType1 .slick-prev{float: left;background: url(/contents/home/images/vis-rig-prev.gif) no-repeat;}
#main .arrowsType1 .slick-next{float: right;background: url(/contents/home/images/vis-rig-next.gif) no-repeat;}
#main .mainTopQuick{background: #2d2d3c;padding: 35px 0;position: relative;z-index:10;}
#main .mainTopQuick .list{font-size: 0;text-align: center;}
#main .mainTopQuick .list li{display: inline-block;vertical-align: middle;margin-left: 50px;}
#main .mainTopQuick .list li:first-child{margin-left: 0;}
#main .mainTopQuick .list li a img{display: inline-block;vertical-align: middle;}
#main .mainTopQuick .list li a span{display: inline-block;vertical-align: middle;margin-left: 12px;color: #fff;font-size: 20px;letter-spacing: -0.05em;}
#main .mainTop{height: 205px;background: #6b6f87 url(/contents/home/images/main-top-bg.jpg) no-repeat 100% 50%;-webkit-background-size: cover;background-size: cover;font-size: 0;}
#main .mainTop .top{font-size: 0;margin-bottom: 20px;}
#main .mainTop .top >*{display: inline-block;vertical-align: middle;}
#main .mainTop .tit{font-size: 20px;font-weight: 600;color: #fff;}
#main .mainTop .top .btn{height: 26px;line-height: 26px;padding: 0 10px;background: #414154;color: #fff;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;margin-left: 10px;font-size: 14px;}
#main .mainTop .inner{font-size: 0;height: 100%;padding: 15px 0;box-sizing:border-box;}
#main .mainTop .box{display: inline-block;vertical-align: top;}
#main .mainTop .box dl{margin-top: 10px;font-size: 0;}
#main .mainTop .box dl >*{display: inline-block;vertical-align: middle;}
#main .mainTop .box dt{position: relative;font-size: 13px;font-weight: 600;margin-right: 30px;margin-right: 15px;}
#main .mainTop .box1 dt{width: 125px;padding-right: 0;}
#main .mainTop .box dt:after{display: block;content: '';position: absolute;top:50%;right:0;background: #9092a3;width: 1px;height: 12px;margin-top: -6px;}
#main .mainTop .box dt,
#main .mainTop .box dd{color: #fff;}
#main .mainTop .box dd{font-size: 13px;font-weight: 100;}
#main .mainTop .box dd span{color: inherit;font-size: 12px;font-weight: 100;color: #fff;}
#main .mainTop .box2{margin-left: 80px;}
#main .mainTop .box .text{font-size: 14px;line-height: 24px;font-weight: 100;color: #fff;}
#main .mainTop{position: relative;}
#main .mainTop .link{display: block;padding: 10px 15px;font-size: 0;margin-top: 10px;box-sizing:border-box;background:rgba(0,0,0,0.7);}
#main .mainTop .link:before{display: inline-block;vertical-align: middle;content: '';width: 0;height: 100%;}
#main .mainTop .link .vam{display: inline-block;vertical-align: middle;width: 100%;}
#main .mainTop .link .vam .text{padding-right: 20px;background: url(/contents/home/images/reser-arrow.png) no-repeat 100% 50%;margin-top: 10px;font-size: 13px;color: #fff;font-weight: 600;}
#main .mainQuick{background: #f3f4f9;padding: 35px 70px;font-size: 0;}
#main .mainQuick .link{display: inline-block;vertical-align: middle;font-size: 0;margin-left: 40px;}
#main .mainQuick .link:first-child{margin-left: 0;}
#main .mainQuick .link >*{display: inline-block;vertical-align: middle;}
#main .mainQuick .link dl{margin-left: 20px;}
#main .mainQuick .link dt{font-size: 19px;font-weight: 300;color: #222;margin-bottom: 5px;}
#main .mainTitle{margin-bottom: 15px;}
#main .mainTitle .tit{font-size: 28px;font-weight: 200;letter-spacing: -0.05em;color: #333;margin-bottom: 7px;}
#main .mainTitle .text{font-size: 16px;letter-spacing: -0.05em;color: #888;}
#main .mainParking{overflow: hidden;margin: 55px 0 110px;}
#main .mainParking .exLink{display: block;text-align: right;margin-top: 3px;color: #777;}
#main .mainParking .inner{overflow: hidden;}
#main .mainParking .lef{float: left;}
#main .mainParking .rig{float: right;width: 720px;}
#main .mainParking .time{background: #ebebeb;height: 110px;font-size: 0;width: 525px;padding: 0 20px;box-sizing:border-box;}
#main .mainParking .time:before{display: inline-block;vertical-align: middle;content: '';width: 0;height: 100%;}
#main .mainParking .time .box{display: inline-block;vertical-align: middle;font-size: 0;}
#main .mainParking .time .box >*{display: inline-block;vertical-align: middle;}
#main .mainParking .time .box .icon{}
#main .mainParking .time .box .text{margin-left: 15px;}
#main .mainParking .time .box .text dt{font-size: 18px;letter-spacing: -0.025em;font-weight: normal;}
#main .mainParking .time .box .text dt strong{font-weight: 600;color: #333;}
#main .mainParking .time .box .text dd{color: #888;font-size: 13px;letter-spacing: -0.05em;margin-top: 5px;}
#main .mainParking .exTxt{margin-top: 10px;color: #777;}
#main .mainParking .btmList{font-size: 0;margin-top: 20px;text-align: center;}
#main .mainParking .btmList li{position: relative;display: inline-block;vertical-align: middle;padding-left: 10px;margin-left: 10px;font-size: 16px;}
#main .mainParking .btmList li:before{display: block;content: '';width: 1px;height: 14px;background: #e6e6e6;position: absolute;top:50%;left:0;margin-top: -7px;}
#main .mainParking .btmList li:first-child{margin-left: 0;padding-left: 0;}
#main .mainParking .btmList li.total{color: #222;font-weight: 300;}

.mainParking .rig{position: relative;}
.mainParking .rig .service{position: absolute;bottom:0;left:0;width: 100%;height: 50%;background: rgba(150,150,150,0.5);text-align: center;color: #fff;z-index:10;}
.mainParking .rig .service:before{display: inline-block;vertical-align: middle;content: '';width: 0;height: 100%;}
.mainParking .rig .service p{display: inline-block;vertical-align: middle;color: #111;font-size: 26px;font-weight: 300;}
.renewalTable{width: 100%;position: relative;}
.renewalTable thead th{background: #414154;color: #fff;padding: 15px 10px;border:1px solid #73737e;font-size: 16px;}
.renewalTable thead .down th{background: #525263;}
.renewalTable tbody td{border:1px solid #ddd;padding: 15px 10px;text-align: center;font-size: 16px;}
.renewalTable tbody td.total{background: #f9f9f9;font-size: 16px;font-weight: 600;color: #ee154b;}

#main .mainBoard{overflow: hidden;margin-top: 110px;padding-bottom: 120px;background: url(/contents/home/images/main-board-bg.gif) no-repeat 100% 100%;}
#main .mainBoard .lef{width: 600px;float: left;}
#main .mainBoard .rig{float: right;width: 620px;font-size: 0;}
#main .mainBoard .rig .btm{position: relative;}
#main .mainBoard .rig .btm .txt{margin-top: 20px;font-size: 16px;line-height: 22px;letter-spacing: -0.05em;color: #333;}
#main .mainBoard .rig .btm .txt strong{display: inline-block;background: #ee154b;line-height: 22px;font-size: 16px;color: #fff;font-weight: 600;padding:3px 5px;}
#main .mainBoard .cardList{font-size: 0;margin: -15px;}
#main .mainBoard .cardList li{display: inline-block;vertical-align: top;width: 50%;padding: 15px;box-sizing:border-box;box-sizing:border-box;}
#main .mainBoard .cardList li .link{display: block;}
#main .mainBoard .cardList li .link .imgBox img{width: 100%;height: auto;}
#main .mainBoard .cardList li .link .textBox{border:1px solid #ddd;padding: 20px;background: #fff;}
#main .mainBoard .cardList li .link .textBox .text{overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-size: 17px;line-height: 24px;color: #333;font-weight: 300;}
#main .exRoll{width: 2700px;margin: -50px;padding: 60px 0;}
#main .exRoll li{padding: 50px;box-sizing:border-box;}
#main .exRoll .textBox,
#main .exRoll .imgBox{position: relative;display: inline-block;vertical-align: top;}
#main .exRoll .imgBox .link{display: block;position: relative;}
#main .exRoll .textBox{width: 450px;box-sizing:border-box;white-space: normal;display: none;}
#main .exRoll .textBox .top{padding-bottom: 50px;margin-bottom: 50px;border-bottom:1px solid rgba(255,255,255,0.2);padding-right: 100px;}
#main .exRoll .textBox dt{margin-bottom: 20px;}
#main .exRoll .textBox dt span{display: block;font-size: 20px;letter-spacing: -0.05em;font-weight: 600;color: #fff;margin-bottom: 5px;}
#main .exRoll .textBox dt strong{display: block;font-size: 34px;line-height: 42px;font-weight: 300;color: #fff;}
#main .exRoll .textBox dd{font-size: 14px;line-height: 21px;letter-spacing: -0.05em;color: #fff;}
#main .exRoll .imgBox .quick{margin: -20px;padding-top: 65px;display: none;}
#main .exRoll .imgBox .quick .box{display: inline-block;width: 25%;padding: 20px;box-sizing:border-box;}
#main .exRoll .imgBox .quick .qlink{display: block;background: url(/contents/home/images/qlink-arrow.png) no-repeat 100% 5px;font-size: 18px;color: #fff;padding-right: 20px;padding-bottom: 10px;border-bottom:2px solid #fff;}
#main .exRoll li.slick-current .imgBox .quick{display: block;}
#main .exRoll li.slick-current .imgBox .link:after{display: block;content: '';position: absolute;bottom:0;right:0;width: 80px;height: 80px;background: url(/contents/home/images/slick-current-plus.gif) no-repeat 50% 50%;-webkit-background-size: cover;background-size: cover;}
#main .exRoll li.slick-current .textBox{display: inline-block;}
#main .exRoll .slick-page .current { font-weight:500; font-size:30px; color:#2f97b9; letter-spacing:0.03em;font-family: han; }
#main .exRoll .slick-page .total {font-size:17px; color:#999; letter-spacing:0.03em;font-family: han; }
#main .mainExhibition{overflow: hidden;background: url(/contents/home/images/main-exhibition.jpg) no-repeat 50% 50%;-webkit-background-size: cover;background-size: cover;white-space: nowrap;}
.mainExControls{position: absolute;bottom:240px;left:0;}
.mainExControls .arrows{position: relative;display: inline-block;vertical-align: middle;width: 86px;}
.mainExControls .slick-page{display: inline-block;vertical-align: middle;margin-left: 20px;}
.mainExControls .slick-page > div{display: inline-block;vertical-align: middle;font-size: 18px;color: #fff;}
.mainExControls .arrows:after{display: block;content: '';width: 1px;height: 16px;background: #ddd;position: absolute;top:50%;margin-top: -8px;left:50%;}
.mainExControls .arrows .slick-arrow{position: absolute;top:50%;width: 20px;height: 21px;margin-top: -10px;text-indent: -9999em;border:0;}
.mainExControls .arrows .slick-prev{background: url(/contents/home/images/ex-prev.png) no-repeat 50% 50%;left:0;}
.mainExControls .arrows .slick-next{background: url(/contents/home/images/ex-next.png) no-repeat 50% 50%;right:0;}
#main .mainExhibition .slick-dots{display: none !important;}
#main .mainExhibition .box{display: inline-block;vertical-align: top;padding: 20px;width: 25%;box-sizing:border-box;}
#main .mainBtm{margin-bottom: 130px;text-align: right;background: url(/contents/home/images/main-btm-bg.jpg) no-repeat 50% 100%;}
#main .mainBtm .boxWrap{background: url(/contents/home_eng/images/main-btm-box-bg.jpg) no-repeat 0% 50%;font-size: 0;}
#main .mainBtm .boxWrap .box{position: relative;display: inline-block;vertical-align: top;text-align: left;}
#main .mainBtm .boxWrap .textBox{position: absolute;top:0;left:0;padding: 40px;}
#main .mainBtm .boxWrap .icon{position: absolute;left:45px;bottom:60px;}
#main .mainBtm .boxWrap .textBox dt{font-size: 20px;line-height: 28px;font-weight: 300;color: #000;margin-bottom: 15px;}
#main .mainBtm .boxWrap .textBox dd{font-size: 15px;font-weight: 200;}
#main .mainBtm .boxWrap .textBox .bk dt{color: #333;}
#main .mainBtm .boxWrap .textBox .bk dd{color: #777;}
#main .mainBtm .boxWrap .textBox .wh dt,
#main .mainBtm .boxWrap .textBox .wh dd{color: #fff;}
#main .mainBtm .boxWrap .box1{background: #bd1b31;}
#main .mainBtm .boxWrap .box2{background: #363969;}
#main .mainBtm .boxWrap .box3{background: #2d2d3c;}
#main .mainBtm .boxWrap .box4{background: #7da7d8;}
#main .mainBtm .boxWrap .box5{background: none;}
#main .mainBtm .boxWrap .box > img{visibility: hidden;width: 100%;}
#main .mainBtm .boxWrap .box.__tamo > img{visibility: inherit;width: 100%;height: auto !important;}
#main .mainPartners{}
#main .mainPartners .list{position: relative;padding: 0 50px;}
#main .mainPartners .slick-arrow{display: block;width: 15px;height: 29px;position: absolute;top:50%;margin-top: -15px;z-index:80;text-indent: -9999em;border:0;}
#main .mainPartners .slick-prev{left:0;background: url(/contents/home/images/main-partners-prev.gif) no-repeat 50% 50%;}
#main .mainPartners .slick-next{right:0;background: url(/contents/home/images/main-partners-next.gif) no-repeat 50% 50%;}
#main .mainPartners .list li{display: inline-block;vertical-align: top;}
#main .mainPartners .list li a{display: block;height: 170px;font-size: 0;text-align: center;}
#main .mainPartners .list li a:before{display: inline-block;vertical-align: middle;content: '';width: 0;height: 100%;}
#main .mainPartners .list li img{display: inline-block;vertical-align: middle;max-width:100%;}



/**************************************************
	Sub
**************************************************/
#sub{ padding-top: 90px; }
#sub div#content{ position: relative;width: 1300px;margin: 0 auto;padding: 90px 0 65px;margin-top: -25px; }

#sub .titType1{font-size: 30px;line-height: 1.1em;font-weight: 300;color: #333;text-align: center;letter-spacing: -0.05em;margin-bottom: 35px;}
#sub .sub-vis{position: relative;height: 220px;overflow: hidden;text-align: center;background-position: center center;background-size: cover;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size: 0;}
/* #sub .sub-vis.menu_307{display: none;} */
#sub .sub-vis.dep2{padding-bottom: 50px;}
#sub .sub-vis:before{position: relative;content: '';display: inline-block;vertical-align: middle;width: 0;height: 100%;}
#sub .sub-vis .vam{display: inline-block;vertical-align: middle;max-width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 0 15px;}
#sub .sub-vis h2{text-align: center;font-size: 35px;color: #fff;letter-spacing: -1px;z-index: 2;}
#sub .sub-vis p{font-size: 17px;font-weight: 200;color: #fff;margin-top: 10px;}
#sub .downloadBtn{display: inline-block;padding: 0 35px;background: #2d2d3c;}
#sub .downloadBtn span{display: block;height: 50px;line-height: 50px;font-size: 16px;color: #fff;padding-right: 23px;background: url(/contents/home/images/down-btn-icon.gif) no-repeat 100% 50%;}

.lnbWrap{position: relative;z-index:1;}
#lnb{width: 1300px;margin: 0 auto;margin-top: -50px;}
#lnb > li{display: inline-block;vertical-align: top;border-left: 1px solid #999999;box-sizing: border-box;}
#lnb > li:first-child{border-left: 0;}
#lnb > li a{display: block;line-height: 50px;font-size: 15px;text-decoration: none;text-align: center;background: rgba(69,69,84,0.75);color: #fff;}
#lnb > li.active a{background: #2d2d3c;color: #fff;}

#status{position: absolute;bottom: 20px;right: 0;}
#status > ul > li{display: inline-block;}
#status > ul > li .spr{display: inline-block;vertical-align: middle;margin: 0 10px;color: #999;font-size: 11px;line-height: 11px;}
#status > ul > li a{font-size: 13px;color: #999;text-decoration: none;}
#status > ul > li:last-child a{color: #000;}

#navigator{border: 1px solid #ddd;border-width: 1px 0 1px 0;display: none;}
#navigator > ul{width: 1200px;position: relative;margin: 0 auto;border-left: 1px solid #ddd;box-sizing: border-box;background: #fff;}
#navigator > ul > li{position: relative;display: inline-block;border-right: 1px solid #ddd;vertical-align: top;z-index: 89;}
#navigator > ul > li > a{display: block;min-width: 200px;font-size: 15px;font-weight: 300;color: #333;text-decoration: none;padding: 0 60px 0 15px;line-height: 50px;background: url('/contents/home/images/layout/ft-family-spr.png') no-repeat 95% center;}
#navigator > ul > li:first-child a{min-width: 0;width: 50px;text-align: center;padding: 0;background: #f7f7f7;color: #000;}
#navigator > ul > li > ul{position: absolute;top: 50px;left: -1px;width: 100%;border: 1px solid #ddd;visibility: hidden;opacity: 0;transition: all 0.2s;}
#navigator > ul > li > ul li a{display: block;padding: 12px 15px;font-size: 15px;border-top: 1px solid #ddd;text-decoration: none;transition: all 0.3s;}
#navigator > ul > li > ul li:first-child a{border-top: none;}
#navigator > ul > li > ul li:hover a{background: #f7f7f7;}
#navigator > ul > li.on > ul{background: #fff;visibility: visible;opacity: 1;}
#navigator > ul > li > ul li.hidden-gnb{display: none;}

/* 약관 내용 출력 박스 */
.policybox{color: #666;font-size: 13px;line-height: 20px;}

/* Summary  페이지 */
.sumTit{position: absolute;top:45px;left:35px;font-size: 26px;font-weight: normal;color: #fff;z-index:10;}
.sumPlus{position: absolute;bottom:40px;right:40px;z-index:10;}

.guideSummary .list{font-size: 0;margin: -10px;}
.guideSummary .list li .link{display: block;position: relative;}
.guideSummary .list li{display: inline-block;vertical-align: top;width: 25%;padding: 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.summaryRoll .subject{display: block;overflow: hidden;max-height:78px;font-size: 18px;line-height: 26px;letter-spacing: -0.025em;color: #444;}
.summaryRoll .text{display: block;font-size: 14px;color: #999;line-height: 22px;max-height: 44px;overflow: hidden;margin-top: 10px;}
.summaryRoll .date{margin-top: 10px;font-size: 15px;color: #888;}
.summaryRoll .bx-controls-direction a{position: relative;display: inline-block;vertical-align: middle;width: 9px;height: 14px;text-indent: -9999px;font-size: 0;}
.summaryRoll .bx-controls-direction a.bx-prev{background: url(/contents/home/images/news-roll-prev.gif) no-repeat 50% 50%;}
.summaryRoll .bx-controls-direction a.bx-next{background: url(/contents/home/images/news-roll-next.gif) no-repeat 100% 50%;padding-left: 13px;margin-left: 12px;}
.summaryRoll .bx-controls-direction a.bx-next:before{display: block;content: '';position: absolute;top:50%;left:0;width: 1px;height: 14px;background: #ccc;margin-top: -7px;}

/* 박물관소개 Summary */
.museumSummary .conWrap{margin: 0 -10px;font-size: 0;}
.museumSummary .conWrap >*{display: inline-block;vertical-align: top;width: 50%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.museumSummary .lefCon{display: inline-block;vertical-align: top;width: 50%;padding: 0 10px;}
.museumSummary .lefCon .notice{position: relative;padding-left: 47%;height: 190px;border:1px solid #ddd;}
.museumSummary .lefCon .qna{display: block;width: 47%;position: absolute;top:0;left:0;height: 190px;background: url(/contents/home/images/museum-qna-bg.jpg) no-repeat 50% 50%;-webkit-background-size: cover;background-size: cover;}
.museumSummary .lefCon .btm{position: relative;overflow: hidden;font-size: 0;margin-top: 20px;padding-left: 47%;}
.museumSummary .lefCon .btm .link{display: block;width: 100%;height: 190px;background:#7676b2 url(/contents/home/images/mou-link-bg.gif) no-repeat 100% 100%;}
.museumSummary .lefCon .btm .box{padding-left: 10px;}
.museumSummary .vam{font-size: 0;}
.museumSummary .vam:before{display: inline-block;vertical-align: middle;content: '';width: 0;height: 100%;}
.museumSummary .notice .link{display: block;position: absolute;top:0;left:0;width: 47%;height: 190px;background: url(/contents/home/images/museum-notice-img.jpg) no-repeat 50% 50%;}
.museumSummary .summaryRoll{display: inline-block;vertical-align: middle;padding: 0 30px;width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.museumSummary .plus{position: absolute;bottom:40px;right:40px;}
.museumSummary .summaryRoll .bx-controls-direction{text-align: right;margin-top: 15px;}
.museumSummary .rigCon{font-size: 0;}
.museumSummary .rigCon >*{position: relative;display: inline-block;vertical-align: middle;width: 50%;height: 400px;padding: 0 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.museumSummary .news{padding-top: 190px;border:1px solid #ddd;}
.museumSummary .news .link{position: absolute;top:0;left:0;display: block;width: 100%;height: 190px;background:#95cbc1 url(/contents/home/images/news-link-bg.gif) no-repeat 100% 100%;}
.museumSummary .notfi{}
.museumSummary .notfi .over{position: relative;display: block;height: 190px;-webkit-background-size: cover;background-size: cover;}
.museumSummary .notfi .over.box1{background: url(/contents/home/images/museum-notifi-img1.jpg) no-repeat 50% 50%;}
.museumSummary .notfi .over.box2{background: url(/contents/home/images/museum-notifi-img2.jpg) no-repeat 50% 50%;margin-top: 20px;}


.permEX{width: 100%;}
.permEX.intro img{max-width:100%;}
.planExSummary .list{margin: -10px; text-align: center}
.planExSummary .list li{display: inline-block;vertical-align: top;width: 33.33%;padding: 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.planExSummary .list .link{position: relative;display: block;}

/* 체험관 Summary */
.expCenterSummary .list{margin: -10px;}
.expCenterSummary .list li{display: inline-block;vertical-align: top;width: 33.33%;padding: 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.expCenterSummary .list li.li04,
.expCenterSummary .list li.li05{width: 50%;}
.expCenterSummary .list .link{position: relative;display: block;}

/* 부대시설 Summary */
.facilSummary .vvh{display: none;}
.facilSummary .boxWrap{margin: -10px;font-size: 0;text-align: center;}
.facilSummary .box{display: inline-block;vertical-align: top;width: 33.33%;padding: 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

/* 교육프로그램 Summary */
.eduSummary .list{margin: -10px;}
.eduSummary .list li{display: inline-block;vertical-align: top;width: 33.33%;padding: 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.eduSummary .list li.li04,
.eduSummary .list li.li05{width: 50%;}
.eduSummary .list .link{position: relative;display: block;}
.eduSummary .boxWrap{margin: -10px;font-size: 0;}
.eduSummary .boxWrap .box{display: inline-block;vertical-align: top;padding: 10px;width: 50%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.eduSummary .eduNews{height: 210px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.eduSummary .vam{font-size: 0;padding: 0 40px;border:1px solid #ddd;}
.eduSummary .vam:before{display: inline-block;vertical-align: middle;content: '';width: 0;height: 100%;}
.eduSummary .summaryRoll{position: relative;display: inline-block;vertical-align: middle;width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.eduSummary .bx-controls-direction{position: absolute;bottom:0;right:0;}

/* 소개 Summary */
.compSummary{font-size: 0;}
.compSummary .sumTit{font-size: 23px;}
.compSummary .boxWrap{font-size: 0;}
.compSummary .boxWrap.double{width: 50%;display: inline-block;vertical-align: top;}
.compSummary .boxWrap.quarter{width: 25%;display: inline-block;vertical-align: top;}
.compSummary .boxWrap.double .box{width: 50%;}
.compSummary .boxWrap.double .box.full{width: 100%;}
.compSummary .boxWrap.quarter .box{width: 100%;}
.compSummary .box{display: inline-block;vertical-align: top;width: 25%;padding: 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.compSummary .inbord{position: relative;}
.compSummary .inbord .vvh{visibility: hidden;}
.compSummary .inbord .over{position: absolute;top:0;left:0;width: 100%;height: 100%;}
.compSummary .inbord .over:before{display: block;content: '';position: absolute;top:0;left:0;width: 100%;height: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border:10px solid #e1e1e1;}
.compSummary .box2 .sumTit,
.compSummary .box8 .sumTit,
.compSummary .box10 .sumTit{color: #333;}
.compSummary .box2 .over{background: url(/contents/home/images/comp-sum-box2-bg.gif) no-repeat 100% 100%;}
.compSummary .box8 .over{background: url(/contents/home/images/comp-sum-box8-bg.gif) no-repeat 100% 100%;}


#sub .tit1{font-size: 30px;line-height: 1.1em;font-weight: 300;color: #333;margin-bottom: 25px;}
#sub .tit2{position: relative;font-size: 22px;line-height: 1.1em;font-weight: 300;color: #222;padding-left: 30px;float: left;margin-bottom: 25px;}
#sub .tit2:before{display: block;content: '';width: 18px;height: 3px;background: #111;position: absolute;top:50%;left:0;margin-top: -1.5px;}
#sub .tit3{position: relative;font-size: 30px;line-height: 1.1em;color: #222;font-weight: 300;letter-spacing: -0.05em;padding-top: 65px;text-align: center;}
#sub .tit3:before{display: block;content: '';width: 1px;height: 40px;background: #111;position: absolute;top:0;left:50%;}
#sub .section{margin-top: 60px;}
#sub .section:first-child{margin-top: 0;}

/* 관람안내 */
.tripleType1{display: table;width: 100%;border:1px solid #ddd;border-top:5px solid #444362;}
.tripleType1 li{display: table-cell;width: 33.33%;text-align: center;border-left:1px solid #ddd;padding: 50px 10px;}
.tripleType1 li:first-child{border-left:0;}
.tripleType1 li dt{font-size: 25px;line-height: 1.1em;font-weight: 300;color: #333;margin-bottom: 20px;}
.tripleType1 li dd{font-size: 18px;line-height: 28px;color: #444362;}
.tripleType1 li dd.con{font-size: 0;line-height: normal;}
.tripleType1 li dd p{font-size: 16px;line-height: 25px;color: #666;}
.tripleType1 li dd span{display: block;font-size: 14px;line-height: 20px;color: #888;}
.tripleType1 li .btn{display: inline-block;padding: 10px 20px;background: #444362;color: #fff;font-size: 14px;line-height: 1.1em;margin-top: 15px;}
#guide1 .locText{padding: 20px 10px;background: #444362;font-size: 18px;color: #fff;font-weight: 300;text-align: center;}
#guide1 .loc-info > li{position: relative;display: block;padding: 40px 20px 40px 155px;box-sizing: border-box;border-bottom: 1px dashed #ddd;min-height: 170px;}
#guide1 .loc-info > li > img{position: absolute;top: 40px;left: 20px;}
#guide1 .loc-info > li h5{font-size: 20px;color: #333333;letter-spacing: -1px;font-weight: 300;}
#guide1 .loc-info > li h5 em{font-style: normal;font-size: 18px;}
#guide1 .loc-info > li ul.detail{margin-top: 20px;}
#guide1 .loc-info > li ul.detail li{position: relative;font-size: 15px;line-height: 24px;color: #666666;padding: 3px 0 3px 15px;letter-spacing: -1px;}
#guide1 .loc-info > li ul.detail li.img{padding-left: 0;}
#guide1 .loc-info > li ul.detail li:before{content: '';display: block;position: absolute;top: 14px;left: 4px;width: 2px;height: 2px;background: #999;border-radius: 50%;}
#guide1 .loc-info > li ul.detail li.img:before{display: none;}
#guide1 .loc-info > li ul.detail li strong{color: #444362;font-weight: 600;}
#guide1 .loc-info#moreView {padding-top: 90px;margin-top: -90px;}
.fourBList1{font-size: 0;border-left:1px solid #ddd;border-top:1px solid #ddd;}
.fourBList1 li{display: inline-block;vertical-align: top;width: 25%;height: 270px;padding: 40px 10px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;text-align: center;}
.fourBList1 li .img{text-align: center;}
.fourBList1 li .text{font-size: 15px;line-height: 22px;color: #666;margin-top: 25px;}
.fourBList1 li .text strong{color: #43435b;font-weight: 600;}

/* 층별안내 */
.floorGuideBox{}
.floorGuideBox .top{position: relative;padding-left: 160px;}
.floorGuideBox .tab{position: absolute;top:0;left:0;width: 160px;height: 100%;}
.floorGuideBox .tab .btn{display: block;width: 100%;height: 33.33%;background: #5b5b6d;font-size: 0;text-align: center;}
.floorGuideBox .tab .btn.active{background: #2d2d3c;}
.floorGuideBox .tab .btn:before{display: inline-block;vertical-align: middle;content: '';width: 0;height: 100%;}
.floorGuideBox .tab .btn .txt{display: inline-block;vertical-align: middle;text-align: left;color: #fff;font-size: 22px;font-weight: 300;}
.floorGuideBox .tab .btn .txt strong{font-size: 35px;letter-spacing: -0.05em;color: #fff;font-weight: 300;}
.floorGuideBox .tabCont{position: relative;margin-top: 55px;padding: 0 30px;padding-right: 350px;}
.floorGuideBox .tabCont .tit{display: inline-block;vertical-align: top;font-size: 30px;font-weight: 300;color: #333;letter-spacing: -0.05em;width: 190px;}
.floorGuideBox .tabCont .text{display: inline-block;vertical-align: top;font-size: 16px;line-height: 24px;}
.floorGuideBox .tabCont .rigBtn{position: absolute;top:0;right:0;}
.basicBtn .btn{display: inline-block;vertical-align: top;padding: 12px 30px;border:1px solid #444362;color: #444;margin-left: 5px;font-size: 15px;}
.basicBtn .btn:first-child{margin-left: 0;}
.basicBtn .btn.type2{background: #444362;color: #fff;}


/* 전시해설 */
#guide3 .guide3Top{position: relative;}
#guide3 .guide3Top .text{position: absolute;bottom:0;right:0;border:15px solid #f2f2f2;padding: 70px 50px 40px;background: #fff;}
#guide3 .guide3Top .text dt{font-size: 16px;letter-spacing: -0.05em;color: #555;}
#guide3 .guide3Top .text dt strong{font-size: 30px;font-weight: 300;}
#guide3 .guide3Top .text dd{font-size: 16px;line-height: 26px;margin-top: 8px;}
#guide3 .guide3Top .text dd br{display: none;}
#guide3 .section .tableType1 caption{margin-bottom: 30px;}
#guide3 .grayBox{margin-top: 30px;}
.ltext li{position: relative;font-size: 17px;line-height: 24px;color: #666666;padding-left: 15px;margin-top: 5px;}
.ltext.f16 li{font-size: 16px;}
.ltext li:first-child{margin-top: 0;}
.ltext li:before{content: '';display: block;position: absolute;top: 10px;left: 4px;width: 3px;height: 3px;background: #999;border-radius: 50%;}
.ltext li strong{color: #444362;font-weight: 600;}
.ltext2 li{position: relative;font-size: 16px;line-height: 24px;color: #666666;margin-top: 5px;}
.ltext2 li strong{color: #444362;font-weight: 600;}
.tableType1{width: 100%;}
.tableType1 th,
.tableType1 td{padding: 15px 5px;border-left:1px solid #ddd;border-bottom:1px solid #ddd;text-align: center;font-size: 15px;}
.tableType1 th:first-child{border-left:0;}
.tableType1 thead th{background: #5c5b6d;color: #fff;border-left:1px solid #858498;font-size: 16px;font-weight: 300;}
.tableType1 tbody th{background: #f9f9f9;font-size: 15px;font-weight: 300;color: #333;}
.grayBox{border:8px solid #f3f3f3;padding: 30px 35px;}

/* 주차공간 */
#guide4 .tableType1{table-layout: fixed;border-top: 2px solid #5c5b6d;}
#guide4 .tableType1 caption{margin-bottom: 25px;}

/* 상설전시 */
#permEx .imgMap{position: relative;}
#permEx .rigBtn{position: absolute;top:0;right:0;width: 31%;height: 100%;border-left:1px solid rgba(255,255,255,0.3);}
#permEx .rigBtn .btn{display: block;height: 25%;padding-left: 55px;border-top:1px solid rgba(255,255,255,0.3);font-size: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#permEx .rigBtn .btn:before{display: inline-block;vertical-align: middle;content: '';width: 0;height: 100%;}
#permEx .rigBtn .btn span{display: inline-block;vertical-align: middle;width: 235px;max-width:100%;box-sizing:border-box;color: #fff;line-height: 35px;font-size: 28px;letter-spacing: -0.05em;background: url(/contents/home/images/perm-rigbtn-plus.png) no-repeat 100% 50%;}
#permEx .rigBtn .btn span em{font-style: normal;font-size: 20px;}
#permEx.perEx1 .rigBtn .btn.active{background: rgba(85,56,9,0.7);}
#permEx.perEx2 .rigBtn .btn.active{background: rgba(36,56,93,0.7);}
#permEx.perEx3 .rigBtn .btn.active{background: rgba(93,79,123,0.7);}
#permEx.perEx4 .rigBtn .btn.active{background: rgba(150,187,20,0.7);}
#permEx.perEx3 .rigBtn .btn.active span,
#permEx.perEx4 .rigBtn .btn.active span{color: #fff;}
#permEx .peContent{padding: 70px 0 80px;}
#permEx .title{padding-bottom: 25px;margin-bottom: 30px;border-bottom:1px solid #ddd;}
#permEx .title span{display: block;font-size: 20px;font-weight: 300;color: #37376e;text-align: center;}
#permEx .title strong{display: block;font-size: 40px;font-weight: 300;color: #333;text-align: center;letter-spacing: -0.05em;}
#permEx .title p{font-size: 16px;line-height: 24px;color: #333;margin-top: 20px;font-weight: normal;text-align: center;}

#permEx .btmText{position: relative;padding: 55px;background: #fff;width: 1000px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin: -100px auto 0;z-index:100;}
#permEx .btmText dt{font-size: 32px;font-weight: 300;color: #222;text-align: center;margin-bottom: 20px;}
#permEx .btmText dd strong{display: block;font-size: 20px;font-weight: 300;color: #5c5b6d;text-align: center;}
#permEx .btmText dd p{font-size: 16px;line-height: 24px;text-align: center;margin-top: 15px;color: #999;}
#permEx .btmText .textType2{text-align: center;}
#permEx .btmText .textType2 p{font-size: 18px;line-height: 34px;}
#permEx .btmText .textType2 p strong{font-weight: 600;}
#permEx .btmText .textType2 .btm{display: block;font-size: 30px;color: #444461;margin-top: 25px;}
#permEx .borderBox{position: relative;border:15px solid #f2f2f2;z-index:110;padding: 35px;text-align: center;}
#permEx .borderBox:before{display: block;content: '';width: 1px;height: 40px;position: absolute;top:-35px;left:50%;background: #111;}
#permEx .borderBox dt{font-size: 26px;font-weight: 300;color: #333;margin-bottom: 10px;}
#permEx .borderBox dd{font-size: 17px;line-height: 29px;letter-spacing: -0.025em;}
#permEx .zzList1 li{position: relative;margin-top: 80px;}
#permEx .zzList1 li:first-child{margin-top: 0;}
#permEx .zzList1 li .textBox{position: absolute;bottom:0;padding: 60px;background: #fff;max-width:600px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#permEx .zzList1 li.odd .textBox{right:0;}
#permEx .zzList1 li.even{text-align: right;}
#permEx .zzList1 li.even .textBox{left:0;}
#permEx .zzList1 dl{text-align: left;}
#permEx .zzList1 dt{font-size: 32px;font-weight: 300;color: #222;margin-bottom: 20px;}
#permEx .zzList1 dd{font-size: 16px;line-height: 24px;margin-top: 15px;color: #999;}

.peContent .section{position: relative;z-index:1;}
.peContent .section2{padding-top: 80px;}
.peContent .section2:after{display: block;content: '';width: 100%;height: 520px;background: #f7f7f7;position: absolute;top:0;left:0;z-index:-1;}
.peContent .miraeBox{padding: 45px 10px;background: url(/contents/home/images/mirae-box-bg.jpg) no-repeat 50% 50%;-webkit-background-size: cover;background-size: cover;text-align: center;margin-bottom: 80px;}
.peContent .miraeBox p{font-size: 26px;line-height: 36px;color: #fff;}
.historyBar{width: 1235px;margin: 0 auto;background: url(/contents/home/images/hb-pc-top.gif) no-repeat 50% 0;margin-bottom: 75px;}
.historyBar ul{font-size: 0;background: url(/contents/home/images/hb-ruler.gif) repeat-x;background-position: 0 55px;}
.historyBar li{display: inline-block;vertical-align: top;width: 25%;}
.historyBar li .tit{height: 45px;line-height: 45px;padding-left: 20px;font-size: 20px;color: #444461;}
.historyBar li dl{margin-top: 40px;padding-left: 20px;padding-top: 20px;background: url(/contents/home/images/hb-li-front.gif) no-repeat 0 0;}
.historyBar li dt{font-size: 18px;line-height: 24px;letter-spacing: -0.025em;font-weight: 300;color: #333;margin-bottom: 15px;}
.historyBar li dd{font-size: 16px;line-height: 24px;letter-spacing: -0.025em;color: #888;}
.pebList{font-size: 0;}
.pebList li{display: inline-block;vertical-align: top;width: 25%;}
.pebList.three li{width: 33.33%;}

.basicRoll{position: relative;}
.basicRoll li img{max-width:100%;}
.basicRoll .bx-controls-direction a{display: block;width: 70px;height: 90px;position: absolute;top:50%;margin-top: -45px;text-indent: -9999px;z-index:80;}
.basicRoll .bx-controls-direction a.bx-prev{background: url(/contents/home/images/perm-ex-roll-prev.png) no-repeat 50% 50%;-webkit-background-size: cover;background-size: cover;left:0;}
.basicRoll .bx-controls-direction a.bx-next{background: url(/contents/home/images/perm-ex-roll-next.png) no-repeat 50% 50%;-webkit-background-size: cover;background-size: cover;right:0;}

/* 기획전시 - 리스트 */
.planEx img{max-width: 100%;}
.planEx .section1{margin-bottom: 60px;}
.planEx .section1 .list{font-size: 0;margin: -25px;}
.planEx .section1 .list li{width: 33.33%;display: inline-block;vertical-align: top;padding: 25px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.planEx .section1 .list li .textBox{text-align: center;padding-top: 30px;}
.planEx .section1 .list li .textBox dt{font-size: 19px;line-height: 1.1em;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;font-weight: 300;}
.planEx .section1 .list li .textBox dd{font-size: 16px;color: #999;margin-top: 10px;}
.planEx .section2{background: #f6f6f6;padding: 65px 0;margin-bottom: -65px;}
.planEx .section2 .title{font-size: 26px;line-height: 1.1em;font-weight: 300;color: #333;margin-bottom: 25px;}
.planEx .section2 .inner{overflow: hidden;}
.planEx .section2 .boxWrap{margin: 0 -40px;font-size: 0;}
.planEx .section2 .boxWrap .box{display: inline-block;vertical-align: top;width: 50%;padding: 0 40px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.planEx .section2 .list{font-size: 0;margin: -20px;}
.planEx .section2 .list li{display: inline-block;vertical-align: top;width: 50%;padding: 20px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.planEx .section2 .list li .link{display: block;position: relative;}
.planEx .section2 .list li .category{position: absolute;top:0;left:0;padding: 15px;font-size: 14px;background: #48487d;color: #fff;}
.planEx .section2 .list li .category.type2{background: #888;}
.planEx .section2 .list li .textBox{margin-top: 25px;}
.planEx .section2 .list li .textBox dt{font-size: 19px;line-height: 1.1em;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;color: #444;letter-spacing: -0.05em;font-weight: 300;text-align: center;}
.planEx .section2 .list li .textBox dd{font-size: 16px;color: #999;text-align: center;margin-top: 10px;}
/* 기획전시 - 뷰 */
.planExView .viewBox{border:1px solid #ddd;padding: 65px;font-size: 0;}
.planExView .viewBox >*{display: inline-block;vertical-align: top;}
.planExView .viewBox .imgBox{width: 460px;}
.planExView .viewBox .imgBox img{max-width:100%;}
.planExView .viewBox .textBox{width: 620px;margin-left: 70px;}
.planExView .viewBox .textBox .tit{font-size: 30px;color: #444;letter-spacing: -0.05em;font-weight: normal;margin-bottom: 30px;}
.planExView .viewBox .eviewTxt1 li{font-size: 0;margin-top: 8px;}
.planExView .viewBox .eviewTxt1 li:first-child{margin-top: 0;}
.planExView .viewBox .eviewTxt1 li >*{display: inline-block;vertical-align: middle;font-size: 16px;}
.planExView .viewBox .eviewTxt1 li strong{position: relative;color: #444;font-weight: 300;width: 81px;margin-right: 25px;}
.planExView .viewBox .eviewTxt1 li strong:after{display: block;content: '';position: absolute;top:50%;right:0;margin-top: -6px;width: 1px;height: 12px;background: #ccc;}
.planExView .viewBox .eviewTxt1 li p{color: #777;}
.planExView .viewBox .eviewTxt2{padding-top: 40px;margin-top: 40px;border-top:1px dashed #d7d7d7;font-size: 15px;line-height: 25px;letter-spacing: -0.025em;color: #777;}


/* 체험관 */
#expCenter .basicRoll{position: relative;width: 1080px;margin: 0 auto;}
#expCenter .basicRoll.expBroll .bx-controls-direction a.bx-prev{left:40px;}
#expCenter .basicRoll.expBroll .bx-controls-direction a.bx-next{right:40px;}
#expCenter .basicRoll .bx-viewport{overflow: visible !important;}
#expCenter .basicRoll:before{display: block;content: '';width: 1000px;position: absolute;top:0;left:-1040px;background:rgba(0,0,0,0.6);z-index:81;height: 100%;}
#expCenter .basicRoll:after{display: block;content: '';width: 1000px;position: absolute;top:0;right:-1040px;background:rgba(0,0,0,0.6);z-index:81;height: 100%;}
#expCenter .basicRoll li{padding: 0 40px;}
#expCenter .title{margin-bottom: 45px;text-align: center;}
#expCenter .title h4{text-align: center;font-size: 40px;line-height: 1.1em;font-weight: 300;color: #444;}
#expCenter .title p{font-size: 18px;color: #222;margin-top: 15px;}
#expCenter .section3{background: #f7f7f7;padding: 75px 0;}
.stepList1{font-size: 0;}
.stepList1 li{display: inline-block;vertical-align: top;width: 16.667%;text-align: center;z-index:10;}
.stepList1 li .iconBox{position: relative;margin-bottom: 20px;z-index:1;}
.stepList1 li .iconBox:after{display: block;content: '';width: 100%;height: 1px;background: #ddd;position: absolute;top:50%;right:-50%;z-index:-99;}
.stepList1 li:last-child .iconBox:after{display: none;}
.stepList1 li dt{font-size: 20px;line-height: 1.1em;font-weight: 300;color: #222;}
.stepList1 li dd{font-size: 16px;color: #555;margin: 10px 0;}
.stepList1 li p{font-size: 15px;line-height: 23px;letter-spacing: -0.05em;color: #888;}


/* 연혁 */
#history {overflow: hidden;position: relative;padding: 50px 0;}
#history:before {display:block;content:"";position:absolute;width:1px;height:100%;top:0;left:50%;margin-left:-0.5px;background:#ddd;}
#history:after{display: block;content: '';position: absolute;top:0;left:50%;margin-left: -0.5px;background: #fff;width: 1px;height: 50px;}
#history .group{position:relative;margin-top:80px;min-height:335px;} /* min-height 이미지 최대 높이값 + 85px */
#history .group:first-child {margin-top:0;}
#history .group .img{position: absolute;top:85px;}
#history .group:nth-child(even) {margin-right:50%;text-align:right;}
#history .group:nth-child(odd) {margin-left:50%;}
#history .group dl {position:relative;top:-18px;}
#history .group:nth-child(even) dl {margin-right:45px;}
#history .group:nth-child(odd) dl {margin-left:45px;}
#history .group dt {position: relative;font-size:40px;color:#2e2d3b;letter-spacing:-0.05em;font-family: os;font-weight: 600;}
#history .group dt:before{display: block;content: '';background: #5c5b6d;position: absolute;top:50%;width: 20px;height: 1px;}
#history .group dt:after{display:block;content: '';width:26px;height:26px;background:url(/contents/home/images/history-round.png) no-repeat 50% 50%;-webkit-background-size: cover;background-size: cover;position:absolute;top:50%;z-index:10;margin-top: -13px;}
#history .group:nth-child(odd) dt:before {left:-33px;}
#history .group:nth-child(odd) dt:after{left:-58px;}
#history .group:nth-child(even) dt:before {right:-33px;}
#history .group:nth-child(even) dt:after{right:-58px;}
#history .group dd {font-size:15px;color:#777;letter-spacing:-0.03em;position:relative;margin-top: 45px;}
#history .group:last-child dd:after{display: block;content: '';position: absolute;bottom:-200%;height: 200%;width: 2px;background: #fff;z-index:1;margin-bottom: 2px;}
#history .group dd p {position:relative;margin-top:10px;font-size: 15px;color: #666;}
#history .group dd p:first-child {margin-top:0;}
#history .group dd p .year {font-family: os;font-weight:600;font-size: 20px;line-height: 22px;color:#5c5b6d;position:absolute;top:50%;margin-top: -11px;}
#history .group dd p .year:before{display: block;content: '';width: 8px;height: 8px;border:4px solid #ddd;-webkit-border-radius: 16px;-moz-border-radius: 16px;border-radius: 16px;position: absolute;top:50%;margin-top: -8px;background: #fff;z-index:2;}
#history .group dd p .month{font-family: os;font-weight:600;font-size: 15px;line-height: 16px;color: #666;position: absolute;top:50%;margin-top: -8px;}
#history .group:nth-child(even) .img{right:-600px;}
#history .group:nth-child(even) dd p {padding-right:125px;}
#history .group:nth-child(even) dd p .year {right:0;}
#history .group:nth-child(even) dd p .year:before{right:-53px}
#history .group:nth-child(even) dd p .month {right:80px;}
#history .group:nth-child(even) dd:before {right:0;}
#history .group:nth-child(odd) .img{left:-600px;}
#history .group:nth-child(odd) dd p {padding-left:125px;}
#history .group:nth-child(odd) dd p .year {left:0;}
#history .group:nth-child(odd) dd p .year:before{left:-53px}
#history .group:nth-child(odd) dd p .month {left:80px;}
#history .group:nth-child(odd) dd:before {left:0;}
#history .group:nth-child(odd):last-child dd:after{left:-46px;}
#history .group:nth-child(even):last-child dd:after{right:-46px;}

/* 조직/업무 */
#organization{width: 1021px;margin:  0 auto;}
#organization .group{margin-top: 75px;}
#organization .orgimg{text-align: center;}
#organization .group:first-child{margin-top: 0;}
#organization .title{overflow: hidden;margin-bottom: 25px;}
#organization .title .tit2{float: left;margin-bottom: 0;}
#organization .title .text{float: right;font-size: 15px;color: #888;padding-top: 8px;}
/* #organization .tableContent,
#organization .tableFix{display: none;}
#organization .tableContent .tableBox{display: none;} */
#organization .tableFix{display: none;}
#organization .tableContent table th,
#organization .tableContent table td{width: 33.33%;}
#organization .group img{height: auto !important;}

#organization .tableBox{margin-top: 30px;display: none;}
#organization .tableBox:first-child{margin-top: 0;}

/* 비전/미션 */
#vision .group{margin-top: 70px;}
#vision .viText{text-align: center;}
#vision .viText dt{font-size: 22px;line-height: 1.1em;margin-bottom: 20px;color: #222;}
#vision .viText dd{font-size: 32px;line-height: 45px;color: #222;}
#vision .top{height: 310px;background: url(/contents/home/images/vision-top-img.jpg) no-repeat 50% 50%;-webkit-background-size: cover;background-size: cover;font-size: 0;text-align: center;text-align: center;margin-top: 0;}
#vision .top:before{display: inline-block;vertical-align: middle;content: '';width: 0;height: 100%;}
#vision .top .viText{display: inline-block;vertical-align: middle;}
#vision .top .viText dt,
#vision .top .viText dd{color: #fff;}
#vision .mid .viText{margin-bottom: 70px;}
#vision .mid .viText.nmb {margin-bottom:0;}
#vision .mid .circleWrap{position: relative;background: #f7f7f7 url(/contents/home/images/vision-circle-wrap-bg.gif) no-repeat 100% 100%;padding: 130px 0 90px;text-align: center;}
#vision .mid .circleWrap .tit3{position: absolute;top:-20px;left:0;text-align: center;width: 100%;}
#vision .btm .list{padding: 40px 0;border-top:2px solid #111;margin-top: 35px;font-size: 0;}
#vision .btm .list li{display: inline-block;vertical-align: top;width: 25%;border-left:1px solid #ddd;text-align: center;padding: 20px 5px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#vision .btm .list li .icon{margin-bottom: 25px;}
#vision .btm .list li .text{font-size: 18px;line-height: 24px;}
#vision .btm .list li:first-child{border-left:0;}

/* 건축 */
#architecture .section1{text-align: center;padding-bottom: 80px;}
#architecture .section2{position: relative;padding: 130px 0 70px;background: #f7f7f7;}
#architecture .section2 .tit3{width: 300px;position: absolute;top:-10px;left:50%;margin-left: -150px;}
#architecture .arTit{text-align: center;margin-bottom: 35px;}
#architecture .arTit dt{font-size: 25px;font-weight: 300;color: #5c5b6d;letter-spacing: -0.05em;}
#architecture .arTit dd{font-size: 18px;margin-top: 10px;}
#architecture .section2 .list{font-size: 0;margin: 0 -10px;}
#architecture .section2 .list li{display: inline-block;vertical-align: top;margin-top: 30px;padding: 0 10px;width: 25%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
/* #architecture .section2 .list li:nth-child(2n+1){margin-top: 0;} */
#architecture .section3 .imgBox{padding: 60px 15px 50px;border:8px solid #eee;text-align: center;}
#architecture .section4{position: relative;text-align: center;z-index:1;padding-bottom: 50px;}
#architecture .section4:after{display: block;content: '';position: absolute;top:50%;left:0;width: 100%;height: 50%;background: #f7f7f7;z-index:-1;}
#architecture .section5{background: #f7f7f7;margin-top: 0;padding-bottom: 60px;}
#architecture .section5 .list{font-size: 0;margin: 0 -10px;text-align: center;}
#architecture .section5 .list li{display: inline-block;vertical-align: top;width: 33.33%;padding: 0 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#architecture .section5 .list li .imgBox{background: #fff;padding: 40px 0 30px;}
#architecture .section5 .list li .imgBox dl{margin-top: 25px;}
#architecture .section5 .list li .imgBox dt{font-size: 16px;font-weight: 300;color: #5c5b6d;}
#architecture .section5 .list li .imgBox dd{font-size: 25px;font-weight: 600;color: #222;letter-spacing: -0.05em;}
#architecture .section5 .list li .textBox{background: #eaeaea;padding: 30px 10px;font-size: 16px;line-height: 24px;}
#architecture .section6 .tit3{margin-top: -10px;margin-bottom: 25px;}
#architecture .section6 .tit3:after{display: block;content: '';position: absolute;top:0;left:50%;width: 1px;height: 10px;background: #fff;z-index:1;}
#architecture .section6 .text{text-align: center;}
#architecture .section6 .text p{font-size: 17px;line-height: 25px;color: #888;margin-top: 15px;}
#architecture .section6 .text p:first-child{margin-top: 0;}
#architecture .section7{background: #f7f7f7;padding-bottom: 80px;margin-bottom: -65px;}
#architecture .section7 .tit3{position: relative;top:-10px;margin-bottom: 30px;}
#architecture .section7 .boxWrap{margin: -15px;font-size: 0;}
#architecture .section7 .boxWrap .box{overflow: hidden;display: inline-block;vertical-align: top;padding: 15px;width: 50%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#architecture .section7 .boxWrap .box caption{position: absolute;top:-999px;left:-999px;}
#architecture .section7 .box .title{height: 55px;line-height: 55px;background: #2d2d3c;font-size: 20px;font-weight: 300;color: #fff;text-align: center;}
#architecture .section7 .box .imgBox{padding: 40px;background: #fff;font-size: 0;margin:0 -5px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;height: 360px;}
#architecture .section7 .box .imgBox li{display: inline-block;vertical-align: top;width: 50%;padding: 0 5px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#architecture .section7 .box .imgBox li dl{text-align: center;margin-top: 20px;}
#architecture .section7 .box .imgBox li dt{font-size: 18px;color: #222;letter-spacing: -0.05em;font-weight: 300;}
#architecture .section7 .box .imgBox li dd{margin-top: 5px;font-size: 16px;line-height: 24px;color: #888;}
#architecture .section7 table thead th{padding: 0 5px;height: 55px;line-height: 55px;}
#architecture .section7 table td{background: #fff;text-align: left;padding: 19px 25px;}
#architecture .section7 table td:first-child{width: 130px;border-left:0;text-align: center;}

/* 편의공간 */
.facilitiesCon .title{font-size: 40px;line-height: 1.1em;font-weight: 300;color: #333;padding-bottom: 30px;margin-bottom: 35px;border-bottom:1px solid #ddd;text-align: center;}
.facilitiesCon .iconList{margin-top: 60px;font-size: 0;text-align: center;}
.facilitiesCon .iconList li{display: inline-block;vertical-align: top;width: 25%;padding: 10px;text-align: center;border-left:1px solid #ddd;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.facilitiesCon .iconList.twin li{width: 50%;}
.facilitiesCon .iconList.six li{width: 16.667%;}
.facilitiesCon .iconList li:first-child{border-left:0;}
.facilitiesCon .iconList li dt{font-size: 20px;line-height: 1.1em;font-weight: 300;color: #222;margin: 20px 0 10px;}
.facilitiesCon .iconList li dd{font-size: 16px;}
.facilitiesCon .iconList li dd p{font-size: 15px;line-height: 21px;letter-spacing: -0.05em;margin-top: 8px;color: #888;}
.facilitiesCon .textBox{position: relative;width: 1000px;height: 80px;line-height: 80px;margin: 0 auto;box-shadow: 3px 3px 13px rgba(0,0,0,0.3);margin-top: -40px;z-index:80;background: #fff;text-align: center;font-size: 20px;color: #222;}
.facilitiesCon .textBox.mtxt{font-size: 16px;letter-spacing: -0.035em;}
.facilitiesCon .groupWrap{margin: -30px;font-size: 0;}
.facilitiesCon .group{display: inline-block;vertical-align: top;padding: 30px;width: 50%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.facilitiesCon .group.full{width: 100%;padding-bottom: 60px;}
.facilitiesCon .group .textBox{width: 85%;}
.facilitiesCon .btnWrap{margin-top: 50px;text-align: center;}

.facilitiesCon .textBox.eng {line-height: 24px; padding: 15px; box-sizing: border-box}
.facilitiesCon .textBox.eng span {font-size: 18px}

/* MI */
#mi .section1{text-align: center;}
#mi .section1 .imgList{font-size: 0;}
#mi .section1 .imgList li{display: inline-block;vertical-align: top;width: 33.33%;}
#mi .section1 .textBox{display: inline-block;background: #fff;box-shadow: 3px 3px 13px rgba(0,0,0,0.3);padding: 55px 90px;margin-top: -70px;}
#mi .section1 .textBox dl{text-align: left;}
#mi .section1 .textBox dt,
#mi .section1 .textBox dd{display: inline-block;vertical-align: middle;}
#mi .section1 .textBox dt{font-size: 30px;font-weight: 300;color: #222;letter-spacing: -0.025em;font-weight: 300;}
#mi .section1 .textBox dd{font-size: 16px;line-height: 24px;margin-left: 40px;}
#mi .section2 .title{font-size: 40px;font-weight: 300;color: #333;text-align: center;letter-spacing: -0.05em;margin-bottom: 25px;}
#mi .section2 .symbol{background: url(/contents/home/images/symbol-ptrn.gif);padding: 80px 0;text-align: center;border:1px solid #ddd;font-size: 0;}
#mi .section2 .symbol img{vertical-align: bottom;}
#mi .section2 .symbol img.img2{margin-left: 25px;}
#mi .section3{background: #f7f7f7;padding-top: 70px;}
#mi .section3 .list{font-size: 0;margin: -5px;}
#mi .section3 .list li{display: inline-block;padding: 5px;width: 50%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#mi .section3 .list li .box{position: relative;padding: 0 10px;height: 250px;text-align: center;background: url(/contents/home/images/symbol-ptrn.gif);font-size: 0;border:1px solid #ddd;}
#mi .section3 .list li .box:before{display: inline-block;vertical-align: middle;content: '';width: 0;height: 100%;}
#mi .section3 .list li .box img{display: inline-block;vertical-align: middle;}
#mi .section3 .list li .box .rigTop{position: absolute;top:0;right:0;}
#mi .section4{background: #f7f7f7;padding: 75px 0;margin-top: 0;}
#mi .miTit{font-size: 30px;letter-spacing: -0.05em;color: #333;margin-bottom: 25px;}
#mi .rigTop{position: absolute;top:0;right:0;height: 35px;line-height: 35px;font-size: 14px;background: #5b5b6d;color: #fff;width: 80px;text-align: center;}
#mi .rigTop.type2{width: 120px;}
#mi .section4 .box{position: relative;background: #fff;border:1px solid #ddd;padding: 40px 80px;margin-top: 25px;}
#mi .section4 .box:first-child{margin-top: 0;}
#mi .section4 .box ul{font-size: 0;}
#mi .section4 .box li{display: inline-block;vertical-align: top;width: 50%;padding: 0 20px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#mi .section4 .box li .color{height: 150px;}
#mi .section4 .box li .txt{margin-top: 20px;font-size: 16px;letter-spacing: -0.05em;color: #000;}
#mi .section4 .box li .title{font-size: 22px;letter-spacing: -0.05em;margin-bottom: 20px;font-weight: normal;}
#mi .section4 .box li.orange .title{color: #ec6d3e;}
#mi .section4 .box li.orange .color{background: #ec6d3e;}
#mi .section4 .box li.dgray .title{color: #555;}
#mi .section4 .box li.dgray .color{background: #555;}
#mi .section4 .box li.blue .title{color: #0076a3;}
#mi .section4 .box li.blue .color{background: #0076a3;}
#mi .section4 .box li.ivory .title{color: #c4bab4;}
#mi .section4 .box li.ivory .color{background: #c4bab4;}
#mi .section5{text-align: center;}

@media all and (max-width: 750px){
	.commingsoon{margin: -25px 0 -35px;}
	.commingsoon img{display: block;position: relative;width: 150%;left:-25%;max-width: inherit;}
}

.permEX .mobilePeSum{font-size: 0;padding: 5px;}
.permEX .mobilePeSum .link{display: block;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 5px;}
.permEX .mobilePeSum .link img{width: 100%;}
.permEX .mobilePeSum .link2,
.permEX .mobilePeSum .link3{display: inline-block;vertical-align: top;width: 50%;box-sizing:border-box;}

/* 예약하기 */
#calendarWrap{font-size: 0;border-top:2px solid #111;}
#calendarWrap >*{display: inline-block;vertical-align: top;height: 660px;border:1px solid #ddd;border-top:0;padding: 50px 60px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#calendarWrap .lef{width: 800px;}
#calendarWrap .rig{width: 500px;border-left:0;}
#calendarWrap .rig .scroll{height: 500px;overflow-y: scroll;overflow-x: hidden;}
#calendarWrap .cal-head{position: relative;text-align: center;font-family: empty;font-size: 0;}
#calendarWrap .cal-head strong {vertical-align: middle;font-family: noto;font-size: 35px;line-height: 1.1em;color: #000000;font-weight: 600;}
#calendarWrap .cal-head button{vertical-align: middle;border: 1px solid #ddd;background: #fff;}
#calendarWrap .cal-head button.arrow{position: absolute;top:0;border:1px solid #ddd;}
#calendarWrap .cal-head button.first{left:0;}
#calendarWrap .cal-head button.last{right:0;}
#calendarWrap .cal-head button.prev{left:46px;}
#calendarWrap .cal-head button.next{right: 46px;}
#calendarWrap .cal-head button img {display: block;}
#calendarWrap .cal-body {width: 100%;margin-top: 30px;}
#calendarWrap .cal-body caption {position:fixed;top:-9999px;z-index:99999;font-size:0;color:#fff;}
#calendarWrap .cal-body tr > * {border: 1px solid #ccc;}
#calendarWrap .cal-body tr > th {height: 40px;font-size: 16px;color: #333333;font-weight: 600;background: #fff;}
#calendarWrap .cal-body tr > td {height: 80px;position: relative;padding: 0;z-index:1;text-align: center;}
#calendarWrap .cal-body tr > td em {line-height: 1em;font-style: normal;font-size: 16px;color: #666666;}
#calendarWrap .cal-body tr > td.sun em {color: #ff0000;}
#calendarWrap .cal-body tr > td.sat em {color: #0040ff;}
#calendarWrap .cal-body tr > td button {line-height: 1em;font-style: normal;font-size: 16px;color: #666666;border: 0;background: rgba(0,0,0,0);}
#calendarWrap .cal-body tr > td.sun button {color: #ff0000;}
#calendarWrap .cal-body tr > td.sat button {color: #0040ff;}
#calendarWrap .cal-body .disable {z-index:-1;background: #e9e8f1;}
#calendarWrap .cal-body .today{background: #5c5b6d;}
#calendarWrap .cal-body .today em{color: #fff;}
#calendarWrap .cal-body .today button{color: #fff;}
#calendarWrap .cal-body .list {height: 100%;overflow: auto;}
#calendarWrap .cal-body .list > li {margin-top: 2px;font-size:0;}
#calendarWrap .cal-body .list > li:first-child{margin-top:0;}
#calendarWrap .cal-body .list > li.status a{display: inline-block;zoom: 1;*display: inline;vertical-align: middle;margin-left: 10px;width: 75px;height: 25px;line-height: 25px;font-size: 13px;background:#111;color: #fff;font-weight: 400;letter-spacing: -0.08em;text-align: center;}
#calendarWrap .cal-body .list > li.status.type1 a{background:#111;}
#calendarWrap .cal-body .list > li.status.type2 a{background:#c12d3b;}
#calendarWrap .cal-body .list > li.status.type3 a{background:#4d5864;}
#calendarWrap .cal-body .list > li.status .time{display:inline-block;vertical-align:middle;line-height:25px;font-size:14px;letter-spacing:-0.08em;}
#calendarWrap .cal-body .btn {position: absolute;bottom: 10px;left: 50%;margin-left: -40px;width: 80px;height: 25px;line-height: 25px;background: #ff6600;font-size: 15px;color: #fff;font-weight: 600;letter-spacing: -0.08em;text-align: center;text-decoration: none;}
#calendarWrap .cal-body .btn + .list {height: calc(100% - 30px);margin-bottom: 30px;}
#calendarWrap .btmText{height:50px;line-height:50px;font-size:15px;font-weight:200;background:#f4f4f4;color:#444;text-align:center;}
#calendarWrap.engWrap >* {height: 770px;}

/* 도서관 */
#library{font-size: 0;}
#library .title{margin-bottom: 50px;}
#library .title span{display: block;font-size: 18px;font-weight: 300;color: #5c5b6d;}
#library .title h3{font-size: 35px;letter-spacing: -0.05em;color: #222;font-weight: 100;}
#library .title h3 strong{font-weight: 600;color: #222;}
#library .textBox dt{position: relative;font-size: 30px;font-weight: 300;color: #222;}
#library .textBox dt:before{display: block;content: '';width: 160px;height: 2px;background: #2d2d3c;position: absolute;top:50%;left:-210px;margin-top: -1px;}
#library .textBox dd .text{font-size: 16px;line-height: 24px;letter-spacing: -0.05em;color: #777;margin-top: 25px;}
#library .textBox dd .text:first-child{margin-top: 0;}
#library .content{position: relative;padding: 80px 0;}
#library .content:before{display: block;content: '';background: #f7f7f7;position: absolute;top:0;left:0;width: 100%;height: 400px;}
#library .content .inner{font-size: 0;}
#library .content .inner >*{display: inline-block;vertical-align: top;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#library .content .textBox{width: 630px;padding-left: 100px;padding-top: 50px;}
#library .content .textBox dt{margin-bottom: 40px;}
#library .content .textBox .btn{display: block;margin-top: 50px;border:1px solid #444362;width: 238px;height: 53px;line-height: 53px;text-align: center;}

.gText{margin-top: 25px;}
.gText .list{font-size: 0;}
.gText .list li{display: inline-block;vertical-align: middle;margin-left: 20px;}
.gText .list li:first-child{margin-left: 0;}
.gText .list li span{display: inline-block;vertical-align: middle;width: 10px;height: 10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin-right: 5px;}
.gText .list li span.today{background: #5c5b6d;}
.gText .list li span.ing{background: #fff;border:1px solid #999999;}
.gText .list li span.comp{background: #962323;}
.gText .list li span.disable{background: #e9e8f1;border:1px solid #999999;}
.reserTable{width: 100%;}
.reserTable thead th{background: #5c5b6d;border-left:1px solid #858498;color: #fff;height: 50px;font-size: 16px;font-weight: 300;line-height: 16px;}
.reserTable thead th:last-child{border-right:1px solid #5c5b6d;}
.reserTable thead th em{font-style: normal;font-size: 12px;letter-spacing: -1px;font-weight: normal;}
.reserTable tbody th,
.reserTable tbody td{border:1px solid #ddd;height: 50px;border-top:0;text-align: center;}
.reserTable tbody th{background: #f9f9f9;color: #333;}
.reserTable tbody td{width: 33.33%;}
.reserTable tbody td .stat{display: inline-block;border:1px solid #5c5b6d;height: 25px;line-height: 23px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;color: #5c5b6d;padding: 0 15px;}
.reserTable tbody td .stat.complate{background: #5c5b6d;color: #fff;}
.reserTable tbody td .stat.impossible{background: #888;color: #fff;border-color:#888;}

.btnType1{text-align: center;font-size: 0;margin-top: 60px;}
.btnType1 .btn{display: inline-block;vertical-align: middle;width: 210px;height: 50px;line-height: 50px;font-size: 16px;background: #2d2d3c;color: #fff;text-align: center;margin-left: 10px;}
.btnType1 .btn:first-child{margin-left: 0;}
.btnType1 .btn.type2{background: #888;}

@media all and (max-width: 750px){
	.btnType1{margin-top: 30px;}
	.btnType1 .btn{width: 140px;height: 40px;line-height: 40px;font-size: 14px;}
}

/* 박물관 규정 */
.ruleWrap .group{margin-top: 65px;}
.ruleWrap .group:first-child{margin-top: 0;}
.ruleWrap .title{font-size: 40px;font-weight: 300;color: #333;letter-spacing: -0.05em;margin-bottom: 35px;padding-bottom: 20px;border-bottom:1px solid #ddd;}
.ruleWrap .txtArea{background: #f8f8f8;color: #555;font-size: 15px;line-height: 23px;white-space: pre-wrap;border:1px solid #ddd;padding: 30px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;height: 300px;overflow-y: auto;}
.ruleWrap .txtArea strong{display: block;font-weight: 300;color: #333;line-height: 1.1em;}
.ruleWrap .txtArea strong.st1{font-size: 20px;}
.ruleWrap .txtArea strong.st2{font-size: 16px;}

.agree-txt{display: block;font-size: 16px;color: #333;letter-spacing: -1px;word-break:keep-all !important; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;}
.agree-txt strong{font-weight: 300;color: #000;font-size: 18px;}

/* 임시 메뉴 삭제 */
#allmenu #menu_81,
#allmenu #menu_196{display: none !important;}
#qmenu_81,
#qmenu_196{display: none !important;}


/* 추가 페이지 */
#sub .basicBtn3{text-align: center;margin-top: 55px;}
#sub .basicBtn3 a{display: inline-block;width: 210px;height: 50px;line-height: 50px;background: #2d2d3c;color: #fff !important;font-size: 16px;}
.linkList1{display: table;width: 100%;table-layout: fixed;margin-top: 25px;}
.linkList1:first-child{margin-top: 0;}
.mDisclosure{margin: -10px;}
.mDisclosure .box{position: relative;display: table-cell;border-collapse: collapse;width: 33.33%;border-bottom:1px solid #ddd;padding: 10px;}
.mDisclosure .box.none{border-bottom:0;}
.mDisclosure .box h5{height: 80px;line-height: 80px;border-top:2px solid #111;background: #f9f9f9;text-align: center;font-size: 20px;font-weight: 300;color: #444;}
.mDisclosure .linkBox{height: 100%;padding: 25px 30px;}
.mDisclosure .dep1 > li{margin-top: 12px;}
.mDisclosure .dep1 > li:first-child{margin-top: 0;}
.mDisclosure .dep1 > li > a{position: relative;padding-left: 14px;font-size: 17px;}
.mDisclosure .dep1 > li > a:before{display: block;content: '';width: 4px;height: 4px;background: #ccc;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;position: absolute;top:50%;left:0;margin-top: -2px;}
.mDisclosure .dep2{padding-left: 14px;margin-top: 10px;}
.mDisclosure .dep2 > li{margin-top: 6px;}
.mDisclosure .dep2 > li:first-child{margin-top: 0;}
.mDisclosure .dep2 > li > a{font-size: 16px;}
.conferenceList{font-size: 0;margin: -25px;}
.conferenceList li{display: inline-block;vertical-align: top;width: 33.33%;padding: 25px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.conferenceList li .link{display: block;}
.conferenceList .imgBox{position: relative;-webkit-background-size: cover !important;background-size: cover !important;border:1px solid #ddd;}
.conferenceList li .link .imgBox:after{display: block;content: '';position: absolute;top:0;left:0;width: 100%;height: 100%;border:5px solid #444362;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;opacity: 0;transition: all 0.2s;}
.conferenceList li .link:hover .imgBox{border-color: transparent;}
.conferenceList li .link:hover .imgBox:after{opacity: 1;}
.conferenceList .imgBox .vvh{visibility: hidden;}
.conferenceList .textBox{margin-top: 20px;}
.conferenceList .textBox dt{font-size: 19px;font-weight: 300;color: #444;text-align: center;}
.conferenceList .textBox dd{font-size: 16px;line-height: 20px;letter-spacing: -0.01em;color: #999;margin-top: 8px;text-align: center;}
.conferenceView .imgBox{margin-bottom: 70px;}
.conferenceView .editorWrap .tab{font-size: 0;margin: -2px;padding-bottom: 65px;}
.conferenceView .editorWrap .tab li{display: inline-block;vertical-align: top;width: 25%;padding: 2px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.conferenceView .editorWrap .tab li a{display: block;height: 50px;line-height: 50px;background: #eee;font-size: 16px;text-align: center;transition: all 0.2s;}
.conferenceView .editorWrap .tab li:hover a{background: #5c5b6d;color: #fff;}
.conferenceView .editorWrap .cont{padding-bottom: 70px;border-bottom:1px solid #ddd;}
.conferenceView .section{margin-top: 70px;}
.conferenceView .section:first-child{margin-top: 0;}
.conferenceView .section .title{font-size: 30px;font-weight: 300;color: #333;margin-bottom: 20px;}
.conferenceView .section .desc{font-size: 16px;line-height: 24px;letter-spacing: -0.05em;}
#sb-wrap .cusEnga{padding: 60px;border:6px solid #eee;text-align: center;}
#sb-wrap .cusEnga .list{font-size: 0;display: inline-block;text-align: left;}
#sb-wrap .cusEnga .list li{position: relative;font-size: 17px;line-height: 27px;letter-spacing: -0.03em;color: #666;padding-left: 12px;margin-top: 8px;}
#sb-wrap .cusEnga .list li:first-child{margin-top: 0;}
#sb-wrap .cusEnga .list li:before{display: block;content: '';width: 3px;height: 3px;background: #666;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;position: absolute;top:12px;left:0;}
#sb-wrap .cusEnga .img{margin-bottom: 30px;text-align: center;}
.journalList{padding: 40px 0;border-top:2px solid #111;}
.journalList .box{display: table;width: 100%;padding-top: 40px;margin-top: 40px;border-top:1px solid #ddd;}
.journalList .box:first-child{padding-top: 0;margin-top: 0;border-top:0;}
.journalList .box >*{display: table-cell;vertical-align: middle;}
.journalList .imgBox{width: 360px;text-align: center;}
.journalList .imgBox .img{display: inline-block;-webkit-background-size: cover important;background-size: cover !important;border:1px solid #ddd;font-size: 0;}
.journalList .imgBox .vvh{visibility: hidden;}
.journalList .hiddenBox.on{overflow: hidden;height: 104px;}
.journalList .textBox{padding-left: 60px;}
.journalList .textBox .tit{margin-bottom: 30px;}
.journalList .textBox .tit dt{font-size: 25px;letter-spacing: -0.025em;color: #444;margin-bottom: 15px;}
.journalList .textBox .tit dd{font-size: 18px;color: #999;}
.journalList .textBox .text{font-size: 16px;line-height: 26px;}
.journalList .basicBtn2{margin-top: 50px;font-size: 0;text-align: left;margin-left: -10px;}
.journalList .basicBtn2 a{display: inline-block;vertical-align: top;width: 210px;text-align: center;background: #888;margin-left: 10px;}
.journalList .basicBtn2 a span{display: inline-block;height: 50px;line-height: 50px;font-size: 16px;color: #fff;}
.journalList .basicBtn2 a.down{background: #2d2d3c;}
.journalList .basicBtn2 a.down span{padding-right: 23px;background: url(/contents/home/images/basic-btn2-down.gif) no-repeat 100% 48%;}

.basicBtn2 .more.off{display: none;}
.contents_tab{margin-bottom: 30px;}
.contents_tab .tab{font-size: 0;text-align: center;}
.contents_tab .tab li{display: inline-block;vertical-align: top;width: 220px;margin: 0 4px;}
.contents_tab .tab li:hover a{background: #ebebeb;}
.contents_tab .tab li.active a{background: #333;color: #fff;}
.contents_tab .tab li a:focus{background: rgba(69,69,84,0.75);color: #fff;}
.contents_tab .tab li a{display: block;height: 40px;line-height: 40px;border:1px solid #ddd;text-align: center;background: #f9f9f9;}

@media all and (max-width: 1200px){
	#main { padding-top: 0}
	.mDisclosure .box.none{display: none;}
	.mDisclosure .linkBox{padding: 20px 10px;}
	.mDisclosure .dep1 > li > a{font-size: 14px;}
	.mDisclosure .dep2 > li > a{font-size: 13px;}
	.mDisclosure .linkList1.first{display: block;}
	.mDisclosure .linkList1.first .box:first-child{display: block;width: 100%;box-sizing: border-box;}
	.conferenceList{margin: -10px;}
	.conferenceList li{padding: 10px;}
	.conferenceList .textBox{margin-top: 10px;}
	.conferenceList .textBox dt{font-size: 14px;line-height: 20px;}
	.conferenceList .textBox dd{font-size: 13px;line-height: 18px;}
	.conferenceView .imgBox{margin-bottom: 30px;}
	.conferenceView .editorWrap .tab li a{height: 40px;line-height: 40px;font-size: 14px;}
	.conferenceView .section .title{font-size: 20px;margin-bottom: 15px;}
	.conferenceView .section .desc{font-size: 14px;line-height: 22px;}
	.cusEnga{padding: 40px 20px;}
	.cusEnga .img img{width: 70px;height: auto;}
	.cusEnga .list li{font-size: 14px;line-height: 22px;}
	.cusEnga .list li:before{top:10px;}
	#sub .basicBtn3{margin-top: 30px;}
	.journalList .textBox{padding-left: 30px;}
	.journalList .textBox .tit dt{font-size: 18px;margin-bottom: 10px;}
	.journalList .textBox .tit dd{font-size: 14px;}
	.journalList .textBox .text{font-size: 14px;line-height: 21px;}
	.journalList .basicBtn2{margin-top: 35px;}
	.journalList .basicBtn2 a{width: 150px;height: 40px;}
	.journalList .basicBtn2 a span{height: 40px;line-height: 40px;}
}

@media all and (max-width: 750px){
	.linkList1{margin-top: 0;}
	.conferenceList{margin: -10px -5px;}
	.conferenceList li{padding: 10px 5px;}
	.conferenceList li{width: 50%;}
	.mDisclosure .box{display: block;width: 100%;-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;box-sizing: border-box;border-bottom:0;}
	.mDisclosure .box h5{height: 40px;line-height: 40px;font-size: 15px;}
	.cusEnga .img{margin-bottom: 20px;}
	.journalList .imgBox,
	.journalList .textBox{display: block;width: 100%;}
	.journalList .textBox{padding-left: 0;padding-top: 20px;}
	.journalList .basicBtn2{text-align: center;margin-left: 0;}

	.contents_tab{margin-bottom: 30px;}
	.contents_tab .tab li{width: 150px;}
	.contents_tab .tab li a{display: block;height: 35px;line-height: 35px;font-size: 12px;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;}

}


.admBtn{display: block;position: absolute;width: 10px;height: 10px;bottom:0;left:0;color: #fff;}


/* 211103 웹퍼 추가 sj */
#sp_popup44 {z-index: 11111111 !important}




/* 211215 추가 페이지 */
#donation{}
#donation .bdTit{font-size: 30px;font-weight: 300;color: #222;text-align: center;letter-spacing: -0.05em;margin-bottom: 30px;}
#donation .section1 .top{text-align: center;margin-bottom: 20px;}
#donation .section1 .top strong{display: inline-block;padding-bottom: 10px;border-bottom:1px solid #ddd;color: #5c5b6d;font-size: 18px;color: #5c5b6d;}
#donation .section1 .textBox{position: relative;margin-top:-100px;left:50%;margin-left: -500px;width: 1000px;padding: 60px 30px;background: #fff;box-sizing:border-box;}
#donation .section1 .textBox .tit{font-size: 32px;line-height: 45px;letter-spacing: -0.05em;font-weight: 200;text-align: center;margin-bottom: 20px;}
#donation .section1 .textBox .tit strong{font-weight: 600;color: #222;}
#donation .section1 .textBox .text{font-size: 16px;line-height: 24px;letter-spacing: -0.05em;color: #777;width: 100%;text-align: center;}
#donation .section2{background: #f7f7f7;padding: 70px 0;margin-top: 0;}
#donation .section2 .list{margin: -15px;font-size: 0;}
#donation .section2 li{position: relative;display: inline-block;vertical-align: top;width: 16.667%;padding: 15px;box-sizing:border-box;}
#donation .section2 li:after{display: block;content: '';background: url(/contents/home/images/dona-list-arrow.gif) no-repeat 0 50%;position: absolute;top:50%;margin-top: -8px;left:-5px;width: 10px;height: 16px;}
#donation .section2 li:first-child:after{display: none;}
#donation .section2 li .box{height: 240px;background: #444461;font-size: 0;text-align: center;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
#donation .section2 li .box:before{display: inline-block;vertical-align: middle;content: '';width: 0;height: 100%;}
#donation .section2 li .box .vam{display: inline-block;vertical-align: middle;}
#donation .section2 li .icon{text-align: center;margin-bottom: 30px;}
#donation .section2 li .text dt{font-size: 20px;font-weight: 300;color: #fff;margin-bottom: 8px;}
#donation .section2 li .text dd{font-size: 16px;letter-spacing: -0.05em;color: #fff;}
#donation .bdbText{margin-top: 30px;text-align: center;font-size: 16px;line-height: 24px;letter-spacing: -0.05em;}

.donaTable{width: 100%;border-top:5px solid #444362;table-layout: fixed;margin-top: 30px;}
.donaTable caption {position: fixed;top: -9999px;z-index: -999;opacity: 0;width: 0;height: 0;overflow: hidden;font-family: empty;font-size: 0;}
.donaTable td{border-right:1px solid #ddd;border-bottom:1px solid #ddd;text-align: center;vertical-align: top;padding: 50px 10px 60px;font-size: 16px;line-height: 25px;}
.donaTable td:first-child{border-left:1px solid #ddd;}
.donaTable td dt{font-size: 25px;font-weight: 300;color: #333;margin-bottom: 10px;}
.zwftTItle{text-align: center;}
.zwftTItle h4{font-size: 35px;font-weight: 300;text-align: center;color: #222;}
.zwftTItle p{font-size: 18px;line-height: 24px;letter-spacing: -0.05em;text-align: center;margin-top: 20px;}

.downbtnType1{margin-top: 20px;font-size: 0;text-align: center;}
.downbtnType1 a{display: inline-block;vertical-align: top;width: 210px;text-align: center;background: #888;margin-left: 10px;}
.downbtnType1 a:first-child{margin-left: 0;}
.downbtnType1 a span{display: inline-block;height: 50px;line-height: 50px;font-size: 16px;color: #fff;}
.downbtnType1 a.down{display: inline-block;background: #2d2d3c;}
.downbtnType1 a.down span{padding-right: 23px;background: url(/contents/home/images/basic-btn2-down.gif) no-repeat 100% 48%;}

.detailViewBtn{text-align: center;margin-top: 40px;}
.detailViewBtn .moreView{display: inline-block;width: 238px;height: 53px;border:1px solid #444362;text-align: center;}
.detailViewBtn .moreView:before{display: inline-block;vertical-align: middle;content: '';width: 0;height: 100%;}
.detailViewBtn .moreView span{display: inline-block;vertical-align: middle;padding-right: 22px;font-size: 15px;color: #444362;background: url(/contents/home/images/detail-view-btn-arrow.gif) no-repeat 100% 50%;}
.detailViewBtn .moreView.on span{background: url(/contents/home/images/detail-view-btn-arrow-on.gif) no-repeat 100% 50%;}
.infoHide{display: none;}

#guide3 .tblvam{font-size: 0;}
#guide3 .tblvam >*{display: inline-block;vertical-align: middle;width: 50%;}
#guide3 .tblwrap{}
#guide3 .tblvam .tableType1{max-width:580px;float: right;}




.expBroll .pageArrows{font-size: 0;}
.expBroll .pageArrows a{display: block;width: 70px;height: 90px;position: absolute;top:50%;margin-top: -45px;text-indent: -9999px;z-index:80;}
.expBroll .pageArrows a.prev{background: url(/contents/home/images/perm-ex-roll-prev.png) no-repeat 50% 50%;-webkit-background-size: cover;background-size: cover;left:40px;}
.expBroll .pageArrows a.next{background: url(/contents/home/images/perm-ex-roll-next.png) no-repeat 50% 50%;-webkit-background-size: cover;background-size: cover;right:40px;}


.tabType2{width: 1300px;margin: 0 auto;margin-bottom: 60px;}
.tabType2 > li{display: inline-block;vertical-align: top;width: 20%;border-left: 1px solid #8d8d99;box-sizing: border-box;}
.tabType2.three > li{width: 33.33%;}
.tabType2 > li:first-child{border-left: 0;}
.tabType2 > li a{display: block;line-height: 70px;font-size: 18px;letter-spacing: -0.05em;text-decoration: none;text-align: center;background: #5b5b6d;color: #fff;}
.tabType2 > li.active a{background: #2d2d3c;}
.tabType2 > li a:focus{background: rgba(69,69,84,0.75);}

/* 인사말 */
#greetings .hbr{border:0;margin: 0;height: 15px;}
#greetings .imgBox{margin-bottom: 60px;}
#greetings .textBox{display: table;width: 100%;}
#greetings .textBox >*{display: table-cell;vertical-align: top;}
#greetings .textBox .lef{width: 570px;padding-right: 60px;}
#greetings .textBox .lef dt{font-size: 24px;line-height: 32px;color: #222;font-weight: 300;letter-spacing: -0.05em;margin-bottom: 25px;}
#greetings .textBox .lef dd{font-size: 16px;line-height: 24px;letter-spacing: -0.05em;}
#greetings .textBox .rig{font-size: 14px;line-height: 21px;letter-spacing: -0.05em;color: #777;}
#greetings .textBox .ceoText{margin-top: 20px;}
#greetings .textBox .ceoText strong{font-size: 15px;color: #222;font-weight: normal;margin-right: 15px;}

@media all and (max-width: 1300px){
	#greetings .imgBox{margin-bottom: 40px;}
	#greetings .textBox .lef,
	#greetings .textBox .rig{width: 50%;}
	#greetings .textBox .lef{padding-right: 25px;}
	#greetings .textBox .lef dt{font-size: 22px;line-height: 30px;}
	#greetings .textBox .lef dd{font-size: 15px;line-height: 22px;}
	#greetings .textBox .rig{font-size: 13px;line-height: 20px;}
}

@media all and (max-width: 750px){
	#greetings .imgBox{margin-bottom: 20px;}
	#greetings .textBox{display: block;}
	#greetings .textBox .lef,
	#greetings .textBox .rig{display: block;width: 100%;}
	#greetings .textBox .lef dt{font-size: 18px;line-height: 26px;}
	#greetings .textBox .ceoText{margin-top: 15px;text-align: right;}
	#greetings .textBox .ceoText strong{font-size: 13px;margin-right: 10px;}
	#greetings .textBox .ceoText img{width: 45px;height: auto;}
}