/* 글꼴 추가됨:
Sandoll Press Basic
font-family: "sandoll-press-basic", sans-serif;
font-weight: 400;
font-style: normal;
Sandoll Press Original
font-family: "sandoll-press-original", sans-serif;
font-weight: 400;
font-style: normal; */


html, body {--overflow-x:hidden;}
.k-section {position: relative;}

.imsi {display: none;;}
/******************************************************
 k-section-01
*******************************************************/
.k-section-01 {overflow:hidden;}
.k-section-01 .section-inner {}
.k-section-01 .cont {position: relative;}
.intro-bg {position: fixed; top:0px; left:0px; width:100vw; height:100vh;background:url(../images/intro-bg-large.jpg) center center no-repeat; background-size:2792px 1863px; background-position-y: calc(50vh - 930px);}
.k-section-01.section-end .intro-bg {position: absolute;; top:inherit;bottom:0px;}
/*  */
.title-wrap {position: absolute; top:calc(-60vh - 180px);left:0px; z-index:1;width:100%; height:100vh;display:flex;justify-content: center;;transition:all 0.5s}
.title-wrap .k-title {position: relative; opacity: 0; transition:all 1.0s}
.title-wrap .k-title .img-wrap {width:781px; transition:all 1.0s}
.title-wrap.on {top:80px;}
.title-wrap.on .k-title .img-wrap { width:243px; transform:  translate(0px, 0px); }
.k-section-01 .title-wrap.on2 .k-title {opacity: 0;transition: all 0.5s;}
.k-section-01.section-start .k-title {opacity: 1;}
.k-section-01.section-end .k-title {opacity: 0;}
#titlecanvas {position: absolute;top:-1px;left:0px;;opacity: 0.2;transition: opacity 1.0s;}
#titlecanvas canvas {max-width: 781px;width:100% !important;max-height:361px;height:100% !important;}
.title-wrap .k-title .img-wrap img {opacity: 1;}

#titlecanvas.hide { opacity: 0;;transition: opacity 0.5s;}

.k-compass {position: absolute;bottom:110px;left:0px;right:0px;display:flex;justify-content: center;}

/*  */
.k-section-01 .regi-map-wrap {position: fixed;top:0vh;left:0px;width:100vw;height:100vh;display:flex;justify-content: center; }
.regi-map-wrap .regi-map {position: fixed;width:100vw; top:110vh;;transition:all 0.5s}
.regi-map-wrap.on .regi-map {top:140px;}
.regi-map-wrap.addTransition {transition:all 0.5s}

/*  */
.bottom-tree {position: relative;height:100vh;padding-top:calc(100vh + 800px);}
.bottom-tree .img {position: relative;top:0px;left:0px;width:100%;height:100vh;background:url(../images/bottom-tree.png) top center no-repeat;background-size:4096px 1557px;}
.bottom-tree .dim {position: absolute;bottom:0px;left:0px; width:100%; height:367px; background:url(../images/tree-shadow.png) left top repeat-x;}
.k-section-01.section-end, .k-section-01.section-out {position: relative; z-index:-1;;;}
.k-section-01.section-out { opacity: 0;;}

@media screen and (min-width: 2792px) {
  .intro-bg {background-size:cover;}
}

.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.scroll-ico {position: fixed;top:calc(100vh - 80px);left:calc(50% - 10px);}
.scroll-ico span { 
  margin-top:8px; font-size:12px;line-height:12px;color:#fff;display:block;width:100px;text-align: center;translate: -50px 0;margin-left:25px;
}
.scroll-ico .bar {
  animation-name: moveSlideshow;
  animation-duration: 2s;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-direction: alternate;
}

@keyframes moveSlideshow {
  0% {transform: matrix(1,0,0,1,0,0)}
  50% {transform: matrix(1,0,0,1,0,10)}
  100% {transform: matrix(1,0,0,1,0,0)}
}










