/********************************************************
* Sub Page
*********************************************************/
/* Common */

/**/
.lnbWrap{position:relative; top:0; left:0; width:100%; height:244px; overflow:hidden; max-width:1903px; margin:0 auto;}
.lnb01{background:url(../images/sub/subTop.jpg) no-repeat; height:244px; animation:kenburns-top 10s ease-out both;}
.lnb02{background:url(../images/sub/subTop02.jpg) no-repeat; height:244px; animation:kenburns-top 10s ease-out both;}
.lnb03{background:url(../images/sub/subTop03.jpg) no-repeat; height:244px; animation:kenburns-top 10s ease-out both;}
.lnb04{background:url(../images/sub/subTop04.jpg) no-repeat; height:244px; animation:kenburns-top 10s ease-out both;}
.lnb05{background:url(../images/sub/subTop05.jpg) no-repeat; height:244px; animation:kenburns-top 10s ease-out both;}
.lnb06{background:url(../images/sub/subTop06.jpg) no-repeat; height:244px; animation:kenburns-top 10s ease-out both;}

@keyframes kenburns-top
	{
		0%{transform:scale(1) translateY(0); transform-origin:50% 10%;}
		100%{transform:scale(1.1) translateY(-3px); transform-origin:top;}
	}
.lnbWrap h1{color: #fff; font-size:44px; letter-spacing:1.8px; text-transform:uppercase; font-weight:900; position:absolute; top:102px; text-align:center; width:100%;}


/*TBA*/
.loader {
  display: flex;
  gap: 8px;
  justify-content: center;
  align-items: center;
  height: 60px;
}

/* Individual squares */
.loader-square {
  width: 22px;
  height: 22px;
  background-color: rgb(0, 102, 79);
  border-radius: 4px;
  box-shadow: 0 0 12px rgb(0, 102, 79, 0.8);
  animation: scaleBounce 1.2s infinite ease-in-out;
  position: relative; margin-right: 15px;
}
.loader div:last-of-type{margin-right: 0;}
/* Splash effect */
.loader-square::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgb(0, 102, 79, 0.5);
  border-radius: 50%;
  opacity: 0;
  transform: scale(1);
  animation: splash 1.2s infinite ease-in-out;
}

/* Animations for each square */
.loader-square:nth-child(1) {
  animation-delay: -0.6s;
}
.loader-square:nth-child(2) {
  animation-delay: -0.4s;
}
.loader-square:nth-child(3) {
  animation-delay: -0.2s;
}
.loader-square:nth-child(4) {
  animation-delay: 0s;
}


@keyframes scaleBounce {
  0%,
  80%,
  100% {
    transform: scale(0.5);
    opacity: 0.6;
  }
  40% {
    transform: scale(1.2);
    opacity: 1;
  }
}

