@charset "utf-8";

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

	Global.css ( ver 1.0.2 )

**************************************************/
/**************************************************
	Public
**************************************************/
html{min-width: 1300px;}
#wrap{overflow:hidden;max-width:1920px;position:relative;margin:0 auto;}
#wrap .inner{position: relative;width: 1300px;margin: 0 auto;}
#wrap img{max-width:100%;}

.titType1{padding-left:30px;background:url(../images/tit-type1-front.gif) no-repeat 0 50%;font-size:28px;font-weight:300;letter-spacing:-0.05em;color:#333;margin-bottom:25px;}
caption.hide{padding-left:30px;font-family: noto;background:url(../images/tit-type1-front.gif) no-repeat 0 50%;font-size:28px;font-weight:300;letter-spacing:-0.05em;color:#333;margin-bottom:25px;text-align:left;}
caption.titType1{text-align: left;}
#reservation .tableType2 caption{padding-left:30px;background:url(../images/tit-type1-front.gif) no-repeat 0 50%;font-size:28px;font-weight:300;letter-spacing:-0.05em;color:#333;margin-bottom:25px;text-align:left;margin-top: 30px;margin-bottom: 15px; }
.listText li{position:relative;font-size:15px;line-height:22px;margin-top:10px;padding-left:20px;}
.listText li:first-child{margin-top:0;}
.listText li:before{display:block;content:'';width:10px;height:10px;background: url(../images/bullet-type1.png) no-repeat 0 50%;position:absolute;top:6px;left:0;}
.listText li .add{margin-top:10px;line-height:25px;}

.srPop{position:fixed;z-index:5000;left:0;top:0;width:100%;height:100%;display:none;font-size:0;text-align:center;box-sizing:border-box;padding:10px;}
.srPop:before {content:"";display:inline-block;vertical-align:middle;width:0;height:100%;}
.srPop .popBG {cursor:pointer;background:rgba(0,0,0,0.5);position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;}
.srPop .desc {
	vertical-align:middle;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	background:#fff url(../images/srpop-btm-bg.gif) no-repeat 100% 100%;
	z-index:10;
	display:inline-block;
	padding:40px;
	/*padding-bottom:100px;*/
	position:relative;
	max-width:100%;
	width:900px;
	text-align:left;
}
.srPop .popClose {display:block;position:absolute;right:-70px;top:0;color:#fff;background:none;border:none;font-size:20px;cursor: pointer;}
.srPop .rollWrap{position:relative;}
/*.srPop .desc .pager{position:absolute;bottom:-70px;left:0;width:100%;text-align:center;z-index:100;font-size:0;}*/
.srPop .desc .pager{position:absolute;bottom:6px;right:0;text-align:right;z-index:100;font-size:0;}
.srPop .desc .pager a{display:inline-block;margin:0 3px;width:11px;height:11px;background:#ddd;-webkit-border-radius:11px;-moz-border-radius:11px;border-radius:11px;text-indent:-9999px;}
.srPop .desc .pager a.active{background:#c12d3b;width:30px;}
.srPop .desc .textBox{text-align:center;margin-top:30px;}
.srPop .desc .textBox .title{font-size:32px;font-weight:300;color:#333;margin-bottom:25px;padding-bottom:25px;border-bottom:1px solid #ddd;text-align:center;}
.srPop .desc .textBox .text{font-size:16px;line-height:25px;letter-spacing:-0.03em;color:#333;word-break:keep-all;}

/* 21.12.9 상설전시 팝업변경 */
/* DIRECTION CONTROLS (NEXT / PREV) */
.srPop .desc .bx-wrapper .bx-prev {
  left: 10px;
  background: url('/contents/home/images/controls_gray.png') no-repeat 0 -32px;
}
.srPop .desc .bx-wrapper .bx-prev:hover,
.srPop .desc .bx-wrapper .bx-prev:focus {
  background-position: 0 0;
}
.srPop .desc .bx-wrapper .bx-next {
  right: 10px;
  background: url('/contents/home/images/controls_gray.png') no-repeat -43px -32px;
}
.srPop .desc .bx-wrapper .bx-next:hover,
.srPop .desc .bx-wrapper .bx-next:focus {
  background-position: -43px 0;
}
.srPop .desc .bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 20vw;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 9999;
}
.srPop .desc .bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}
/* AUTO CONTROLS (START / STOP) */
.srPop .desc .bx-wrapper .bx-controls-auto {
  text-align: left;
  /*padding-top: 60px;*/
}
.srPop .desc .bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url('/contents/home/images/controls_gray.png') -86px -11px no-repeat;
  margin: 0 3px;
}
.srPop .desc .bx-wrapper .bx-controls-auto .bx-start:hover,
.srPop .desc .bx-wrapper .bx-controls-auto .bx-start.active,
.srPop .desc .bx-wrapper .bx-controls-auto .bx-start:focus {
  background-position: -86px 0;
}
.srPop .desc .bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url('/contents/home/images/controls_gray.png') -86px -44px no-repeat;
  margin: 0 3px;
}
.srPop .desc .bx-wrapper .bx-controls-auto .bx-stop:hover,
.srPop .desc .bx-wrapper .bx-controls-auto .bx-stop.active,
.srPop .desc .bx-wrapper .bx-controls-auto .bx-stop:focus {
  background-position: -86px -33px;
}
.srPop .desc .bx-controls-auto-item {display: inline-block;}


/* 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{  }
.tableType1{width:100%;border-top:2px solid #283644;}
.tableType1 caption{}
.tableType1 thead th{font-size:16px;font-weight:300;color:#222;background:#f3f6f8;padding:15px 10px;border:1px solid #ddd;}
.tableType1 tbody td{font-size:15px;letter-spacing:-0.025em;color:#444;font-size:16px;border:1px solid #ddd;border-right:0;text-align:center;padding:15px 10px;}
.tableType1 tbody td:first-child{border-left:0;}
.tableType2{width:100%;border-top:2px solid #283644;}
.tableType2 th{font-size:16px;font-weight:300;color:#222;background:#f3f6f8;padding:15px 10px;border-bottom:1px solid #ddd;}
.tableType2 td{font-size:15px;line-height: 24px;letter-spacing:-0.025em;color:#444;border:1px solid #ddd;border-right:0;border-top:0;text-align:center;padding:15px 25px;text-align:left;}
.apply .tableType2 th{width:150px;padding:20px 10px;}
.tableType2 .red{color:#ff0000;font-size:inherit;font-weight:inherit;}
.tableType2 td .typeText{display:inline-block;vertical-align:middle;width:200px;height:38px;line-height:38px;border:1px solid #ddd;text-indent:15px;}
.tableType2 td select{display:inline-block;vertical-align:middle;width:150px;height:40px;border:1px solid #ddd;padding-left:10px;}
.tableType2 td select.w230 {width: 230px;}
.tableType2 td .long{width:400px;}
.tableType2 td .tel{font-size:0;}
.tableType2 td .tel .typeText{width:110px;}
.tableType2 td .tel .at{display:inline-block;vertical-align:middle;width:25px;text-align:center;}
.tableType2 td .mail{font-size:0;}
.tableType2 td .mail .at{display:inline-block;2
vertical-align:middle;width:30px;text-align:center;}
.tableType2 td .itxt{display:inline-block;vertical-align:middle;font-size:15px;margin-left:5px;}
.tableType2 td .people{font-size:0;}
.tableType2 td .people li{display:inline-block;vertical-align:middle;}
.tableType2 td .people .typeText{width:90px;margin:0 7px;}
.tableType2 td .people .sign{display:inline-block;vertical-align:middle;width:40px;height:40px;line-height:40px;font-size:22px;font-weight:300;color:#c12d3b;font-weight:300;text-align:center;}
.tableType2 td .people li label {vertical-align:middle;}
.tableType2 td.lineheight2 {line-height: 2;}

.topText{padding:20px 40px;background:#f4f4f4;font-size:15px;line-height:21px;}

/* 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;}

/* Button */
/* .btnWrap{ margin-top: 40px; }
.btnWrap > *{margin: 0 2px;}
.btnWrap .btn1{ display: inline-block;background: #333;border: 1px solid #333;color: #fff !important;height: 35px;line-height: 35px;padding: 0 20px; }
.btnWrap .btn2{ display: inline-block;background: #fff;border: 1px solid #ddd;color: #000 !important;height: 35px;line-height: 35px;padding: 0 20px; } */
.btnType1{font-size:0;text-align:center;}
.btnType1 li{display:inline-block;vertical-align:top;width:20%;padding:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.btnType1 li a{display:block;text-align:center;height:40px;line-height:40px;text-align:center;font-size:15px;letter-spacing:-0.025em;background:#eaeaea;color:#888;}
.btnType1 li a.type1{background:#4d5864;color:#fff;}
.btnType1 li a.type2{background:#283644;color:#fff;}
.btnType1 li a.type3{background:#c12d3b;color:#fff;}
.btnType1.btt{margin-bottom:60px;}
.btnType1.bts{margin-bottom:25px; }
.btnType1.btt li a{height:50px;line-height:50px;}
.btnSolo{text-align:center;margin-top:30px;}
.btnSolo .btn{display:inline-block;text-align:center;width:250px;height:40px;line-height:40px;text-align:center;font-size:15px;letter-spacing:-0.025em;background:#4d5864;color:#fff;border:0;}

/* Paging */
.apaging{margin-top: 50px;font-size: 0;text-align: center;}
.apaging a{display: inline-block;vertical-align: top;width: 33px;height: 33px;line-height: 33px;text-align: center;border:1px solid #ddd;margin: 0 2px;}
.apaging a img{max-width:100%;}
.apaging a.prev{margin-right:15px;}
.apaging a.next{margin-left:15px;}
.apaging a.num{font-size: 15px;color: #555;}
.apaging a.num.active,
.apaging a.num:hover{background: #464646;border-color: #464646;color: #fff;transition:0.2s;}

@media all and (max-width: 750px){
	.apaging a{display: inline-block;vertical-align: top;width: 28px;height: 28px;line-height: 28px;text-align: center;border:1px solid #ddd;margin: 0 2px;}
	.apaging a.prev{margin-right:10px;}
	.apaging a.next{margin-left:10px;}
	.apaging a.num{font-size: 13px;color: #555;}
}

/* Search */
/**************************
	Search
**************************/
#searchType1{position: relative;margin-bottom: 20px;border: 1px solid #ddd;height: 60px;}
#searchType1 .total{font-size: 14px;color: #333333;line-height: 60px;padding-left: 20px;}
#searchType1 .total strong{color: #f43e26;}
#searchType1 fieldset{position: absolute;top: 10px;right: 20px;}
#searchType1 fieldset > *{display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;height: 40px;box-sizing: border-box;}
#searchType1 legend{display: none;}
#searchType1 .where{border: 1px solid #ddd;width: 130px;overflow: hidden;background: url(/superboard/images/sb_slt_spr.jpg) no-repeat 92% center;}
#searchType1 .where select{width: 130%;height: 40px;border: none;background: none;padding-left: 10px;font-size: 14px;color: #333333;}
#searchType1 .inp{position: relative;border: 1px solid #ddd;padding-right: 40px;margin-left: 5px;}
#searchType1 .inp .keyword{width: 100%;border: none;background: none;height: 40px;font-size: 14px;padding-left: 15px;}
#searchType1 .inp .sbm{position: absolute;top: 0;right: 0;width: 40px;height: 40px;background: url(/superboard/images/sb_search_sbm.jpg) no-repeat center center;border: none;text-indent: -999em;}

@media screen and (max-width: 750px) {
	#searchType1{margin-bottom: 45px;border: none;height: auto;padding: 10px;background: #f3f4f7;}
	#searchType1 .total{position: absolute;bottom: -30px;left: 0;font-size: 12px;line-height: 12px;padding-left: 0;}
	#searchType1 fieldset{position: static;}
	#searchType1 fieldset > *{display: block;height: 35px;}
	#searchType1 legend{display: none;}
	#searchType1 .where{width: 100%;background-color: #ffffff;border: none;margin-bottom: 5px;background-position: 95% center;}
	#searchType1 .where select{height: 35px;font-size: 12px;}
	#searchType1 .inp{margin-left: 0;border: none;background: #ffffff;}
	#searchType1 .inp .keyword{height: 35px;font-size: 14px;font-size: 12px;}
	#searchType1 .inp .sbm{width: 35px;height: 35px;}
}

/* Btn */
.sb-btn{display: inline-block;*display: inline;*zoom: 1;vertical-align: top;box-sizing: border-box;height: 35px;line-height: 35px;text-align: center;font-size: 16px;padding: 0 20px !important;letter-spacing: -1px;cursor: pointer !important;}
.sb-btn.type1{background: #2e2e2e;border: 1px solid #2e2e2e;color: #ffffff !important;}
.sb-btn.type2{background: #ffffff;border: 1px solid #2e2e2e;color: #2e2e2e !important;}
.sb-btn.type3{background: #323a45;border: 1px solid #323a45;color: #ffffff !important;}
.sb-btn.type4{background: #eaeaea;border: 1px solid #eaeaea;color: #323a45 !important;}
.sb-btn.type5{background: #ffffff;border: 1px solid #000000;color: #000000 !important;}
.sb-btn.type6{background: #f5af1c;border: 1px solid #f5af1c;color: #ffffff !important;}
.sb-btn.type11{height: 25px;line-height: 25px;padding: 0 8px;background: #2e2e2e;border: 1px solid #2e2e2e;font-size: 12px;color: #ffffff !important;}
.sb-btn.type22{height: 25px;line-height: 25px;padding: 0 8px;background: #ffffff;border: 1px solid #2e2e2e;font-size: 12px;color: #2e2e2e !important;}


/**************************************************
	Intro
**************************************************/
html.intro,
body.intro,
#introWrap{position: relative;width: 100%;height: 100%;}
#introHeader{position: absolute;top:60px;left:60px;z-index:100;}
#introHeader .logo{}
#intro{height: 100%;font-size: 0;}
#intro .box{position: relative;display: inline-block;vertical-align: middle;width: 50%;height: 100%;font-size: 0;text-align: center;padding: 35px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#intro .box .line{width: 100%;height: 100%;border:1px solid transparent;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-size: 0;transition:0.4s;}
#intro .box:hover .line{border-color:#fff;transition:0.4s;}
#intro .box .line:before{display: inline-block;vertical-align: middle;content: '';width: 0;height: 100%;}
#intro .box .linkBox{position: relative;display: inline-block;vertical-align: middle;width: 400px;height: 380px;background: rgba(0,0,0,0);transition:0.4s;font-size: 0;text-align: center; z-index:1;}
#intro .box .linkBox:before{display: inline-block;vertical-align: middle;content: '';width: 0;height: 100%;}
#intro .box .linkBox .vam{display: inline-block;vertical-align: middle;}
#intro .box .linkBox:hover{background: rgba(255,255,255,0.95);transition:0.4s;}
#intro .box .linkBox .logo{display: inline-block;vertical-align: middle;width: 172px;height: 41px;background: url(../images/intro-box-logo.png) no-repeat 50% 50%;-webkit-background-size: cover !important;background-size: cover !important;text-indent: -9999px;margin-bottom: 20px;transition:0.4s;}
#intro .box .linkBox:hover .logo{background: url(../images/intro-box-logo-hover.png) no-repeat 50% 50%;transition:0.4s;}
#intro .box .linkBox p{font-size: 65px;line-height: 1.1em;font-weight: 200;color: #fff;}
#intro .box .linkBox:hover p{color: #354d66;transition:0.4s;}
#intro .busan{background: url(../images/intro-busan-bg.jpg) no-repeat 50% 50%;-webkit-background-size: cover;background-size: cover;}
#intro .ilsan{background: url(../images/intro-ilsan-bg.jpg) no-repeat 50% 50%;-webkit-background-size: cover;background-size: cover;}
#introFooter{height: 55px;line-height: 55px;background: #191a1d;text-align: center;font-size: 0;}
#introFooter:before{display: inline-block;vertical-align: middle;content: '';width: 0;height: 100%;}
#introFooter p{display: inline-block;vertical-align: middle;font-size: 13px;color: #8d8f96;font-weight: 300;}


/**************************************************
	Layout
**************************************************/
#header{position: relative;z-index: 90;background: #fff;}
#header .inner{position: relative;width: 1300px;height: 90px;margin: 0 auto;}
#header .logo{position: absolute;top: 0;left: 0;height: 100%;line-height: 90px;z-index:99;}
#header:after{position: absolute;bottom: -1px;left: 0;content: '';display: block;width: 100%;height: 1px;background: rgba(0,0,0,0.1);}

#gnb{position: relative;z-index: 2;text-align: center;padding-left: 190px; }
#gnb > li{position: relative;display: inline-block;vertical-align: top;}
#gnb > li > a{display: block;padding: 0 30px;line-height: 90px;}
#gnb > li > a span{position: relative;font-size: 19px;font-weight: 300;color: #333333;text-decoration: none; }
#gnb > li:hover > a span,
#gnb > li.active > a span{color: #354d66;}
#gnb > li > a span:after{display:block;content:'';width:0;height: 2px;position: absolute;bottom:-5px;left:50%;background: #354d66;transition:all 0.2s; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -o-transition:all 0.2s; -ms-transition:all 0.2s;}
#gnb > li.active > a span:after,
#gnb > li:hover > a span:after{width: 100%;transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s;left:0;}
#gnb > li > ul{position: absolute;top: 90px;left: 50%;width: 150px;margin-left: -75px;background: #354d66;box-sizing: border-box;display: none;}
#gnb > li > ul li{border-top:1px solid #486078;}
#gnb > li > ul li:first-child{border-top:0;}
#gnb > li > ul li a{display: block;font-size: 15px;color: #fff;padding: 12px 5px;text-align: center;}
#gnb > li > ul li:hover a,
#gnb > li > ul li a:focus,
#gnb > li > ul li.active a{background: #fff;color: #354d66;}
#gnb > li.hidden-gnb{display: none;}

#drdw{position: absolute;top: 90px;left: 50%;margin-left:-650px;width: 1300px;height:275px;background: #fff;border-top: 1px solid #ddd;border-bottom: 2px solid #344658;z-index: 91;display: none;}
#drdw .inner{position: relative;width: 1300px;margin: 0 auto;height:100%;background:url(../images/pc-allmenu-bg.jpg) no-repeat 100% 100%;}
#drdw .inner > li{display: inline-block;padding: 0 0;vertical-align: top;}
#drdw .inner > li:before{content: '';display: block;position: absolute;top: 0;height: 100%;width: 1px;background: #ddd;}
#drdw .inner > li:first-child:before{display:none;}
#drdw .inner > li > a{position:relative;display: block;height:60px;line-height:60px;text-align:center;background:#344658;}
#drdw .inner > li > a:before{content: '';display: block;position: absolute;top: 0;height: 100%;width: 1px;background: #465a6e;position:absolute;top:0;left:0;height:100%;}
#drdw .inner > li:first-child > a:before{display:none;}
#drdw .inner > li > a span{font-size: 19px;color: #fff;text-align: center;font-weight:300;}
#drdw .inner > li ul{padding:25px 0;}
#drdw .inner > li ul li a{display: block;font-size: 15px;line-height: 28px;color: #555555;text-align: center;}
#drdw .inner > li ul li.active a{font-weight: bold;color:#344658;}
#drdw .inner > li.hidden-gnb{display: none;}
#drdw .slideClose{position:absolute;bottom:0;right:0;}

#gotop{position: absolute;top: -35px;right: -100px;display: block;background: url('../images/ft-top-btn.gif') no-repeat center center;width: 70px;height: 70px;text-indent: -999em;z-index:10;}

#ft-fam{position: absolute;top: 50%;margin-top: -20px;right: 0;width: 230px;height: 40px;}
#ft-fam > a{display: block;line-height: 40px;padding: 0 15px;border: 1px solid #444444;font-size: 15px;color: #aaaaaa;text-decoration: none;background: url('../images/ft-family-spr.png') no-repeat 92% center;}
#ft-fam ul{position: absolute;bottom: 40px;left: 0;display: none;width: 100%;padding: 5px 15px;background: #444444;box-sizing: border-box;z-index:10;}
#ft-fam ul li{border-top: 1px solid #575757;}
#ft-fam ul li:first-child{border-top: none;}
#ft-fam ul li a{display: block;line-height: 35px;color: #f7f7f7;text-align: center;}
#ft-fam:hover ul{display: block;}

#slide-btn{text-indent: -999em;width: 28px;height: 22px;position: absolute;top: 50%;right: 0;margin-top: -11px;z-index:99;}
#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: 100%;height: 2px;background: #282828;}
#slide-btn button span{display: block;top: 50%;left:5px;margin-top: -1px;opacity: 1;transition: all 0.3s;}
#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-bg{display: none;}
#slide-menu{display: none;}

#footer{background: #26272c;}
#footer .desc{padding: 50px 0;}
#footer .footerLogo,
#footer .textWrap{position: relative;display: inline-block;vertical-align: middle; }
#footer .footerLogo{margin-right: 50px;}
#footer address{font-size: 13px;line-height: 20px;color: #b3b3b3;font-style: normal; }
#footer br{display: none;}
#footer hr{width: 10px;border: none;display: inline-block;vertical-align: middle;}
#footer .footerBtn{font-size: 0;margin-bottom: 10px;}
#footer .footerBtn a{display: inline-block;vertical-align: middle;padding-left: 12px;margin-left: 12px;background: url(../images/foot-btn-bar.gif) no-repeat 0 50%;font-size: 16px;color: #fff; font-weight:bold;}
#footer .footerBtn a:first-child{margin-left: 0;padding-left: 0;background: none; color: #bbb; font-weight: normal;}
#footer .text{font-size: 13px;color: #999;}
#footer .mark{position: absolute; top: 10px; right: -509px;}
#footer .wa {width: auto; height: 28px;}
#footer .copyright{display: block;height: 55px;line-height: 55px;font-size: 13px;color: #8d8f96;background: #191a1d;text-align: center;}

/**************************************************
	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{overflow: hidden;}
#visual{overflow: hidden;position: relative;}
#visual .visCover{position: absolute;top:0;left:0;width: 100%;height: 100%;font-size: 0;z-index:80;text-align: center;}
#visual .visCover:before{display: inline-block;vertical-align: middle;content: '';width: 0;height: 100%;}
#visual .visCover .visText{position: relative;display: inline-block;vertical-align: middle;width: 1300px;text-align: left; }
#visual .visCover .visText .engTit{display: inline-block;font-size: 15px;color: #fff;font-family: os;font-weight: 600;padding: 10px 0;border:1px solid #797d87;border-left:0;border-right:0;letter-spacing: 0.25em; }
#visual .visCover .visText dt{font-size: 44px;letter-spacing: -0.07em;font-weight: 300;color: #fff;margin: 30px 0 25px; }
#visual .visCover .visText dd{font-size: 18px;line-height: 28px;color: #fff;font-weight: 100; }
#visual .visCover .controler{position: relative;font-size: 0;margin-top: 60px; }
#visual .visCover .controler:after{display: block;content: '';width: 255px;height: 1px;background: #757880;position: absolute;top:50%;left:185px; }
#visual .visCover .controler span{display: inline-block;vertical-align: middle;width: 55px;height: 55px;-webkit-background-size: cover;background-size: cover;text-indent: -9999px;font-size: 0;}
#visual .visCover .controler span a{display: block;height: 55px;text-indent: -9999px;}
#visual .visCover .controler span.visPrev{background: url(../images/vis-prev.png) no-repeat 50% 50%;-webkit-background-size:cover;	background-size:cover;}
#visual .visCover .controler span.visNext{background: url(../images/vis-next.png) no-repeat 50% 50%;margin-left: 10px;-webkit-background-size:cover;	background-size:cover;}
#visual .visControls{margin-left: 10px;}
#visual .bx-controls-auto .bx-start{display: none !important;}
#visual .bx-controls-auto .bx-stop{display: block !important;background: url(../images/vis-stop.png) no-repeat 50% 50%;-webkit-background-size:cover;	background-size:cover;}
#visual .roll li{height: 550px;padding-left: 39%;background: url(../images/visual-text-bg.jpg) no-repeat 0 50%;position: relative;width: 1920px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#visual .roll li .imgBox{/*width: 61%;*/height: 100%;-webkit-background-size:cover !important;background-size:cover !important;}
#mainContent{width: 1300px;margin: 50px auto;font-size: 0;}
#mainContent .section{display: inline-block;vertical-align: top;}
#mainContent .mainTit{font-size: 22px;font-weight: 300;color: #111;letter-spacing: -0.05em;margin-bottom: 15px;  }
#mainContent .section1{width: 400px;}

/*2023-SHB-0001 JIN*/
#mainContent .customerBox .top{height: 230px;background: #f8f8f8;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 35px 10px;}
#mainContent .customerBox .top .time{padding-left: 85px;background: url(../images/time-icon.gif) no-repeat 5% 5%;font-size: 0;}
#mainContent .customerBox .top .time:before{display: inline-block;vertical-align: middle;content: ''width: 0;height: 100%;}
#mainContent .customerBox .top .time dl{margin-bottom: 25px;}
#mainContent .customerBox .top .time dl:last-child {margin-bottom:0;}
#mainContent .customerBox .top .time dt{float: left;font-size: 15px;font-weight: 600;color: #666;width: 75px;line-height: 1.5;}
#mainContent .customerBox .top .time dt.textTime {line-height: 2.5; height:30px;}
#mainContent .customerBox .top .time dd{font-size: 15px;color: #666;line-height: 1.6;display: inline-block;}
#mainContent .customerBox .top .time dd strong{font-size: 22px;font-weight: 600;color: #283644; padding-right: 5px;}
#mainContent .customerBox .top .time dd.textRed{color: #c12d3b;}

#mainContent .customerBox .top .closedDay{padding-left: 65px;margin-top: 15px;}
#mainContent .customerBox .top .closedDay strong{position: relative;display: block;padding-left: 21px;background: url(../images/closed-day-front.gif) no-repeat 0 50%;margin-bottom: 6px;}

#mainContent .btm{height: 65px;background: url(../images/mc-sec1-tel.gif) no-repeat;-webkit-background-size: cover;background-size: cover;font-size: 0; }
#mainContent .btm p{line-height: 65px;font-size: 18px;color: #fff;font-weight: 300;text-align: center;}

#mainContent .btm p strong{display: inline-block;vertical-align: top;font-size: 23px;font-weight: 600;margin-left: 10px;}
#mainContent .quickBox{font-size: 0;margin-top: 30px;}
#mainContent .quickBox .link{display: inline-block;vertical-align: top;width: 50%;height: 130px;font-size: 0;text-align: center;}
#mainContent .quickBox .link1{background: #354d66;}
#mainContent .quickBox .link2{background: #4b6076;}
#mainContent .quickBox .link:before{display: inline-block;vertical-align: middle;content: '';width: 0;height: 100%;}
#mainContent .quickBox .link dl{display: inline-block;vertical-align: middle;text-align: left;padding-left: 70px;}
#mainContent .quickBox .link1 dl{background: url(../images/mc-qbox-link-front1.jpg) no-repeat 0 50% !important;}
#mainContent .quickBox .link2 dl{background: url(../images/mc-qbox-link-front2.jpg) no-repeat 0 50% !important;padding-left: 75px;}
#mainContent .quickBox .link dt{font-size: 18px;line-height: 26px;letter-spacing: -0.05em;color: #fff;/*margin-bottom: 10px;*/font-weight: 300;height: 70px;line-height: 70px;}
@media all and (max-width: 750px){
	#mainContent .quickBox .link dt{height: 40px;line-height: 40px;}
	#mainContent .quickBox .link{height: 80px;}
}
#mainContent .quickBox .link dd{font-size: 12px;line-height: 18px;letter-spacing: -0.015em;color: #fff;}
#mainContent .section2{width: 850px;padding-left: 50px;font-size: 0;}
#mainContent .section2 .topContent{font-size: 0;}
#mainContent .section2 .box{display: inline-block;vertical-align: top;width: 400px;}
#mainContent .section2 .box .top{position: relative;}
#mainContent .section2 .box2{margin-left: 50px;}
#mainContent .section2 .controls{overflow: hidden;position: absolute;top:8px;right:0; font-size: 0;  }
#mainContent .section2 .controls .text{display: inline-block;vertical-align: middle;text-align: center;margin: 0 10px;}
#mainContent .section2 .controls .text li{display: inline-block;vertical-align: middle;font-size: 15px;line-height: 15px;color: #444;}
#mainContent .section2 .controls span{display: inline-block;vertical-align: middle;width: 9px;height: 15px;text-indent: -9999px;font-size: 0;}
#mainContent .section2 .controls span a{display: block;height: 15px;text-indent: -9999px;}
#mainContent .section2 .controls span.prev{background: url(../images/event-prev.gif) no-repeat 50% 50%;-webkit-background-size:cover;	background-size:cover;}
#mainContent .section2 .controls span.next{background: url(../images/event-next.gif) no-repeat 50% 50%;-webkit-background-size:cover;	background-size:cover;}
#mainContent .section2 .box .more{position: absolute;top:8px;right:0;}
#mainContent .section2 .notice{padding: 30px;width: 400px;height: 230px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border:6px solid #eee;}
#mainContent .section2 .notice li.first{padding-bottom: 20px;margin-bottom: 20px;border-bottom:1px solid #ddd; }
#mainContent .section2 .notice li.first strong{display: block;margin-bottom: 10px;}
#mainContent .section2 .notice li.first strong a{font-size: 16px;font-weight: 300;color: #444;}
#mainContent .section2 .notice li.first p{font-size: 14px;font-weight: 100;color: #999;}
#mainContent .section2 .notice li{margin-top: 8px;}
#mainContent .section2 .notice li:first-child{margin-top: 0;}
#mainContent .section2 .notice li > a{position: relative;display: block;padding-left: 12px;font-size: 15px;color: #444;}
#mainContent .section2 .notice li > a:before{display: block;content: '';width: 3px;height: 3px;background: #a6a6a6;position: absolute;top:50%;left:0;margin-top: -1.5px;}
#mainContent .section2 .btmContent{margin-top: 50px;font-size: 0;}
#mainContent .section2 .btmContent a{display: inline-block;vertical-align: top;width: 25%;text-align: center; }
#mainContent .section2 .btmContent span{display: block;font-size: 17px;font-weight: 200;color: #444;text-align: center;padding-top: 80px;}
#mainContent .section2 .btmContent .link1 span{background: url(../images/btm-content-link-icon1.gif) no-repeat 55% 0;}
#mainContent .section2 .btmContent .link2 span{background: url(../images/btm-content-link-icon2.gif) no-repeat 55% 0;}
#mainContent .section2 .btmContent .link3 span{background: url(../images/btm-content-link-icon3.gif) no-repeat 55% 0;}
#mainContent .section2 .btmContent .link4 span{background: url(../images/btm-content-link-icon4.gif) no-repeat 55% 0;}
#mainContent .btmContent a{display: inline-block;vertical-align: top;width: 25%;}

/*2023-SHB-0002 JIN*/
#mainContent .customerBox .middle {height: 230px; border: 6px solid #eee; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 30px;}
#mainContent .customerBox .middle .edu {padding-left: 80px;background: url(../images/edu_icon.png) no-repeat 0 0;font-size: 0;}
#mainContent .customerBox .middle .edu p {color: #283644; font-size: 15px; line-height: 24px; font-weight: 300;}
#mainContent .customerBox .middle .edu:before{display: inline-block;vertical-align: middle;content: ''width: 0;height: 100%;}
a.main-btn {
    background-color: #c12d3b;
    font-size: 13px;
    color: #fff;
    border-radius: 0;
    display: inline-block;
    margin:45px 0 0 0;
    width: 100%;
}
a.main-btn span {color: #fff; position: relative; display: block; text-align: left; padding: 10px 25px;}
a.main-btn span:after {
    display:block;content:'';width:37px;height:10px;position:absolute;top: 50%;right:25px;margin-top: -6px;background:url("/contents/home/images/linkgo_allow_main.png") no-repeat 0 0;
}


/**************************************************
	Sub
**************************************************/
#sub{  }
#sub #content{ position: relative;width: 1300px;margin: 0 auto;padding: 50px 0 90px; }
#sub .subTitle{font-size: 34px;color: #333;font-weight: 300;text-align: center;font-family: noto;letter-spacing: -0.03em;margin-bottom: 30px;}

#sub #content > *{}

#subVisual{position: relative;height: 220px;overflow: hidden;text-align: center;background:url(../images/sub-visual.jpg) no-repeat 50% 50%;background-size: cover;}
#subVisual:before{position: relative;content: '';display: inline-block;vertical-align: middle;width: 0;height: 100%;}
#subVisual h2{display: inline-block;vertical-align: middle;text-align: center;font-size: 38px;color: #fff;letter-spacing: -0.07px;z-index: 2;font-weight:300;}

#sub .sub-tit{position: relative;padding-bottom: 20px;margin-bottom: 40px;border-bottom: 1px solid #ddd;}
#sub .sub-tit h3{margin-top: 10px;font-size: 30px;color: #000;}

#lnb{text-align:center;border-bottom:1px solid #ddd;}
#lnb > li{display: inline-block;vertical-align: top;box-sizing: border-box;}
#lnb > li:first-child{}
#lnb > li a{position:relative;display: block;line-height: 50px;font-size: 15px;text-decoration: none;text-align: center;color: #666;padding:0 20px;}
#lnb > li.active a{color:#313f64;}
#lnb > li > a:after{display:block;content:'';width:0;height: 2px;position: absolute;bottom:-1px;left:50%;background: #666;transition:all 0.2s; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -o-transition:all 0.2s; -ms-transition:all 0.2s;}
#lnb > li.active > a:after,
#lnb > li:hover > a:after{width: 100%;transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s;left:0;}
#lnb > li a span{font-size:17px;color:#777;}
#lnb > li.active a{background: #fff;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('../images/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{white-space: pre-wrap;}
#programGuide .group{margin-top:60px;}
#programGuide .group:first-child{margin-top:0;}
#programGuide .btnType1{margin-top:25px;margin-bottom:0;}
.testTag{background:#eee;text-align:center;padding:45px 0;font-size:25px;color:#d0d0d0;letter-spacing:-0.05em;}
.borderBox1{padding:30px 45px;border:1px solid #ddd;}
.borderBox1 .listText li{margin-top:10px;}
.borderBox1 .listText li:first-child{margin-top:0;}

/* 인사말 */
#greeting{position:relative;margin-bottom:-90px;padding-bottom:80px;z-index:1;}
#greeting:after{display:block;content:'';width:300%;height:280px;background:#f4f4f4;position:absolute;bottom:0;left:-150%;z-index:-1;}
#greeting .title{margin-bottom:50px;}
#greeting .title dt{font-size:23px;font-weight:600;font-family:os;letter-spacing:0.2em;text-align:center;color:#283644;margin-bottom:15px;}
#greeting .title dd{font-size:37px;line-height:1.1em;font-weight:200;text-align:center;color:#333;}
#greeting .title dd strong{font-weight:600;}
#greeting .imgBox{text-align:center;margin-bottom:50px;}
#greeting .textBox{padding:50px;border:10px solid #ebebeb;text-align:center;font-size:16px;line-height:26px;background:#fff url(../images/greeting-text-img.jpg) no-repeat 100% 100%;}
#greeting .playwidth {width:70%;margin:auto;}

/* 예약 안내 - 금융박물관 로드  */
#reserGuide1 .tableType2{margin-top:0;}
#reserGuide1 .tableType2 th{width: 200px;}
#reserGuide1 .btm .btnType1{margin-top:30px;}

/* 연혁 */
/* 부산연혁-PC기준 가운데정렬 */
/* 20250422 : 연도별 내용 구분을 위한 줄간격 조절 */
.museumHistory{overflow:hidden;}
.museumHistory .section{margin-top: 80px;}
.museumHistory .section:first-child {width:65%; margin: auto;}
.museumHistory .title{font-size: 26px;margin-bottom: 30px;color: #283644;font-weight: 300;}
.museumHistory dl{position:relative;padding-left:70px;padding-bottom:30px;min-height:80px;padding-top: 25px;}
.museumHistory dl.last{padding-bottom:0px;}
.museumHistory dd:after{content:'';position:absolute;left:89px;top:0;width:5px;height:170px;background:#ddd;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.museumHistory dt{position:absolute;left:0;top:50%;margin-top:-50px;width:80px;height:80px;line-height:80px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;font-weight:bold;font-size:20px;color:#fff;font-family:os;background:#283644;text-align:center;}
.museumHistory dd{position:relative; /*height:100px;*/font-size:0;}
.museumHistory dd:before{display:inline-block;vertical-align:middle;content:'';width:0;height:100%;}
.museumHistory dd .vam{position:relative;display:inline-block;vertical-align:middle;}
.museumHistory dd li{position:relative;font-size:15px;line-height:22px;padding-left:185px;margin-top:8px;}
.museumHistory dd li:first-child{margin-top:0;}
.museumHistory dd li:before{content:'';position:absolute;left:81px;top:3px;width:10px;height:10px;border:5px solid #fff;background:#283644;z-index:1;border-radius: 50%;}
.museumHistory dd li:after{position:absolute;top:50%;margin-top:-10px;left:108px;display:block;content:'';width:55px;height:2px;background:url(../images/history-dashed.gif) no-repeat 50% 50%;-webkit-background-size:cover;background-size:cover;}
.museumHistory dd strong{/*position:absolute;left:0;top:0;*/display:block;font-size:18px;color:#283644;}
.museumHistory dl:first-child dd:after{display:none;}
.museumHistory dl:first-child dd .vam:after{content:'';position:absolute;left:89px;top:10px;width:5px;height:500px;background:#ddd;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.museumHistory dl.last dd:after{top:-50px;height:110px;}
@media all and (max-width: 750px){
	.museumHistory .section:first-child {width:100%; margin: auto;}
}


/* 달력 */
#reservation .stepBox{text-align:center;margin-bottom:50px;}
#calendarWrap .cal-head {text-align: center;font-family: empty;font-size: 0;}
#calendarWrap .cal-head strong {vertical-align: middle;font-family: noto;font-size: 35px;color: #000000;font-weight: 600;}
#calendarWrap .cal-head button {vertical-align: middle;border: 0;background: #fff;margin: 0 30px;}
#calendarWrap .cal-head button img {display: block;}
#calendarWrap .cal-body {width: 100%;margin-top: 30px;}
#calendarWrap .cal-body caption {display: none;}
#calendarWrap .cal-body tr > * {border: 1px solid #ddd;}
#calendarWrap .cal-body tr > th {height: 50px;font-size: 15px;color: #333333;font-weight: 600;background: #f3f4f7;}
#calendarWrap .cal-body tr > td {height: 130px;position: relative;padding: 0;z-index:1;}
#calendarWrap .cal-body tr > td em {position: absolute;top: 10px;left: 10px;line-height: 1em;font-style: normal;font-size: 15px;color: #666666;}
#calendarWrap .cal-body tr > td.sun em {color: #ff0000;}
#calendarWrap .cal-body tr > td.sat em {color: #0040ff;}
#calendarWrap .cal-body .bg {z-index:-1;background: #f7f7f7;}
#calendarWrap .cal-body .cen {width: calc(100% - 20px);height: calc(100% - 30px);margin: 35px 10px 0;}
#calendarWrap .cal-body .vam {width: calc(100% - 96px);margin: 10px auto;font-family: empty;font-size: 0;text-align: center;}
#calendarWrap .cal-body .vam:before {display: inline-block;zoom: 1;*display: inline;vertical-align: middle;content: '';width: 0;height: 100%;}
#calendarWrap .cal-body .vam-in {display: inline-block;zoom: 1;*display: inline;vertical-align: middle;font-size: 15px;color: #333333;font-weight: 600;letter-spacing: -0.08em;}
#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: 80px;line-height: 24px;font-size: 13px;font-weight: 400;letter-spacing: -0.06em;text-align: center;}
/*완료*/#calendarWrap .cal-body .list > li.status.type1 a{background:#c12d3b; color:#fff; border: 1px solid #c12d3b;}
/*예약*/#calendarWrap .cal-body .list > li.status.type2 a{background:#4d5864; color:#Fff; border: 1px solid #4d5864;}
/*토요일 예약*/#calendarWrap .cal-body .list > li.status.typeGreen a{background:#3A8D5A;  color:#fff;  border:1px solid #2F744A; line-height : 1.2;}
/*토요일 예약*/#calendarWrap .cal-body .list > li.status.typeBlue a{background:#1F3A8A;  color:#fff;  border:1px solid #2F744A; line-height : 1.2;}
/*불가*/#calendarWrap .cal-body .list > li.status.type3 a{background:#ffffff; color:#c12d3b; border: 1px solid #c12d3b; font-weight: 300;}
#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;}

/* 예약 확인/취소 */
#reservView {border: 1px solid #ddd;background: #f3f4f7;padding: 45px 0;}
#reservView fieldset {width: 400px;margin: 0 auto !important;display: block;}
#reservView fieldset legend {display: block;margin-bottom: 20px;text-align: center;font-size: 24px;color: #000000;font-weight: 600;padding-top: 90px;background: url(../images/sub/view-icon1.jpg) no-repeat 50% 0;}
#reservView fieldset input[type=text] {margin-bottom: 10px;height: 40px;line-height: 40px;}


/* 관람안내 */
.museumGuide{font-size:0;}
.museumGuide  .top{font-size:0;}
.museumGuide  .top .tit{position:absolute;top:0;right:-80px;background:url(../images/mg-tit-bg.jpg) no-repeat 50% 50%;width:160px;height:160px;line-height:160px;-webkit-background-size:cover;background-size:cover;text-align:center;font-size:26px;color:#fff;font-weight:300;}
/*
.museumGuide .top >*{display:inline-block;vertical-align:top;position:relative;}*/
.museumGuide .top >*{display:block;vertical-align:top;position:relative;}
/*
.museumGuide .top .textBox{margin-left:140px;}*/
.museumGuide .top .textBox{margin-top:50px; display: flex;}
/*
.museumGuide .top .textBox li{height:110px;padding-left:130px;font-size:0;margin-top:40px;}*/
.museumGuide .top .textBox li{vertical-align:top;margin-top:0;-webkit-background-size:80px !important;background-size:80px !important;background-position:50% 20% !important;text-align:center;height:auto; box-sizing:border-box;flex: 1;padding: 130px 0 25px 0;border: 1px solid #ddd;margin-right: 20px;}
.museumGuide .top .textBox li:first-child{margin-top:0;}
.museumGuide .top .textBox li.li01{background:url(../images/mg-top-icon1.jpg) no-repeat 0 50%;}
.museumGuide .top .textBox li.li02{background:url(../images/mg-top-icon2.jpg) no-repeat 0 50%; margin-right:0;}
.museumGuide .top .textBox li.li03{background:url(../images/mg-top-icon3.jpg) no-repeat 0 50%;}
/*
.museumGuide .top .textBox li:before{display:inline-block;vertical-align:middle;content:'';width:0;height:100%;}
.museumGuide .top .textBox li:before{display:block;vertical-align:middle;content:'';width:0;height:100%;}*/
.museumGuide .top .textBox li dl{display:inline-block;vertical-align:middle;max-width:100%;}
.museumGuide .top .textBox li dt{font-size:21px;font-weight:300;color:#222;margin-bottom:10px;}
.museumGuide .top .textBox li dd{font-size:15px;font-weight:200;color:#444;}

/*2023-SHB-0001 JIN */
.museumGuide .top .textBox li dd span.txtL {font-size:21px;color:#444;font-weight: 600;}
.museumGuide .btm{margin-top:50px;background:#f4f4f4;font-size:0;}

/*
.museumGuide .btm .box{padding:50px 40px;display:inline-block;vertical-align:top;width:50%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} */
.museumGuide .btm .box{padding:50px 40px;display:inline-block;vertical-align:top;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.museumGuide .btm .box2{padding-top:0;}
.museumGuide .btm .tit{font-size:21px;margin-bottom:20px;color:#222;}
.museumGuide #reference{margin-bottom:0; margin-top:60px;}
.museumGuide .btnType1{margin-top:30px;}

/* 관람 유의 사항 */
.view_info {overflow: hidden;}
.view_info .item {float:left; display:table; width:calc(50% - 50px); min-height:76px; margin:15px 25px;}
.view_info .item .text {display: table-cell; padding-left:15px; vertical-align: middle; color:#444444; font-size: 15px;}
.view_info .item .ir {display:table-cell; width:80px; height:80px;}
.view_info .item .ir.ir01 {background: url('../images/view_info_icon01.png') no-repeat}
.view_info .item .ir.ir02 {background: url('../images/view_info_icon02.png') no-repeat}
.view_info .item .ir.ir03 {background: url('../images/view_info_icon03.png') no-repeat}
.view_info .item .ir.ir04 {background: url('../images/view_info_icon04.png') no-repeat}
.view_info .item .ir.ir05 {background: url('../images/view_info_icon05.png') no-repeat}
.view_info .item .ir.ir06 {background: url('../images/view_info_icon06.png') no-repeat}
.view_info .item .ir.ir07 {background: url('../images/view_info_icon07.png') no-repeat}
.view_info .item .ir.ir08 {background: url('../images/view_info_icon08.png') no-repeat}
.view_info .item .ir.ir09 {background: url('../images/view_info_icon09.png') no-repeat}

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

/*2023-SHB-0001 JIN */
.personList{font-size:0;/*white-space:nowrap;*/margin-top:30px;}
.personList li{display:inline-block;vertical-align:top;}
.personList li.li01 .txt{background:url(../images/mg-pl-icon1.jpg) no-repeat 0 0;}
.personList li.li01 {/*margin-right: 40px;*/ width: 50%;}
.personList li.li02 .txt{background:url(../images/mg-pl-icon2.jpg) no-repeat 0 0;}
.personList li .txt{font-size:0;padding-left:85px;}
.personList li .txt:before{display:inline-block;vertical-align:middle;content:'';width:0;height:100%;}
.personList li .btn{text-align:left; padding: 15px 0 0 20px;}
.personList li ul{display:inline-block;vertical-align:middle;}
.personList h5{font-size:18px;font-weight:600;color:#333;margin-bottom:10px;}
.personList li li{position:relative; display:block; font-size:15px;font-weight:200;color:#444; line-height: 1.6;padding-left: 20px;}
.personList li li:before{display:block;content:'';width:10px;height:10px;background: url(../images/bullet-type1.png) no-repeat 0 50%;position:absolute;top:6px;left:0;}
.personList li li strong {width: 65px; display:inline-block;}
.personList li li span {padding-left:64px;}

/* 편의시설 안내*/
.facilities .top{font-size:0;}
/* JIN
.facilities .top >*{display:inline-block;vertical-align:top;width:50%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.facilities .top .imgBox{border:1px solid #ddd;border-right:0;} */
.facilities .top .imgBox img{display:block; margin:0 auto;}
.facilities .top .textBox .title{height:100px;line-height:100px;background:#283644;font-size:32px;font-weight:300;color:#fff;text-align:center;}
.facilities .top .textBox .numList{padding:45px 55px;background:#f5f5f5;font-size:0;height:286px;border:1px solid #ddd;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.facilities .top .textBox .numList ul{display:inline-block;vertical-align:top;width:50%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.numList li{position:relative;padding-left:42px;height:28px;line-height:28px;margin-top:10px;}
.numList li:first-child{margin-top:0;}
.numList li .num{display:block;position:absolute;top:0;left:0;width:28px;height:28px;line-height:28px;-webkit-border-radius:28px;-moz-border-radius:28px;border-radius:28px;background:#c12d3b;font-size:15px;font-weight:600;color:#fff;text-align:center;}


.facilities .btm{margin-top:40px;}
.facilities .btm ul{font-size:0;margin:-10px;}
.facilities .btm ul li{display:inline-block;vertical-align:top;width:33.33%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:10px;word-break:keep-all;}
.facilities .btm ul li .in{border:1px solid #ddd;padding:25px;}
.facilities .btm ul li .in{padding:25px;}
/* JIN .facilities .btm ul li .textBox{padding:30px 10px;text-align:center;height:175px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} */
.facilities .btm ul li .imgBox img{width:100%;}
.facilities .btm ul li .textBox{padding:30px 10px 0 10px;text-align:center;height:125px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.facilities .btm ul li .textBox dt{font-size:21px;font-weight:300;color:#222;margin-bottom:15px;}
.facilities .btm ul li .textBox dd{font-size:15px;line-height:23px;}

/* JIN 1x1
.facilities .btm{margin-top:40px;}
.facilities .btm ul{font-size:0;margin:-10px;}
.facilities .btm ul li{display:inline-block;vertical-align:top;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:10px;}
.facilities .btm ul li .in{border:1px solid #ddd;padding:25px;}
.facilities .btm ul li .imgBox{display:inline-block; width:18%; vertical-align:top;}
.facilities .btm ul li .textBox{display:inline-block; padding-left:40px; width:78%;}
.facilities .btm ul li .textBox dt{font-size:26px;font-weight:bold;color:#222;margin-bottom:15px;}
.facilities .btm ul li .textBox dd{font-size:15px;line-height:23px;}
*/

/* 찾아오시는 길 */
.location{font-size:0;position:relative;}
.location >*{display:inline-block;vertical-align:top;}
/* JIN .location .locationRig{width:450px;border:1px solid #ddd;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-left:0;}*/
.location .locationRig{width:100%; margin-top: 20px;}
.location .locationRig .boxgroup {width:390px; margin: 0 auto;}
/*.location .locationRig .box{height:240px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:0;text-align:center;} */
.location .locationRig .box{border-box;font-size:0;}
.location .locationRig .box:before{display:inline-block;vertical-align:middle;content:'';width:0;height:100%;}
/* JIN .location .locationRig .box dl{display:inline-block;vertical-align:middle;padding-top:120px;width:100%;} */
.location .locationRig .box dl{display:inline-block;vertical-align:middle;width:100%;background:url(../images/tit-type1-front.gif) no-repeat 0 50%; padding-left:20px; background-size:10px;}
.location .locationRig .box dl.loc{background:url(../images/location-rig-icon1.jpg) no-repeat 50% 0;}
.location .locationRig .box dl.tel{background:url(../images/location-rig-icon2.jpg) no-repeat 50% 0;}
/* .location .locationRig .box dt{font-size:20px;color:#222;font-weight:300;margin-bottom:10px;} */
.location .locationRig .box dt{font-size:15px;color:#222;font-weight:bold;margin-right:10px;display:inline-block;}
.location .locationRig .box dd{font-size:15px;font-weight:300;color:#444;display:inline-block;}
/* JIN .location .locationRig .box2{border-top:1px solid #ddd;} */
/* JIN .location .map {width:850px;} */
.location .map {width:100%;}
.root_daum_roughmap{padding:0 !important;-webkit-border-radius:0 !important;-moz-border-radius:0 !important;border-radius:0 !important;}
.root_daum_roughmap .wrap_map{display: inline-block;vertical-align: top;width: 100%;}
.root_daum_roughmap .map_border{display:none;}
.root_daum_roughmap .wrap_controllers{display:none !important;}
.locationText{font-size:0;margin-top:50px;border-top:2px solid #ddd;border-bottom:1px solid #ddd;}
.locationText .box{display:inline-block;vertical-align:top;width:50%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.locationText .box2{border-left:1px solid #ddd;}
.locationText .text{height:145px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:25px 35px;}
.locationText .tit{height:59px;line-height:59px;padding-left:40px;background:#fbfbfb;border-bottom:1px solid #ddd;font-size:18px;font-weight:300;color:#222;}
.root_daum_roughmap {width:640px !important;}

/* 상설전시 */
#exhibition .title{position:relative;/*padding-left:220px;*/height:55px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-top:1px solid #ddd;background:#f4f4f4;border-right:1px solid #ddd;border-left:1px solid #ddd;}
#exhibition .title h4{position:absolute;top:0;left:0;width:260px;height:55px;line-height:55px;background:url(../images/title-exhibition-bg.png) no-repeat 50% 50%;-webkit-background-size:cover;background-size:cover;padding-left:35px;font-size:20px;font-weight:300;color:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#exhibition .title p{padding-left:60px;line-height:55px;}
#exhibition .content{border:1px solid #ddd;border-top:0;}

@media all and (max-width: 1300px){
	#exhibition .title{height:40px;/*padding-left:160px;*/}
	#exhibition .title h4{width:189px;height:40px;line-height:40px;font-size:16px;}
	#exhibition .title p{line-height:40px;}
}

@media all and (max-width: 750px){
	#exhibition .title{height:auto;padding-left:0;}
	#exhibition .title h4{position:static;text-align:center;background:#283644;width:100%;padding:0;}
	#exhibition .title p{padding:15px;line-height:normal;}
}

/* 예약 */
#reserGuide2 .content .title{text-align:center;font-size:28px;color:#283644;font-weight:normal;margin-bottom:30px;}
#reserGuide2 .content .title strong{font-weight:300;}
#reserGuide2 .grayBox{background:#f4f4f4;padding:30px 40px;}
#reserGuide2 .grayBox dt{font-size:16px;color:#222;margin-bottom:20px;}
#reserGuide2 .grayBox dd{font-size:15px;line-height:24px;letter-spacing:-0.025em;color:#666;}
#reserGuide2 .certificationBox{margin-top:40px;padding:60px 0;border:1px solid #ddd;font-size:0;}
#reserGuide2 .certificationBox .box{position:relative;display:inline-block;vertical-align:top;width:50%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 80px;}
#reserGuide2 .certificationBox .box .vam{padding-left:190px;}
#reserGuide2 .certificationBox .box .vam dt{font-size:21px;font-weight:300;color:#222;margin-bottom:15px;}
#reserGuide2 .certificationBox .box .vam dd{font-size:15px;line-height:24px;letter-spacing:-0.03em;}
#reserGuide2 .certificationBox .box .btn{display:block;width:260px;height:40px;line-height:40px;background:#4d5864;color:#fff;font-size:15px;text-align:center;margin-top:25px;}
#reserGuide2 .certificationBox .box1 .vam{background:url(../images/reser-guide-cert-icon1.gif) no-repeat 0 50%;}
#reserGuide2 .certificationBox .box2 .vam{background:url(../images/reser-guide-cert-icon2.gif) no-repeat 0 50%;}
#reserGuide2 .certificationBox .box1:after{position:relative;display:block;content:'';width:1px;height:180px;background:#ddd;position:absolute;top:50%;right:0;margin-top:-90px;}
#reserGuide2 .certificationBox .box2{}

/* FAQ(Not Superboard) */
#museumFaq{}
#museumFaq .faq_list{border-top: 1px solid #000000;}
#museumFaq .faq_list li{border-bottom: 1px solid #ddd;}
#museumFaq .faq_list li .ques{position: relative;padding: 20px 50px 20px 60px;background: url(/superboard/images/sb_ico_faq_q.png) no-repeat 20px center;}
#museumFaq .faq_list li .ques:after{content: '';display: block;background: url(/superboard/images/sb_ico_faq_spr.png) no-repeat center center;background-size: contain;display: block;width: 15px;height: 100%;position: absolute;top: 0;right: 20px;}
#museumFaq .faq_list li.active .ques:after{transform: rotate(-180deg);}
#museumFaq .faq_list li .ques a.sbj{display: block;font-size: 14px;line-height:22px;color: #333333;}
#museumFaq .faq_list li .ans{position: relative;padding: 20px 50px 20px 60px;background: #f3f4f7 url(/superboard/images/sb_ico_faq_a.png) no-repeat 20px 16px;border-top: 1px solid #ddd;display: none;}
#museumFaq .faq_list .adminBtn{margin-top:10px;text-align:right;}

@media screen and (max-width: 750px) {
	#museumFaq .faq_list li .ques{padding: 15px 30px 15px 35px;background-size: 20px auto;background-position: 5px center;}
	#museumFaq .faq_list li .ques:after{width: 10px;height: 100%;right: 5px;}
	#museumFaq .faq_list li .ques a.sbj{font-size: 12px;line-height:16px;}
	#museumFaq .faq_list li .ans{padding: 15px 30px 15px 35px;background-size: 20px auto;background-position: 5px 14px;font-size: 12px;line-height: 16px;}
}
.labelWrap{font-size: 0;margin-left:-10px;}
.labelWrap li{display: inline-block;vertical-align: top;margin-left:10px;}
.labelWrap li input{display:inline-block;vertical-align:middle;margin:0;margin-right:2px;}
.labelWrap li label{display:inline-block;vertical-align:middle;font-size: 14px;}
span#tpeople{font-size:18px;color:#222;font-weight:300;}
.ipinCertTop .title{text-align:left;font-size:28px;color:#283644;font-weight:normal;margin-bottom:30px;}
.ipinCertTop .title strong{font-weight:300;}
.areaBox{margin-bottom:50px;}
.areaBox .title{font-size:18px;margin-bottom:15px;color:#111;text-align:left;}
.grayBox{background:#f4f4f4;padding:30px 40px;}
.grayBox .tit{font-weight:300;font-size:23px;color:#222;margin-bottom:20px;}

/* 개인정보처리방침 */
.areaBox .titleLg{font-size:28px;margin-bottom:15px;color:#111;text-align:left;}
.grayBox .titPrivacy{font-weight:bold;font-size:20px;color:#222;margin-bottom:10px;}
.grayBox .listPrivacy{margin-bottom: 25px;}
.grayBox .listPrivacy li {position: relative;display: block;padding-left: 15px;font-size: 14px;line-height:1.8; color: #444;}
.grayBox .listPrivacy li:before{display: block;content: '';width: 5px;height: 1px;background: #a6a6a6;position: absolute;top:14px;left:2px;margin-top: -1.5px;}
.blueTxt {color: #1565c0; font-size:18px; font-weight: bold;}

.grayBox dt{font-size:16px;color:#222;margin-bottom:20px;}
.grayBox dd{font-size:15px;line-height:24px;letter-spacing:-0.025em;color:#666;}
.grayBox2{background:#f4f4f4;padding:30px 40px;border:1px solid #ddd;text-align:center;}
.grayBox2 dt{font-size:23px;margin-bottom:15px;}
.grayBox2 dt strong{font-weight:600;color:#283644;}
.grayArea{background:#f4f4f4;padding:20px;width:100%;height:200px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:1px solid #ddd;font-size:15px;line-height:23px;}
.areaBtm{text-align:right;margin-top:10px;}
.areaBtm label{font-size:14px;color:#333;}
.certificationBox.solo{border:1px solid #ddd;}
.certificationBox{padding:60px 0;font-size:0;background:#fff;}
.certificationBox .box{position:relative;display:inline-block;vertical-align:top;width:50%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 80px;background:#fff;}
.certificationBox .box .vam{padding-left:190px;}
.certificationBox .box .vam dt{font-size:21px;font-weight:300;color:#222;margin-bottom:15px;}
.certificationBox .box .vam dd{font-size:15px;line-height:24px;letter-spacing:-0.03em;}
.certificationBox .box .btn{display:block;width:260px;height:40px;line-height:40px;background:#4d5864;color:#fff;font-size:15px;text-align:center;margin-top:25px;}
.certificationBox .box1 .vam{background:url(../images/reser-guide-cert-icon1.gif) no-repeat 25px 50%;}
.certificationBox .box2 .vam{background:url(../images/reser-guide-cert-icon2.gif) no-repeat 25px 50%;}
.certificationBox .box1:after{position:relative;display:block;content:'';width:1px;height:180px;background:#ddd;position:absolute;top:50%;right:0;margin-top:-90px;}
.certWrap{margin-top:50px;}
.certWrap .tab{margin:0 -5px;font-size:0;margin-bottom:10px;}
.certWrap .tab 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;}
.certWrap .tab li a{display:block;text-align:center;}
.certWrap .tab li a span{display:inline-block;padding-left:20px;background:url(../images/cert-tab-btn-arrow.gif) no-repeat 0 50%;}
.certWrap .tab li.active a span{background:url(../images/cert-tab-btn-arrow-active.gif) no-repeat 0 50%;}
.certWrap .tabCont{font-size:0;background:#f3f4f7;padding:40px 45px;}
.certWrap .tabCont .fyTextWrap{margin-bottom:30px;}
.certWrap .tabCont .fyName{margin-top:25px;font-size:0;}
.certWrap .tabCont .fyName >*{display:inline-block;vertical-align:top;}
.certWrap .tabCont .fyName .tit{width:210px;height:45px;line-height:45px;text-align:center;background:#4d5864;color:#fff;}
.certWrap .tabCont .fyName .typeText{width:200px;height:45px;line-height:43px;border:1px solid #ddd;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:15px;text-indent:10px;}
.fourteenYears{margin-bottom:25px;}
.fourteenYears .fyTxt1 dt{font-size:17px;margin-bottom:7px;color:#222;font-weight:300;}
.fourteenYears .fyTxt1 dd{}
.fourteenYears .fyTxt2{margin-top:15px;}
.fourteenYears .fyTxt2 dt{font-size:16px;color:#222;font-weight:300;margin-bottom:7px;}
.fourteenYears .fyTxt2 dd{font-size:15px;line-height:23px;}

#reservation.step2 .tabCont .cont > .tit{font-size:20px;font-weight:300;color: #111;margin-bottom:15px; }
#reservation.step2 .certificationBox .box{padding:0 45px;}
#reservation.step2 .tab li{}
#reservation.step2 .tab li a{height:48px;line-height:48px;border:2px solid #d9d9d9;background:#fff;}
#reservation.step2 .tab li.active a{border:2px solid #4d5864;}
#reservation.step2 .tab li a span{display:inline-block;vertical-align:middle;font-size:15px;color:#888;font-weight:300;}
#reservation.step2 .tab li.active a span{color:#283644;}
.formTit{font-size:20px;letter-spacing:-0.04em;color:#222;margin-bottom:15px;}

/* 예약취소, 확인 */
#reservationConfirm{position:relative;background:#f3f4f7;padding:70px 10px;border:1px solid #ddd;text-align:center;}
#reservationConfirm .rcCon{position:relative;display:block;width: 400px;height:140px;padding-left:160px;padding-right:130px;background:url(../images/reser-confirm-front-icon.gif) no-repeat 0 50%;margin: 0 auto;}
#reservationConfirm .rcCon .placehold{display: block;width: 100%;margin-top: 10px; }
#reservationConfirm .rcCon .placehold:first-child{margin-top: 0;}
#reservationConfirm .rcCon .placehold > span{text-align: left; }
#reservationConfirm .typeText{display: block;width:100%;height:40px;line-height:38px;border:1px solid #ddd;margin-top:10px;text-indent:20px; }
#reservationConfirm .typeText:first-child{margin-top:0;}
#reservationConfirm .btn{width:120px;height:140px;background:#4d5864;font-size:0;text-align:center;border:0;position:absolute;top:0;right:0;}
#reservationConfirm .btn:before{display:inline-block;vertical-align:middle;content:'';width:0;height:100%;}
#reservationConfirm .btn span{display:inline-block;vertical-align:middle;color:#fff;font-size:16px;}

/* Etc */
.layerPopup {position:fixed;z-index:5000;left:0;top:0;width:100%;height:100%;font-size:0;text-align:center;box-sizing:border-box;padding:10px;display:none;}
.layerPopup:before {content:"";display:inline-block;vertical-align:middle;width:0;height:100%;}
.layerPopup .popBG {cursor:pointer;background:rgba(0,0,0,0.5);position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;}
.layerPopup .in {
	vertical-align:middle;
	box-sizing:border-box;
	background:#fff;
	z-index:10;
	display:inline-block;
	position:relative;
	max-width:100%;
	width:340px;
	text-align:left;
}
.layerPopup .popClose {display:block;position:absolute;right:-36px;top:0;color:#fff;border:none;font-size:20px;width:24px;height:24px;cursor: pointer;background:url(../images/layerpop-close.png) no-repeat 50% 50%;-webkit-background-size:cover;background-size:cover;}
.layerPopup .desc {padding:35px 30px;font-size:13px;letter-spacing:-0.05em;line-height:1.6em;max-height:60vh;overflow:auto;}
.layerPopup .desc .txt1{font-size:16px;text-align:center;color:#333;text-align:center;}
.layerPopup .btnWrap{font-size:0;margin:0 -3px;margin-top:15px;}
.layerPopup .btnWrap li{display:inline-block;vertical-align:top;width:50%;padding:0 3px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.layerPopup .btnWrap .btn{display:block;width:100%;height:40px;line-height:40px;font-size:16px;background:#4d5864;color:#fff;border:0;text-align:center;}
.layerPopup .btnWrap .btn2{background:#283644;}

/* 자료이용 */
.iconText1{font-size:0;margin:0 -15px;}
.iconText1 li{display:inline-block;vertical-align:top;width:50%;padding:0 15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.iconText1 li.li01 .text{background:url(../images/icon-text1-icon1.gif) no-repeat 0 50%;}
.iconText1 li.li02 .text{background:url(../images/icon-text1-icon2.gif) no-repeat 0 50%;}
.iconText1 li .in{padding:25px 50px;border:1px solid #ddd;}
.iconText1 li .text{padding-left:135px;font-size:0;height:110px;}
.iconText1 li .text:before{display:inline-block;vertical-align:middle;content:'';width:0;height:100%;}
.iconText1 li .text dl{display:inline-block;vertical-align:middle;}
.iconText1 li dt{font-size:21px;font-weight:300;color:#222;margin-bottom:15px;}
.iconText1 li dd{font-size:15px;line-height:21px;}
.topText2{position:relative;padding-left:200px;font-size:0;margin:50px 0 25px;}
.topText2 .title{width:200px;text-align:center;position:absolute;top:0;left:0;font-size:32px;font-weight:300;color:#222;letter-spacing:-0.05em;padding:30px 0;border-top:5px solid #283644;}
.topText2 .text{font-size:16px;line-height:26px;color:#444;padding:30px 50px;border-top:5px solid #eee;letter-spacing:-0.03em;}
/* JIN  .iconListType1 li{position:relative;display:inline-block;vertical-align:top;width:33.33%;padding:0 45px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-left:225px;height:200px;font-size:0;} */
.iconListType1 li{position:relative;display:inline-block;vertical-align:top;width:33.33%;padding:0 45px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-left:195px;height:200px;font-size:0;word-break:keep-all;}

.iconListType1 li .imgBox{position:absolute;top:0;left:0;z-index:1;}
.iconListType1 li .imgBox img {max-width:85% !important;}

/* JIN
.iconListType1 li .textBox{position:relative;display:inline-block;vertical-align:middle;width:100%;padding-top:35px;margin-top:40px;}
.iconListType1 li .textBox:before{display:block;content:'';position:absolute;top:0;left:0;width:150%;left:-50%;height:8px;background:red;} */

.iconListType1 li .textBox{position:relative;display:inline-block;vertical-align:middle;width:100%;padding-top:30px;margin-top:0;}
.iconListType1 li .textBox:before{display:block;content:'';position:absolute;top:0;left:0;width:160%;left:-60%;height:8px;background:red;}

.iconListType1 li .textBox dt{font-size:20px;font-weight:300;color:#222;margin-bottom:15px;}
.iconListType1 li.li01 .textBox:before{background:#52749a;}
.iconListType1 li.li02 .textBox:before{background:#4d5864;}
.iconListType1 li.li03 .textBox:before{background:#283644;}
#wrap .wide{position:relative;width:1920px;left:50%;margin-left:-960px;}
#reference{margin-bottom:-90px;}
#reference .wide{background:#f4f4f4;padding:70px 0;margin-top:80px;margin-left:-960px;}
#reference .topimg{font-size:0;margin:0 -15px;}
#reference .topimg li{display:inline-block;vertical-align:top;width:50%;padding:0 15px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#reference .useList{font-size:0;border:1px solid #ddd;background:#fff;padding:40px 0;}
#reference .useList.three{margin-top:60px;font-size:0;}
#reference .useList li{position:relative;display:inline-block;vertical-align:top;width:25%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center;padding:0 50px;white-space:nowrap;}
#reference .useList li:before{display:block;content:'';width:1px;height:50px;background:#ddd;position:absolute;top:50%;left:0;margin-top:-25px;}
#reference .useList li:first-child:before{display:none;}
#reference .useList.three li{width:33.33%;}
#reference .useList li.li01 dl{background:url(../images/uselist-icon1.gif) no-repeat 0 5px;}
#reference .useList li.li02 dl{background:url(../images/uselist-icon2.gif) no-repeat 0 5px;}
#reference .useList li.li03 dl{background:url(../images/uselist-icon3.gif) no-repeat 0 5px;}
#reference .useList li.li04 dl{background:url(../images/uselist-icon4.gif) no-repeat 0 5px;}
#reference .useList li.li05 dl{background:url(../images/uselist-icon5.gif) no-repeat 0 5px;}
#reference .useList li.li06 dl{background:url(../images/uselist-icon6.gif) no-repeat 0 5px;}
#reference .useList li.li07 dl{background:url(../images/uselist-icon7.gif) no-repeat 0 5px;}
#reference .useList li.li08 dl{background:url(../images/uselist-icon8.gif) no-repeat 0 5px;}
#reference .useList li .in{height:auto;font-size:0;text-align:left;}
#reference .useList li .in:before{display:inline-block;vertical-align:middle;content:'';width:0;height:100%;}
#reference .useList li .in dl{display:inline-block;vertical-align:middle;padding-left:70px;text-align:left;}
#reference .useList li .in dt{font-size:20px;color:#222;margin-bottom:8px;}
#reference .useList li .in dd{font-size:15px;color:#444;}
#reference .wide .title{font-size:32px;text-align:center;}
#reference .imgBox{font-size:0;}
#reference .referenceStep{font-size:0;}
#reference .referenceStep .title{margin-bottom:45px;font-size:32px;font-weight:300;color:#222;}

.whiteBox{background:#fff;padding:50px;margin-top:50px;}
.whiteBox .tit{font-weight:300;font-size:23px;color:#222;margin-bottom:20px;}
.referenceStep .useList{font-size:0;}
.referenceStep .btmBar{font-size:0;}
.referenceStep .btmBar .box{position:relative;display:inline-block;vertical-align:top;width:50%;height:55px;font-size:0;padding-left:280px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.referenceStep .btmBar .box1{background:#283644;}
.referenceStep .btmBar .box2{background:#c12d3b;}
.referenceStep .btmBar .box >*{height:55px;color:#fff;}
.referenceStep .btmBar .box .tit{position:relative;width:280px;line-height:55px;position:absolute;top:0;left:0;text-align:center;font-size:20px;font-weight:300;}
.referenceStep .btmBar .box .tit:after{display:block;content:'';width:1px;height:16px;position:absolute;top:50%;right:0;background:rgba(255,255,255,0.5);margin-top:-8px;}
.referenceStep .btmBar .box .text{font-size:0;text-align:center;}
.referenceStep .btmBar .box .text span{display:inline-block;vertical-align:middle;height:55px;line-height:55px;padding-left:35px;font-size:16px;color:#fff;background:url(../images/refer-step-btmbar-box1-front.gif) no-repeat 0 50%;}
.referenceStep .btmBar .box2 .text a{display:inline-block;vertical-align:middle;height:55px;line-height:55px;padding-right:50px;font-size:16px;color:#fff;background:url(../images/refer-step-btmbar-box2-back.gif) no-repeat 100% 50%;}
#reference .imgText{font-size:0;margin-top:60px;}
#reference .imgText >*{display:inline-block;vertical-align:top;width:50%;height:250px;font-size:0;}
#reference .imgText .textBox{text-align:center;padding:0 55px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:#283644;text-align:left;}
#reference .imgText .textBox:before{display:inline-block;vertical-align:middle;content:'';width:0;height:100%;}
#reference .imgText .textBox dl{display:inline-block;vertical-align:middle;}
#reference .imgText .textBox dt{font-size:27px;color:#fff;font-weight:300;padding-bottom:15px;margin-bottom:20px;border-bottom:1px solid #7d868e;}
#reference .imgText .textBox dd{font-size:15px;line-height:24px;color:#fff;}

/* JIN */
.download {background:#c12d3b; display:inline-block;padding:0 40px; float:right;}
.download .text {text-align:center;}
.download .text a{display:inline-block;vertical-align:middle;height:55px;line-height:55px;padding-right:50px;font-size:15px;color:#fff;background:url(../images/refer-step-btmbar-box2-back.gif) no-repeat 100% 50%;}

/* 도슨트 */
#docent{margin-bottom:-90px;}
#docent .top{font-size:0;background:#283644;}
#docent .top >*{display:inline-block;vertical-align:middle;width:50%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#docent .btm{position:relative;padding-top:80px;padding-bottom:80px;background:#f4f4f4;margin-top:80px;}
#docent .btm_white{position:relative;padding-bottom:80px;margin-top:80px;}
#docent .btm_white2{position:relative;padding-bottom:80px;}
#docent .textBox{padding:0 60px;}
#docent .textBox dt{font-size:27px;font-weight:300;color:#fff;padding-bottom:15px;margin-bottom:30px;border-bottom:1px solid #7d868e;}
#docent .textBox dd{font-size:14px;line-height:24px;letter-spacing:-0.03em;color:#fff;}
#docent .list{font-size:0;margin:-10px;}
#docent .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;}
#docent .list > li .in{height:340px;padding:55px 50px;border:1px solid #ddd;background:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#docent .list > li.li01 .in{background: #fff  url(../images/docent-list-icon1.gif) no-repeat 100% 100%;}
#docent .list > li.li02 .in{background: #fff  url(../images/docent-list-icon2.gif) no-repeat 100% 100%;}
#docent .list > li.li03 .in{background: #fff  url(../images/docent-list-icon3.gif) no-repeat 100% 100%;}
#docent .list > li .title{font-size:24px;font-weight:300;color:#222;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid #ddd;padding-left:30px;background:url(../images/tit-type1-front.gif) no-repeat 0 30%;}
/* 자료이용, 기증안내 아이콘  및 화면분할 50%추가 */
#docent .list > li.half{width:50%;}
#docent .list > li.li11 .in{background: #fff  url(../images/data-list-icon1.gif) no-repeat 100% 100%;}
#docent .list > li.li12 .in{background: #fff  url(../images/data-list-icon2.gif) no-repeat 100% 100%;}
#docent .list > li.li21 .in{background: #fff  url(../images/donation-list-icon1.gif) no-repeat 100% 100%;}
#docent .list > li.li22 .in{background: #fff  url(../images/donation-list-icon2.gif) no-repeat 100% 100%;}
#docent .list > li.li23 .in{background: #fff  url(../images/donation-list-icon3.gif) no-repeat 100% 100%;}

/* 상설전시 */
#exhibition .title{position:relative;/*padding-left:220px;*/height:55px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-top:1px solid #ddd;background:#f4f4f4;border-right:1px solid #ddd;border-left:1px solid #ddd;}
#exhibition .title h4{position:absolute;top:0;left:0;width:260px;height:55px;line-height:55px;background:url(../images/title-exhibition-bg.png) no-repeat 50% 50%;-webkit-background-size:cover;background-size:cover;padding-left:35px;font-size:20px;font-weight:300;color:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#exhibition .title p{padding-left:30px;line-height:55px;}
#exhibition .content{border:1px solid #ddd;border-top:0;text-align:center;}

/* 21.12.8 상설전시 추가 */
.zone1_color {color: #e0b04e;}
.zone2_color {color: #d77328;}
.video_color {color: #dd9a15;}
.zone3_color {color: #0b56a7;}
.theme_color {color: #09adb7;}
#exhibition h5 {font-size: 24px;}
#exhibition h5 span {font-size: 16px; font-weight:300;}
.exhibition_left {padding: 120px 60px 0 40px; display: inline-block; vertical-align: top;}
.exhibition_right {text-align: left; position: relative; display:inline-block;}
.exhibition_right p {font-size:15px; color:#222222;}
.exhibition_right li {margin-bottom: 60px;}
.zone_detail_btn {display: inline-block; overflow: hidden; vertical-align:top; margin-top: 20px; background: #283644; font-size: 11px; padding: 5px 10px; color: #fff;}
a.zone_detail_btn:hover, a.zone_detail_btn:link, a.zone_detail_btn:visited {color:#fff;}
.ex_section1 {display: inline-block; width: 290px; padding: 60px 60px 0 0; vertical-align: top;}
.ex_section2 {display: inline-block; width: 360px; padding-top: 60px;}


/* 개인정보 취급방침 */
.policyWrap .title{font-size:22px;color:#333;letter-spacing:-0.04em;margin-bottom:20px;}
.policyWrap .textBox{font-size:14px;line-height:22px;letter-spacing:-0.03em;white-space:pre-wrap;padding:15px;padding-right:30px;border:5px solid #ddd;background:#f9f9f9;}