@charset "UTF-8";

/* 관람안내 공통 */
.viewingGuide {}
.viewingGuide .article .art_desc .part .part_tit {margin-bottom: 1rem;}
.viewingGuide .article .art_desc .part+.part {margin-top: 2rem;}
.viewingGuide .tbl_1 tbody td b {font-weight: 500;}
.list_line {}
.list_line li {position: relative;padding-left: 1rem;}
.list_line li:before {content:'-'; position: absolute; left:0; top: 0;}

/* 관람안내 > 입장권안내 */
.vwticket {}
.vwticket .btn.earlybird {font-size: 1.25rem; margin-top: 0; margin-bottom:4rem;}
.vwticket .btn.earlybird img {display: inline-block; margin-right: 0.75rem;}
.vwticket .guide_info {box-sizing: border-box; border: 1px solid #dfdfdf; border-radius: 1rem; padding: 1.25rem 2rem; margin: 10px 0;}
.vwticket .guide_info li + li {margin-top: 3px;}
.vwticket .guide_info li {word-break:keep-all;}
.vwticket .guide_ticket {margin-top: 4rem; display: flex; justify-content: space-between;}
.vwticket .guide_ticket .guide_left, .vwticket .guide_ticket .guide_right {box-sizing: border-box; border-radius: 1rem;}
.vwticket .guide_ticket .guide_left {background: #ffe4f1;width: 42%; padding: 2.4rem 3rem 2.15rem; position: relative; }
.vwticket .guide_ticket .guide_left:before, .vwticket .guide_ticket .guide_left:after {content:''; width: 20%; height: 10px; border-top:10px dotted #ddd; position: absolute; right: -18%; z-index: -1;}
.vwticket .guide_ticket .guide_left:before {top: 20%;}
.vwticket .guide_ticket .guide_left:after {bottom:20%}
.vwticket .guide_ticket .guide_left dl {}
.vwticket .guide_ticket .guide_left dl:hover {}
.vwticket .guide_ticket .guide_left dl + dl {margin-top: 2rem;}
.vwticket .guide_ticket .guide_left dl dt {position: relative; font-weight: 500; font-size: 1.375rem;}
/* .vwticket .guide_ticket .guide_left dl dt:before {position:absolute; top:-3px; left:-10px; content:''; background:url('../img/sub/bull_flower.png') no-repeat 0 0/contain; width: 24px; height:24px; animation: rotate-flower2 5s infinite;} */
.vwticket .guide_ticket .guide_left dl dd {font-size: 1.25rem; color: var(--keycolor); font-weight: 500; padding-left: 1.5rem; position: relative;}
.vwticket .guide_ticket .guide_left dl dd:before {content: ''; width: 7px; height: 7px; border-radius: 50%; background: var(--keycolor); position: absolute; left: 5px; top: 54%; transform:translateY(-50%);}
.vwticket .guide_ticket .guide_right {width: 50%; border: 1px solid #dfdfdf;text-align: center; overflow: hidden;}
.vwticket .guide_ticket .guide_right img {width: 100%; height: 100%; object-fit: contain; object-position: center;}
.vwticket .ticketSeller_list {display:flex; flex-wrap: wrap; column-gap: 2%; row-gap:1rem;}
.vwticket .ticketSeller_list > li {border:1px solid #ddd; background: #fff; box-sizing:border-box; width: calc(94% / 4); height: 60px; text-align: center; display: flex; justify-content: center; align-items: center;}
.vwticket .ticketSeller_list > li a {width: 100%; height: 100%;display: flex; justify-content: center; align-items: center; transition: 0.2s all linear;}
.vwticket .ticketSeller_list > li a:hover {background: var(--keycolor); color: #fff}
.vwticket .online .ticketSeller_list > li {width: calc(96% / 3); }

.article.entryProcedure {}
.article.entryProcedure ol {display: flex; column-gap: 2%; }
.article.entryProcedure ol+ol {margin-top: 1rem; border-top:1px dotted #ddd; padding-top:1rem; }
.article.entryProcedure ol li{background: #efefef;width: calc(94% / 4); padding: 1rem; box-sizing: border-box;  border-radius:6px; position:relative;  box-sizing: border-box; text-align: center;}

.article.entryProcedure ol li:not(:first-of-type){padding-top:5rem;}
.article.entryProcedure ol li:not(:last-of-type):after {position:absolute; top:0; right:-0.8em; padding:3rem 0; content:'▶'; color:#efefef; }
.article.entryProcedure ol li:first-of-type{display: flex; justify-content: center; align-items: center;}
.article.entryProcedure ol li:first-of-type{background:var(--keycolor); color: #fff; font-weight: 500; }
.article.entryProcedure ol li:first-of-type:after {color: var(--keycolor); }

.article.entryProcedure ol li:not(:first-of-type){ background-repeat: no-repeat; background-size:auto 50px; background-position:50% 25%;}
.article.entryProcedure ol.entry_1 li:nth-child(2) {background-image:url('../img/sub/entry_icon_9.png');}
.article.entryProcedure ol.entry_1 li:nth-child(3) {background-image:url('../img/sub/entry_icon_1.png');}
.article.entryProcedure ol.entry_1 li:nth-child(4) {background-image:url('../img/sub/entry_icon_4.png');background-size:auto 44px; background-position:50% 35%;}

.article.entryProcedure ol.entry_2 li:nth-child(2) {background-image:url('../img/sub/entry_icon_10.png');}
.article.entryProcedure ol.entry_2 li:nth-child(3) {background-image:url('../img/sub/entry_icon_3.png');}
.article.entryProcedure ol.entry_2 li:nth-child(4) {background-image:url('../img/sub/entry_icon_2.png');}

.article.entryProcedure ol.entry_3 li:nth-child(2) {background-image:url('../img/sub/entry_icon_6.png');}
.article.entryProcedure ol.entry_3 li:nth-child(3) {background-image:url('../img/sub/entry_icon_5.png');}
.article.entryProcedure ol.entry_3 li:nth-child(4) {background-image:url('../img/sub/entry_icon_2.png');}

.article.entryProcedure ol.entry_4 li:nth-child(2) {background-image:url('../img/sub/entry_icon_10.png');}
.article.entryProcedure ol.entry_4 li:nth-child(3) {background-image:url('../img/sub/entry_icon_3.png');}
.article.entryProcedure ol.entry_4 li:nth-child(4) {background-image:url('../img/sub/entry_icon_2.png');}

.article.entryProcedure ol.entry_5 li:nth-child(2) {background-image:url('../img/sub/entry_icon_8.png');}
.article.entryProcedure ol.entry_5 li:nth-child(3) {background-image:url('../img/sub/entry_icon_7.png');}
.article.entryProcedure ol.entry_5 li:nth-child(4) {background-image:url('../img/sub/entry_icon_6.png');}


@keyframes rotate-flower2 {
  0% {transform: rotate(0);}
  50% {transform: rotate(180deg);}
  100% {transform: rotate(0);}
}


/* 관람안내 > 관람안내 */
.fairView {}
.fairviewTbl {border-top: 2px solid #333;}
.fairviewTbl dl {display: flex; align-items: center;border-bottom: 1px solid #ddd;}
.fairviewTbl dl dt, .fairviewTbl dl dd { padding: 2rem 0; }
.fairviewTbl dl dt {width: 20%; text-align: center; font-size: 1.125rem;}
.fairviewTbl dl dt .fvImg {display: inline-block; margin: 0 auto; position: relative;}
/* .fairviewTbl dl dt .fvImg:before {content: ''; width: 25px; height: 25px; border-radius: 50%; background: var(--keycolor); position: absolute; left: -10px; bottom: 4px; z-index: -1; opacity: 0.3;} */
.fairviewTbl dl dt .fvTit {font-weight: 500;}
.fairviewTbl dl dt img {width: 50px; margin-bottom: 0.75rem; }
.fairviewTbl dl dd {width: 80%; box-sizing:border-box; padding-left: 5%;}

.regist_step.fair01 > li:nth-child(1){background-image:url('../img/sub/registStep_pre_4.png');background-size: auto 50px; background-position: 53% 10%;}
.regist_step.fair01 > li:nth-child(2){background-image:url('../img/sub/registStep_onsite_1.png');background-size:auto 46px; background-position:50% 10%;}
.regist_step.fair01 > li:nth-child(3){background-image:url('../img/sub/registStep_pre_2.png');background-size:auto 46px; background-position:50% 10%;}

.regist_step.fair02 > li:nth-child(1){background-image:url('../img/sub/registStep_onsite_1.png');background-size: auto 50px; background-position: 53% 10%;}
.regist_step.fair02 > li:nth-child(2){background-image:url('../img/sub/preview_ic_6.png');background-size: auto 53px; background-position: 46% 10%;}
.regist_step.fair02 > li:nth-child(3){background-image:url('../img/sub/registStep_pre_2.png');background-size:auto 46px; background-position:50% 10%;}


/* 관람안내 > 주변관광지 */
.mb30 {margin-bottom: 30px;}
.mb20 {margin-bottom: 20px;}
.mt50 {margin-top: 50px;}

.tabsWrap {display: flex; flex-wrap: nowrap; align-items: stretch; margin-bottom: 5em;}
.tabsWrap .tab {flex-basis: 0; flex-grow: 1;}
.tabsWrap .tab a {display: flex; align-items: center; justify-content: center; border: 1px solid #ddd; transition: all .2s; padding: 0.375em; height: 100%; text-align: center; font-size: 1.125em;}
.tabsWrap .tab a:hover{background:#ffe9ea; border:1px solid #ccc;}
.tabsWrap .tab a.on {background: var(--keycolor); border: 1px solid var(--keycolor); color: #fff;}
.tabConWrap {}
.tabConWrap .tabCon {display: none;}
.tabConWrap .tabCon.on {display: block;}

.tourist {margin-bottom: var(--bottomSpace);}
.tourist .sec{display:flex; flex-wrap:wrap;}
.tourist .sec + .sec{margin-top:6em;}
.tourist .secTtl{width:22%; padding-right:1em; font-size:1.875em; font-weight:600; color:#333; word-break:keep-all;}
.tourist .secTtl span {position:relative;}
/* .tourist .secTtl span:before{content: ''; width: 25px; height: 25px; border-radius: 50%; background: #ff9da1; position: absolute; right: -10px; bottom: 0px; z-index: -1; opacity: 0.7;} */
.tourist .secCon{width:74%;}
.tourist .sec.wide .secTtl{width:100%; margin-bottom:0.6em; padding-right:0;}
.tourist .sec.wide .secCon{width:100%; padding-left:3%;}
.tourist .arti{}
.tourist .arti + .arti{margin-top:2em;}
.tourist .artiTtl{font-size:1.5em; padding-bottom:0.5em; word-break:keep-all;}
.tourist .artiCon{}
.tourist .descBox{position:relative; padding:2rem 1.5rem; border:1px solid #ddd; text-align:center; border-radius:0 50px;}

.tourist .fl {float: left;}
.tourist .fr {float: right;}
.tourist dl{overflow:hidden; font-size:0.9em;}
.tourist dl + dl {margin-top: 10px;}
.tourist dt, .tourist dd {font-size: 1.125em;}
.tourist dt{float:left; width:100px; margin-right:20px; color:#222; font-weight:500;}
.tourist dt .ic {display: inline-block; width: 25px; height: 25px; border-radius: 50%; box-sizing: border-box; vertical-align: middle; margin-right: 5px; margin-top: -2px; }
.tourist dt .ic.map {background: var(--keycolor) url('../img/sub/tourist_ic_map.png') center no-repeat; background-size: 15px;}
.tourist dt .ic.tel {background: var(--keycolor) url('../img/sub/tourist_ic_tel.png') center no-repeat; background-size: 13px;}
.tourist dt .ic.home {background: var(--keycolor) url('../img/sub/tourist_ic_home.png') center no-repeat; background-size: 13px;}
.tourist dt .ic.benefit {background: var(--keycolor) url('../img/sub/tourist_ic_benefit.png') center no-repeat; background-size: 13px;}
.tourist dd{float:left; width:calc(100% - 120px);}
.vtourist dd + dd{width:100%;}
.tourist dd a{transition:all .2s;}
.tourist dd a:hover{color:var(--keycolor);}
.tourist .imgBox{margin-bottom:1em; overflow:hidden;}
.tourist .artiCon > div:first-child{padding-right:2em;}
.tourist .artiCon > div:first-child img{border-radius:10px;}
.tourist .artiCon > div:last-child{width:calc(100% - 300px - 2em);}
/* 250424 추가 */
.tourist .sec .secCon .slider {width:100%; margin:1rem 0; max-width: 1036px;}
.tourist .sec .secCon .slider .slick-prev,
.tourist .sec .secCon .slider .slick-next{}
.tourist .sec .secCon .slider .slick-dots {display: flex; justify-content: flex-start; margin-top:8px; column-gap: 1%;}
.tourist .sec .secCon .slider .slick-dots > li {width: 15px; height:15px; border:1px solid #dfdfdf;}
.tourist .sec .secCon .slider .slick-dots > li.slick-active {background:#dfdfdf;}
.tourist .sec .secCon .slider .slick-dots > li > button { font-size:0; cursor: pointer;}

/* 반응형 */
@media(max-width:1499px){


}


@media(max-width:1200px){

	/* 관람안내 > 입장권안내 */
	.vwticket .btn.earlybird {font-size: 1.125rem;}
	.vwticket .btn.earlybird img {width: 40px; vertical-align: middle; margin-top: -5px;}
	.vwticket .guide_ticket .guide_left dl dt {font-size: 1.25rem;}
	.vwticket .guide_ticket .guide_left dl dd {font-size: 1.125rem;}
	.vwticket .guide_ticket .guide_left:before, .vwticket .guide_ticket .guide_left:after {right: -21%;}
	.vwticket .guide_ticket .guide_left {width: 45%;}
	.vwticket .guide_ticket .guide_right {width: 45%;}

	/* 관람안내 > 주변관광지 */
	.tourist .secTtl {width: 26%;}
	.tourist .secCon {width: 70%;}
  
}

@media(max-width:1024px){
	
	/* 관람안내 > 입장권안내 */
	.vwticket .guide_ticket .guide_left {padding: 2.5rem 2.25rem 2.25rem;}
	.vwticket .guide_ticket .guide_left dl dt {font-size: 1.125rem; letter-spacing:-0.5px;}

	/* 관람안내 > 관람안내 */
	.fairviewTbl dl dt {font-size: 1rem; width: 25%;}
	.fairviewTbl dl dd {width: 75%;}

	/* 관람안내 > 주변관광지 */
	.tourist .secTtl {font-size: 1.75em;}


}


@media(max-width:768px){

	/* 관람안내 > 입장권안내 */
	.vwticket .guide_ticket {display: block;}
	.vwticket .guide_ticket .guide_left, .vwticket .guide_ticket .guide_right {width: 100%;}
	.vwticket .guide_ticket .guide_left {padding: 2.5rem 3rem 2.25rem;}
	.vwticket .guide_ticket .guide_left dl dt {font-size: 1.25rem; letter-spacing:-0.5px;}
	.vwticket .guide_ticket .guide_left:before, .vwticket .guide_ticket .guide_left:after {bottom: -2.75rem; width: 10px; height: 2.5rem; border-top: 0; border-left: 10px dotted #ddd;}
	.vwticket .guide_ticket .guide_left:before {right: auto; top: auto;left: 25%;}
	.vwticket .guide_ticket .guide_left:after {right: 25%;}
	.vwticket .guide_ticket .guide_right {margin-top: 3rem;}

	/* 관람안내 > 관람안내 */
	.fairviewTbl {border-top: none;}
	.fairviewTbl dl {display: block; border-bottom:none; }
	.fairviewTbl dl + dl {margin-top: 2.5rem;}
	.fairviewTbl dl dt, .fairviewTbl dl dd {width: 100%; padding: 0;}
	.fairviewTbl dl dt p {display: inline-block;}
	.fairviewTbl dl dt {text-align: left; font-size: 1.125rem; margin-bottom: 1rem; border-bottom: 1px solid #333; padding-bottom: 1rem; font-weight: 500;}
	.fairviewTbl dl dt .fvImg {margin-right:0.625rem;}
	.fairviewTbl dl dt .fvImg img {width: 30px; vertical-align: middle; margin-bottom: 0;margin-top: -3px;}
	.fairviewTbl dl dt .fvImg:before {width: 15px; height: 15px; right: -5px; bottom: -3px;}

	/* 관람안내 > 주변관광지 */
	.tabsWrap {margin-bottom: 3em;}
	.tabsWrap .tab a {padding: 0.25rem;}
	.tourist .sec {display: block;}
	.tourist .secTtl {width: 100%; font-size: 1.5em; padding-right: 0; margin-bottom: 1rem;}
	.tourist .secTtl span:before {width: 20px; height: 20px;}
	.tourist .secCon {width: 100%;}
	.tourist .sec + .sec {margin-top: 3.75rem;}
	.tourist .artiTtl {font-size: 1.25em;}
	.tourist .artiCon > div:first-child {width: 30%; padding-right: 0;}
	.tourist .artiCon > div:last-child {width: 65%;}
}



@media(max-width:640px){
  
	/* 관람안내 > 입장권안내 */
	.vwticket .btn.earlybird {font-size: 1rem; padding:0.8rem 1rem; }
	.vwticket .btn.earlybird img {width: 30px;margin-right: 0.5rem;}
	.vwticket .guide_ticket .guide_left {padding: 2rem 3rem 1.75rem;}
	.vwticket .guide_ticket .guide_left dl dt {font-size: 1.125rem;}
	.vwticket .guide_ticket .guide_left dl + dl {margin-top: 1.5rem;}

  .vwticket .ticketSeller_list {column-gap: 2%; row-gap:0.5rem;}
  .vwticket .ticketSeller_list > li {width:calc(96% / 2) }
  .vwticket .online .ticketSeller_list > li {width: 100%; }

  .article.entryProcedure ol {flex-wrap:wrap; column-gap: 2%; row-gap:0.5rem;}
  .article.entryProcedure ol li{width: calc(96% / 2); padding: 1rem 0.5rem 1rem 1.5rem; }
  .article.entryProcedure ol li:first-of-type{padding:1rem 0.5rem; }
  .article.entryProcedure ol li:first-of-type:after {display: none; }
  .article.entryProcedure ol li:nth-child(n+2):before{left:0.5rem; padding:1rem 0;}
  .article.entryProcedure ol li:not(:last-of-type):after {display:none; }

	/* 관람안내 > 주변관광지 */
	.tabsWrap .tab a {font-size: inherit;}
	.tourist {margin-bottom: 3rem;}
	.tourist .mb30 {margin-bottom: 20px;}
	.tourist .mt50 {margin-top: 30px;}
	.tourist dt .ic {margin-top: -1px;}
	.tourist dd a {display: inline-block; word-break: break-all;}

}

@media(max-width:480px){

	/* 관람안내 > 입장권안내 */
	.vwticket .guide_info {padding: 1.125rem 1.25rem;}
	.vwticket .guide_ticket .guide_left {padding: 1rem}
	.vwticket .guide_ticket .guide_left dl dt {font-size: 1rem;}
	.vwticket .guide_ticket .guide_left dl dd {font-size: 1rem;}
	.vwticket .guide_ticket .guide_left:before, .vwticket .guide_ticket .guide_left:after {border-left: 8px dotted #ddd;bottom: -2.25rem; height: 2rem;}
	.vwticket .guide_ticket .guide_right {margin-top: 2.5rem;}

	/* 관람안내 > 관람안내 */
	.fairView .regist_step > li {width: 100px;}

	/* 관람안내 > 주변관광지 */
	.tabsWrap {margin-bottom: 2.5em;}
	.tabsWrap .tab a {padding: 3px 0;}
	.tourist .secTtl {font-size: 1.375em;}
	.tourist .secTtl span:before {width: 15px; height: 15px; right: -7px;}
	.tourist dt {width: 85px; margin-right: 15px; }
	.tourist dt .ic {width: 22px; height: 22px; }
	.tourist dt .ic.map {background-size: 12px;}
	.tourist dt .ic.tel, .tourist dt .ic.home {background-size: 10px;}
	.tourist dd {width: calc(100% - 110px);}
	.tourist dl + dl {margin-top: 6px;}
	.tourist .mb30 {margin-bottom: 15px;}
	.tourist .mb20 {margin-bottom: 10px;}
	.tourist .sec + .sec {margin-top: 2.5rem;}
	.tourist .artiTtl {font-size: 1.125em;}
	.tourist .artiCon > div:first-child {width: auto; text-align: center;}
	.tourist .artiCon > div:first-child img {height: 150px; border-radius:0; margin-bottom: 1em;}
	.tourist .artiCon > div:last-child {width: 100%;}
	.tourist .fl, .tourist .fr {float: none;}
}


@media(max-width:320px){

}