/******************************************************
 k-section-03
*******************************************************/
.k-section-03 {background-color: #19261D;height:80vh; width:100%;z-index:2;}
.k-section-03 .section-inner {height:100%;}
.k-section-03 .txt-wrap {position: relative;height:100%;display:flex;align-items: center;justify-content: center;}
.txt-wrap-inner {margin-top:-20vh;}
.k-section-03 .txt-wrap .k-text {color:#fff;font-size:36px;line-height:60px;text-align: center;;opacity: 0; transition:all 0.5s}
.k-section-03 .txt-wrap .btn-wrap {display:flex;justify-content: center;margin-top:130px;}
.k-section-03 .txt-wrap button {border:2px solid #fff; padding:0 30px; border-radius:30px; height:58px;display:flex; align-items: center;justify-content: center; color:#fff;font-size:20px;}
.btn {}

/******************************************************
 k-section-04
*******************************************************/
.k-section-04 {}
.k-section-04.hide {display:none;}
.k-section-04 .section-inner {height:3600px;}
.card-cont {width:100%; height:100vh;overflow:hidden; display:flex;justify-content: center;align-items: center;}
.card-cont .bg {width:2766px;height:1561px;}
.card-cont .bg {position: relative; ;}
.forest-bg.pc {width:2766px;height:1561px;}
.k-section-04.detail .firefly-list {opacity: 0;}
.k-section-04.all-open .section-inner {height:calc(100vh + 600px)}

/* 3168/1561 */
.firefly-dim {position:absolute; top:0px;left:0px;width:100%;height:100%; -webkit-backdrop-filter: blur(30px);backdrop-filter: blur(30px);background:rgba(0,0,0,0.23);transition: all 1s;}
.firefly-dim.on {-webkit-backdrop-filter: blur(0px);backdrop-filter: blur(0px);background:rgba(0,0,0,0.0);}
.firefly-list {position: absolute;top:0px;left:0px;width:100%;height:100%;;transition: opacity 0.15s;}
.firefly-list.z10 {z-index:10;}
/*  */
.firefly {position:absolute;top:50%;left:50%; cursor:pointer; transition: all 0.5s;}
.firefly .fireflySpan {
  position: relative; display:block; width:16px;height:16px;border-radius: 50%;background-color: #fff; 
  border:2px solid #EAAC3D; overflow:hidden; transition:all 0.5s ease-in-out
}
.firefly .fireflyAni {position: absolute; top:2px;left:2px; width:16px;height:16px;border-radius: 50%;;box-shadow: 0px 0px 15px 16px rgba(234, 172, 61, 0.7);z-index:0;}
.firefly .thumb-off {position: absolute;top:0px;left:0px;; opacity: 0; transition:  all 0.25s;}
.firefly .thumb-off .result {display: none;;}
.firefly .thumb-off img {width:104px;height:104px;transition: all 0.5s;}

.firefly.hover .thumb-off img {transform: scale(1.2);}


.firefly .view-button button {  
  position: relative;margin-left:-31px;margin-top:-15px;z-index:1;
  background-color: #EAAC3D;border-radius: 30px;
  color:#fff;font-size:14px;
  display:flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  display:none;
  padding:0 10px;height:32px;opacity: 0;;transition: all 0.25s;
}
.z10 .firefly .view-button button {display:flex;}

.firefly .view-button button .ico {margin-left:6px;transition:all 0.5s 0.25s;}
/*  */
.firefly.hover .fireflySpan {width:104px;height:104px; margin-left:-52px; margin-top:-52px; }
.firefly.hover .fireflyAni {  top:calc(-52px + 9px);left:calc(-52px + 9px);width:90px;height:90px; transition: all 1s}
.firefly.hover .thumb-off {opacity: 1;}
.firefly.hover .view-button button {opacity: 1;}
/*  */
.firefly.active .fireflySpan {width:104px;height:104px; margin-left:-52px; margin-top:-52px; }
.firefly.active .fireflyAni {  top:calc(-52px + 9px);left:calc(-52px + 9px);width:90px;height:90px; transition: all 1s}
.firefly.active .thumb-off {opacity: 1;}
.firefly.active .view-button button {opacity: 1;background-color: #333;;}
.firefly.active .thumb-off .default {display: none;}
.firefly.active .thumb-off .result {display: block;}
.firefly.active .thumb-off img {width:105px;}
.firefly.active .view-button button {margin-left:-38px;}


.firefly.hover .view-button button .ico {
  display:block;
  width:14px;height:14px; 
  background:url("data:image/svg+xml, %3Csvg width='15' height='14' viewBox='0 0 15 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.5 7H12.5M7.5 2L7.5 12' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 0 0 no-repeat;
}
.firefly.active .view-button button .ico {
  display:block;
  width:14px;height:14px; 
  background:url("data:image/svg+xml, %3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_256_1648)'%3E%3Cpath d='M9.80266 10.5773C7.92962 12.3477 4.97602 12.2645 3.20561 10.3914C1.4352 8.5184 1.5184 5.5648 3.39143 3.79439C5.26447 2.02398 8.21807 2.10717 9.98848 3.98021C10.961 5.00908 11.3742 6.36398 11.2386 7.66973M11.2386 7.66973L8.75 6.36883M11.2386 7.66973L12.8333 5.43582' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_256_1648'%3E%3Crect width='14' height='14' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") 0 0 no-repeat;
}
.firefly.active.hover .view-button button .ico {
  display:block;
  width:14px;height:14px; 
  background:url("data:image/svg+xml, %3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_256_1648)'%3E%3Cpath d='M9.80266 10.5773C7.92962 12.3477 4.97602 12.2645 3.20561 10.3914C1.4352 8.5184 1.5184 5.5648 3.39143 3.79439C5.26447 2.02398 8.21807 2.10717 9.98848 3.98021C10.961 5.00908 11.3742 6.36398 11.2386 7.66973M11.2386 7.66973L8.75 6.36883M11.2386 7.66973L12.8333 5.43582' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_256_1648'%3E%3Crect width='14' height='14' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") 0 0 no-repeat;
}
.firefly .view-button button .ico {  transform:rotate(0deg);}
.firefly.hover .view-button button .ico {  transform:rotate(180deg);}
.firefly.active.hover .view-button button .ico {  transition:all 0.5s 0s;}


.firefly1 {left:calc(50% - 669px);top:calc(50% - 66px);}
.firefly2 {left:calc(50% - 276px);top:calc(50% - 242px);}
.firefly3 {left:calc(50% + 432px);top:calc(50% - 266px);}
.firefly4 {left:calc(50% + 432px);top:calc(50% + 183px);}

.fireflyAni1.on {
  animation-name: fireflyAni;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}
.fireflyAni2.on {
  animation-name: fireflyAni;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
}
.fireflyAni3.on {
  animation-name: fireflyAni;
  animation-duration: 1.2s;
  animation-iteration-count: infinite;
}
.fireflyAni4.on {
  animation-name: fireflyAni;
  animation-duration: 1.6s;
  animation-iteration-count: infinite;
}
@-webkit-keyframes fireflyAni {
  0% {  transform:scale(1);}
  50% {  transform:scale(1.2);}
  100% {  transform:scale(1);}
}


.k-section-04 .regi-map-wrap {position: fixed;top:0px;left:0px;width:100vw;height:100vh;display:flex;justify-content: center; opacity: 0;transition:all 0.7s 0.1s; }
.k-section-04 .regi-map-wrap .regi-map {position: relative;top:0px;}
.k-section-04 .regi-map-wrap.active {top:calc(50vh - 289px); opacity: 1;;}
.k-section-04 .regi-map-wrap.out {transition: initial;}
.k-section-04 .regi-map-wrap.hide {display: none;;}
.k-tree {display:none;}
.k-tree .k-left {
  position: absolute;left:calc(50% - 1920px + 500px);bottom:-100px; width:1920px;height:1080px; 
  background:url(../images/forest-bottom.png) top right no-repeat;
  background-size:3583px 1317px;
  transform:matrix(1,0,0,1,0,1000);transition:all 0.5s ease-in-out;
}
.k-tree .k-right {
  position: absolute;left:calc(50% + 200px );bottom:-200px; width:1920px;height:1080px; 
  background:url(../images/forest-bottom.png) top left no-repeat;
  background-size:3583px 1317px;
  transform:matrix(1,0,0,1,0,1000);transition:all 0.5s 0.15s ease-in-out;
}
/* .k-tree .k-left img {width:3869px;height:1548px;}
.k-tree .k-right img {width:3869px;height:1548px;} */
.k-tree img {opacity: 0;;}
.k-tree.start .k-left {transform:matrix(1,0,0,1,0,0); transition: all 1s linear;}
.k-tree.start .k-right {transform:matrix(1,0,0,1,0,0);transition: all 1s 0.1s linear;}
.k-tree.end .k-left {transform:matrix(1,0,0,1,0,200);transition-delay:0s;transition-timing-function:initial;}
.k-tree.end .k-right {transform:matrix(1,0,0,1,150,150);transition-delay:0s;transition-timing-function:initial;}
.section-start .k-tree {display:block;}


.card-layer .layer-inner {}
.card-layer-item {display:none; position: fixed;top:0px;left:0px;bottom:0px;right:0px;;display:none;opacity: 0; transform:scale(0.1)}
.card-layer-item.on {display:block;}
.card-layer-item .item-inner { position: relative; display:flex;align-items: center; justify-content: center; height:100vh;}
.card-layer-item-01 .bg {position:absolute;top:0px;left:0px;width:100%;height:100%;; background:url(../images/item01-card-bg.jpg) center center no-repeat;background-size:cover;}
.card-layer-item-02 .bg {position:absolute;top:0px;left:0px;width:100%;height:100%;; background:url(../images/item02-card-bg.jpg) center center no-repeat;background-size:cover;}
.card-layer-item-03 .bg {position:absolute;top:0px;left:0px;width:100%;height:100%;; background:url(../images/item03-card-bg.jpg) center center no-repeat;background-size:cover;}
.card-layer-item-04 .bg {position:absolute;top:0px;left:0px;width:100%;height:100%;; background:url(../images/item04-card-bg.jpg) center center no-repeat;background-size:cover;}
.card-layer-item-01 .bg-back {position:absolute;top:0px;left:0px;width:100%;height:100%;; background:url(../images/item01-card-back-bg.jpg) center center no-repeat;background-size:cover;}
.card-layer-item-02 .bg-back {position:absolute;top:0px;left:0px;width:100%;height:100%;; background:url(../images/item02-card-back-bg.jpg) center center no-repeat;background-size:cover;}
.card-layer-item-03 .bg-back {position:absolute;top:0px;left:0px;width:100%;height:100%;; background:url(../images/item03-card-back-bg.jpg) center center no-repeat;background-size:cover;}
.card-layer-item-04 .bg-back {position:absolute;top:0px;left:0px;width:100%;height:100%;; background:url(../images/item04-card-back-bg.jpg) center center no-repeat;background-size:cover;}
.card-layer-item .bg-back {opacity: 0;transition:all 0.5s}
.card-layer-item .bg-back.on {opacity: 1;}
.card-layer-item .bg {
  opacity: 0;
  -webkit-mask: 
    linear-gradient(to top,  transparent 0%, #fff 10% 90%, transparent 100%),
    linear-gradient(to left, transparent 0%, #fff 10% 90%, transparent 100%);
  -webkit-mask-size:10% 10%;
  -webkit-mask-position:center;
  -webkit-mask-repeat:no-repeat;
  -webkit-mask-composite: source-in;
  transition: all 0.5s 0.0s linear;
}
.card-layer-item .bg.on {
  opacity: 1;
  -webkit-mask-size:140% 140%;
}




.k-card-list { -webkit-perspective: 1600px;perspective: 1600px;}
.k-card {position: relative; width:340px;height:510px;background: url(../images/item01-card-front.jpg) 0 0 no-repeat;background-size:cover;}
.k-card .front {position: relative; padding:0px 0px 0px 0px; box-sizing: border-box;text-align: center;;display:block;height:510px;}
.k-card .card-img {box-sizing: border-box;display:flex;align-items: center;justify-content: center;}
.k-card .card-img img {width:100%;}
.k-card .card-content {padding:0 40px;}
.k-card .card-name {font-family: "sandoll-press-basic", sans-serif;font-size:36px;line-height:36px;color:#8E7F64;margin-top:43px;}
.k-card .card-cate {font-family: "sandoll-press-basic", sans-serif;font-size:18px;line-height:18px;margin-top:10px;color:#8E7F64;}
.k-card .card-desc {font-size:14px;line-height:24px;color:#8E7F64;margin-top:14px;}
.k-card .card-desc dt {font-weight:bold;}
.k-card .card-desc dd {margin-top:6px;}
/*  */
.k-card .flip-btn {position: absolute;top:24px;right:24px;;}
.k-card .flip-btn button {position: relative;z-index:1;}
.k-card .flip-btn button svg {transform:rotate(0deg);transition:all 0.25s 0.5s}
.k-card .flip-btn button:hover svg {transform:rotate(180deg);transition:all 0.25s 0s}
.k-card .flip-btn button + .txt {transform:matrix(1,0,0,1,0,0);transition: all 0.25s 0s;}
.k-card .flip-btn button:hover + .txt {transform:matrix(1,0,0,1,0,10);transition: all 0.25s 0s;}
.mobile .k-card .flip-btn button:hover + .txt {transform:matrix(1,0,0,1,0,-4);transition: all 0.25s 0s;}


.k-card .flip-btn .txt {position: absolute;top:33px;left:-2px;;width:210px;;opacity: 0; transform:matrix(1,0,0,1,0,20); }
.k-card .flip-btn.start .txt {opacity: 1;transform:matrix(1,0,0,1,0,0);transition: all 0.5s 0.5s;}
.k-card .flip-btn .txt span {position: relative; padding:1px 10px; display:flex;align-items: center; background-color: #EAAC3D;border-radius: 4px;font-size:13px;color:#fff; height:30px;;box-shadow:0px 4px 5px 0px rgba(0,0,0,0.1);}
.k-card .flip-btn .txt span:after {  content:"";position: absolute;top:-5px;left:10px;width:10px;height:8px;background:url(../images/card-arrow.png) 0 0 no-repeat;}




/*  */
.k-card .back {position: absolute;top:0px;left:0px;opacity: 0;}
/*  */
.card-layer-item {}
.k-card-list {-webkit-perspective:1600px;perspective:1600px}
.k-card {}



/*  */
.card-layer .back-content {display:none;}
.card-layer .back-content.on {display:block;}
.card-layer .back-content button {
  position: absolute;bottom:60px;left:calc(50% - 75px);
  width:150px;height:52px;display:flex;align-items: center;justify-content: center;
  background-color: #EAAC3D;border-radius: 30px;;
  font-family: "pretendard";font-size:16px;line-height:16px;color:#fff;
}



.back-content .txt-wrap {position: absolute;top:193px;left:0px; right:0px; color: white;padding:0 100px;}
.back-content .txt-wrap .card-name {font-family: "sandoll-press-basic", sans-serif;font-size:60px;line-height:70px;}
.back-content .txt-wrap .txt-inner {display:flex;justify-content: space-between;margin-top:80px;;}
.back-content .txt-wrap .txt-item {max-width:350px;margin-top:30px;}
.back-content .txt-wrap .title {font-family: "sandoll-press-basic", sans-serif;font-size:26px;line-height:26px;}
.back-content .txt-wrap dl {margin-top:30px;}
.back-content .txt-wrap dl dt {font-size:24px;line-height:40px;}
.back-content .txt-wrap dl dd {font-size:14px;line-height:24px;margin-top:10px;}






/*  */
.k-card.flip {}
.k-card.flip .flip-btn {display:none;}
.k-card.flip .front {opacity: 0;;}
.k-card.flip .back {opacity: 1; transform: matrix3d(-1, 0, 0, 0, 0, 1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1);}
.k-card .back img {width:340px;}

.card-layer-item-dim {
  position:absolute;top:0px;left:0px;width:100vw;height:100vh; 
  -webkit-backdrop-filter: blur(0px);backdrop-filter: blur(0px);background:rgba(0,0,0,0.0);
  transition: -webkit-backdrop-filter 1s backdrop-filter 1s background 1s;
}
.card-layer-item-dim.on {
  -webkit-backdrop-filter: blur(30px);backdrop-filter: blur(30px);background:rgba(0,0,0,0.23);
}

.k-card .back .back-txt { font-weight:100; font-size:48px;line-height:48px;position: absolute;top:0px;left:0px;padding:20px;width:100%;height:100%;box-sizing: border-box;color:#fff;}

.sandoll {
  font-family: "sandoll-press-basic", sans-serif;
  font-weight: 400;
  font-style: normal;
}


/******************************************************
 k-section-05
*******************************************************/
.k-section-05 {}
.k-section-05.hide {display:none;}
.k-section-05 .k-title {position: absolute;top:40px;left:40px;; font-size:48px;line-height: 54px;color:#000;z-index:1;transition: all 0.25s;}
.k-section-05 .section-inner {height:3000px;}
/*  */
.k-section-05 .thumb-list {position: absolute;top:0px;left:40px;height:100vh;width:36px;display: flex;align-items: center;;z-index:1;}
.k-section-05 .thumb-list .thumb-item {position: relative; margin:10px 0;width:36px;height:36px;}
.k-section-05 .thumb-list .thumb-item .default {position: absolute;top:0px;left:0px;transition: all 1s;}
.k-section-05 .thumb-list .thumb-item .active {opacity: 0;position: absolute;top:0px;left:0px;transition: all 0.5s;;}
.k-section-05 .thumb-list .thumb-item.on .default {opacity: 0;}
.k-section-05 .thumb-list .thumb-item.on .active {opacity: 1;}
.k-section-05 .thumb-list .thumb-item:hover .default {opacity: 0;}
.k-section-05 .thumb-list .thumb-item:hover .active {opacity: 1;}
.k-section-05 .thumb-list .thumb-item img {opacity: 0;width:0px;height:0px;display:none;;}
/* .k-section-05.section-top .k-title {position:fixed;} */
/* .k-section-05.section-top .thumb-list {position:fixed;} */
/*  */
.k-section-05 .k-list {}
.member-item { position: absolute;top:0px;left:0px; width:100%;; height:100vh;overflow:hidden;;display:flex;align-items: center;justify-content: center;opacity: 0;transition: all 0.5s;}
.member-item .inner {display:flex;padding:0 100px;box-sizing: border-box;}
.member-item .k-left {display:flex;align-items: center;}
.member-item .k-left .left-inner {}
.member-item .k-right {display:flex;align-items: center;;}
.member-item .k-right .right-inner {}
.member-item .k-desc {font-size:36px;line-height:48px;font-weight:bold;}
.member-item .k-name {font-size:16px;line-height:24px;margin-top:20px;;}
.member-item.active {opacity: 1;position: relative;}

/*  */
.member-item.item-01 .k-desc {color:#5F4D2E;transform: matrix(1,0,0,1,-40,0);opacity: 0; transition: all 0.5s 0.2s;}
.member-item.item-01 .k-name {color:#5F4D2E;transform: matrix(1,0,0,1,-30,0);opacity: 0; transition: all 0.5s 0.4s}
.member-item.item-01 .k-right {transform: matrix(1,0,0,1,100,0);opacity: 0; transition: all 0.5s 0.1s}
/*  */
.member-item.item-02 .k-desc {color:#5A7558;transform: matrix(1,0,0,1,-40,0);opacity: 0; transition: all 0.5s 0.2s;}
.member-item.item-02 .k-name {color:#5A7558;transform: matrix(1,0,0,1,-30,0);opacity: 0; transition: all 0.5s 0.4s}
.member-item.item-02 .k-left {transform: matrix(1,0,0,1,100,0);opacity: 0; transition: all 0.5s 0.1s}
/*  */
.member-item.item-03 .k-desc {color:#797B57;transform: matrix(1,0,0,1,-40,0);opacity: 0; transition: all 0.5s 0.2s;}
.member-item.item-03 .k-name {color:#797B57;transform: matrix(1,0,0,1,-30,0);opacity: 0; transition: all 0.5s 0.4s}
.member-item.item-03 .k-right {transform: matrix(1,0,0,1,100,0);opacity: 0; transition: all 0.5s 0.1s}
/*  */
.member-item.item-04 .k-desc {color:#506380;transform: matrix(1,0,0,1,-40,0);opacity: 0; transition: all 0.5s 0.2s;}
.member-item.item-04 .k-name {color:#506380;transform: matrix(1,0,0,1,-30,0);opacity: 0; transition: all 0.5s 0.4s}
.member-item.item-04 .k-left {transform: matrix(1,0,0,1,100,0);opacity: 0; transition: all 0.5s 0.1s}


.member-item.active.section-mid .k-desc {transform: matrix(1,0,0,1,0,0);opacity: 1;}
.member-item.active.section-mid .k-name {transform: matrix(1,0,0,1,0,0);opacity: 1;}
.member-item.active.section-mid .k-right {transform: matrix(1,0,0,1,0,0);opacity: 1; }
.member-item.active.section-mid .k-left {transform: matrix(1,0,0,1,0,0);opacity: 1; }




.member-item.item-01 {background-color: #C7AF85;}
.member-item.item-02 {background-color: #A7C6A4;}
.member-item.item-03 {background-color: #CBCDAD;}
.member-item.item-04 {background-color: #B6C4D8;}
.member-item .inner {padding-bottom:60px;}
.member-item:nth-child(2n) .inner {padding-bottom:70px;}
.k-section-05.section-top .member-item {}
/*  */
.member-item.item-01 .k-left {margin-top:-17px; margin-right:-163px;z-index:1;}
.member-item.item-02 .k-right {margin-top:20px; margin-left:34px;z-index:1;}
.member-item.item-03 .k-left {margin-top:-110px; margin-right:50px;z-index:1;}
.member-item.item-04 .k-right {margin-top:-220px; margin-left:-100px;z-index:1;}




/******************************************************
 common
*******************************************************/
.sns-button {position: fixed;top:30px;right:30px;z-index:1000;;}
/*  */
.regi-cont {text-align: center;position: relative;display:flex;justify-content: center;}
.regi-cont .cont-inner {width:385px;position: relative;}
.regi-cont .cont-inner .box-wrap {display: block;vertical-align: top;-webkit-perspective: 1600px;perspective: 1600px;}
.box-wrap .box {position: absolute;vertical-align: top;transform: rotateY(0.0deg) rotateX(0.0deg);transition: all 0.20s;
  transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1)
}
.box {height: 578px;display: flex;align-items: center;justify-content: center;box-sizing: border-box;}
.box-front img {width:100%;}
.box-back {width:385px;}
.box-back img {width:100%;}
.text {font-size: 150px;color: white;}
/* left */
.b-t {width: 385px;}
.b-t .box {left:-383px; top:2px; transform-origin: 100% 0;}
.b-t .box {transform: rotateY(180deg) rotateX(0.0deg);}
.b-t.on .box {transform: rotateY(0deg) rotateX(0.0deg);}
.b-t .box-front .map img {display: none;;}
.b-v .box-back #front-map-right {display: none;;}
#front-compass-right {display: none;;}
/* right  */
.b-v {width:384px;}
.b-v .box {left:381px; top:1px; transform-origin: 0 0;}
.b-v .box {transform: rotateY(-180deg) rotateX(0.0deg);}
.b-v.on .box {transform: rotateY(0deg) rotateX(0.0deg);}
/* center */
.b-o {width:383px;}
.b-o .box .left-shadow {  left:0px;}
.b-o .box .right-shadow {  left:1px;}
.box .right-shadow {
  position: absolute;
  top:0px;left:0px;
  width:100%;
  height:100%;
  box-shadow: inset -11px 1px 10px -10px rgba(0,0,0,0.1);
}

.box .left-shadow {
  position: absolute;
  top:0px;left:0px;
  width:100%;
  height:100%;
  box-shadow: inset 11px 1px 10px -10px rgba(0,0,0,0.1);
}

.box-wrap.active {transition: all 0s !important;}
.box-wrap.active .box {transition: all 0s !important;}


.map-shape {position: absolute;top:-7px;left:-382px;; }
.map-shape .shape-item {position: absolute; opacity: 0;}
.map-shape .shape-item.on {opacity: 1;;}
.map-shape .shape-item.shape01 {top:60px;left:150px;transform:matrix(1,0,0,1, -20, -20);}
.map-shape .shape-item.shape02 {top:350px;left:100px;transform:matrix(1,0,0,1, 20, 20);}
.map-shape .shape-item.shape03 {top:100px;left:700px;transform:matrix(1,0,0,1, 20, 0);}
.map-shape .shape-item.shape04 {top:100px;left:900px;transform:matrix(1,0,0,1, 20, 20);}
.map-shape .shape-item.shape05 {top:400px;left:600px;transform:matrix(1,0,0,1, -20, 0);}



/*  */
.map-cont {position: absolute;top:0px;left:-382px;width:1145px;height:586px;; display:flex;align-items: center; justify-content: center;}
.map-cont .title {opacity: 0;transform:matrix(1,0,0,1, 0, 40);font-size:60px;line-height:70px;color:#615642;}
.map-cont .desc {margin-top:17px;font-size:24px;color:#615642;line-height:40px;opacity: 0;transform:matrix(1,0,0,1, 0, 40);}

.box {position: relative;}
.box-front {position: absolute;top:-6px;left:4px;opacity: 1; z-index:1; ;transform: rotateY(180deg) rotateX(0.0deg);transition:opacity 0.5s}
.open .box-front {opacity: 0;}







/******************************************************
 k-section-06
*******************************************************/
.k-section-06 {height:100vh;z-index:1;background-color: #BED4E0;;}
.k-section-06.hide {display:none;}
.k-section-06.hide .section-inner {}
.k-section-06  .section-inner {height:100vh;}
.k-section-06 .k-title {position: absolute;top:40px;left:40px;; font-size:48px;line-height: 54px;color:#fff;z-index:1;;}
.k-section-06 .k-text {position: absolute;top:210px;left:40px;; font-size:26px;font-weight:800;line-height: 54px;color:#ffffff;z-index:1;;}
#map-canvas {height:100vh;}
.video {
  top: -999px;
  right: -999px;
  left: -999px;
  bottom: -999px;
  display: block;
  margin: auto;
  min-width: 100%;
  min-height: 100%
}


.parallax[data-opacity="0"] {opacity: 0 !important;transition: opacity 0.5s;}
.parallax[data-opacity="0.5"] {opacity: 1 !important;transition: opacity 0.5s;}
.parallax[data-opacity="1"] {opacity: 1 !important;transition: opacity 0.5s;}
.gm-style-moc {display:none;}

img.pc {}
img.tablet {display:none;}
img.mobile {display:none;}

html.layer-fixed {overflow:hidden;}
html.layer-fixed body {overflow:hidden;}

.card-layer-item .item-inner > .card-name {
  position: absolute;top:160px;left:0px;right:0px;text-align: center;;
  display:none;font-family: "sandoll-press-basic", sans-serif;font-size:60px;line-height:70px;color:#fff;
}
/***********************************************
 * tablet
***********************************************/
@media screen and (max-width: 1699px) and (min-width: 1024px) {
  /* #titlecanvas {display:none;} */
  img.pc {display:none;}
  img.tablet {display:block;}
  img.mobile {display:none;}
  /* .card-cont {align-items: flex-start;} */
  .card-cont .bg {width:initial;height:initial;}
  .card-cont .bg .bg-wrap {}
  .card-cont .bg .bg-wrap .tablet {min-width:1320px;}
  .card-cont .bg .bg-wrap .tablet.vertical {height:105vh;width:auto;}
  .card-cont .bg .bg-wrap .tablet.horizon {width:105vw;height:auto;}
  .firefly2 {left:35.227%;top:39.311%;}
  .firefly1 {left:17.424%;top:62.518%;}
  .firefly3 {left:70.681%;top:30.819%;}
  .firefly4 {left:69.090%;top:62.079%;}
  .card-layer-item .item-inner {align-items: flex-start; height:initial;}
  .card-layer-item.scroll {}
  .card-layer-item.scroll .item-inner {position: relative;overflow-y:auto;overflow-x:hidden;height:100vh;display:block;}
  .back-content {}
  .back-content.on {padding-top:calc(297px + 50px);padding-bottom:40px;}
  .back-content .txt-wrap {padding-top:1000px;}
  .back-content .txt-wrap .txt-inner {}
  .card-layer-item.scroll .back-content .txt-wrap {padding:0px 24px 0px 24px;}
  .back-content .txt-wrap .txt-inner {margin-top:40px;}
  .back-content .txt-wrap dl dt {font-size:26px;line-height:26px;}
  .find-btn {display:flex;justify-content: center;margin-top:84px;}
  .k-card .flip-btn .txt {}
  .card-layer-item.scroll .item-inner {}
  .card-layer-item.scroll .back-content .txt-wrap {position: relative;top:0px;}
  .card-layer-item.scroll .k-card-list {display:flex;justify-content: center;}
  .back-content .txt-wrap .card-name {display:none;;}
  .card-layer-item.scroll .item-inner > .card-name {display:block;;}
  .back-content .txt-wrap .txt-inner {justify-content: center;}
  .back-content .txt-wrap .txt-item.k-left {padding-right:35px;}
  .back-content .txt-wrap .txt-item.k-right {padding-left:35px;}
  .card-layer .back-content button {position: relative;bottom:initial;left:initial}
  .back-content .txt-wrap .txt-inner {margin-top:0px;}
  .back-content .txt-wrap .txt-item {margin-top:0px;}
  /*  */
  .k-section-05 .k-title {font-size:48px;line-height:60px;}
  .member-item {}
  .member-item .inner {padding-right:0px;padding-left:150px;}
  .member-item.dir-right .inner {}
  .member-item.dir-left .inner {flex-direction: row-reverse;}
  .member-item.dir-right .k-left .left-inner {max-width:430px;}
  .member-item.dir-left .k-right .right-inner {max-width:430px;}

  .member-item.dir-right .k-right {margin-right:-200px;}
  .member-item.dir-left .k-left {margin-right:-200px;}
  .member-item .k-desc br {display: none;;}
  .member-item.item-04 .k-right {margin-left:0px;}
  /*  */
  .k-section-06 .k-title {font-size:48px;line-height:60px;}
  .k-section-06 .k-text {font-size:26px;line-height:60px;}

  /*  */
  .box-wrap .box {height:497px;width:321px;}
  .box-back {width:321px;}
  #frontRightImage {width:321px;height:497px;}
  #frontImage {width:321px;height:497px;}
  .b-t .box {left:-320px;}
  .b-v .box {left:321px;top:4px;}
  .title-wrap .k-title .img-wrap {width:674px;}



  .map-shape {}
  .map-shape .shape-item.shape01 {left:138px;top:31px;}
  .map-shape .shape-item.shape01 img {width:136px;}
  .map-shape .shape-item.shape02 {left:145px;top:313px;}
  .map-shape .shape-item.shape02 img {width:70px;}
  .map-shape .shape-item.shape03 {left:590px;top:63px;}
  .map-shape .shape-item.shape03 img {width:126px;}
  .map-shape .shape-item.shape04 {left:840px;}
  .map-shape .shape-item.shape04 img {width:144px;}
  .map-shape .shape-item.shape05 {top:340px}
  .map-shape .shape-item.shape05 img {width:247px;}
  .map-cont {left:-321px;width:973px;;height:497px;}
  .regi-cont .cont-inner {width:340px;}
  .map-cont .title {font-size:50px;line-height:60px;}
  .map-cont .desc {font-size:20px;line-height:34px;margin-top:10px;}


  /*  */
  .k-tree .k-left {bottom:-200px;left:calc(50% - 1784px);background-size:contain}
  .k-tree .k-right {bottom:-200px;left:calc(50% + 100px);background-size:contain}
  .k-tree.start .k-left {transform:matrix(1,0,0,1,0,100); }
  .k-tree.start .k-right {transform:matrix(1,0,0,1,0,100);}


}



/***********************************************
 * mobile
***********************************************/
@media screen and (max-width: 1023px) {
  /* #titlecanvas {display:none;} */
  .k-section-03 .txt-wrap .k-text {font-size:18px;line-height:30px;}
  .k-section-03 .txt-wrap .btn-wrap {margin-top:80px;}
  .k-section-03 .txt-wrap .btn-wrap button {font-size:20px;line-height:20px;height:56px;}
  /*  */
  .card-cont {align-items: flex-start;}
  .card-cont .bg {width:initial;height:initial;}
  .card-cont .bg .bg-wrap {}
  .card-cont .bg .bg-wrap .mobile {min-width:883px;}
  .card-cont .bg .bg-wrap .mobile.vertical {height:105vh;width:auto;}
  .card-cont .bg .bg-wrap .mobile.horizon {width:105vw;height:auto;}

  img.pc {display:none;}
  img.tablet {display:none;}
  img.mobile {display:block;}
  
  .firefly2 {left:36.466%;top:9.975%;}
  .firefly3 {left:59.000%;top:27.463%;}
  .firefly1 {left:38.278%;top:58.99%;}
  .firefly4 {left:62.287%;top:67.118%;}

  .card-layer-item .item-inner {align-items: flex-start; height:initial;}


  .card-layer-item.scroll {}
  .card-layer-item.scroll .item-inner {position: relative;overflow-y:auto;overflow-x:hidden;display:block;height:100vh;}
  .card-layer-item.scroll .k-card-list {position: relative;}
  .card-layer-item.scroll .k-card-list .k-card {height: initial;}
  .card-layer-item.scroll .front {display: none;;}
  .card-layer-item.scroll .back {position: relative;;}
  .card-layer-item.scroll .back-content {display:block;padding-bottom:100px;}
  .card-layer-item.scroll .back-content .txt-wrap {position: relative;top:0px;left:0px;}
  .card-layer-item.scroll .back-content button {position: relative;bottom:initial;left:initial;display:block;}

  .back-content .txt-wrap .txt-inner {display:block;}
  .card-layer-item.scroll .back-content .txt-wrap {padding:40px 24px 0 24px;}
  .back-content .txt-wrap .txt-inner {margin-top:40px;}
  .back-content .txt-wrap dl dt {font-size:26px;line-height:26px;}
  .back-content .txt-wrap .txt-item {max-width:initial;margin-top:60px;padding-left:0px;}
  .back-content .txt-wrap .txt-item:first-child {margin-top:0px;}
  .find-btn {display:flex;justify-content: center;margin-top:100px;}
  .k-card .flip-btn .txt {}
  /*  */
  .k-section-05 .k-title {font-size:30px;line-height:36px;left:24px;top:60px;}
  .k-section-05 .thumb-list {left:24px;padding:0px;height:initial;margin-top:0px;display:block;top:202px;}
  .member-item {align-items: flex-end;justify-content: flex-start;}
  .member-item.dir-right .inner {flex-direction: column-reverse;padding:0px;}
  .member-item.dir-left .inner {flex-direction: column;padding:0px;}
  .member-item.dir-right .k-left {margin:30px 0px 40px 24px;}
  .member-item.dir-left .k-right {margin:30px 0px 40px 24px;;}
  .member-item.dir-left .k-left {justify-content: center;}
  .member-item .inner {width:100%;overflow:hidden;}
  .member-item.item-01 img {max-width:600px;margin-left:10%;}
  .member-item.item-02 img {max-width:687px;margin-left:10%;}
  .member-item.item-03 img {max-width:860px;margin-left:10%;}
  .member-item.item-04 img {max-width:821px;margin-left:10%;}
  .member-item img {width:100%;}
  .member-item .k-desc {font-size:18px;line-height:30px;}
  .member-item .k-name {font-size:14px;line-height:24px;}
  /*  */
  .k-section-06 .k-title {font-size:30px;line-height:36px;left:24px;top:30px;}
  .k-section-06 .k-text {font-size:18px;line-height:36px;left:24px;top:140px;}

  /*  */
  .box {height:320px;}
  .b-t {width:177px;}
  .b-t .box {left:calc(-177px);top:0px;}
  .b-o {width:177px;}
  .b-o .box {left:0px;}
  .box-back {width:177px;height:320px;}
  .b-v {display: none !important;}
  #frontImage {width:177px;height:320px;}

  .b-t .box-back img {opacity: 0;}
  .b-t .box-back {background: url(../images/m/map-left.png) 0 0 no-repeat;background-size: cover;}
  .b-o .box-back img {opacity: 0;}
  .b-o .box-back {background: url(../images/m/map-right.png) 0 0 no-repeat;background-size: cover;}

  .regi-map-wrap .regi-cont .cont-inner {width:177px;height:320px;}
  .regi-map-wrap.flip .regi-cont .cont-inner {transition: all 0.5s;}
  .regi-map-wrap.flip .b-t .box {left:0px;transition: left 0.5s !important;}
  .regi-map-wrap.flip .b-o .box {left:177px;transition: left 0.5s !important;}
  .regi-map-wrap.flip .regi-cont .cont-inner {width:354px;}

  .map-shape {left:0px;top:0px;height:320px;width:353px;}
  .map-shape .shape-item.shape01 {left:12px;top:19px;}
  .map-shape .shape-item.shape01 img {width:73px;}
  .map-shape .shape-item.shape02 {left:16px;bottom:16px;top:initial}
  .map-shape .shape-item.shape02 img {width:49px;}
  .map-shape .shape-item.shape03 {left:153px;top:30px}
  .map-shape .shape-item.shape03 img {width:89px;}
  .map-shape .shape-item.shape04 {right:17px;top:16px;left:initial}
  .map-shape .shape-item.shape04 img {width:57px;}
  .map-shape .shape-item.shape05 {right:10px;bottom:4px;left:initial;top:initial}
  .map-shape .shape-item.shape05 img {width:128px;}

  .map-cont {left:0px;width:100%;height:100%;padding:0 20px;box-sizing: border-box;}
  .map-cont .title {font-size:30px;line-height:30px;}
  .map-cont .desc {font-size:14px;line-height:24px;}
  .map-cont .desc br {display: none;;}

  .title-wrap.on {top:60px;}
  .title-wrap .k-title .img-wrap {width:293px;}
  .title-wrap.on .k-title .img-wrap {width:127px;}


  /*  */
  .k-tree .k-left {bottom:-200px;left:calc(50% - 1784px);background-size:contain}
  .k-tree .k-right {bottom:-268px;left:calc(50% - 178px);background-size:contain}

  .k-tree .k-left {
    transform:matrix(1,0,0,1,0,0);;
  }
  .k-tree .k-right {
    transform:matrix(1,0,0,1,0,0);;
  }

  .k-tree.start .k-left {transform:matrix(1,0,0,1,0,1200); }
  .k-tree.start .k-right {transform:matrix(1,0,0,1,0,1200);}
  /*  */
  .k-card .flip-btn button svg {width:19px;height:19px;}
  .k-card .flip-btn {right:18px;top:18px;}
  .k-card .flip-btn .txt {top:-47px;left:-185px;}
  .k-card .flip-btn .txt span:after {content:""; top:29px; left:190px; transform:rotate(180deg)}
}















/**********************************************************************************************************************************
 *
***********************************************************************************************************************************/
.k-article {overflow-x:hidden;background-color: #252525;}
.k-article-section {display:none;}
.k-article-section.load {display:block;}
/*  */
.back-button {position: fixed;top:36px;left:40px;z-index:100;}
.back-button button {font-size:14px; line-height:14px; color:#000; display:flex;align-items: center;justify-content: center;flex-direction: row;transition:all 0.24s}
.back-button button svg {margin-right:8px;transition:all 0.24s}
.back-button:hover button svg {transform: matrix(1,0,0,1,-5,0);}
.back-button.white button {color:#fff;}
.back-button.white button svg path {stroke:white;transition:all 0.24s}
/*  */
.k-video.pc {	width:100%;height:100vh;	overflow:hidden;	background:#000;	-webkit-clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 0);clip-path: polygon(100% 0, 100% 100%, 0 100%, 0 0);}
.k-video.pc video {  position: absolute;top: -999px;right: -999px;left: -999px;bottom: -999px;display: block;margin: auto;min-width: 100%;min-height: 100%;}
/*  */
.k-gradient {height:100vh;z-index:2;}
.k-gradient:after {
  content:"";position: absolute;bottom:0px;left:0px;width:100%;height:100vh;;
  background: linear-gradient(rgba(37,37,37,0), 64%, rgba(37,37,37,0.7), rgba(37,37,37,1.0));
}
.k-article-01 {height:calc(100vh + 800px);}
.k-article-01 .section-inner {height:calc(100vh + 0px);}
.k-article-01 .kv {position:fixed;top:0px;left:0px;width:100%;height:100vh;}
.k-article-01 .video-wrap {position: relative;overflow:hidden;transition: all 0.5s;}
.k-article-01 .img-wrap {position: absolute;top:0px;left:0px;width:100%;height:100vh;;overflow:hidden;opacity: 0;transition:all 0.5s}
.k-article-01 .img-wrap .bg {width:100%;height:100vh;background-size:cover;}
.k-article-01 .kv-media.on {}
.k-article-01 .kv-media.on .video-wrap {opacity: 0;}
.k-article-01 .kv-media.on .img-wrap {opacity: 1;}

.k-article-01 .kv-media.noMedia .video-wrap {opacity: 1;}
.k-article-01 .kv-media.noMedia .img-wrap {opacity: 1;}




/*  */
.k-article-01 .kv-content {position: absolute;top:0px;left:0px;width:100%;height:100vh;;display:flex;align-items: center;justify-content: center;}
.k-article-01 .kv-content .cont-inner {display:flex;}
.k-article-01 .kv-content .cont-inner .k-left {padding-top:40px;position: relative;}
.k-article-01 .kv-content .cont-inner .k-left img {max-width:212px;transition: all 0.25s;}
.k-article-01 .kv-content .cont-inner .k-right {margin-left:56px;}
.k-article-01 .kv-content .cont-inner .k-right .right-cont {position: relative;margin-top:28px;}
.k-article-01 .kv-content .cont-inner .k-right .area {font-size:16px;line-height:16px;color:#fff;}
.k-article-01 .kv-content .cont-inner .k-right dl {width:380px;}
.k-article-01 .kv-content .cont-inner .k-right dl dt {font-size:60px;line-height:80px;color:#fff;font-weight:800;white-space: nowrap;}
.k-article-01 .kv-content .cont-inner .k-right dl dd { width:314px; font-size:18px;line-height:30px;color:#fff;font-weight:400;margin-top:30px;}
.k-article-01 .kv-content .cont-inner .k-right dl.prev {position: relative;top:0px;left:0px;opacity:1;}
.k-article-01 .kv-content .cont-inner .k-right dl.next {position: absolute;top:0px;left:0px;opacity:0;}
.k-article-01 .kv-content.on .cont-inner .k-right dl.prev {opacity: 0;}
.k-article-01 .kv-content.on .cont-inner .k-right dl.next {opacity: 1;}
/*  */
.k-article-01 .kv-content .cont-inner .k-right dl.prev dt {transform: matrix(1,0,0,1,0,0); opacity:1;transition: all 0.5s 0.15s;}
.k-article-01 .kv-content .cont-inner .k-right dl.next dt {transform: matrix(1,0,0,1,0,10);opacity: 0;transition: all 0.5s 0s;}
.k-article-01 .kv-content.on .cont-inner .k-right dl.prev dt {transform: matrix(1,0,0,1,0,-10);opacity: 0;top:-10px;transition: all 0.5s 0s;}
.k-article-01 .kv-content.on .cont-inner .k-right dl.next dt {transform: matrix(1,0,0,1,0,0);opacity: 1;top:0px;transition: all 0.5s 0.15s;}
/*  */
.k-article-01 .kv-content .cont-inner .k-right dl.prev dd {transform: matrix(1,0,0,1,0,0);opacity:1;transition: all 0.5s 0.25s;}
.k-article-01 .kv-content .cont-inner .k-right dl.next dd {transform: matrix(1,0,0,1,0,10);opacity: 0;transition: all 0.5s 0s;}
.k-article-01 .kv-content.on .cont-inner .k-right dl.prev dd {transform: matrix(1,0,0,1,0,-10);opacity: 0;top:-10px;transition: all 0.5s 0s;}
.k-article-01 .kv-content.on .cont-inner .k-right dl.next dd {transform: matrix(1,0,0,1,0,0);opacity: 1;top:0px;transition: all 0.5s 0.25s;}
/*  */
.k-article-01 .kv-content.no-next .cont-inner .k-right dl.prev {opacity: 1 !important;}
.k-article-01 .kv-content.no-next .cont-inner .k-right dl.prev dt {opacity: 1 !important;transform: matrix(1,0,0,1,0,0) !important;}
.k-article-01 .kv-content.no-next .cont-inner .k-right dl.prev dd {opacity: 1 !important;transform: matrix(1,0,0,1,0,0) !important;}

/*  */
.k-article-02 {background-color: #252525;; z-index:2;}
.k-article-02 .section-inner {padding-top:200px;}
.tween-img {position: relative;overflow:hidden;}
.tween-img img {width:100%;}
.tween-img .prev-img {transform: scale(1.0, 1.0);transition: all 0.5s;}
.tween-img .next-img {position: absolute;top:0px;left:0px;;opacity: 0;transition: all 0.5s;}
.tween-img.scale .prev-img {transform: scale(1.4, 1.4);}
.tween-img.scale .next-img {position: absolute;top:0px;left:0px;opacity: 1; width:100%; ;transition: all 0.75s 0.15s;}
.tween-img.section-out .prev-img {transform: scale(1.4, 1.4);}
.tween-img.section-out .next-img {position: absolute;top:0px;left:0px;opacity: 1;;transition: all 0.75s 0.15s;}
/*  */
.normal-img {position: relative;overflow:hidden;}
.normal-img img {width:100%;}
.tween-img .normal-img {}
/*  */
dl + .media-type-map {margin-top:60px;}
/*  */
.headline-1 {max-width:568px;}
.headline-1 dl {}
.headline-1 dl dt {position: relative; font-size:24px;line-height:36px;font-weight:700;color:#fff;}
.headline-1 dl dt:After {content:"";position: absolute;top:3px;left:-21px;width:1px; height:0px; background-color:rgba(255,255,255,0.0);transition: all 0.5s;}
.headline-1 dl dt[data-opacity="1"]:After {content:"";height:calc(100% - 4px);background-color: rgba(255,255,255,1.0);}

.headline-1 dl dd {font-size:16px;line-height:30px;color: #c9c9c9;}
.headline-1 dl dt + dd {margin-top:40px;} 
/*  */ 
.media-video {max-width:1140px;position: relative;}
.media-video video {width:100%;}
.media-video button {display:flex;align-items: center;justify-content: center; position: absolute;bottom:24px;left:33px;width:40px;height:40px;background-color: rgba(255,255,255,0.9);border-radius: 50%;transition-duration: 0s;}
.media-video button img {display:none;}
.media-video button {background:rgba(255,255,255,0.9) url(../images/article/play-btn.png) 0 0 no-repeat;background-size:cover;}
.media-video .play + button {background:rgba(255,255,255,0.9) url(../images/article/pause-btn.png) 0 0 no-repeat;background-size:cover;}


.k-article-02 {}
.k-article-02 .section-inner {width:100%;display:flex;align-items: center;flex-direction: column;}
/*  */
.article-item {max-width:1820px;width:100%;position: relative;margin-top:60px;padding:0 50px;box-sizing: border-box;}
.article-item .article-item-inner {position: relative;}
.article-item:first-child {margin-top:0px;}
/*  */
.article-content {box-sizing: border-box;width:100%;display:flex;justify-content: flex-end;}
.article-content .headline-1 {max-width:560px;padding-right:calc(338px + 145px - 48px);}
.article-content + .article-content {margin-top:40px;}
/*  */
.media-wrap {display:flex;justify-content: space-between;width:100%;}
.media-wrap + .article-content {margin-top:60px;}
.media-wrap .media-content {width:1140px;padding-right:145px;--transition: all 0.25s;}
/*  */
.media-name-list {color:#fff;width:270px;;}
.media-name-list dl {border-top:1px solid rgba(255,255,255,0.0);padding:10px 0;position: relative;}
.media-name-list dl dt {font-size:12px;line-height:20px;}
.media-name-list dl dd {font-size:12px;line-height:20px;margin-top:10px;}

.media-name-list dl:before {content:"";position: absolute;top:0px;left:0px;width:0px;height:1px;background-color: rgba(255,255,255,1.0);transition: all 0.7s;}
.media-name-list dl[data-opacity="1"]:before {content:"";width:100%;background-color: rgba(255,255,255,0.1);transition: all 0.7s;}


/*  */
.media-drag {position: relative;max-width:1140px;}
.media-drag img {width:100%;}
.media-drag .before-img {}
.media-drag .after-img {position: absolute;top:0px;left:0px;height:100%;width:100%;}
.media-drag .after-img .mask {  position: absolute;top:0px;right:0px;;overflow:hidden;width:50%;height:100%;background-size:cover;;background-position: right bottom;;;}
.media-drag button {position: absolute;top:calc(50% - 18px);left:0px;width:36px;height:36px;;transition: none;;}
.media-drag button img {width:100%;display:block;margin-left:-18px;}
/*  */
.media-item {}
.media-item.media-type-map {display:flex;justify-content: flex-end;}
.media-item.media-type-map .inner {max-width:850px;position: relative;}
.media-item.media-type-map img {width:100%;}
.media-item.media-type-map .map {position: relative;}
.media-item.media-type-map .map img {max-width:850px;}
.thumb-list {position: absolute;bottom:52px;left:-290px;;}
.thumb-list ul {}
.thumb-list ul li {display:flex;flex-direction: row;justify-content: flex-start; align-items: center;margin-top:10px; }
.thumb-list ul li .img {width:48px;height:48px;border-radius: 50%;;display:none;}
.thumb-list ul li .img.on {display:block;}
.thumb-list ul li .img img {width:100%;}
.thumb-list ul li .text {font-size:12px;line-height:20px;color:#fff;margin-left:10px;}
/*  */
.media-item.media-type-relate {display:flex;justify-content: flex-end;}
.media-item.media-type-relate .inner {display:flex;max-width:850px;}
.media-item.media-type-relate .relate-item {width:50%;}
.media-item.media-type-relate .relate-item.k-left {padding-right:12px;}
.media-item.media-type-relate .relate-item.k-right {padding-left:12px;}
.media-item.media-type-relate .relate-item > div {height:100%;}
.media-item.media-type-relate .relate-item img {width:100%; height:100%; object-fit: cover;}


/* .k-article:after {content:"";position: fixed;top:0px;left:calc(50% - 425px);bottom:0px;width:1px;height:100vh;background-color: red;z-index:100;;} */

.media-item.media-type-relate + .tween-img {margin-top:40px;}
.media-item.media-type-relate + .media-type-map {margin-top:40px;}

.justify-end {display:flex;justify-content: flex-end;}
/*  */
dl.videoNo {color:#fff;margin:10px 0;position: absolute;}
dl.videoNo dt {font-size:12px;line-height:20px;}
dl.videoNo dd {display:none;}
/*  */
.article-item.history {}
.article-item.history .article-item-inner {}

.article-item.history .media-wrap + .article-content {margin-top:0px;}
.article-item.history + .sponsor-wrap {margin-top:0px;}

.history-wrap {padding-right:145px;display: flex;justify-content: flex-end;}
.history-inner {width:1140px;}
.history-wrap:last-child .hsty-item {border-bottom:0px;padding-bottom:100px;}
.hsty-item {max-width:892px;border-bottom:1px solid rgba(255,255,255,0.1);display:flex;justify-content: space-between; color:#fff;padding:30px 0;}
.hsty-item .year {font-size:18px;line-height:30px;font-weight:600;}
.hsty-item .list {}
.hsty-item .list dl {display:flex;margin-top:10px;}
.hsty-item .list dl:first-child {margin-top:0px;}
.hsty-item .list dl dt {font-size:18px;line-height:30px;font-weight:600;width:100px;}
.hsty-item .list dl dd {font-size:18px;line-height:30px;font-weight:600;color:#A6A6A6;width:510px;}
/*  */
.sponsor-wrap {padding:0 50px 60px 50px;box-sizing: border-box;max-width:1820px;width:100%;margin-top:60px;}
.sponsor-wrap .inner {position: relative; display:flex;justify-content: flex-end;padding-right:145px;}
.sponsor-wrap .inner .inner-wrap {border-top:1px solid rgba(255,255,255,0.1);width:1140px;display:flex;padding-top:60px;}
.sponsor-wrap .inner .inner-wrap .sponsor-box {width:532px;display:flex;justify-content: space-between; padding-left:292px; }
.sponsor-wrap .k-left {}
.sponsor-wrap .k-left .text {font-size:16px;line-height:20px; color:#EAAC3D}
.sponsor-wrap .k-right {display:flex;}
.sponsor-wrap .k-right .share-btn {width:52px;height:52px;background-color: #EAAC3D;border-radius: 50%;display:flex;align-items: center;justify-content: center;}
.sponsor-wrap .k-right .share-btn img {display:block;width:24px;height:24px;}
.sponsor-wrap .k-right .sponsor-btn {  margin-left:10px;display:block;padding:18px 20px ; height:52px; box-sizing: border-box;background-color: #EAAC3D;border-radius: 30px;font-family: "sandoll-press-basic", sans-serif;font-size: 16px;line-height:16px;color:#fff;}
/*  */
.k-article-03 {background-color: #2D2D2D;padding: 100px;;}
.k-article-03 .section-inner .k-list {display:flex;justify-content: center;}
.k-article-03 .k-list {}
/*  */
.swiper-container .swiper-slide {}
.swiper-container .swiper-slide .img-wrap {position: relative;overflow: hidden;height:234px;}
.swiper-container .swiper-slide .img img {opacity: 0;width:100%;display:none;}
.swiper-container .swiper-slide .img {width:100%;height:234px; background-size:cover;background-position: center; background-repeat: no-repeat; transition: all 0.5s;}
.swiper-container .swiper-slide .text {font-size:18px;line-height:30px;color:#fff;margin-top:20px;font-weight:600;}
.swiper-container .swiper-slide:hover .img {transform: scale(1.2);}


.paging {display:flex;justify-content: center;margin-top:80px;}
.paging .inner {display:flex;flex-direction: row;align-items: center;justify-content: center;}
.paging .swiper-button-prev {position: relative;top:initial;left: initial;right: initial;}
.paging .swiper-button-next {position: relative;top:initial;left: initial;right: initial;}
.paging .swiper-pagination {font-size:16px;line-height:16px; color:#fff; position: relative;top:initial;left: initial;right: initial;width:initial;bottom:initial;margin:0 20px;}
.paging .swiper-button-prev {
  width:24px !important;height:24px !important;
  margin:0px !important;
  background: url("data:image/svg+xml, %3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.5 6L2.5 12M2.5 12L8.5 18M2.5 12H22.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center center no-repeat !important;
  background-size:cover !important;
}
.paging .swiper-button-next {
  width:24px !important;height:24px !important;
  margin:0px !important;
  background: url("data:image/svg+xml, %3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.5 6L22.5 12M22.5 12L16.5 18M22.5 12H2.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center center no-repeat !important;
  background-size:cover !important;
}
.paging .swiper-button-prev.swiper-button-disabled {
  opacity: 0.3;
}
.paging .swiper-button-next.swiper-button-disabled {
  opacity: 0.3;
}
/*  */
.k-footer {position: relative; color:#A6A6A6;font-size:12px;line-height:20px;z-index:1000;}
.k-footer .inner {text-align:center;padding: 40px 24px;background-color: #fff;}



.media-video button.sound-btn {
  position: absolute;bottom:24px;left:83px;
  background:rgba(255,255,255,0.9) url(../images/article/sound-off.png) 0 0 no-repeat;
  background-size:cover;
}
.media-video button.sound-btn.sound {
  position: absolute;bottom:24px;left:83px;
  background:rgba(255,255,255,0.9) url(../images/article/sound-on.png) 0 0 no-repeat;
  background-size:cover;
}
.media-video button.fullscreen-btn {
  position: absolute;bottom:24px;right:16px;left:initial;
  background:rgba(0,0,0,0.5) url(../images/article/fullscreen-btn.png) 0 0 no-repeat;
  background-size:cover;
}










.mask-el {
  position: relative;
  -webkit-mask-image: url(../images/article/article_keyvisual_map.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: top left;
  -webkit-mask-size: contain;
}
.kv-content .k-left .mask-el {width:100%;max-width:212px;transition: all 0.25s;}
.kv-content .k-left svg {width:100%;opacity: 0;;}
.kv-content .k-left .mask-el {-webkit-backdrop-filter: blur(30px);backdrop-filter: blur(30px);background:rgba(255,255,255,0.5);}
.kv-content .k-left img {width:100%;position: absolute;top:0px;left:0px;;}
.kv-content .k-left svg:nth-child(2) {width:100%;position: absolute;top:0px;left:0px;opacity: 0;;}



@media screen and (max-width: 1699px) and (min-width: 1024px) {
  .k-article-01 .kv-content .cont-inner .k-left .mask-el {max-width:119px;}
  .k-article-01 .kv-content .cont-inner .k-right dl dt {font-size:54px;line-height:64px;}
  .k-article-01 .kv-content .cont-inner .k-right {margin-left:45px;}
  /*  */
  .back-button {left:40px;top:36px;}
  .back-button button {color:#fff;}
  .back-button button path {stroke:white;}
  /*  */
  .article-item {padding:0 30px;}
  /*  */
  .media-name-list {width:calc(200px + 128px);}
  .media-name-list dl {max-width:200px;}
  .media-wrap .media-content {padding-right:0px;min-width:636px;width:100%;flex:1;}
  /*  */
  .article-content {justify-content: flex-start;}
  .article-content .headline-1 {padding-right:0px;padding-left:calc(200px + 128px);}
  /*  */
  .media-drag {max-width:initial}
  .media-drag .after-img {height:100%;}
  .media-drag .after-img .mask {height:100%;}
  /*  */
  .media-item.media-type-map .inner {max-width:100%;width:100%;}
  .media-item.media-type-map {justify-content: flex-start;}
  .media-item.media-type-map .map img {max-width:100%;}
  .thumb-list {left:-328px;bottom:20px;}
  /*  */
  .media-item.media-type-relate .inner {max-width: 100%;;}
  .media-item.media-type-relate .relate-item.k-left {padding-right:9px;}
  .media-item.media-type-relate .relate-item.k-right {padding-left:9px;}
  /*  */
  .article-item.history {margin-top:70px;}
  .history-wrap {padding-right:0px;justify-content: flex-start;}
  .history-wrap:last-child .hsty-item {padding-bottom:190px;}
  .sponsor-wrap {padding:0px 30px 100px 30px;}
  .sponsor-wrap .inner {padding-right:0px;padding-left:calc(200px + 128px);}
  .sponsor-wrap .inner .inner-wrap {justify-content: flex-start;}
  .sponsor-wrap .inner .inner-wrap .sponsor-box {width:initial;padding-left:0px;}
  .sponsor-wrap .k-right {padding-left:130px;}
  /*  */
  .k-article-03 {padding: 100px 30px;}
  .swiper-slide {width:312px !important;}
  .swiper-container .swiper-slide .img-wrap {height:176px}
  .paging {margin-top:40px;}
  /*  */
  .k-footer .inner {text-align: left;padding:40px 30px;}
  /*  */
  .media-video {max-width: 100%;;}
  
}



@media screen and (max-width: 1023px) {
  .k-article-01 .kv-content {justify-content: flex-start;padding-left:32px;box-sizing: border-box;}
  .k-article-01 .kv-content .cont-inner {display:block;}
  .k-article-01 .kv-content .cont-inner .k-left .mask-el {max-width:119px;}
  .k-article-01 .kv-content .cont-inner .k-right {margin-left:0px;margin-top:65px;}
  .k-gradient:after {
      content:"";position: absolute;bottom:0px;left:0px;width:100%;height:100vh;;
      background: linear-gradient(rgba(37,37,37,0), 85%, rgba(37,37,37,0.8), rgba(37,37,37,1.0));
  }
  .k-article-01 .kv-content .cont-inner .k-right .right-cont {margin-top:10px;}
  .k-article-01 .kv-content .cont-inner .k-right dl dt {font-size:40px;line-height:54px;}
  /*  */
  .article-item {padding:0 0px;}
  .k-article-02 .section-inner {padding-top:30px;}
  .article-content .headline-1 {max-width:initial;padding:0px 24px;;}
  .headline-1 dl dt {font-size:22px;line-height:30px;padding-left:20px;}
  .headline-1 dl dt:After {left:0px;}
  .headline-1 dl dd {font-size:18px;}
  /*  */
  .media-name-list {display:none;}
  dl.videoNo {display:flex;padding:0 24px;position: relative;margin:10px 0 0 0;}
  dl.videoNo dd {display:block;}
  dl.videoNo dt, dl.videoNo dd {font-size:12px;line-height:20px;}
  dl.videoNo dt:after {content:".";padding-right:4px;}

  /*  */
  .media-wrap {box-sizing: border-box;}
  .media-wrap .media-content {padding:0px;width:100%;}
  .media-drag .after-img {height:100%;}
  .media-drag .after-img .mask {height:100%;}
  .media-wrap + .article-content {margin-top:30px;}
  /*  */
  .media-item.media-type-map .map {}
  .media-item.media-type-map .map img {max-width:initial}
  .media-item.media-type-map .inner {max-width:initial;}
  .thumb-list {position: relative;bottom:0px;left:0px;padding:0 24px;margin-top:30px;}
  .thumb-list ul li {}
  .thumb-list ul li:first-child {margin-top:0px;}
  /*  */
  .article-item.history {margin-top:100px;}
  .article-item.history .media-wrap {padding:0 24px;}
  .hsty-item {display:block;padding: 20px 0;}
  .hsty-item .list {margin-top:10px;}
  .hsty-item .list dl dt {font-size:16px;line-height:30px;width:44px;}
  .hsty-item .list dl dd {font-size:16px;line-height:30px;padding-left:10px;}
  .history-wrap {padding: 0px;display:block;}
  .history-inner {width:initial}
  .hsty-item .list dl dd {width:initial}
  /*  */
  .sponsor-wrap {padding:0px;margin-top:100px;}
  .sponsor-wrap .inner {padding:0 24px;}
  .sponsor-wrap .inner .inner-wrap {padding-top:30px; padding-bottom:60px; display:block;}
  .sponsor-wrap .inner .inner-wrap .sponsor-box {display:block;width:initial;padding-left:0px;}
  .sponsor-wrap .k-right {margin-top:24px;}
  .sponsor-wrap .k-left .text {line-height:18px;}
  .k-article-03 {padding:100px 24px;}
  .swiper-slide {width:312px !important;}
  .paging {margin-top:40px;}

  .media-video button {width:40px;height:40px;border-radius: 50%;background-color: rgba(255,255,255,0.9);}
  .media-video button.play-btn {
    left:16px;bottom:16px;
  }
  .media-video button.sound-btn {
    position: absolute;bottom:16px;left:66px;
    background:rgba(255,255,255,0.9) url(../images/article/sound-off.png) 0 0 no-repeat;
    background-size:cover;
  }
  .media-video button.sound-btn.sound {
    position: absolute;bottom:16px;left:66px;
    background:rgba(255,255,255,0.9) url(../images/article/sound-on.png) 0 0 no-repeat;
    background-size:cover;
  }
  .media-video button.fullscreen-btn {
    position: absolute;bottom:16px;right:16px;left:initial;
    background:rgba(0,0,0,0.5) url(../images/article/fullscreen-btn.png) 0 0 no-repeat;
    background-size:cover;
  }

  .swiper-container .swiper-slide .img-wrap {height:176px}
  .article-item {overflow:hidden;}
  .media-video {max-width: initial;}
  .back-button {left:24px;top:40px;}
  .back-button button {color:#fff;}
  .back-button button path {stroke:white;}

  .media-item.media-type-relate .inner {display:block;max-width:initial;width:100%;}
  .media-item.media-type-relate .relate-item {width:100%;padding:0px !important;}
  .media-item.media-type-relate .relate-item.k-right {margin-top:30px;}
}

.seoul .k-article-01 .kv-content.no-next .cont-inner .k-right dl.prev dd {width:350px;}



.k-seoul-article {background-color: #252525;color:#fff;display:none;padding-top:100px;}
.k-seoul-article .seoul-inner {width:100%;display:flex;align-items: center;flex-direction: column;}



.k-seoul-article.on {display:block;}
.k-seoul-article .k-head {}
.k-seoul-article .k-head .tit {font-size:50px;line-height:64px;font-weight:800}
.k-seoul-article .k-head .desc {font-size:16px;line-height:24px;margin-top:16px;}

.k-seoul-article .k-head {box-sizing: border-box;max-width:1820px;width:100%;}
.k-seoul-article .k-head .head-inner {}
.k-seoul-article .k-head .inner-wrap {box-sizing: border-box;width:100%;display:flex;justify-content: flex-end;}
.k-seoul-article .k-head .inner-wrap .k-box {width:560px;max-width: 560px;; padding-right:calc(338px + 145px - 48px);}


.k-seoul-article .k-bottom {box-sizing: border-box;max-width:1820px;width:100%;margin-top:73px;}
.k-seoul-article .k-bottom .bottom-inner {position: relative; display:flex;justify-content: flex-end;}
.k-seoul-article .k-bottom .bottom-inner .inner-wrap {width:995px;}
.k-seoul-article .k-bottom .bottom-inner .inner-wrap .k-box {display:flex;}
.k-seoul-article .k-bottom .bottom-inner .inner-wrap .k-box .text {margin-right:192px;font-size:16px;line-height:24px;}
.k-seoul-article .k-bottom .bottom-inner .inner-wrap .k-box svg {display:inline-block;margin-right:6px;}



.k-seoul-article .list-wrap {display: flex;justify-content: center;margin-top:95px;}
.k-seoul-article .list {display: flex;}
.k-seoul-article .list .item {position: relative;text-align: center;padding:0 30px;;}
.k-seoul-article .list .item:after {content:"";position:absolute;left:0px;top:0px;width:1px;height:214px;;background-color: #3E3E3E;}
.k-seoul-article .list .item:first-child:after {content:"";background-color: transparent;}
.k-seoul-article .list .item .img {height:102px;display: flex;align-items: center;justify-content: center;}
.k-seoul-article .list .item dl {margin-top:26px;}
.k-seoul-article .list .item dt {font-size:18px;line-height: 30px;;}
.k-seoul-article .list .item dd {font-size:12px;line-height: 20px;;}
.k-seoul-article .list .item .txt {font-size:18px;line-height:30px;font-weight:600;position: absolute;top:-58px;left:30px;;}

.k-seoul-article .list .item.item-01 dt {color:#8FBE8B}
.k-seoul-article .list .item.item-01 dd {color:#8FBE8B}
.k-seoul-article .list .item.item-01 dd + dd {color:#A6A6A6}

.k-seoul-article .list .item.item-02 dt {color:#7EA6E0}
.k-seoul-article .list .item.item-02 dd {color:#7EA6E0}
.k-seoul-article .list .item.item-02 dd + dd {color:#A6A6A6}

.k-seoul-article .list .item.item-03 dt {color:#CBCDAD}
.k-seoul-article .list .item.item-03 dd {color:#CBCDAD}
.k-seoul-article .list .item.item-03 dd + dd {color:#A6A6A6}

.k-seoul-article .list .item.item-04 dt {color:#D4B3B3}
.k-seoul-article .list .item.item-04 dd {color:#D4B3B3}
.k-seoul-article .list .item.item-04 dd + dd {color:#A6A6A6}

.k-seoul-article .list .item.item-05 dt {color:#F4C674}
.k-seoul-article .list .item.item-05 dd {color:#F4C674}
.k-seoul-article .list .item.item-05 dd + dd {color:#968566}
/*  */
.k-seoul-article .chart-wrap {padding:0px;margin-top:114px; display:flex;justify-content: center;}
.k-seoul-article .chart {
  background-color: #2d2d2d;;
  position: relative;
  width:1693px;height:190px;
  background-image:
    linear-gradient(90deg, rgba(255,255,255,0.07) 1px, transparent 1px, transparent 35px),
    linear-gradient(90deg, transparent 1px, transparent 431px , rgba(255,255,255,0.2) 2px);
  background-size:36px 100%, 432px 100%;
}
.k-seoul-article .chart:after {content:"";position: absolute;bottom:0px;left:-13px; right:-13px; height:2px;background-color: rgba(255,255,255,0.2);}
.k-seoul-article .chart:before {content:"";position: absolute;top:0px;left:0px; right:0px; height:42px;background-color: #EAAC3D;opacity: 0.15;}
/*  */
.v-rates {margin-top:6px;position: relative;width:1728px;}
.v-rates .month-list {display:flex;}
.v-rates .month-item {display:flex;}
.v-rates .month-item span {width:36px;font-size:12px;}
.v-rates .year-list {display:flex;margin-top:17px;}
.v-rates .y-item {display:flex;}
.v-rates .y-item  span {width:432px;font-size:24px; font-weight:700;}
.v-rates .txt {font-size:12px;line-height:20px;position: absolute;top:26px;right:30px;;}

.chart-list {position: absolute;left:0px;;}
.chart-list .line {position: absolute;top:5px;left:0px;;width:0px;height:1px;}
.chart-list .item {position: absolute;}
.chart-list .item .shape {position: absolute;width:36px;height:10px;}
.chart-list .item:after {content:"";}
.chart-list .item span {font-size:12px; line-height:20px; position: absolute; top:-146px;left:-50px; transform: rotate(-60deg);display:block; width:260px;height:50px;display:flex;align-items: center;;}
/*  */
.chart-list:nth-child(1) {bottom:20px;z-index:5;}
.chart-list:nth-child(2) {bottom:57px;z-index:4;}
.chart-list:nth-child(3) {bottom:93px;z-index:3;}
.chart-list:nth-child(4) {bottom:124px;z-index:2;}
.chart-list:nth-child(5) {bottom:164px;z-index:1;}
/*  */
.chart-list:nth-child(1) .line {bottom:20px;background-color: #8FBE8B;opacity: 0.6}
.chart-list:nth-child(2) .line {bottom:20px;background-color: #7EA6E0;opacity: 0.6}
.chart-list:nth-child(3) .line {bottom:20px;background-color: #EEF1C2;opacity: 0.6}
.chart-list:nth-child(4) .line {bottom:20px;background-color: #D4B3B3;opacity: 0.6}
.chart-list:nth-child(5) .line {bottom:20px;background-color: #F4C674;opacity: 0.6}
/*  */
.chart-list:nth-child(1) .item {color:#8FBE8B;}
.chart-list:nth-child(2) .item {color:#7EA6E0;}
.chart-list:nth-child(3) .item {color:#EEF1C2;}
.chart-list:nth-child(4) .item {color:#D4B3B3;}
.chart-list:nth-child(5) .item {color:#F4C674;}
/*  */
.chart-list:nth-child(1) .item .shape {background-color:#8FBE8B}
.chart-list:nth-child(2) .item .shape {background-color:#7EA6E0}
.chart-list:nth-child(3) .item .shape {background-color:#EEF1C2}
.chart-list:nth-child(4) .item .shape {background-color:#D4B3B3}
.chart-list:nth-child(5) .item .shape {background-color:#F4C674}
/*  */
.chart-list .item .shape:after {content:"";position:absolute;top:0px;right:-6px;width: 0; height: 0; border-top: 5px solid transparent;border-bottom: 5px solid transparent;}
.chart-list .item .shape:before {content:"";position:absolute;top:0px;left:-6px;width: 0; height: 0; border-top: 5px solid transparent;border-bottom: 5px solid transparent; }
.chart-list:nth-child(1) .item .shape:after {border-left:6px solid #8FBE8B}
.chart-list:nth-child(2) .item .shape:after {border-left:6px solid #7EA6E0}
.chart-list:nth-child(3) .item .shape:after {border-left:6px solid #EEF1C2}
.chart-list:nth-child(4) .item .shape:after {border-left:6px solid #D4B3B3}
.chart-list:nth-child(5) .item .shape:after {border-left:6px solid #F4C674}
/*  */
.chart-list:nth-child(1) .item .shape:before {border-right:6px solid #8FBE8B}
.chart-list:nth-child(2) .item .shape:before {border-right:6px solid #7EA6E0}
.chart-list:nth-child(3) .item .shape:before {border-right:6px solid #EEF1C2}
.chart-list:nth-child(4) .item .shape:before {border-right:6px solid #D4B3B3}
.chart-list:nth-child(5) .item .shape:before {border-right:6px solid #F4C674}
/*  */
.chart-list .item:nth-child(2) .shape:before {border-right:6px solid transparent}
.chart-list .item:last-child .shape:after {border-left:6px solid transparent}
/*  */
.chart-list:nth-child(4) .item:nth-child(3) .shape:before {background-color: #252525;left:0px;}
.chart-list:nth-child(4) .item:nth-child(2) .shape:after {background-color: #252525;right:0px;}
/*  */
.chart-list:nth-child(5) .item .shape:after {background-color: #252525;right:0px; border-left:6px solid #F4C674}


/* .root:before {content:"";position:fixed;top:0px;left:606px;width:1px;height:10000px;background-color: red;;z-index:10000;}
.root:after {content:"";position:fixed;top:0px;left:906px;width:1px;height:10000px;background-color: red;;z-index:10000;} */
.k-seoul-article .chart-wrap .cont-innner {width:1728px;}

@media screen and (max-width: 1699px) and (min-width: 100px) {
  .k-seoul-article .list .item {padding:0 10px;}
  .k-seoul-article .chart-wrap {width:100%;margin-top:0px}
  .k-seoul-article .chart-wrap .inner { position: relative;overflow-x:auto;overflow-y:hidden; max-width:100%;padding:176px 50px 10px 50px;box-sizing: border-box;}
  .k-seoul-article .chart-wrap .inner::-webkit-scrollbar {
    height: 10px;
    background-color: #252525;
  }
  .k-seoul-article .chart-wrap .inner::-webkit-scrollbar-thumb {
    background-color: #333;
  }
  .k-seoul-article .k-head .inner-wrap {justify-content: flex-start;padding-left:328px;;}
  .k-seoul-article .k-head .inner-wrap .k-box {padding-right:0px;width:initial}
  .k-seoul-article .k-bottom .bottom-inner .inner-wrap {padding:0 24px;}

  .k-seoul-article .k-bottom .bottom-inner {padding-left:calc(200px + 128px)}
  .k-seoul-article .k-bottom .bottom-inner .inner-wrap {width:1140px;padding:0px;}
}

@media screen and (max-width: 1023px) {
  .k-seoul-article .chart-wrap .inner {padding-left:24px;padding-right:0px;}
  .k-seoul-article .k-head .inner-wrap {padding-left:24px;}
  .k-seoul-article .k-bottom {margin-top:20px;}
  .k-seoul-article .k-bottom .bottom-inner {padding:0 24px;}
  .k-seoul-article .k-bottom .bottom-inner .inner-wrap .k-box {padding-left:0px;display:block;}
  .k-seoul-article .k-bottom .bottom-inner .inner-wrap .k-box svg {}
  .k-seoul-article .list {flex-wrap: wrap;}
  .k-seoul-article .list .item {width:50%;box-sizing: border-box;margin-bottom:26px;}
  .k-seoul-article .list .item:last-child {margin-top:50px;}
  .k-seoul-article .list .item .txt {left:24px;}

  .k-seoul-article .k-bottom .bottom-inner .inner-wrap .k-box .text {margin-right:50px}
  .k-seoul-article .k-bottom .bottom-inner .inner-wrap .k-box .text + div {margin-top:20px;}

  .seoul .sponsor-wrap {margin-top:30px;}
}



/************************************************************************************************
 *
*************************************************************************************************/

.k-chungbuk-article {background-color: #252525;color:#fff;display:none;padding-top:100px;}
.k-chungbuk-article .chungbuk-inner {width:100%;display:flex;align-items: center;flex-direction: column;}
.k-chungbuk-article.on {display:block;}

.k-chungbuk-article .k-head {}
.k-chungbuk-article .head2 {margin-top:200px;}
.k-chungbuk-article .k-head .tit {font-size:50px;line-height:64px;font-weight:800}
.k-chungbuk-article .k-head .desc {font-size:16px;line-height:24px;margin-top:16px;}


.k-chungbuk-article .k-head {box-sizing: border-box;max-width:1820px;width:100%;}
.k-chungbuk-article .k-head .head-inner {}
.k-chungbuk-article .k-head .inner-wrap {box-sizing: border-box;width:100%;display:flex;justify-content: flex-end;}
.k-chungbuk-article .k-head .inner-wrap .k-box {width:560px;max-width: 560px;; padding-right:calc(338px + 145px - 48px);}
.k-chungbuk-article .k-head .inner-wrap .k-box .box-inner {position: relative;display: inline-block;}

.k-chungbuk-article + .article-item {margin-top:120px;}

.c-chart {box-sizing: border-box;max-width:1820px;width:100%;}
.c-chart .inner {box-sizing: border-box;width:100%;display:flex;justify-content: flex-end;}
.c-chart .inner .cont-wrap {width:560px;max-width: 560px;; padding-right:calc(338px + 145px - 48px);}

.info-box {position: relative;margin-top:200px;transition: all 0.5s;}
.info-box .bottom {}
.info-box .bottom .pink {position: relative;}
.info-box .bottom .green {position: absolute;top:0px;left:0px;}


.obj-list {}
.obj-list .tree-center {position: absolute;top:-150px;left:307px;}
.obj-list .obj1 {position: absolute;top:-0px;left:370px;}
.obj-list .obj2 {position: absolute;top:120px;left:111px;}
.obj-list .obj3 {position: absolute;top:71px;left:695px;}
.obj-list .obj4 {position: absolute;top:36px;left:837px;}
.obj-list .obj5 {position: absolute;top:281px;left:534px;}
.obj-list .obj6 {position: absolute;top:390px;left:402px;}
.obj-list .tree1 {position: absolute;top:119px;left:749px;}

.k-chungbuk-article .txt-list{ position: absolute;top:0px;left:0px;;width:100%;height:100%;}
.k-chungbuk-article .txt-list > div {-webkit-perspective: 1600px;perspective: 1600px; cursor: pointer;}
.txt-list dl {max-width:400px;transform-origin: center; }
.txt-list dl dt {font-size:24px;line-height:36px;font-weight:700;}
.txt-list dl dt div {font-size:20px;line-height:30px;}
.txt-list dl dd {font-size:14px;line-height:24px;margin-top:10px;}

.txt-list .txt1 {position: absolute;top:-74px;left:194px;;}
.txt-list .txt2 {position: absolute;top:192px;left:145px;;}
.txt-list .txt3 {position: absolute;top:230px;left:632px;;}
.txt-list .txt4 {position: absolute;top:483px;left:190px;;}

.info-box input {height:30px;padding:10px;}
.info-box button {height:30px;padding:10px;background-color: white;}

.k-chungbuk-article .k-head.head2 {position: relative;}
.k-chungbuk-article .k-head.head2 .img {position: absolute;top:-51px;right:-117px;width:137px;;}
.k-chungbuk-article .k-head.head2 .img img {width: 100%;;}

.k-chungbuk-article img {width:100%;}
.k-chungbuk-article .c-chart .obj1 {width:120px;left:calc(50% - 310px);bottom:-61px;}
.k-chungbuk-article .c-chart .obj2 {width:143px;left:calc(50% + 365px);bottom:-81px;}
.k-chungbuk-article .c-chart .obj3 {width:123px;left:calc(50% + 500px);bottom:-71px;}
.k-chungbuk-article .object {position: absolute;bottom:0px;}

.c-chart {}
.c-chart .tit {display:flex;margin-top:92px;}
.c-chart .tit div {font-size:14px;line-height:24px;font-weight:700;}
.c-chart .tit div.left {color:#EAAC3D;}
.c-chart .tit div.right {color:#A7C6A4;margin-left:22px;}

.bar-wrap {margin-top:17px;}
.bar-wrap .bar-item {display:flex;margin-top:32px;min-width:730px;}
.bar-wrap .bar-item:first-child {margin-top:0px;}
.bar-wrap .bar-item .bar-left {}
.bar-wrap .bar-item .bar {height:10px;width:0px;border-radius: 0 10px 10px 0;;}
.bar-wrap .bar-item .bar.bar1 {background-color: #EAAC3D;;}
.bar-wrap .bar-item .bar.bar2 {background-color: #A7C6A4;margin-top:9px;}


.bar-wrap .bar-item .bar-right {padding-left:10px;margin-top:-8px;}
.bar-wrap .bar-item .bar-right div {font-size:14px;line-height:24px;font-weight:700;white-space: nowrap;;}
.bar-wrap .bar-item .bar-right .t1 {color:#EAAC3D;}
.bar-wrap .bar-item .bar-right .t2 {color:#A7C6A4;}

.c-chart .desc {margin-top:80px;color:#A6A6A6;font-size:12px;line-height:20px;}
.c-chart .desc dl {display:flex;}
.c-chart .desc dl dt {}
.c-chart .desc dl dd {padding-left:5px;}
.rotate {transform-origin: bottom;transform: matrix3d(1, 0, 0, 0, 0, 0, -1, 0, 0, 1, 0, 0, 0, 0, 0, 1);}


@media screen and (max-width: 1699px) and (min-width: 100px) {
  .k-chungbuk-article .k-head .inner-wrap {justify-content: flex-start;}
  .k-chungbuk-article .k-head .inner-wrap .k-box {padding-left:328px;padding-right:0px;}

  .c-chart .inner {justify-content: flex-start;padding-left:328px;}

  .k-chungbuk-article .c-chart .obj1 {width:120px;left:300px;bottom:-61px;}
  .k-chungbuk-article .c-chart .obj2 {width:143px;left:calc(50% + 365px - 100px);bottom:-81px;}
  .k-chungbuk-article .c-chart .obj3 {width:123px;left:calc(50% + 500px - 100px);bottom:-71px;}
}

@media screen and (max-width: 1023px) {
  .k-chungbuk-article {padding-top:0px;}
  .info-box {transform: scale(0.8);}
  .c-chart {padding:0 24px;}
  .c-chart .inner {justify-content: flex-start;padding-left:0px;}
  .k-chungbuk-article .k-head .inner-wrap .k-box {padding:0px 24px;}
  .k-chungbuk-article .head2 {margin-top:150px;}
  .c-chart .inner .cont-wrap {padding-right:0px;}

  .k-chungbuk-article {padding-bottom:80px;}
  .chungbuk .sponsor-wrap {margin-top:-22px;}
  
  .k-chungbuk-article .c-chart .obj1 {width:120px;left:20px;bottom:-61px;}
  .k-chungbuk-article .c-chart .obj2 {width:143px;left:initial; right:170px}
  .k-chungbuk-article .c-chart .obj3 {width:123px;left:initial; right:50px}

  .c-chart .tit {margin-top:50px}
  .c-chart .inner .cont-wrap {width:100%;}
  .c-chart .desc dl dt {width:60px;}
  .os-IOS .c-chart .desc dl dd {margin-top:0px;}

  .k-chungbuk-article .k-head.head2 .img {width:90px;top:-20px;right:-80px;}
  .k-chungbuk-article + .article-item {margin-top:60px;}
  
}

@media screen and (max-width: 860px) {
  .info-box {margin-top:50px;transform: scale(0.7);}
  .k-chungbuk-article .head2 {margin-top:100px;}
}

@media screen and (max-width: 720px) {
  .info-box {margin-top:0px;transform: scale(0.6);}
  .k-chungbuk-article .head2 {margin-top:-50px;}

  .k-chungbuk-article .c-chart .obj2 {width:143px;left:initial; right:150px}
  .k-chungbuk-article .c-chart .obj3 {width:123px;left:initial; right:24px}
}
@media screen and (max-width: 600px) {
  .info-box {margin-top:-50px;transform: scale(0.5);}
  .k-chungbuk-article .c-chart .obj1 {width:80px;}
  .k-chungbuk-article .c-chart .obj2 {width:90px;bottom:-72px;right:107px;}
  .k-chungbuk-article .c-chart .obj3 {width:80px;bottom:-66px;}

  .obj-list .obj4 {top:405px;left:730px;}
}






/************************************************************************************************
 *
*************************************************************************************************/
.k-jeju-article {display:none;}
.k-jeju-article .chungbuk-inner {width:100%;display:flex;align-items: center;flex-direction: column;}
.k-jeju-article.on {display:block;}
.jeju-map {position: relative;}
.jeju-map .off {opacity: 0;}
.jeju-map .ov {position: absolute;top:0px;left:-555px;;}
.jeju-map .obj img {width:100%;}
.jeju-obj1 {position: absolute;top:280px;right:178px;width:470px;;}
.jeju-obj2 {position: absolute;top:224px;right:-169px;width:150px;}
.map-wrap {position: relative;max-width:1140px;}
.jeju-map .circle-wrap {position: absolute;top:158px;right:-98px;;width:423px;height:423px; display:flex;align-items: center;justify-content: center;}
.jeju-map .circle {position: absolute;top:0px;left:0px;; width:423px;height:423px;border-radius: 50%;border-radius: 423px;border: 1px solid #5B4C31;  background: rgba(234, 172, 61, 0.10);;}
.jeju-map .circle-wrap .air {width:68px;margin-left:16px;margin-top:3px;}
.jeju-content {display:flex;margin-left:-100px;}
.jeju-content .k-right {padding-left:217px;margin-top:163px;}
.jeju-content .tit {  color: #FFF;  line-height: 64px;  font-size: 50px;  font-weight: 800;}
.jeju-content .tit strong {color:#EAAC3D}
.jeju-content .rate {display:flex;color:#fff;margin-top:40px;}
.jeju-content .rate dl {}
.jeju-content .rate dl dt {font-size:18px;line-height:24px;}
.jeju-content .rate dl dd {font-size:24px;line-height:36px;font-weight:700;}
.jeju-content .rate dl + dl {margin-left:60px;}
.jeju-content .desc {margin-top:40px;}
.jeju-content .desc div {position: relative; color:#fff;display:flex;font-size:12px;line-height:20px;}
.jeju-content .desc div span {padding-left:22px;display:block}
.jeju-content .desc div span:after {content:"";position: absolute;top:4px;left:0px;width:12px;height:12px;border-radius: 50%;;}
.jeju-content .desc div p {margin-left:10px;}
.jeju-content .desc div.red span {color:#EB7853;;}
.jeju-content .desc div.red span:after {content:"";background-color: #EB7853;}
.jeju-content .desc div.yellow span {color:#E3BD9A;;}
.jeju-content .desc div.yellow span:after {content:"";background-color: #E3BD9A;}
.jeju-content .desc div.green span {color:#A7C6A4;;}
.jeju-content .desc div.green span:after {content:"";background-color: #A7C6A4;}

.jeju-map {}
.jeju-map .ov {transition: all 0.5s;}
.jeju-map .ov img {width:100%;}
.jeju-map .off {opacity: 0; position: relative; opacity: 0;transition: all 0.5s;}
.jeju-map .off img {position: absolute;top: -2px;left: -586px;width: 1771px;opacity:1.0;}

.jeju-map.on {}
.jeju-map.on .ov {opacity: 1;}
.jeju-map.on .off {opacity: 0;}

.jeju-map .off {width:1104px;height:858px;}
.jeju-map .off svg {width:100%;opacity: 0.0;}

.jeju-map .ov {width:1740px;height:1038px;;}
.jeju-map .ov svg {width:100%;}


.dev .jeju-map .off img {opacity: 0;}
.dev .jeju-map .off svg {opacity: 0.5;}


@media screen and (max-width: 1699px) and (min-width: 100px) {
  .jeju-content {margin-left:0px;}
  .jeju-map {margin-left:-100px;}
  .jeju-map .circle-wrap {width:326px;height:326px;}
  .jeju-map .circle {width:326px;height:326px;}
  .jeju-map .ov {width:1370px;left:-436px;top:0px;}
  .jeju-map .off {width:870px;height:676px;}
  .jeju-map .off img {width:1377px;left:-443px}

  .jeju-map .circle-wrap {top:123px;right:initial;left:620px;;}
  .jeju-map .circle-wrap .air {width:53px;}
  .jeju-map .circle-wrap .air {margin-left:8px;margin-top:11px;}
  .jeju-obj1 {right:initial; left:200px; top:240px;}
  .jeju-obj2 {top:170px;right:initial;left:1000px;;}
  .jeju-content {display:block;}
  .jeju-content .k-right {padding-left:328px;margin-top:0px;}
}

@media screen and (max-width: 1023px) {
  .jeju-content {margin-left:0px;}
  .jeju-map {margin-left:-300px;transition: margin 0.5s}
  .jeju-map .circle-wrap {width:326px;height:326px;}
  .jeju-map .circle {width:326px;height:326px;}
  .jeju-map .ov {width:1377px;left:-442px;}
  .jeju-map .off {width:870px;height:676px;}
  .jeju-map .off img {width:1377px;left:-443px}
  .jeju-map .circle-wrap {top:123px;right:initial;left:620px;;}
  .jeju-map .circle-wrap .air {width:53px;}
  .jeju-map .circle-wrap .air {margin-left:8px;margin-top:11px;}
  .jeju-obj1 {right:initial; left:200px; top:240px;}
  .jeju-obj2 {top:170px;right:initial;left:1000px;;}
  .jeju-content {display:block;}
  .jeju-content .k-right {padding-left:24px;margin-top:0px;}
}

@media screen and (max-width: 600px) {
  .jeju-map {margin-left:-500px;transition: margin 0.5s;}


}

@media screen and (max-width: 500px) {
  .jeju-obj1 {width:300px;left:450px;}
  .jeju-obj2 {width:100px;left:900px;}

  
}
@media screen and (max-width: 400px) {
  .jeju-map {margin-left:-600px;}

  
}


/************************************************************************************************
 *
*************************************************************************************************/
.k-chungnam-article {display:none;margin-top:100px;}
.k-chungnam-article .chungbuk-inner {width:100%;display:flex;align-items: center;flex-direction: column;}
.k-chungnam-article.on {display:block;}
.k-chungnam-article .k-head {box-sizing: border-box;max-width:1820px;width:100%;}
.k-chungnam-article .k-head .head-inner {}
.k-chungnam-article .k-head .inner-wrap {box-sizing: border-box;width:100%;display:flex;justify-content: flex-end;}
.k-chungnam-article .k-head .inner-wrap .k-box {width:560px;max-width: 560px;; padding-right:calc(338px + 145px - 48px);}
.k-chungnam-article .k-head .inner-wrap .k-box  {color:#fff;font-size:50px;line-height:64px;font-weight: 800;;}
.k-chungnam-article .k-table {display:flex;justify-content: center;margin-top:40px;}
.k-chungnam-article table {max-width:1444px;}
.k-chungnam-article table thead {}
.k-chungnam-article table thead tr {}
.k-chungnam-article table thead tr th {color:#fff;font-size:14px;line-height:24px;padding:10px;}
.k-chungnam-article table tbody {}
.k-chungnam-article table tbody tr {}
.k-chungnam-article table tbody tr th {color:#fff;font-size:14px;line-height:24px;text-align: center;border-bottom:1px solid rgba(255,255,255,0.08)}
.k-chungnam-article table tbody tr td {padding-right:30px; min-height:150px;color:#EAAC3D;;border-bottom:1px solid rgba(255,255,255,0.08)}
.k-chungnam-article table tbody tr td .img {max-width:197px;height:100%;display:flex;align-items: center;justify-content: center;}
.k-chungnam-article table tbody tr td .img img {width:100%;}
.k-chungnam-article table tbody tr td .cont {display:flex;justify-content: space-between;min-height:150px;}
.k-chungnam-article table tbody tr td:nth-child(2n) {background-color: #2C2C2C;;}
.k-chungnam-article table tbody tr td:nth-child(2n -1) {background-color: #323232;;}
.k-chungnam-article table tbody tr td .value { font-size:24px;line-height:36px;display:flex;align-items: center;white-space: nowrap;}
.k-chungnam-article table tbody tr td.last {padding-right:42px;padding-left:99px;}
.k-chungnam-article table tbody tr td .cont.last {}
.k-chungnam-article table tbody tr td .cont.last img {width:18px;}
.k-chungnam-article table tbody tr td .cont.last .value {font-size:14px;}
.k-chungnam-article table tbody tr td .up .value {}
.k-chungnam-article table tbody tr td .down .value {color:#fff;}
.k-body.chungnam .sponsor-wrap {margin-top:0px;}
.k-body.chungnam .sponsor-wrap .inner .inner-wrap {border-top:0px;}

@media screen and (max-width: 1699px) and (min-width: 100px) {
  .k-chungnam-article .k-head .inner-wrap {justify-content: flex-start;padding-left:328px;}
  .k-chungnam-article .k-head .inner-wrap .k-box {padding:0px;}
  .k-chungnam-article table tbody tr td .cont {min-height: 130px;;}
}

@media screen and (max-width: 1023px) {
  .k-chungnam-article {margin-top:60px;}
  .k-chungnam-article .k-head .inner-wrap .k-box {padding:0 24px;}
  .k-chungnam-article table tbody tr td .cont {min-height: 80px;;}
  .k-chungnam-article .k-table {position: relative;overflow-x: auto;overflow-y:hidden;justify-content: flex-start;}
  .k-chungnam-article table {min-width:800px;}
  .k-chungnam-article .k-table::-webkit-scrollbar {    height: 10px;    background-color: #252525;  }
  .k-chungnam-article .k-table::-webkit-scrollbar-thumb {    background-color: #333;  }
  .k-chungnam-article .k-head .inner-wrap {padding-left: 0px;;}
  .k-chungnam-article table colgroup col:first-child {width:160px;}
  .k-chungnam-article table colgroup col:last-child {width:120px;}
  .k-chungnam-article table tbody tr td.last {padding:0 24px;}
}






/************************************************************************************************
 *
*************************************************************************************************/
.k-body.gyeongbuk .sponsor-wrap {margin-top:0px;}
.k-body.gyeongbuk .sponsor-wrap .inner .inner-wrap {border-top:0px;}

.k-gyeongbuk-article {display:none;margin-top:100px;}
.k-gyeongbuk-article .chungbuk-inner {width:100%;display:flex;align-items: center;flex-direction: column;}
.k-gyeongbuk-article.on {display:block;}
.k-gyeongbuk-article .k-head {box-sizing: border-box;max-width:1820px;width:100%;}
.k-gyeongbuk-article .k-head .head-inner {}
.k-gyeongbuk-article .k-head .inner-wrap {box-sizing: border-box;width:100%;display:flex;justify-content: flex-end;}
.k-gyeongbuk-article .k-head .inner-wrap .k-box {width:560px;max-width: 560px;; padding-right:calc(338px + 145px - 48px);}
.k-gyeongbuk-article .k-head .inner-wrap .k-box  {color:#fff;font-size:50px;line-height:64px;font-weight: 800;;}


.k-gyeongbuk-article .k-table {color:#fff; display:flex;justify-content: center;margin-top:40px;}
.k-gyeongbuk-article table {max-width:1444px;}
.k-gyeongbuk-article table thead {}
.k-gyeongbuk-article table thead tr {}
.k-gyeongbuk-article table thead tr th {color:#fff;font-size:14px;line-height:24px;padding:10px;}
.k-gyeongbuk-article table tbody {}
.k-gyeongbuk-article table tbody tr {}
.k-gyeongbuk-article table tbody tr td:nth-child(2n) {background-color: #2C2C2C;;}
.k-gyeongbuk-article table tbody tr td:nth-child(2n -1) {background-color: #323232;;}
.k-gyeongbuk-article table tbody tr th {border-bottom:1px solid rgba(255,255,255,0.08);display:flex;justify-content: center;padding:0 40px;}
.k-gyeongbuk-article table tbody tr th .first {display:flex;align-items: center;;}
.k-gyeongbuk-article table tbody tr th span {font-size:14px;line-height:24px;color:#fff;}
.k-gyeongbuk-article table tbody tr td {border-bottom:1px solid rgba(255,255,255,0.08);color:#EAAC3D;padding:0 30px;text-align: left;}
.k-gyeongbuk-article table tbody tr img {width:180px;}
.k-gyeongbuk-article table tbody dl {}
.k-gyeongbuk-article table tbody dl dt {font-size:24px;line-height:36px;font-weight:700;}
.k-gyeongbuk-article table tbody dl dd {font-size:14px;line-height:24px;}


@media screen and (max-width: 1699px) and (min-width: 100px) {
  .k-gyeongbuk-article .k-head .inner-wrap {justify-content: flex-start;padding-left:328px;}
  .k-gyeongbuk-article .k-head .inner-wrap .k-box {padding:0px;}
  .k-gyeongbuk-article table tbody tr td .cont {min-height: 130px;;}
}

@media screen and (max-width: 1023px) {
  .k-gyeongbuk-article {margin-top:60px;}
  .k-gyeongbuk-article .k-head .inner-wrap .k-box {padding:0 24px;}
  .k-gyeongbuk-article table tbody tr td .cont {min-height: 80px;;}
  .k-gyeongbuk-article .k-table {position: relative;overflow-x: auto;overflow-y:hidden;justify-content: flex-start;}
  .k-gyeongbuk-article table {min-width:800px;}
  .k-gyeongbuk-article .k-table::-webkit-scrollbar {    height: 10px;    background-color: #252525;  }
  .k-gyeongbuk-article .k-table::-webkit-scrollbar-thumb {    background-color: #333;  }
  .k-gyeongbuk-article .k-head .inner-wrap {padding-left: 0px;;}

  .k-gyeongbuk-article table colgroup col:first-child {}
  .k-gyeongbuk-article table colgroup col:last-child {width:120px;}
  .k-gyeongbuk-article table tbody tr td.last {padding:0 24px;}
}

















@media screen and (max-width: 1023px) {
  .k-seoul-article {padding-top:0px;}
  .k-chungbuk-article .k-head .tit {font-size:40px;line-height:54px;}
  .k-seoul-article .k-head .tit {font-size:40px;line-height:54px;}
  .jeju-content .tit {font-size:40px;line-height:54px;}
  .k-chungnam-article .tit {font-size:40px;line-height:54px;white-space: nowrap;}
  .k-gyeongbuk-article .k-head .tit {font-size:40px;line-height:54px;}

}







.k-article-01.section-out .kv-media.on .img-wrap {opacity: 0;}
.k-article-01.section-out .kv-content {display:none;}


















/************************************************************************************************
 *
*************************************************************************************************/
.k-gyeongbuk-article {display:none;}
.k-gyeongbuk-article .chungbuk-inner {width:100%;display:flex;align-items: center;flex-direction: column;}
.k-gyeongbuk-article.on {display:block;}