@charset "UTF-8";

/* 공통 레이아웃 */
::selection {background:#00B6D1; color:#fff;}
/* 콘텐츠 상하단 여백 */
#header {position:relative;}
#header.sub {border-bottom:1px solid #000;}
#header .btnBack {display:block; width:24px; height:24px; background:url(../images/sub/i_back.svg); background-repeat:no-repeat; background-position:center; transition:background .3s;} 
#header .btnBack:focus,
#header .btnBack:hover,
#header .btnBack.active {background:url(../images/sub/i_back_on.svg);}
/* #header.active {height:100px; box-shadow:unset;}
#header.active.fixed {position:fixed; height:70px; box-shadow:1px 1px 20px 4px rgba(26,67,153,0.2);} */
#con {position:relative; z-index:0; min-height:calc(100vh - 70px); padding:30px 0; transition:height 0.3s, padding 0.3s;}
#con.active {padding-top:0;}

@media screen and (max-width:350px){
	#header {height:60px;}
	#header .btnBack {width:22px; height:22px; background-size:22px;}
	#con {min-height:calc(100vh - 60px); padding:25px 0;}
}

/* @공통 */
#header .conTit {display:inline-block; overflow:hidden; position:absolute; width:50%; left:50%; font-weight:700; font-size:1.375rem; color:#000; text-align:center; text-overflow:ellipsis; white-space: nowrap; transition:font .3s; transform: translateX(-50%);}
#con .conTit02 {display:block; font-weight:700; font-size:1.625rem; color:#000; text-align:center; transition:font .3s;}
#con .conWrap {padding-top:35px; transition:padding .3s;}
#con .subTit {display:block; font-weight:700; font-size:1rem; color:#000; transition:font .3s;}

@media screen and (max-width:350px){
	#header .conTit {position:static; font-size:1.25rem; transform: translateX(0);}
	#con .conTit02 {font-size:1.5rem;}
	#con .conWrap {padding-top:25px;}
}

/* 통합검색 결과 */
#TotalSearch {padding:10px 0 10px; transition:.3s;}
#TotalSearch .searchCon {display:flex; height:50px; margin:25px auto 0; align-items:center; justify-content: center; transition:.3s;}
#TotalSearch .searchCon .in-txt {width:100%; height:100%; padding:15px; border:1px solid #E9E9E9; border-right:0; flex-grow:1; transition:.3s;}
#TotalSearch .searchCon .in-txt,
#TotalSearch .searchCon .in-txt::placeholder {font-weight:500; font-size:0.9375rem; color:#000;}
#TotalSearch .searchCon .btnSearch {display:block; position:relative; overflow:hidden; width:50px; height:100%; background-color:#1A4399; flex-shrink:0; transition:.3s;}
#TotalSearch .searchCon .btnSearch::before {content:''; display:block; position:absolute; top:0; left:0; width:0%; height:100%; background:linear-gradient(-45deg, #362A99, #0071BC); transition:.3s;}
#TotalSearch .searchCon .btnSearch:focus::before,
#TotalSearch .searchCon .btnSearch:hover::before,
#TotalSearch .searchCon .btnSearch.active::before {width:100%;}
#TotalSearch .searchCon .btnSearch > span {position:relative; font-weight:600; font-size:0.875rem; color:#fff;}

#TotalSearch .totalResult {display:block; margin:20px 0; padding:20px; text-align: center; background-color:#F5F7F9; font-weight:500; font-size:1rem; color:#000; transition:.3s;}
#TotalSearch .totalResult .bold {font-weight:700; color:#01216D;}

#TotalSearch .totalList {display:block;}
#TotalSearch .totalList > li {display:block; padding:20px 0; border-bottom:1px solid #E9E9E9; transition:.3s;}
#TotalSearch .totalList > li:first-child {padding-top:0;}
#TotalSearch .totalList > li .root {display:flex; position:relative; padding-left:23px; align-items:center; transition:.3s;}
#TotalSearch .totalList > li .root::before {content:''; display:block; position:absolute; top:50%; left:0; width:18px; height:18px; background: url(../images/sub/totalSearch/i_total.svg) no-repeat center; transform: translateY(-50%); transition:.3s;}
#TotalSearch .totalList > li .root .mRoot {display:block; font-weight:700; font-size:1rem; color:#000; transition:.3s;}
#TotalSearch .totalList > li .root .mRoot:focus,
#TotalSearch .totalList > li .root .mRoot:hover,
#TotalSearch .totalList > li .root .mRoot.acitve {color:#3E79F4;}
#TotalSearch .totalList > li .root .mRoot:not(:first-child) {position:relative; padding-left:24px; transition:.3s;}
#TotalSearch .totalList > li .root .mRoot:not(:first-child)::before {content:''; display:block; position:absolute; top:50%; left:4px; width:18px; height:18px; background: url(../images/sub/totalSearch/route-arrow.svg) no-repeat center; transform: translateY(-50%); transition:.3s;}

#TotalSearch .totalList > li .txtCon {display:block; padding:5px 0 0 23px; transition:.3s;}
#TotalSearch .totalList > li .txtCon .txt {display:block; font-weight:500; font-size:0.9375rem; color:#707780; line-height:1.5; word-break:break-all; transition:.3s;}
#TotalSearch .totalList > li .txtCon .txt .underline {padding:0 1px; background-color:#01216D; font-weight:400; font-size:0.875rem; color:#fff;}
#TotalSearch .totalList > li .txtCon .date {display:block; position:relative; margin-top:8px; padding-left:21px; font-weight:500; font-size:0.875rem; color:#707780; transition:.3s;}
#TotalSearch .totalList > li .txtCon .date::before {content:''; display:block; position:absolute; top:50%; left:0; width:18px; height:18px; background:url(../images/sub/totalSearch/i_totalDate.svg) no-repeat center; transform:translateY(-50%); transition:.3s;}

@media screen and (max-width:350px){
	#TotalSearch {padding:10px 0 0;}
	#TotalSearch .searchCon {height:45px; margin:20px auto 0;}
	#TotalSearch .searchCon .in-txt {padding:12px 20px;}
	#TotalSearch .searchCon .btnSearch > span {font-weight:500; font-size:0.875rem;}
	#TotalSearch .totalResult {margin:17px 0; padding:15px; font-size:0.9375rem;}
	#TotalSearch .totalList > li {padding:15px 0;}
	#TotalSearch .totalList > li .txtCon {padding:4px 0 0 23px;}
	#TotalSearch .totalList > li .txtCon .txt br {display:none;}
	#TotalSearch .totalList > li .txtCon .date {margin-top:7px;}
	#TotalSearch .totalList > li .txtCon .date::before {width:17px; height:17px; background-size:17px;}
}

/* 2뎁스 메뉴 리스트 */
#depth02Menu .subTxt {display:block; padding-top:20px; font-weight:500; font-size:1rem; color:#7E8790; text-align:center; transition:.3s;}
/* #depth02Menu .subTxt br:first-child {display: none;} */
#depth02Menu .menuList {display:block; margin-top:30px; transition:.3s;}
#depth02Menu .menuList > li {display:block; border-bottom:1px solid #000;}
#depth02Menu .menuList > li .menu {display:block; padding:45px 35px; background-color:#fff; transition:padding .3s, background .7s;}
#depth02Menu .menuList > li .menu:focus,
#depth02Menu .menuList > li .menu:hover,
#depth02Menu .menuList > li .menu.active {background-color:#F5F7F9;}
#depth02Menu .menuList > li .menu .txt {display:block; position:relative; padding:0 30px 0 45px; font-weight:800; font-size:1.25rem; color:#000; word-break:break-all; transition:.3s;}
#depth02Menu .menuList > li .menu .txt::before {content:''; display:block; position:absolute; top:50%; left:0; width:30px; height:30px; background-position:center; background-repeat:no-repeat; transform:translateY(-50%); transition:.3s;}
#depth02Menu .menuList > li .menu .txt.m01::before {background-image:url(../images/sub/depth02Menu/I_menu_01.svg);}
#depth02Menu .menuList > li .menu .txt.m02::before {background-image:url(../images/sub/depth02Menu/I_menu_02.svg);}
#depth02Menu .menuList > li .menu .txt.m03::before {background-image:url(../images/sub/depth02Menu/I_menu_03.svg);}
#depth02Menu .menuList > li .menu .txt.m04::before {background-image:url(../images/sub/depth02Menu/I_menu_04.svg);}
#depth02Menu .menuList > li .menu .txt.m0201::before {background-image:url(../images/sub/depth02Menu/I_menu_0201.svg);}
#depth02Menu .menuList > li .menu .txt.m0202::before {background-image:url(../images/sub/depth02Menu/I_menu_0202.svg);}
#depth02Menu .menuList > li .menu .txt.m0401::before {background-image:url(../images/sub/depth02Menu/I_menu_0401.svg);}
#depth02Menu .menuList > li .menu .txt.m0501::before {background-image:url(../images/sub/depth02Menu/I_menu_0501.svg);}
#depth02Menu .menuList > li .menu .txt.m0502::before {background-image:url(../images/sub/depth02Menu/I_menu_0502.svg);}
#depth02Menu .menuList > li .menu .txt.m0503::before {background-image:url(../images/sub/depth02Menu/I_menu_0503.svg);}
#depth02Menu .menuList > li .menu .txt::after {content:''; display:block; position:absolute; top:50%; right:30px; width:24px; height:24px; background:url(../images/sub/i_arrow.svg) no-repeat center; opacity:0; transform:translateY(-50%); transition:.3s;}
#depth02Menu .menuList > li .menu:focus .txt::after,
#depth02Menu .menuList > li .menu:hover .txt::after,
#depth02Menu .menuList > li .menu.active .txt::after {right:0; opacity:1;}
/* 다국어 */
#depth02Menu .menuList.en > li .menu {padding:40px 30px;}
#depth02Menu .menuList.en > li .menu .txt {word-break: keep-all;}


@media screen and (max-width:350px){
	#depth02Menu .subTxt {padding-top:15px;}
	#depth02Menu .subTxt br:first-child {display:block;}
	#depth02Menu .menuList {margin-top:20px;}
	#depth02Menu .menuList > li .menu {padding:35px 25px;}
	#depth02Menu .menuList > li .menu .txt {padding:0 30px 0 37px; font-size:1.125rem;}
	#depth02Menu .menuList > li .menu .txt::before {width:25px; height:25px; background-size:25px;}
	#depth02Menu .menuList > li .menu .txt::after {width:20px; height:20px; background-size:20px;}
	/* 다국어 */
	#depth02Menu .menuList.en > li .menu {padding:30px 20px;}
}

/* 추천동선 */
#depth02Menu.route .tit {display:block; padding:30px 0 0 5px; font-weight:700; font-size:1.125rem; color:#000; transition: .3s;}
#depth02Menu.route .menuList > li .menu {margin-top:10px; padding:45px 30px; border-top:1px solid #000;}

@media screen and (max-width:350px){
	#depth02Menu.route .tit {padding:20px 0 0 5px; font-size:1.0625rem;}
	#depth02Menu.route .menuList > li .menu {padding:40px 20px;}
}


/* 페이지 준비중 */
#openReady {display:flex; height:100vh; min-height:600px; align-items:center; justify-content:center;}
#openReady .txt-wrap {display:block; text-align:center;}
#openReady .txt-wrap .txt {display:block; position:relative; padding-top:240px; font-weight:700; font-size:1.5rem; color:#333B3D; transition:.3s;}
#openReady .txt-wrap .txt::before {content:''; display:block; position:absolute; top:0; left:50%; width:220px; height:190px; background:url(../images/sub/img_ready.png) no-repeat center center; transform:translateX(-50%); transition:width .3s, height .3s, background .3s;}
#openReady .txt-wrap .txt .blue {color:#3E79F4;}
#openReady .txt-wrap .text {display:block; padding-top:15px; font-weight:400; font-size:1rem; color:#979798; line-height:1.6; transition:.3s;}

@media screen and (max-width:350px){
	#openReady .txt-wrap .txt {padding-top:210px; font-size:1.375rem;}
	#openReady .txt-wrap .txt::before {width:180px; height:190px; background-size:180px;}
	#openReady .txt-wrap .text {padding-top:10px; line-height:1.5;}
}




/* 상설전시 > 실별 주제 리스트 */
#con .audioSubject {display:block;} 
#con .audioSubject .topWrap {display:flex; align-items:flex-end; justify-content:space-between;}
#con .audioSubject .topWrap .btnPop {display:block; position:relative; padding:5px 10px 5px 28px; border-radius:5px; background-color:#3E79F4; font-weight:700; font-size:0.625rem; color:#fff;}
#con .audioSubject .topWrap .btnPop::before {content:''; display:block; position:absolute; top:50%; left:10px; width:14px; height:14px; background:url(../images/sub/i_location.svg) no-repeat center; transform:translateY(-50%);}
#con .audioSubject .txt {display:block; padding-top:7px; font-weight:400; font-size:1rem; color:#7E8790; word-break:break-all;}
#con .audioSubject .imgWrap {display:block; padding-top:10px;}
#con .audioSubject .imgWrap .img {display:block; width:100%;}
#con .audioSubject #subjectSelect {width:100%;}
#con .audioSubject #subjectSelect .btnSelect {display:block; position:relative; width:100%; height:40px; margin-top:10px; padding:0 25px 0 20px; text-align: left; background-color:#fff; border-bottom:1px solid #000; font-weight:400; font-size:0.875rem; color:#7E8790; transition:.3s;}
#con .audioSubject #subjectSelect .btnSelect::before {content:''; display:block; position:absolute; top:50%; right:10px; width:18px; height:18px; background:url(../images/sub/i_select_arrow.svg) no-repeat center; transform:rotate(0deg) translateY(-50%); transition:.3s;}
#con .audioSubject #subjectSelect .btnSelect.active {color:#01216D;}
#con .audioSubject #subjectSelect .btnSelect.active::before {transform:rotate(180deg) translateY(50%);}
#con .audioSubject #subjectSelect .subjectList {display:none; position:absolute; left:0; z-index:1; width:100%; padding:15px 20px; background-color:#fff; border:1px solid #E9E9E9; border-radius:0 0 10px 10px;}
#con .audioSubject #subjectSelect .subjectList > li {display:block;}
#con .audioSubject #subjectSelect .subjectList > li:not(:first-child) {padding-top:10px;}
#con .audioSubject #subjectSelect .subjectList > li .btnSelect2 {display:block; background:transparent; font-weight:400; font-size:0.875rem; color:#7E8790; text-align:left; transition:.3s;}
#con .audioSubject #subjectSelect .subjectList > li .btnSelect2:focus,
#con .audioSubject #subjectSelect .subjectList > li .btnSelect2:hover,
#con .audioSubject #subjectSelect .subjectList > li .btnSelect2.active {color:#01216D;}
#con .audioSubject .subList {display:block; padding:0; transition:padding .3s;}
#con .audioSubject .subList > li {display:block; padding:20px; border-bottom:1px solid #E9E9E9; transition:padding .3s;}
#con .audioSubject .subList > li .num {display:block; position:relative; padding:10px 0 10px 40px; font-weight:700; font-size:0.75rem; color:#000; transition:padding .3s;}
#con .audioSubject .subList > li .num::before {content:''; display:block; position:absolute; top:50%; left:0; width:30px; height:30px; border-radius:50%; background:url(../images/sub/i_audio.svg) no-repeat center, #3E79F4; transform: translateY(-50%);}
#con .audioSubject .subList > li .tit {display:block; padding-top:10px; font-weight:700; font-size:1rem; color:#000; cursor:pointer;}
/* 다국어 */
#con .audioSubject .topWrap.en {flex-direction:column; align-items:flex-start;}
#con .audioSubject .topWrap.en .subTit {order:2;}
#con .audioSubject .topWrap.en .btnPop {margin-bottom:10px; padding:7px 10px 7px 28px; line-height:1;}

@media screen and (max-width:350px){
	#con .audioSubject .subList > li {padding:15px;}
	#con .audioSubject .subList > li .num {padding:7px 0 7px 33px;}
	#con .audioSubject .subList > li .num::before {width:26px; height:26px; background-size:15px;}
	/* 다국어 */
	#con .audioSubject .topWrap.en {display:block;}
	#con .audioSubject .topWrap.en .btnPop {margin:5px 0 0;}
}


/* popSlide */
#con .audioSubject .popSlide {position:relative; z-index:0; overflow:hidden; transition:.3s;}
#con .audioSubject .popSlide .btnNav {display:block; position:absolute; top:calc(50% - 25px); width:40px; height:40px; z-index:2; background-color:transparent; background-repeat:no-repeat; background-position:center; transform: translateY(-50%); transition:.3s;}
#con .audioSubject .popSlide .btnNav.prev {left:-12px; background-image: url(../images/sub/i_pop_prev.svg);}
#con .audioSubject .popSlide .btnNav.next {right:-12px; background-image: url(../images/sub/i_pop_next.svg);}
#con .audioSubject .popSlide .btnNav.prev:focus,
#con .audioSubject .popSlide .btnNav.prev:hover,
#con .audioSubject .popSlide .btnNav.prev.active {background-image: url(../images/sub//i_pop_prev_on.svg);}
#con .audioSubject .popSlide .btnNav.next:focus,
#con .audioSubject .popSlide .btnNav.next:hover,
#con .audioSubject .popSlide .btnNav.next.active {background-image: url(../images/sub/i_pop_next_on.svg);}

@media screen and (max-width:350px){
	
}


/* 팝업 */
#popWrap {visibility: hidden; overflow:hidden; position: absolute; top:-10%; left:20%; width: 100%; height: 100vh; opacity:0; transition:top 0.5s, left 0.5s, visibility 0s 0.5s, opacity 0.5s;}
#popWrap.on {visibility: visible; top:0; left:0; opacity:1; transition:top 0.5s, left 0.5s, visibility 0s 0s, opacity 0.5s;}
#popWrap::before {content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); transition: background 0s 0.5s;}
#popWrap .popCon {position:absolute; top:calc(50% - 70px); left:0; z-index: 99; width:100%; padding:30px; background-color:#fff; transform:translateY(-50%); transition:.3s;}
#popWrap .popCon .topWrap {position:relative; padding-bottom:30px; transition:.3s;}
#popWrap .popCon .topWrap .subTit {display:block; margin:0 auto; padding-right:25px; font-weight:700; font-size:1rem; color:#000; transition:.3s;}
#popWrap .popCon .topWrap .btnClose {display:block; position:absolute; top:0; right:0; width:18px; height:18px; background:url(../images/sub/popup/i_pop_close.svg) no-repeat center; transition:.3s;}
#popWrap .popCon .imgWrap {position:relative;}
#popWrap .popCon .imgWrap .img {width:100%;}
#popWrap .popCon .imgWrap .floor {display:flex; position:absolute; bottom:0; right:0; width:30px; height:30px; border-radius:50%; background-color:#3E79F4; font-weight:600; font-size:0.75rem; line-height:1; color:#fff; align-items:center; justify-content:center; transition:.3s;}

@media screen and (max-width:400px){
	#popWrap {width:100vw;}
	#popWrap.on {left:-20px;}
	#popWrap .popCon {padding:25px 20px;}
}
@media screen and (max-width:350px){
	#popWrap .popCon {top:calc(50% - 60px); padding:20px 15px;}
	#popWrap .popCon .topWrap {padding-bottom:20px;}
	#popWrap .popCon .imgWrap .floor {width:27px; height:27px;}
}
@media screen and (max-width:300px){
	#popWrap.on {left:-15px;}
}



/* 관람안내 > 관람정보 */
#guide .round-img {display:block; position:relative; overflow:hidden; width:100%; border-radius:15px; transition:border 0.3s;}
#guide .round-img::before {content:''; display:block; padding-top:55%; transition:padding 0.3s;}
#guide .round-img > .img {display:block; position:absolute; top:50%; left:0; width:100%; height:100%; transform:translateY(-50%); object-fit:cover; transition:background 0.3s;}
#guide .guide-list {display:flex; margin:-7px 0; padding-top:20px; transition:margin 0.3s, padding 0.3s; flex-wrap:wrap;} 
#guide .guide-list > li {display:flex; width:100%; padding:7px 0; flex-direction:column; transition:width 0.3s, padding 0.3s;}
#guide .guide-list > li .con-box {display:flex; width:100%; height:100%; border-radius:10px; border:1px solid #E9E9E9; background-color:#F5F7F9; align-items:flex-start; flex-direction:column;}
#guide .guide-list > li .con-box .txt {display:block; font-weight:400; font-size:0.9375rem; color:#7E8790;}
#guide .guide-list > li .con-box .con {display:flex; padding:25px 20px; flex-direction:column; align-items:flex-start; transition:padding 0.3s;}
#guide .guide-list > li .con-box .con .tit {display:block; position:relative; min-width:auto; padding:0 0 0 40px; font-weight:700; font-size:1.0625rem; color:#000; flex-grow:1; flex-shrink:0; transition:min-width 0.3s, font 0.3s;}
#guide .guide-list > li .con-box .con .tit::before {content:''; display:block; position:absolute; bottom:0; top:50%; left:0; width:32px; height:32px; background-size:20px; background-repeat:no-repeat; background-position:center; border-radius:50%; background-color:#fff; transform:translateY(-50%); transition:bottom 0.3s, width 0.3s, height 0.3s, background 0.3s;}
#guide .guide-list > li .con-box .con .tit.time::before {background-image:url(../images/sub/guide/i_time.svg);}
#guide .guide-list > li .con-box .con .tit.date::before {background-image:url(../images/sub/guide/i_date.svg);}
#guide .guide-list > li .con-box .con .tit.fee::before {background-image:url(../images/sub/guide/i_fee.svg);}
#guide .guide-list > li .con-box .con .day {display:block; font-weight:600; color:#000; min-width:76px; margin-right:15px; font-size:1rem; flex-shrink:0;}
#guide .guide-list > li .con-box .con .day .closeDay {display:block; padding-top:7px;}
#guide .guide-list > li .con-box .con .info-list {display:flex; width:100%; margin:0; padding:15px 0 0 40px; flex-wrap:wrap; transition:margin 0.3s, padding 0.3s;}
#guide .guide-list > li .con-box .con .info-list > li {display:flex; width:100%; flex-direction:row; padding:0; align-items:baseline; transition:width 0.3s, padding 0.3s;}
#guide .guide-list > li .con-box .con .info-list > li.v01 {width:100%;}
#guide .guide-list > li .con-box .con .info-list > li .info {text-align:center; display:flex; padding:0; align-items:baseline; transition:padding 0.3s;}
#guide .guide-list > li .con-box .con .info-list > li .info .i-time {display:block; font-weight:800; font-size:1.0625rem; color:#1A4399; transition:font 0.3s;}
#guide .guide-list > li .con-box .con .info-list > li .info .txt {padding:0 0 0 7px;}
#guide .guide-list > li .con-box .con .info-list > li.v01 .info {display:block;}
#guide .guide-list > li .con-box .con .info-list > li.v01 .info .i-time {text-align: left;}
#guide .guide-list > li .con-box .con .info-list > li.v01 .info .txt {padding:2px 0 0 0;}
#guide .guide-list > li .con-box .con .info-wrap {padding:15px 0 0 40px; transition:padding 0.3s;}
#guide .guide-list > li .con-box .con .info-wrap .day {min-width:auto;}
#guide .guide-list > li .con-box .con .info-wrap .info-con {text-align:left;}
#guide .guide-list > li .con-box .con .info-wrap .info-con:not(:first-child) {padding-top:7px;; transition:padding 0.3s;}
#guide .guide-list > li .con-box .con .info-wrap .info-con .info .txt:not(:first-child) {padding-top:5px;}
#guide .guide-list > li .con-box .con .info-wrap .info-con .info.bill {color:#1A4399; padding-top:5px;}
#guide .guide-list > li .con-box .con .info-wrap .info-con .info.bill .blue {display:block; font-weight:600; font-size:0.9375rem; word-break:break-all;}
#guide .guide-list > li .con-box .con .info-wrap.v02 .info-con .day {min-width:76px;}
#guide .guide-list > li .con-box .con .info-wrap.v02 .info-con .info.v02 {margin-top:0;}
#guide .guide-list > li .con-box .con .info-wrap.v02 .info-con .info.v02 .bill {padding-top:5px;}
#guide .guide-list > li .con-box .btm-txt {position:relative; width:100%; padding:12px 20px; text-align:left; word-break:break-all; transition:padding 0.3s;}
#guide .guide-list > li .con-box .btm-txt::before {content:''; display:block; position:absolute; top:0; left:0; width:100%; height:1px; background-color:#E9E9E9;}
#guide .guide-list > li .con-box .btm-txt .bold {font-weight:700; color:#000;}
#guide .guide-list > li .con-box .btm-txt .bold > br {display:none;}
/* 다국어 */
#guide .guide-list.lang > li .con-box .con .info-list > li .info {display:block;}
#guide .guide-list.lang > li .con-box .con .info-list > li .info {text-align: left;}
#guide .guide-list.lang > li .con-box .con .info-list > li .info .txt {padding:2px 0 0;}
#guide .guide-list.lang > li .con-box .con .info-wrap .info-con.v01 {display:block;}

@media screen and (max-width:425px){
	#guide .round-img::before {padding-top:75%;}
	#guide .guide-list {margin:-5px 0;}
	#guide .guide-list > li {padding:5px 0;}
	#guide .guide-list > li .con-box .con {padding:20px 15px;}
	#guide .guide-list > li .con-box .con .tit {padding:0 0 0 33px; font-size:1.0625rem;}
	#guide .guide-list > li .con-box .con .tit::before {width:27px; height:27px; background-size:18px;}
	#guide .guide-list > li .con-box .con .info-list {padding:12px 0 0 30px;}
	#guide .guide-list > li .con-box .con .info-list > li {flex-direction:column; align-items:flex-start;}
	#guide .guide-list > li .con-box .con .info-list > li:not(:first-child) {padding-top:10px;}
	#guide .guide-list > li .con-box .con .info-list > li .info {padding:3px 0 0;}
	#guide .guide-list > li .con-box .con .day {min-width:auto; margin-right:0;}
	#guide .guide-list > li .con-box .con .info-wrap {padding:12px 0 0 30px;}
	#guide .guide-list > li .con-box .con .info-wrap .info-con {display:block;}
	#guide .guide-list > li .con-box .con .info-wrap .info-con .info {padding-top:5px;}
	#guide .guide-list > li .con-box .con .info-wrap .info-con .info .txt:not(:first-child) {padding-top:3px;}
	#guide .guide-list > li .con-box .con .info-wrap.v02 .info-con .info.v02 {margin-top:0;}
	#guide .guide-list > li .con-box .btm-txt {padding:10px 15px;}
	/* 다국어 */
	#guide .guide-list.lang > li .con-box .txt br {display:none;}
}


/*-------------------------------------------------------------------
	@공통 : accordion list
-------------------------------------------------------------------*/
#con .acc-list {display:block; padding-top:20px; transition:padding 0.3s;}
#con .acc-list > li {display:block;}
#con .acc-list > li:not(:last-child) {padding-bottom:15px; transition:padding 0.3s;}
#con .acc-list > li .acc {overflow:hidden; border:1px solid #E9E9E9; border-radius:10px; transition:border 0.3s;}
#con .acc-list > li .acc .head {display:flex; overflow:hidden; position:relative; padding:15px 20px; background-color:#fff; align-items:center; cursor:pointer; transition:padding 0.3s, background 0.1s;}
#con .acc-list > li .acc .head::before {content:''; display:block; position:absolute; top:0; left:0; width:200%; height:120%; border-radius:10px; background-color:#296FE8; transform:translateY(-120%); transition:transform 0.5s;}
#con .acc-list > li .acc .head::after {content:''; display:block; position:absolute; top:50%; right:20px; width:20px; height:20px; background-size:20px; background-image:url(../images/sub/i_acc_arrow.svg); background-repeat:no-repeat; background-position:center; transform:translateY(-50%); transition:width 0.3s, height 0.3s, background 0.3s;}
#con .acc-list > li .acc .bold {display:block; position:relative; z-index:1; padding-right:20px; font-weight:800; font-size:1.375rem; color:#296FE8;}
#con .acc-list > li .acc .head .title {display:inline-block; position:relative; z-index:1; overflow:hidden; width:100%; padding-right:30px; font-weight:600; font-size:1rem; color:#000; text-overflow:ellipsis; white-space:nowrap; word-break:break-all; transition:padding 0.3s, font-size 0.3s, color 0.5s;}
#con .acc-list > li .acc .body {display:none; padding:17px 20px 25px; border-top:0; background-color:#fff;}
#con .acc-list > li .acc .body .con {display:flex;}
#con .acc-list > li .acc .body .bold {color:#00B6D1; padding-right:20px; font-size:1.375rem; transition:padding 0.3s, font-size 0.3s, color 0.5s;}
#con .acc-list > li .acc .body .con .r-con {width:100%;}
#con .acc-list > li .acc .body .con .r-con .dot-list > li {font-weight:400; color:#7E8790; word-break:break-all;}
#con .acc-list > li .acc .body .con .r-con .dot-list > li::before {background-color:#7E8790;}
#con .acc-list > li .acc .body .con .r-con .btn-check {display:inline-block; margin-top:12px; transition:margin 0.3s;}
#con .acc-list > li .acc .body .con .r-con .btn-check > .text {display:block; position:relative; padding-left:22px; font-size:0.9375rem; font-weight:600; color:#2D3A80; transition:color 0.3s;}
#con .acc-list > li .acc .body .con .r-con .btn-check > .text::before {content:''; display:block; position:absolute; top:1px; left:0; width:16px; height:16px; background-size:16px; background-image:url(../images/sub/i_check.svg); background-repeat:no-repeat; background-position:center; transition:width 0.3s, height 0.3s, background 0.3s;}
#con .acc-list > li .acc .body .con .r-con .btn-check > .text::after {transition:width 0.3s;}

#con .acc-list > li .acc .head.active {border-color:#296FE8; background-color:#d9d9d9;}
#con .acc-list > li .acc .head.active::before {transform:translateY(0);}
#con .acc-list > li .acc .head.active::after {background-image:url(../images/sub/i_acc_arrow_on.svg);}
#con .acc-list > li .acc .head.active .bold {color:#fff;}
#con .acc-list > li .acc .head.active .title {color:#fff;}
#con .acc-list > li .acc .body .con .r-con .btn-check:focus > .text,
#con .acc-list > li .acc .body .con .r-con .btn-check:hover > .text,
#con .acc-list > li .acc .body .con .r-con .btn-check.active > .text {color:#296FE8;}
#con .acc-list > li .acc .body .con .r-con .btn-check:focus > .text::before,
#con .acc-list > li .acc .body .con .r-con .btn-check:hover > .text::before,
#con .acc-list > li .acc .body .con .r-con .btn-check.active > .text::before {background-image:url(../images/sub/i_check_on.svg);}

@media screen and (max-width:350px){
	#con .acc-list > li:not(:last-child) {padding-bottom:10px;}
	#con .acc-list > li .acc .head {padding:12px 17px;}
	#con .acc-list > li .acc .head::after {right:17px; width:18px; height:18px; background-size:18px;}
	#con .acc-list > li .acc .bold {padding-right:15px; font-size:1.25rem;}
	#con .acc-list > li .acc .head .title {padding-right:25px;}
	#con .acc-list > li .acc .body {padding:15px 17px 20px;}
	#con .acc-list > li .acc .body .con {display:block;}
	#con .acc-list > li .acc .body .bold {padding:0 0 5px;}
}


/* 관람안내 > 층별안내 */
#facility .tab-box.dot {display:block; margin-bottom:50px;}
#facility .tab-box.dot .list-wrap {width:100%; justify-content:center;}
#facility .tab-box.dot .list-wrap > li {position:relative; padding:0 40px; flex-grow:unset;}
#facility .tab-box.dot .list-wrap > li:not(:last-child)::before {content:''; display:block; position:absolute; bottom:7.5px; right:0; width:50%; height:1px; background-color:#E0E0E0;}
#facility .tab-box.dot .list-wrap > li:not(:first-child)::after {content:''; display:block; position:absolute; bottom:7.5px; left:0; z-index:-1; width:50%; height:1px; background-color:#E0E0E0;}
#facility .tab-box.dot .list-wrap > li .btn-tab {padding-bottom:25px; border:0; background-color:transparent; font-weight:600; font-size:1.125rem; color:#7E8790;}
#facility .tab-box.dot .list-wrap > li .btn-tab::before {content:''; display:block; position:absolute; bottom:0; left:50%; width:15px; height:15px; border-radius:50%; background-color:#D9D9D9; transform:translateX(-50%);}
#facility .tab-box.dot .txt-wrap {width:100%; text-align:center;}
#facility .tab-box.dot .txt-wrap .btm-txt {display:inline-block; position:relative; margin-top:40px; padding-left:22px; font-weight:500; font-size:1rem; color:#1A4399;}
#facility .tab-box.dot .txt-wrap .btm-txt::before {content:''; display:block; position:absolute; top:50%; left:0; width:16px; height:16px; background:url(../images/sub/facility/i_guide.svg) no-repeat left center; transform:translateY(-50%);}
/* 전체안내 */
#facility .tab-box-con.dot .img-list {display:flex; margin:0 -20px;}
#facility .tab-box-con.dot .img-list > li {display:block; width:50%; padding:0 20px;}
#facility .tab-box-con.dot .img-list > li .img-con {display:block; position:relative; overflow:hidden; border-radius:10px;}
#facility .tab-box-con.dot .img-list > li .img-con::before {content:''; display:block; padding-top:54.069%;}
#facility .tab-box-con.dot .img-list > li .img-con .img {display:block; position:absolute; top:50%; left:0; width:100%; height:100%; transform:translateY(-50%) scale(1);}
#facility .tab-box-con.dot .img-list > li .img-con .spot {display:block; position:absolute; top:50%; left:45.5%; width:40px; height:49px; background:url(../images/sub/facility/i_spot.svg) no-repeat center center;}
#facility .tab-box-con.dot .con-tit02-top .con-r-wrap .tit {display:block; font-weight:800; font-size:1.125rem;}
#facility .tab-box-con.dot .con-tit02-top .con-r-wrap .txt {display:block; font-weight:400; font-size:1rem; line-height:1.4; color:#7E8790; word-break:break-all;}
/* 층별안내 */
#facility .floor-wrap {overflow:hidden; width:100%; border-radius:10px; border:1px solid #E9E9E9;}
#facility .floor-wrap .img-wrap {position:relative; padding:70px 0;}
#facility .floor-wrap .img-wrap::before {content:''; display:block; position:absolute; bottom:30px; left:30px; width:676px; height:338px; background:url(../images/sub/facility/img_floor_bg.png) no-repeat left bottom;}
#facility .floor-wrap .img-wrap::after {content:""; position: absolute; top:-100%; right:-100%; z-index:1; width: 40px; height: 40px; border-radius: 50%; background: #4621f9 url(../images/common/i_swipe.png) no-repeat center;}
#facility .floor-wrap .img-wrap .img-con {display:block; position:relative; overflow:hidden; max-width:700px; margin:0 auto;}
#facility .floor-wrap .img-wrap .img-con::before {content:''; display:block; padding-top:77.241%;}
#facility .floor-wrap .img-wrap .img-con .img {display:block; position:absolute; top:50%; left:0; width:100%; height:100%; transform:translateY(-50%);}
#facility .floor-wrap .img-wrap .img-con .location-list {display:block;}
#facility .floor-wrap .img-wrap .img-con .location-list > li {display:block;}
#facility .floor-wrap .img-wrap .img-con .location-list > li .location {display:flex;position:absolute;top: 76%;left: 41.4%;width:32px;height:32px;border-radius:50%;background-color:#2D3A80;font-weight:600;font-size:0.875rem;color:#fff;align-items:center;justify-content:center;} */
#facility .floor-wrap .img-wrap .img-con .location-list > li .location.v01_01 {top: 76%;left: 41.4%;}
#facility .floor-wrap .img-wrap .img-con .location-list > li .location.v01_02 {top:85.6%; left:39.4%;}
#facility .floor-wrap .img-wrap .img-con .location-list > li .location.v01_03 {top: 87%; left: 46%;}
#facility .floor-wrap .img-wrap .img-con .location-list > li .location.v01_04 {top: 83%; left: 60%;}
#facility .floor-wrap .img-wrap .img-con .location-list > li .location.v01_05 {top: 78.5%;left: 75%;}
#facility .floor-wrap .img-wrap .img-con .location-list > li .location.v01_06 {top: 77.5%;left: 87%;}
#facility .floor-wrap .img-wrap .img-con .location-list > li .location.v01_07 {top: 87%;left: 87.5%;}
#facility .floor-wrap .img-wrap .img-con .location-list > li .location.v01_08 {top: 85.5%;left: 75%;}
#facility .floor-wrap .img-wrap .img-con .location-list > li .location.v01_09 {top: 47.5%;left: 66%;}
#facility .floor-wrap .img-wrap .img-con .location-list > li .location.v01_10 {top: 33.5%;left: 11.5%;}

#facility .floor-wrap .img-wrap .img-con .location-list > li .location.v02_01 {top: 30%;left: 4.4%;}
#facility .floor-wrap .img-wrap .img-con .location-list > li .location.v02_02 {top: 40.6%;left: 13.4%;}
#facility .floor-wrap .img-wrap .img-con .location-list > li .location.v02_03 {top: 70%;left: 16%;}
#facility .floor-wrap .img-wrap .img-con .location-list > li .location.v02_04 {top: 79%;left: 43%;}
#facility .floor-wrap .img-wrap .img-con .location-list > li .location.v02_05 {top: 71.5%;left: 66%;}
#facility .floor-wrap .img-wrap .img-con .location-list > li .location.v02_06 {top: 74.5%;left: 85%;}

#facility .floor-wrap .img-wrap .img-con .location-list > li .location.v03_01 {top: 30%;left: 11.4%;}
#facility .floor-wrap .img-wrap .img-con .location-list > li .location.v03_02 {top: 62.6%;left: 18.4%;}
#facility .floor-wrap .img-wrap .img-con .location-list > li .location.v03_03 {top: 74%;left: 46%;}

#facility .floor-wrap .img-wrap .img-con .location-list > li .location.v04_01 {top: 61%;left: 18.4%;}
#facility .floor-wrap .img-wrap .img-con .location-list > li .location.v04_02 {top: 67.6%;left: 33.4%;}

#facility .floor-wrap .img-wrap .img-con .location-list > li .location.not {background-color: #303030; cursor:default;}
#facility .modal-popup.facility .imgWrap {display:block; overflow:hidden; border-radius:20px;}

#facility .floor-wrap .info-con {display:flex; padding:40px 30px 25px; border-top:1px solid #E9E9E9; align-items:baseline;}
#facility .floor-wrap .info-con .tit {display:block; font-weight:700; font-size:1.125rem; flex-shrink:0;}
#facility .floor-wrap .info-con .info-list {display:inline-block; width:100%; padding-left:80px;}
#facility .floor-wrap .info-con .info-list > li {display:inline-block; padding:0; align-items:center; flex-grow:1;}
#facility .floor-wrap .info-con .info-list > li .infoWrap {display:flex; align-items:center;}
#facility .floor-wrap .info-con .info-list > li .infoWrap .num {display:flex; width:32px; height:32px; border-radius:50%; background-color:#2D3A80; font-weight:600; font-size:0.875rem; color:#fff; align-items:center; justify-content:center; flex-shrink:0;}
#facility .floor-wrap .info-con .info-list > li .infoWrap .info {display:flex; padding-left:10px; font-weight:500; font-size:1rem; color:#7E8790;}
#facility .tab-box.dot {margin-bottom:20px;}


#facility .tab-box.dot .list-wrap > li:not(:last-child)::before,
#facility .tab-box.dot .list-wrap > li:not(:first-child)::after {bottom:6.5px;}
#facility .tab-box.dot .list-wrap > li .btn-tab {padding-bottom:22px; font-size:1.0625rem;}
#facility .tab-box.dot .list-wrap > li .btn-tab::before {width:13px; height:13px;}
#facility .tab-box-con.dot .img-list {margin:0 -10px;}
#facility .tab-box-con.dot .img-list > li {padding:0 10px;}
#facility .tab-box-con.dot .img-list > li .img-con .spot {width:35px; background-size:35px;}
#facility .tab-box-con.dot .con-tit02-top .con-r-wrap .tit {color:#333;}
#facility .floor-wrap .info-con .info-list {padding-left:60px;}

#facility .tab-box-con.dot .img-list > li .img-con .spot {top:47.5%; left:45.5%; width:30px; background-size:30px;}

#facility .tab-box.dot .list-wrap > li:not(:last-child)::before,
#facility .tab-box.dot .list-wrap > li:not(:first-child)::after {bottom:6px;}
#facility .tab-box.dot .list-wrap > li .btn-tab {padding-bottom:18px;}
#facility .tab-box.dot .list-wrap > li .btn-tab::before {width:12px; height:12px;}
#facility .tab-box.dot .txt-wrap .btm-txt {margin-top:30px; padding-left:20px; font-size:0.9375rem;}
#facility .tab-box.dot .txt-wrap .btm-txt::before {width:15px; height:15px; background-size:15px;}
#facility .tab-box-con.dot .img-list > li .img-con .spot {top:46%; left:44.5%;}
#facility .tab-box-con.dot .con-tit02-top .con-r-wrap .tit {padding-bottom:5px; font-size:1.0625rem;}
#facility .tab-box-con.dot .con-tit02-top .con-r-wrap .txt {font-size:1rem; line-height:1.4;}
#facility .floor-wrap .img-wrap {padding:50px 0;}
#facility .floor-wrap .img-wrap::before {bottom:20px; left:20px; width:600px; height:300px; background-size:600px;}
#facility .floor-wrap .img-wrap .img-con {max-width:650px;}
#facility .floor-wrap .img-wrap .img-con .location-list > li .location {width:28px; height:28px; font-size:0.75rem;}
#facility .floor-wrap .info-con {padding:30px 20px;}
#facility .floor-wrap .info-con .tit {font-size:1.0625rem;}
#facility .floor-wrap .info-con .info-list {padding-left:70px;}
#facility .floor-wrap .info-con .info-list > li {padding:0 10px 10px 0;}
#facility .floor-wrap .info-con .info-list > li .infoWrap .num {width:28px; height:28px; font-size:0.75rem;}
#facility .floor-wrap .info-con .info-list > li .infoWrap .info {padding-left:8px; font-size:0.9375rem;}


#facility .tab-box-con.dot .img-list {margin:0 -5px;}
#facility .tab-box-con.dot .img-list > li {width:50%; padding:0 5px;}
#facility .tab-box-con.dot .img-list > li .img-con .spot {top:42%; left:44.5%; width:28px; background-size:28px;}
#facility .tab-box-con.dot .con-tit02-top .con-r-wrap .tit {font-size:1rem;}
#facility .tab-box-con.dot .con-tit02-top .con-r-wrap .txt {font-size:0.9375rem; line-height:1.4;}
#facility .floor-wrap .img-wrap {padding:30px 0;}
#facility .floor-wrap .img-wrap::before {width:300px; height:300px; background-size:300px;}
#facility .floor-wrap .img-wrap .img-con {max-width:550px;}
#facility .floor-wrap .img-wrap .img-con .location-list > li .location {width:25px; height:25px;}
#facility .floor-wrap .info-con {padding:25px 20px; align-items:baseline;}
#facility .floor-wrap .info-con .info-list {display:flex; padding-left:50px; align-items:center; flex-wrap:wrap;}
#facility .floor-wrap .info-con .info-list > li {display:flex; width:25%; align-items: center; padding:0 10px 15px 0;}
#facility .floor-wrap .info-con .info-list > li .infoWrap .num {width:25px; height:25px;}


#facility .tab-box.dot .list-wrap > li {padding:0;}
#facility .tab-box.dot .list-wrap > li:not(:last-child)::before,
#facility .tab-box.dot .list-wrap > li:not(:first-child)::after {bottom:5px;}
#facility .tab-box.dot .list-wrap > li .btn-tab {padding:3px 17px 16px 17px; font-size:1rem;}
#facility .tab-box.dot .list-wrap > li .btn-tab::before {width:10px; height:10px;}
#facility .tab-box.dot .txt-wrap .btm-txt {margin-top:20px;}
#facility .tab-box-con.dot .img-list {margin:0; flex-wrap:wrap;}
#facility .tab-box-con.dot .img-list > li {width:100%; padding:12px 0 0;}
#facility .tab-box-con.dot .img-list > li .img-con .spot {top:46%; left:45%; width:30px; background-size:30px;}
#facility .tab-box-con.dot .con-tit02-top .con-r-wrap .tit {padding-bottom:5px; font-size:1rem;}
#facility .tab-box-con.dot .con-tit02-top .con-r-wrap .txt {font-size:0.9375rem; line-height:1.3;}
#facility .floor-wrap .img-wrap {padding:20px 0;}
#facility .floor-wrap .img-wrap::before {bottom:15px; left:15px; width:150px; height:180px; background-size:150px;}
#facility .floor-wrap .img-wrap .img-con {max-width:380px;}
#facility .floor-wrap .img-wrap .img-con .location-list > li .location {width:23px; height:23px; font-weight:500;}
#facility .floor-wrap .info-con {display:block; padding:20px 15px;}
#facility .floor-wrap .info-con .tit {font-size:1rem;}
#facility .floor-wrap .info-con .info-list {padding:12px 0 0;}
#facility .floor-wrap .info-con .info-list > li {width:33.333%; padding:0 10px 0 0;}
#facility .floor-wrap .info-con .info-list > li:nth-child(n+4) {padding-top:12px;}
#facility .floor-wrap .info-con .info-list > li .infoWrap .num {width:23px; height:23px; font-weight:500;}
#facility .floor-wrap .info-con .info-list > li .infoWrap .info {padding-left:6px; font-size:0.875rem;}
/* 중문, 일문 */
#facility .floor-wrap .info-con .info-list.lang > li {width:50%; padding:0 10px 0 0;}
#facility .floor-wrap .info-con .info-list > li:nth-child(n+3) {padding-top:12px;}
#facility .floor-wrap .info-con .info-list.lang > li .infoWrap .info {word-break:break-all;}
/* 영문 */
#facility .floor-wrap .info-con .info-list.en > li {width:100%;}
#facility .floor-wrap .info-con .info-list.en > li:nth-child(n+2) {padding-top:12px;}


/*-------------------------------------------------------------------
	@media
-------------------------------------------------------------------*/
@media screen and (max-width:400px){
	#facility .tab-box.dot .list-wrap > li:not(:last-child)::before,
	#facility .tab-box.dot .list-wrap > li:not(:first-child)::after {bottom:4.5px;}
	#facility .tab-box.dot .list-wrap > li .btn-tab {padding:3px 7px 12px 7px; font-size:0.9375rem;}
	#facility .tab-box.dot .list-wrap > li .btn-tab::before {width:9px; height:9px;}
	#facility .tab-box.dot .txt-wrap .btm-txt {margin-top:17px; padding-left:18px; font-size:0.875rem;}
	#facility .tab-box.dot .txt-wrap .btm-txt::before {width:14px; height:14px; background-size:14px;}
	#facility .tab-box-con.dot .img-list > li {padding:7px 0 0;}
	#facility .tab-box-con.dot .img-list > li .img-con .spot {top:40%; left:44%; width:28px; background-size:28px;}
	#facility .tab-box-con.dot .con-tit02-top .con-r-wrap .tit {padding-bottom:3px; font-size:0.9375rem;}
	#facility .tab-box-con.dot .con-tit02-top .con-r-wrap .txt {font-size:0.875rem;}
	#facility .floor-wrap .img-wrap {padding:15px;}
	#facility .floor-wrap .img-wrap::before {width:150px; height:100px; background-size:130px;}
	#facility .floor-wrap .img-wrap::after {top:15px; right:15px;}
	#facility .floor-wrap .img-wrap .img-con {overflow-x:auto; max-width:100%;}
	#facility .floor-wrap .img-wrap .img-con::before {display:none;}
	#facility .floor-wrap .img-wrap .img-con .img {position:static; max-width:450px; width:450px; height:100%; transform:translateY(0);}
	#facility .floor-wrap .info-con {padding:15px;}
	#facility .floor-wrap .info-con .info-list {margin:0 -5px; padding:10px 0 0;}
	#facility .floor-wrap .info-con .info-list > li {width:50%; padding:0 5px;}
	#facility .floor-wrap .info-con .info-list > li:nth-child(n+3) {padding-top:12px;}

	#facility .floor-wrap .img-wrap .img-con .location-list > li .location.v01_01 {top: 76%;left: 185px;}
	#facility .floor-wrap .img-wrap .img-con .location-list > li .location.v01_02 {top:85.6%; left:178px;}
	#facility .floor-wrap .img-wrap .img-con .location-list > li .location.v01_03 {top: 87%; left: 204px;}
	#facility .floor-wrap .img-wrap .img-con .location-list > li .location.v01_04 {top: 83%; left:268px;}
	#facility .floor-wrap .img-wrap .img-con .location-list > li .location.v01_05 {top: 78.5%;left:335px;}
	#facility .floor-wrap .img-wrap .img-con .location-list > li .location.v01_06 {top: 77.5%;left:391px;}
	#facility .floor-wrap .img-wrap .img-con .location-list > li .location.v01_07 {top: 87%;left: 391px;}
	#facility .floor-wrap .img-wrap .img-con .location-list > li .location.v01_08 {top: 85.5%;left:336px;}
	#facility .floor-wrap .img-wrap .img-con .location-list > li .location.v01_09 {top: 47.5%;left:297px;}
	#facility .floor-wrap .img-wrap .img-con .location-list > li .location.v01_10 {top: 33.5%;left:50px;}

	#facility .floor-wrap .img-wrap .img-con .location-list > li .location.v02_01 {top: 30%;left: 4.4%;}
	#facility .floor-wrap .img-wrap .img-con .location-list > li .location.v02_02 {top: 40.6%;left: 13.4%;}
	#facility .floor-wrap .img-wrap .img-con .location-list > li .location.v02_03 {top: 70%;left: 16%;}
	#facility .floor-wrap .img-wrap .img-con .location-list > li .location.v02_04 {top: 79%;left: 43%;}
	#facility .floor-wrap .img-wrap .img-con .location-list > li .location.v02_05 {top: 71.5%;left: 66%;}
	#facility .floor-wrap .img-wrap .img-con .location-list > li .location.v02_06 {top: 74.5%;left: 85%;}

	#facility .floor-wrap .img-wrap .img-con .location-list > li .location.v03_01 {top: 30%;left: 11.4%;}
	#facility .floor-wrap .img-wrap .img-con .location-list > li .location.v03_02 {top: 62.6%;left: 18.4%;}
	#facility .floor-wrap .img-wrap .img-con .location-list > li .location.v03_03 {top: 74%;left: 46%;}

	#facility .floor-wrap .img-wrap .img-con .location-list > li .location.v04_01 {top: 61%;left: 18.4%;}
	#facility .floor-wrap .img-wrap .img-con .location-list > li .location.v04_02 {top: 67.6%;left: 33.4%;}
	/* 중문, 일문 */
	#facility .floor-wrap .info-con .info-list.lang > li {width:100%; padding:0 10px 0 0;}
	#facility .floor-wrap .info-con .info-list > li:nth-child(n+2) {padding-top:12px;}
}
@media screen and (max-width:350px){
	#facility .floor-wrap .info-con .info-list {margin:0 -5px; padding:10px 0 0;}
	#facility .floor-wrap .info-con .info-list > li {width:100%; padding:0 5px;}
	#facility .floor-wrap .info-con .info-list > li:nth-child(n+2) {padding-top:12px;}
	/* 영문 */
	#facility .floor-wrap .info-con .info-list.en > li:nth-child(n+2) {padding-top:10px;}
}


/*-------------------------------------------------------------------          
	interaction
-------------------------------------------------------------------*/
#facility .tab-box.dot {transition:margin 0.3s;}
#facility .tab-box.dot .list-wrap {transition:margin 0.3s;}
#facility .tab-box.dot .list-wrap > li {transition:padding 0.3s;}
#facility .tab-box.dot .list-wrap > li:not(:last-child)::before,
#facility .tab-box.dot .list-wrap > li:not(:first-child)::after {transition:bottom 0.3s;}
#facility .tab-box.dot .list-wrap > li .btn-tab {transition:padding 0.3s, font 0.3s;}
#facility .tab-box.dot .list-wrap > li .btn-tab::before {transition:width 0.3s, height 0.3s, background 0.3s;}
#facility .tab-box.dot .txt-wrap .btm-txt {transition:margin 0.3s, padding 0.3s;}
#facility .tab-box.dot .txt-wrap .btm-txt::before {transition:width 0.3s, height 0.3s, background 0.3s;}
#facility .tab-box-con.dot .img-list {transition:margin 0.3s;}
#facility .tab-box-con.dot .img-list > li {transition:width 0.3s, padding 0.3s;}
#facility .tab-box-con.dot .img-list > li .img-con::before{transition:padding 0.3s;}
#facility .tab-box-con.dot .img-list > li .img-con .img {transition:transform 0.4s;}
#facility .tab-box-con.dot .img-list > li .img-con .spot {transition:top 0.3s, left 0.3s, width 0.3s, height 0.3s, background 0.3s;}
#facility .floor-wrap .img-wrap {transition:padding 0.3s;}
#facility .floor-wrap .img-wrap::before {transition:bottom 0.3s, left 0.3s, width 0.3s, background 0.3s;}
#facility .floor-wrap .img-wrap::after {transition:.5s;}
#facility .floor-wrap .img-wrap .img-con {transition:max-width 0.3s, background 0.3s;}
#facility .floor-wrap .img-wrap .img-con::before {transition:padding 0.3s;}
#facility .floor-wrap .img-wrap .img-con .img {transition:transform 0.4s;}
#facility .floor-wrap .img-wrap .img-con .location-list > li .location {transition:top 0.3s, left 0.3s, width 0.3s, height 0.3s, background 0.3s;}
#facility .floor-wrap .info-con {transition:padding 0.3s;}
#facility .floor-wrap .info-con .tit {transition:font 0.4s;}
#facility .floor-wrap .info-con .info-list {transition:padding 0.3s, margin 0.3s;}
#facility .floor-wrap .info-con .info-list > li {transition:.3s;}
#facility .floor-wrap .info-con .info-list > li .infoWrap {transition:.3s;}
#facility .floor-wrap .info-con .info-list > li .infoWrap .num {transition:width 0.3s, height 0.3s;}

#facility .tab-box.dot .list-wrap > li .btn-tab.active {background-color:transparent; color:#000;}
#facility .tab-box.dot .list-wrap > li .btn-tab.active::before {background-color:#1A4399;}
#facility .tab-box-con.dot .img-list > li .img-con:hover .img {transform:translateY(-50%) scale(1.12);}
#facility .tab-box-con.dot .con-tit02-top .con-r-wrap .tit {transition:font 0.3s;}

/* 예약완료 popup  */
#con .modal-popup.finish .popup {max-width:600px;}
#con .modal-popup.finish .popup .pop-con {position:relative; padding:50px 20px 30px; background-color:#fff; border-radius:20px; text-align:center; box-shadow:0 10px 20px 0 rgba(0,0,0,0.5); transition:padding 0.3s;}
#con .modal-popup.finish .popup .pop-con .btn-close {position:absolute; top:20px; right:20px; width:16px; height:16px;}
#con .modal-popup.finish .popup .pop-con .btn-close::before, 
#con .modal-popup.finish .popup .pop-con .btn-close::after {content:""; position: absolute; top: 50%; left: 50%; width: 100%; height: 2px; border-radius:20px; background-color: #000000;}
#con .modal-popup.finish .popup .pop-con .head {padding-bottom:12px; transition:padding 0.3s;}
#con .modal-popup.finish .popup .pop-con .head .tit {font-weight:800; font-size:1.375rem; color:#000;}
#con .modal-popup.finish .popup .pop-con .body {display:block; overflow-y:auto;}
#con .modal-popup.finish .popup .pop-con .body .txt {display:block; font-weight:400; font-size:1rem; color:#7E8790; word-break:break-all;}
#con .modal-popup.finish .popup .pop-con .body .btn-wrap {padding:0;}
#con .modal-popup.finish .popup .pop-con .body .btn-wrap > li .btn-con {min-width:150px; height:40px; margin:20px auto 0;}

@media screen and (max-width:400px){
	#con .modal-popup.finish .popup .pop-con .head {padding-bottom:10px;}
	#con .modal-popup.finish .popup .pop-con .head .tit {font-size:1.25rem;}
	#con .modal-popup.finish .popup .pop-con .body .btn-wrap > li .btn-con {max-width:100%; margin:15px auto 0;}
	#con .modal-popup.finish .popup .pop-con .body .btn-wrap > li:not(:first-child) .btn-con {margin:5px auto 0;}
}


/* con-tit */
#con .con-tit02 {display:block; position:relative; padding-left:32px; font-size:1.125rem; font-weight:800; color:#000; transition:padding 0.3s, font-size 0.3s;}
#con .con-tit02::before {content:''; display:block; position:absolute; top:calc(0.731rem - 12px); left:0; width:24px; height:24px; background-size:24px; background-image:url(../images/sub/i_con-tit02.svg); background-position:center; background-repeat:no-repeat; transition:width 0.3s, height 0.3s, background 0.3s;}
#con .con-tit02-wrap {padding:12px 0 0 32px; transition:padding 0.3s;}
#con .con-tit02-wrap.v02 {padding:0 0 0 32px; transition:padding 0.3s;}
#con .con-tit02-con {padding-top:12px; transition:padding 0.3s;}

/* con-tit02-top */
#con .con-tit02-top {display:block; padding-top:25px; transition:padding 0.3s;}
#con .con-tit02-top.v02 {padding-top:0;}
#con .con-tit02.left {width:100%; flex-shrink:0; transition:width 0.3s;}
#con .right-list {display:block; width:100%; padding:15px 0 0 32px;}
#con .right-list > li {display:block; padding-bottom:15px; transition:padding 0.3s;}
#con .right-list > li .tit {display:block; padding-bottom:10px; font-weight:800; font-size:1.0625rem; color:#000;}
#con .right-list > li .txt {display:flex; font-weight:400; font-size:0.9375rem; color:#7E8790; align-items:center;}
#con .right-list > li .txt .num {transition:width 0.3s, height 0.3s;}
#con .con-r-wrap {width:100%; padding:10px 0 0 32px; transition:padding 0.3s;}
#con .con-r-wrap.v02 {padding:0;}
#con .con-r-wrap .tit {display:block; padding-bottom:10px; font-weight:800; font-size:1rem; color:#000;}
#con .con-r-wrap .txt {color:#7E8790; word-break:break-all;}
#con .con-r-wrap .dot-list > li {color:#7E8790; word-break:break-all;}
#con .con-r-wrap .dot-list > li::before {background-color:#7E8790;}

/* 다국어 */
#con .right-list.en > li .txt.en {display:block;} 
#location .guide-wrap .right-list.en > li .txt {align-items:baseline;}
#location .guide-wrap .right-list.en > li .txt.en .arrive {margin:5px 0 0;}
#location .guide-wrap .right-list.en > li .way-wrap .way .station br {display:none;}
#location .guide-wrap .right-list.en > li .way-wrap .way .station-list > li .txt > br {display:block;}

@media screen and (max-width:350px){
	#con .right-list.en > li .tit {padding-bottom:5px;}
	#location .guide-wrap .right-list.en > li .way-wrap .way .station br {display:block;}
}

 
/* 관람안내 > 오시는 길 */
#location .l-wrap {display:block;}
#location .l-wrap .map {display:block; position:relative; z-index:0;}
#location .l-wrap .map::before {content:''; display:block; padding:0;}
#location .l-wrap .map .kakao-map {overflow:hidden; position:static; top:0; left:0; z-index:0; width:100%; height:300px; border-radius:10px 10px 0 0;}
#location .l-wrap .map .kakao-map .wrap_map {height:300px;}
#location .l-wrap .map .kakao-map.root_daum_roughmap .border1,
#location .l-wrap .map .kakao-map.root_daum_roughmap .border2,
#location .l-wrap .map .kakao-map.root_daum_roughmap .border3,
#location .l-wrap .map .kakao-map.root_daum_roughmap .border4 {border-color:transparent; background-color:transparent;}

#location .l-wrap .info-con {display:flex; overflow:hidden; position:relative; padding:20px 15px 15px; background-color:#fff; border:1px solid #E9E9E9; border-top:0; border-radius:0 0 10px 10px; flex-wrap:wrap; justify-content:flex-start; align-items:center;}
#location .l-wrap .info-con::before {content:''; display:block; position:absolute; bottom:0; left:0;width:320px; height:300px; background-size:350px; background-image:url(../images/sub/location/img_map_bg.svg); background-position:bottom left; background-repeat:no-repeat;}
#location .l-wrap .info-con .spot {display:block; font-weight:700; font-size:1.0625rem; color:#000;}
#location .l-wrap .info-con .map-con {display:flex; position:relative; width:100%; margin:15px 0 0; padding:10px 0 0; padding:0; flex-wrap:wrap; justify-content:flex-end; align-items:center;}
#location .l-wrap .info-con .map-con::before {content:''; display:block; position:absolute; top:0; left:0; width:22px; height:2px; border-radius:50px; background-color:#E9E9E9; transform:translateY(0);}
#location .l-wrap .info-con .map-con .map-list {display:block; width:100%; margin:0; padding:20px 0 25px; flex-grow:1; align-items:center;}
#location .l-wrap .info-con .map-con .map-list > li {display:flex; padding:0; align-items:baseline;}
#location .l-wrap .info-con .map-con .map-list > li:not(:first-child) {padding-top:17px;}
#location .l-wrap .info-con .map-con .map-list > li .tit {display:block; position:relative; padding-left:32px; font-weight:700; font-size:0.875rem; color:#000;}
#location .l-wrap .info-con .map-con .map-list > li .tit::before {content:''; display:block; position:absolute; top:50%; left:0; width:14px; height:14px; padding:5px; background-size:14px; border-radius:50%; background-position:center; background-repeat:no-repeat; transform:translateY(-50%);}
#location .l-wrap .info-con .map-con .map-list > li .tit.address::before {background-color:#1A4399; background-image:url(../images/sub/location/i_address.svg);}
#location .l-wrap .info-con .map-con .map-list > li .tit.tel::before {background-color:#3E79F4; background-image:url(../images/sub/location/i_tel.svg);}
#location .l-wrap .info-con .map-con .map-list > li .info {display:block; padding-left:12px; font-weight:400; font-size:0.875rem; color:#7E8790; word-break:break-word;}
#location .l-wrap .info-con .map-con .btn-list {display:flex; margin:0 -5px; align-items:center;}
#location .l-wrap .info-con .map-con .btn-list > li {display:block; padding:0 5px;}
#location .l-wrap .info-con .map-con .btn-list > li .btn-map {display:block; width:45px; height:45px; background-size:45px; background-repeat:no-repeat; background-position:center; transform:translateY(0);}
#location .l-wrap .info-con .map-con .btn-list > li .btn-map.naver {background-image:url(../images/sub/location/i_naver.svg); border-radius:10px; border:1px solid #E9E9E9;}
#location .l-wrap .info-con .map-con .btn-list > li .btn-map.kakao {background-image:url(../images/sub/location/i_kakao.svg);}
#location .l-wrap .info-con .map-con .btn-list > li .btn-map.google {background-image:url(../images/sub/location/i_google.svg); border-radius:10px; border:1px solid #E9E9E9;}

#location .guide-wrap.con-tit02-wrap {padding-top:50px;}
#location .guide-wrap .right-list > li:not(:first-child) {padding:15px 0; border-top:1px solid #E9E9E9;}
#location .guide-wrap .right-list > li .txt .num {display:flex; width:22px; height:22px; font-size:0.75rem; margin-right:7px; border-radius:50%; font-weight:600; color:#fff; justify-content:center; align-items:center; flex-shrink:0;}
#location .guide-wrap .right-list > li .txt .num.v01 {background-color:#3E79F4;}
#location .guide-wrap .right-list > li .txt .num.v02 {background-color:#00B6D1;}
#location .guide-wrap .right-list > li .txt .num.v03 {background-color:#33A23D;}
#location .guide-wrap .right-list > li .txt .arrive {position:relative; margin-left:7px; padding-left:23px;}
#location .guide-wrap .right-list > li .txt .arrive::before {content:''; display:block; position:absolute; top:50%; left:0; width:18px; height:18px; background:url(../images/sub/location/i_arrow.svg) no-repeat center; transform:translateY(-50%);}
#location .guide-wrap .right-list > li .way-wrap {display:block;}
#location .guide-wrap .right-list > li .way-wrap .way:first-child {padding-right:0;}
#location .guide-wrap .right-list > li .way-wrap .way:not(:first-child) {padding-top:15px;}
#location .guide-wrap .right-list > li .way-wrap .way .station {display:block; font-weight:800; font-size:1rem; color:#1A4399;}
#location .guide-wrap .right-list > li .way-wrap .way .station-list {display:block; padding-top:7px;}
#location .guide-wrap .right-list > li .way-wrap .way .station-list > li:not(:first-child) {padding-top:7px;}
#location .guide-wrap .right-list > li .way-wrap .way .station-list > li .txt > br {display:none;}

@media screen and (max-width:425px){
	#location .l-wrap .map .kakao-map {height:250px;}
	#location .l-wrap .map .kakao-map .wrap_map {height:250px;}
	#location .l-wrap .info-con {padding:20px 15px 15px;}
	#location .l-wrap .info-con::before {width:280px; height:150px; background-size:280px;}
	#location .l-wrap .info-con .spot {font-size:1.125rem;}
	#location .l-wrap .info-con .map-con {margin:10px 0 0;}
	#location .l-wrap .info-con .map-con::before {width:20px;}
	#location .l-wrap .info-con .map-con .map-list {padding:17px 0;}
	#location .l-wrap .info-con .map-con .map-list > li {flex-wrap:wrap;}
	#location .l-wrap .info-con .map-con .map-list > li:not(:first-child) {padding-top:15px;}
	#location .l-wrap .info-con .map-con .map-list > li .tit {padding-left:28px; font-size:1rem;}
	#location .l-wrap .info-con .map-con .map-list > li .tit::before {width:13px; height:13px; padding:4px; background-size:13px;}
	#location .l-wrap .info-con .map-con .map-list > li .info {width:100%; padding:5px 0 0 28px; font-size:0.9375rem;}
	#location .l-wrap .info-con .map-con .btn-list > li .btn-map {width:40px; height:40px; background-size:40px;}
	#location .guide-wrap .right-list > li .way-wrap .way .station-list > li .txt {align-items:baseline;}
	#location .guide-wrap .right-list > li .way-wrap .way .station-list > li .txt > br {display:block;}
}


#location .l-wrap .map .kakao-map {transition:width 0.3s;}
#location .l-wrap .info-con {transition:padding 0.3s;}
#location .l-wrap .info-con::before {transition:width 0.3s, height 0.3s, background 0.3s;}
#location .l-wrap .info-con .spot {transition:font 0.3s;}
#location .l-wrap .info-con .map-con {transition:margin 0.3s, padding 0.3s;}
#location .l-wrap .info-con .map-con::before {transition:top 0.3s, left 0.3s, width 0.3s, height 0.3s;}
#location .l-wrap .info-con .map-con .map-list {transition:margin 0.3s, padding 0.3s;}
#location .l-wrap .info-con .map-con .map-list > li .tit {transition:padding 0.3s, font 0.3s;}
#location .l-wrap .info-con .map-con .map-list > li .tit::before {transition:width 0.3s, height 0.3s, background 0.3s;}
#location .l-wrap .info-con .map-con .map-list > li .info {transition:padding 0.3s;}
#location .l-wrap .info-con .map-con .btn-list > li .btn-map {transition:width 0.3s, height 0.3s, background 0.3s, transform 0.3s;}
#location .guide-wrap .right-list > li .way-wrap .way:first-child {transition:padding 0.3s;}

#location .l-wrap .info-con .map-con .btn-list > li .btn-map:focus,
#location .l-wrap .info-con .map-con .btn-list > li .btn-map:hover,
#location .l-wrap .info-con .map-con .btn-list > li .btn-map.active {transform:translateY(-5px);}































/* 대메뉴명 > 페이지명 */
#con .s0000 {display:block;}


@media screen and (max-width:350px){
	
}