@keyframes splash {
  0% {
    opacity: 0.6;
    transform: scale(1);
  }
  50% {
    opacity: 0;
    transform: scale(2);
  }
  100% {
    opacity: 0;
    transform: scale(2.5);
  }
}
.tbaP{text-align: center; font-weight: 800; font-size: 33px; text-transform: uppercase; color: #ccc;}

.subC{width:100%; max-width:1240px; margin:0 auto; padding:62px 40px; font-size:15.8px;}
.subC{text-align:justify;}

/*table*/
.s_table{width:100%; border-top:2px solid #00664f;}
.s_table th{padding:10px 12px; border-bottom:1px solid #e5e5e5; background:#f9f9f9; text-align:center; border-right:1px solid #e5e5e5;}
.s_table td{padding:10px; border-bottom:1px solid #e5e5e5; padding:10px; line-height:1.3; text-align:center; border-right:1px solid #e5e5e5;}
.s_table th:last-child, .s_table td:last-child{border-right:0;}
.s_table td.bR1{border-right:1px solid #e5e5e5;}
.s_table th.soldout, .s_table td.soldout{background:#f5f5f5; color:#bdbdbd; position:relative;}
.s_table td.soldout img {position: absolute;left: 50%;margin-left: -70px;z-index: 99;}


/*ul-list*/
.ul-style1{}
.ul-style1 li{position: relative; padding-left: 30px; margin: 4px 0;}
.ul-style1 li::before { position: absolute; content: "-"; top: 1px; left: 4px;}

.ul-style2{}
.ul-style2 li{position: relative; padding-left: 7px; left:22px; margin: 4px 0; list-style-type:decimal;}

.ul-style3{}
.ul-style3 li{position: relative; padding-left: 29px; margin: 4px 0;}
.ul-style3 li::before { position: absolute; content: "※"; top: 1px; left: 4px;}

.ul-style4{}
.ul-style4 li{position: relative; padding-left: 16px; margin: 4px 0;}
.ul-style4 li::before { position: absolute; content: ""; display:block; width:4px; height:4px; background:#4d4d4d; top: 14px; left: 4px; border-radius:11px;}

/*tab*/
.tab{display:flex; justify-content:space-between; gap:10px;}
.tab li{width:100%; padding: 5px; background: #fff; box-shadow: 0px 0px 30px 0px #00000026;  border-radius: 50px;}
.tab li a{display:block; padding:13px 0; width:100%; text-align:center; border:2px solid transparent; color:#919191; font-size:18px; border-radius: 50px; transition: .3s ease;}
.tab li a.active{background: #00664f; color: #fff; font-weight:800;}
.tab li a:hover{background: #00664f; color: #fff;}
.tabcontent1{padding:0 30px;}

/*venue*/
.mapBox{border: 4px solid #0b5544; border-radius: 17px; overflow: hidden; background: #fff; padding: 15px;}
.venueBox{border-bottom: 1px solid #00664f;}
.venueBox div.right{width: 20%; background: linear-gradient(45deg, #00664f, #0bbd95); padding: 15px 0;}
.venueBox div.right h3{color: #fff;}
.venueBox div.left{width: 80%;}

/*seoul*/
.koreaW{display:flex; align-items:center; gap:45px;}
.korcnt{background:#f3f3f3; padding:30px; text-align:justify; border-radius:30px 0 0 30px;}

h1.tit{text-align:left; font-size:32px; color:#3b3b3b; margin-bottom:19px; letter-spacing: -0.5px;}
.soulBtnW{display:flex; justify-content:space-evenly;}
.btn{display: block; padding: 14px 60px; background:#0b5544; border: 1px solid #000; font-weight:600; font-size:18px; transition:.3s ease; border-radius:50px; color: #fff; box-shadow: 0 7px 0px 0px #00000036;}
.btn i{color:#fff; transition:.3s ease;}
.btn:hover{box-shadow: 0 0 0px 0px #000000b5; transform: translateY(10px);}

.atK{display:flex; justify-content:space-between; gap:30px; align-items:center;}
.atK>div:nth-of-type(1){width: 22%; overflow: hidden; border-radius: 17px;}
.atKinfo{width: 74%;}
.atKinfo h3{font-size:1.28rem; color:#00664f; display:block; margin-bottom:10px; border-bottom:1px dotted #ccc; padding-bottom:5px; position:relative}
.atKinfo h3::before{position:absolute; display:block; content:""; width:68px; height:3px; background:#ccc; right:0; bottom:0;}
.atKinfo p{}
.atKinfo a{padding:4px 10px; border-radius:23px; display:inline-block; margin-top:9px; background:#faff81; border: 2px solid #000;}


.updateBox{padding: 16px; border: 3px solid #dd1439; border-radius: 15px;}
.updateBox h3{font-size: 20px; background: #dd1439; display: inline-block; padding: 2px 16px; color: #fff; border-radius: 50px; margin-bottom: 7px;}
.smallBtn{padding:4px 10px; border-radius:23px; display:inline-block; margin-top:9px; background:#faff81; border: 2px solid #000;}

.topic_wrap{display: flex; gap:20px;}
.topic_wrap.Wrap33 > div{width: 33.333%; justify-content: center; padding: 30px;}
.topic_wrap > div{border: 3px solid #00664f; border-radius: 15px; display: flex; flex-direction: column; align-items: center;}
.topic_wrap > div:nth-child(2){border: 3px solid #18a181;}
.topic_wrap > div:nth-child(3){border: 3px solid #08e392;}




/*useful*/
#usfulBox{border-bottom: 1px solid #f3f3f3; border-top: 4px double #00664f; padding: 30px; }
.usfulCont{display:flex; gap:22px;}
.useTit{color:#00664f;}
.usefulBox>div{padding:17px; background:#fff; border-left:1px solid #eaeaea; border-bottom:1px solid #eaeaea; border-right:1px solid #eaeaea;}
.thead{background:#00664f; color:#fff; padding:5px 6px; text-align:center; font-size:15.6px;}
.usetitleP{font-weight: 800; font-size: 18px;}
.usfulul{display: flex; flex-wrap:wrap;}
.usfulul li{width: 33.333%;}

/*overview*/
.overviewBox{}
.overviewBox div.txt{width: 61%}
.overview_ul{}
.overview_ul li{display: flex; gap:17px; margin-bottom: 10px; border-bottom: 1px solid #ccc; padding-bottom: 10px; align-items: center;}
.overview_ul li span{width: 36%; background: linear-gradient(45deg, #00664f, #0abc94); color: #fff; text-align: center; border-radius: 11px; font-weight: 700; padding: 11px 0;}
.overview_ul li p{width: 64%;}