@charset "utf-8";
img{ display:block; width:100%; }

html, body {
    height: auto;
    overflow: auto;
    overflow-x:hidden;
    cursor: none;
}
.only_pc{  }
.only_m{ display:none !important; }
.wrap, .contents { height: auto; overflow: visible; position: static; }
.wrap .contents > .cont:not(.cont_08) {position: relative;height: 100vh;display: flex;width: 100%;flex-direction: column-reverse;overflow: hidden;font-family: 'ktfont2';line-height: 1;}
.wrap .ct_inner{position: absolute;top: 10%;width: 1400px;left: 50%;transform: translateX(-50%);z-index: 1;}
.wrap .ct_inner span{display: block;}
.wrap .ct_inner span:nth-child(1){width: auto;height: 50px;margin-bottom: 17px;}
.wrap .ct_inner span:nth-child(2){height: 22px;}
.wrap .ct_inner span img{width: auto;height: 100%;}

.wrap .header{height: 65px;position: fixed;top: 0;width: 100%;z-index: 99; transition:all 0.6s;}
.wrap .header .sc_none{  }
.wrap .header .sc_yes{ display:none !important;}
.wrap .header .inner{width: 1400px;margin: 0 auto;height: 100%;}
.wrap .header .logo{display: block;float: left;height: 60px;line-height: 60px;}
.wrap .header .logo img{display: inline;vertical-align: middle;height: 1.3vw;}
.wrap .header ul{float: right;display: flex;align-content: center;flex-direction: row;height: 60px;}
.wrap .header ul:after{ content:''; display:block; clear:both; }
.wrap .header ul li{/* float: left; */}
.wrap .header ul li a{color: #fff;font-size: 16px;padding: 0 20px;display: block;height: 60px;line-height: 60px;font-family: 'ktfont3';}
.wrap .header ul li a img{height: 1.5vw;vertical-align: middle;display: inline;}
.wrap .header ul li:last-child{  }
.wrap .header.scroll{background: #ffffff69;}
.wrap .header.scroll .sc_none{ display:none!important; }
.wrap .header.scroll .sc_yes{ display:inline!important; }
.wrap .header.scroll ul li a{ color:#222; }

.cont_01{background: url(../images/bg_cont_01.jpg) no-repeat center bottom -120px;background-size: cover;}
.cont_01 > img{width: 100%;}
.cont_01 .ct{  }
.cont_01 .ct > div{position: absolute;top: 18%;left: 50%;transform: translateX(-50%);width: 80%; z-index:1;}
.cont_01 .ct > div p{font-family: "PT Sans", sans-serif;font-weight: 700;font-style: normal;color: #fff;text-align: center;line-height: 1;}
.cont_01 .ct > div p.ct01_01{
  font-size: 180px;
  line-height: 1;
  margin-bottom: 40px;
  padding: 12px 48px;
  color: #ffffff;
  background: linear-gradient(to right, #fff 0, #aadcf4 10%, #fff 20%);
  background-position: 0;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: shine 3s infinite linear;
  animation-fill-mode: forwards;
  -webkit-text-size-adjust: none;
  text-decoration: none;
  white-space: nowrap;
  transition: all 0.6s;
  font-family: 'ktfont4', sans-serif;
  }
.cont_01 .ct > div p.ct01_02{ font-size: 30px; display: flex; align-content: center; justify-content: center; align-items: center; }
.cont_01 .ct > div p.ct01_02 span{width: 300px;height: 50px;position: relative;overflow: hidden;padding: 0 10px;}
.cont_01 .ct > div p.ct01_02 span em{font-style: normal;transition: 1s;position: absolute;padding: 10px 0;font-family: 'ktfont3', sans-serif;}
.cont_01 .ct > div p.ct01_02 span:nth-child(1){text-align: right;}
.cont_01 .ct > div p.ct01_02 span:nth-child(3){text-align: left;}
.cont_01 .ct > div p.ct01_02 span:nth-child(1) em{right: -100%;}
.cont_01 .ct > div p.ct01_02 span:nth-child(3) em{left: -100%;}
.cont_01 .ct > div p.ct01_02 > em{display: inline-block;width: 2px;height: 80px;position: relative;transition: 1.5s;top: 3px;}
.cont_01 .ct > div p.ct01_02 > em sub{width: 2px;display: block;height: 0;background: #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.cont_01 .ct > div p.ct01_02 > em sub:nth-child(1){ transition: 1.5s;}
.cont_01 .ct > div p.ct01_02 > em sub:nth-child(2){ transition: 1.5s;}
.cont_01 .ct > div p.ct01_02.af1 > em sub{ height:80px; }
.cont_01 .ct > div p.ct01_02.af1.af2 span:nth-child(1) em{ right:0; }
.cont_01 .ct > div p.ct01_02.af1.af2 span:nth-child(3) em{ left:0; }
.cont_01 .ct > div p.ct01_02.af1.af3 > em{ width:80px;margin:0 5px; }
.cont_01 .ct > div p.ct01_02.af1.af3 > em sub{ top:0; }
.cont_01 .ct > div p.ct01_02.af1.af3 > em sub:nth-child(1){ transform: rotate(45deg); }
.cont_01 .ct > div p.ct01_02.af1.af3 > em sub:nth-child(2){ transform: rotate(-45deg); }
/* transform: rotateZ(45deg); */
.cont_01 .ct > div p.ct01_01:hover{ text-shadow: 0 0 15px #ffffffb7;}
.cont_01 .ct > div p.ct01_02:hover{ text-shadow: 0 0 5px #ffffffe5;}

.ct01_02.no-transition *{
    transition: none !important;
}
@keyframes shine{
  0%{ background-position: 0;}
  60%{ background-position: 72vw;}
  100%{ background-position: 72vw; }
}
.cont_02{ background:url(../images/bg_cont_02.jpg) no-repeat center bottom; background-size: cover; }
.cont_02 main{ width:100%; height:100%; }
.cont_02 > img{width: 100%;}
/* .cont_02 .ct > span{position: absolute;left: 50%;transform: translateX(-50%);width: 60%;}
.cont_02 .ct > span img{  }
.cont_02 .ct > span:nth-child(1){top: 26%;}
.cont_02 .ct > span:nth-child(2){top: 40%;} */
.cont_02 .ct > .cont_02_txt{position: absolute;top: 50%;width: 100%;text-align: center;line-height: 1;transform: translateY(-50%);}
.cont_02 .ct > .cont_02_txt .txt_01{font-size: 60px;font-family: 'ktfont4';color: #333;line-height: 1.4;}
.cont_02 .ct > .cont_02_txt .txt_01 em{ font-style: normal; position: relative; z-index:1;}
.cont_02 .ct > .cont_02_txt .txt_01 span{animation: color_ch 15s linear infinite; color: #ad00df;position:relative;line-height: 1.4;display: inline-block;}

.cont_02 .ct > .cont_02_txt .txt_02{line-height: 1.8;font-size: 28px;margin-top: 60px;font-family: 'ktfont3';color: #333;}
.cont_02 .ct > .cont_02_txt .txt_02 span{font-size: 32px;font-family: 'ktfont3';color: #000;}
.cont_02 .ct .car{ position: absolute; bottom:0; right: -100%; width:300px;  animation: car 15s linear infinite;}
.cont_02 .ct .car img{  }
@keyframes color_ch{
  0%{ color: #27ec69; text-shadow: 0 0 3px #beffd4;}
  20%{ color: #ece927; text-shadow: 0 0 7px #fffeb6;}
  40%{ color: #fc237d; text-shadow: 0 0 13px #ffc2dc;}
  60%{ color: #2e30c5; text-shadow: 0 0 3px #afb1ff;}
  80%{ color: #b11eda; text-shadow: 0 0 9px #f0b9ff;}
  100%{ color: #27ec69; text-shadow: 0 0 4px #beffd4;}
}

@keyframes car{
  0%{ right: -20%;}
  100%{ right: 100%; }
}

.cont_03{background: linear-gradient(135deg, rgba(238, 44, 70, 1) 30%, rgba(133, 213, 242, 1) 100%);}
.cont_03 > img{width: 100%;}
.cont_03 .ct .ct_inner span{  }
.cont_03 .ct .ct_inner span img{  }
.cont_03 .ct .ct_inner span:nth-child(1){  }
.cont_03 .ct .ct_inner span:nth-child(2){  }
.cont_03 .ct .ct03_banner{ width: 70%;position: absolute;top: 31%;left: 50%;transform: translateX(-50%); }
.cont_03 .ct .ct03_banner ul{padding: 50px 0;}
.cont_03 .ct .ct03_banner ul:after{ content:''; display:block; clear:both; }
.cont_03 .ct .ct03_banner ul li{border-radius: 30px;px;overflow: hidden;padding: 10px;}
.cont_03 .ct .ct03_banner ul li img{border-radius: 20px;box-shadow: 0 0 10px #0000008c;}
.cont_03 .ct .ct03_banner_tit{position: absolute;top: 24%;left: 50%;transform: translateX(-50%);}
.cont_03 .ct .ct03_banner_tit ul{  }
.cont_03 .ct .ct03_banner_tit ul li{float:left;padding: 20px 30px;font-size: 21px;color:#fff;border:2px solid #fff;font-family: 'ktfont2', sans-serif;}
.cont_03 .ct .ct03_banner_tit ul li span{font-weight: 800;font-family: 'ktfont2', sans-serif;}
.cont_03 .ct .ct03_banner_tit ul li:after{ content:''; display:block; }
.cont_03 .ct .ct03_banner_tit ul li.on{background-color: #fff;color: #e6183a;font-weight: 600;background: #FFFFFF;background: linear-gradient(139deg,rgba(255, 255, 255, 1) 0%, rgba(253, 245, 245, 1) 42%, rgba(253, 189, 182, 1) 100%);}
.cont_03 .ct .ct03_banner_tit ul li:last-child{border-left: 0;}
.cont_03 .ct .swiper { width: 100%; height: 100%; }
.cont_03 .ct .swiper-slide { text-align: center; font-size: 18px; display: flex;  justify-content: center; align-items: center; transition: margin 0.6s; margin:0; }
.cont_03 .ct .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
.cont_03 .ct .swiper { margin-left: auto; margin-right: auto; }
.cont_03 .ct .swiper-slide-active{ margin-top: -40px; }

.cont_04{ background:url(../images/bg_cont_04.jpg) no-repeat center bottom; background-size: cover; }
.cont_04 > img{  }
.cont_04 .ct .ct_inner span{  }
.cont_04 .ct .ct_inner span img{  }
.cont_04 .ct .ct_inner span:nth-child(1){  }
.cont_04 .ct .ct_inner span:nth-child(2){  }
.cont_04 .ct .schedule_wrap{ width: 55%;position: absolute;left: 50%;top: 26%; transform: translateX(-50%);}
.cont_04 .ct .schedule_wrap .inner{background: #ffffff80;border-radius: 30px;padding: 50px 40px 40px;}
.cont_04 .ct .schedule_wrap .schedule{ overflow: hidden; }
.cont_04 .ct .schedule_wrap .schedule ul{/* overflow: hidden; */}
.cont_04 .ct .schedule_wrap .schedule ul:after{ content:''; display:block; clear:both; }
.cont_04 .ct .schedule_wrap .schedule ul li{/* padding: 0 29px; */}
.cont_04 .ct .schedule_wrap .arrow_left{width: 30px;height: 46px;display:block;background: url(../images/icon_arrow_left.png) no-repeat center;background-size: contain;position: absolute;left: -100px;top:50%;transform: translateY(-50%);}
.cont_04 .ct .schedule_wrap .arrow_right{width: 30px;height: 46px;display:block;background: url(../images/icon_arrow_right.png) no-repeat center;background-size: contain;position: absolute;right: -100px;top:50%;transform: translateY(-50%);}
.cont_04 .ct .schedule_wrap .arrow_left:after{ display:none; }
.cont_04 .ct .schedule_wrap .arrow_right:after{ display:none; }
.cont_04 .swiper-button-next.swiper-button-disabled, .cont_04 .swiper-button-prev.swiper-button-disabled{ display: none !important; }


.cont_05{ background:url(../images/bg_cont_05.jpg) no-repeat center; background-size: cover; }
.cont_05 > img{  }
.cont_05 .ct .ct_inner span{  }
.cont_05 .ct .ct_inner span img{margin: 0 auto;}
.cont_05 .ct .ct_inner span:nth-child(1){height: 67px;}
.cont_05 .ct .ct_inner span:nth-child(2){  }
.cont_05 .ct .story{  }
.cont_05 .ct .story .ani_wrap{position: absolute;top: 15%;left: 50%;transform: translateX(-50%);width: 60%;height: 67%;z-index: 1;}
.cont_05 .ct .story .ani_wrap span{ position: absolute; top: 100%; }
.cont_05 .ct .story .ani_wrap span:nth-child(1){top: 5.2vw;width: 2vw;left: 5.4vw;}
.cont_05 .ct .story .ani_wrap span:nth-child(2){top: 10.7vw;width: 4vw;left: 0vw;}
.cont_05 .ct .story .ani_wrap span:nth-child(3){top: 25vw;width: 4vw;left: 3.7vw;}
.cont_05 .ct .story .ani_wrap span:nth-child(4){top: 0;width: 8.4vw;left: 50vw;}
.cont_05 .ct .story .ani_wrap span:nth-child(5){top: 8vw;width: 1.5vw;left: 55.4vw;}
.cont_05 .ct .story .ani_wrap span:nth-child(6){width: 1.5vw;top: 20vw;left: 55.7vw;}
.cont_05 .ct .story .ani_wrap span:nth-child(7){top: 19.5vw;width: 6vw;left: 43vw;z-index: 8;}
.cont_05 .ct .story .ani_wrap span:nth-child(8){width: 9.3vw;top: 5vw;left: 11vw;z-index: 4;}
.cont_05 .ct .story .ani_wrap span:nth-child(9){top: 8vw;width: 15.3vw;left: 9.5vw;z-index: 8;}
.cont_05 .ct .story .ani_wrap span:nth-child(10){top: 14vw;width: 12.3vw;left: 8.5vw;z-index: 2;}
.cont_05 .ct .story .ani_wrap span:nth-child(11){top: 18.5vw;width: 9.3vw;left: 11.5vw;z-index: 7;}
.cont_05 .ct .story .ani_wrap span:nth-child(12){top: 13vw;width: 9.3vw;left: 18.5vw;z-index: 3;}
.cont_05 .ct .story .ani_wrap span:nth-child(13){top: 3.2vw;width: 17.3vw;left: 22vw;z-index: 4;}
.cont_05 .ct .story .ani_wrap span:nth-child(14){top: 6.4vw;width: 6.3vw;left: 37.5vw;z-index: 1;}
.cont_05 .ct .story .ani_wrap span:nth-child(15){top: 3.3vw;width: 8vw;left: 42vw;z-index: 6;}
.cont_05 .ct .story .ani_wrap span:nth-child(16){top: 3.8vw;width: 4vw;left: 36.8vw;z-index: 5;}
.cont_05 .ct .story .ani_wrap span:nth-child(17){top: 14.8vw;width: 9.1vw;left: 28.3vw;z-index: 4;}
.cont_05 .ct .story .ani_wrap span:nth-child(18){top: 10vw;width: 18.6vw;left: 35.2vw;z-index: 7;}
.cont_05 .ct .story .ani_wrap span:nth-child(19){top: 11.6vw;width: 10.3vw;left: 22.9vw;z-index: 5;}
.cont_05 .ct .story .ani_wrap span:nth-child(20){top: 19.6vw;width: 7.8vw;left: 20.3vw;z-index: 6;}
.cont_05 .ct .story .ani_wrap span:nth-child(21){bottom: 0.7vw;width: 68%;top: auto;left: 50%;transform:translateX(-50%);bottom:0; opacity: 0;}
.cont_05 .ct .story .btn_story{position: absolute;bottom: 4%;left: 50%;transform: translate(-50%, -50%);width: 20%; transition: all 0.6s;}
.cont_05 .ct .story .btn_story a{width: 100%; display:block;}
.cont_05 .ct .story .btn_story a img{ box-shadow: 0 16px 24px #05050587;border-radius: 53px; transition: all 1.5s;}
.cont_05 .ct .story .btn_story a:hover img{ box-shadow: 0 6px 10px #05050556; margin-top:-5px; transition: all 0.6s;}
.cont_05 .ct .story .ani_wrap span:not(:nth-child(21)){ transform: scale(0); }
.cont_05.active .ct .story .ani_wrap span:nth-child(1),
.cont_05.active .ct .story .ani_wrap span:nth-child(7),
.cont_05.active .ct .story .ani_wrap span:nth-child(2),
.cont_05.active .ct .story .ani_wrap span:nth-child(10),
.cont_05.active .ct .story .ani_wrap span:nth-child(11) {animation: ani01 1s forwards ;  animation-delay: 1s;  }
.cont_05.active .ct .story .ani_wrap span:nth-child(9),
.cont_05.active .ct .story .ani_wrap span:nth-child(14),
.cont_05.active .ct .story .ani_wrap span:nth-child(3),
.cont_05.active .ct .story .ani_wrap span:nth-child(18),
.cont_05.active .ct .story .ani_wrap span:nth-child(17){ animation: ani01 2s forwards ;  animation-delay: 0.3s;  }
.cont_05.active .ct .story .ani_wrap span:nth-child(19),
.cont_05.active .ct .story .ani_wrap span:nth-child(20),
.cont_05.active .ct .story .ani_wrap span:nth-child(4),
.cont_05.active .ct .story .ani_wrap span:nth-child(16),
.cont_05.active .ct .story .ani_wrap span:nth-child(16){ animation: ani01 1.6s forwards ;  animation-delay: 1.1s;  }
.cont_05.active .ct .story .ani_wrap span:nth-child(13),
.cont_05.active .ct .story .ani_wrap span:nth-child(12),
.cont_05.active .ct .story .ani_wrap span:nth-child(6),
.cont_05.active .ct .story .ani_wrap span:nth-child(5),
.cont_05.active .ct .story .ani_wrap span:nth-child(18){ animation: ani01 0.8s forwards ;  animation-delay: 0.8s;  }
.cont_05.active .ct .story .ani_wrap span:nth-child(21){ animation: ani02 1.2s forwards ;  }
.cont_05.active .ct .story .ani_wrap span.ani-complete{ animation: aniFloat 2.5s ease-in-out infinite; }
@keyframes ani01 {
    0% { transform: scale(0); }
    50% { transform: scale(1.2); }
    100% { transform: scale(1); }
}
@keyframes ani02 {
    0% { bottom:0; opacity:0;}
    100% { bottom:0.7vw; opacity: 1;}
}
@keyframes aniFloat {
    0%   { transform: translateY(0); }
    50%  { transform: translateY(-0.7vw); }
    100% { transform: translateY(0); }
}
@keyframes clickPop {
  0%   { transform: scale(1); }
  50%  { transform: scale(0.3); }
  100% { transform: scale(1); }
}
span.clicked img{
  animation: clickPop 1s ease-in-out forwards;
}

.cont_06{ background:url(../images/bg_cont_06.jpg) no-repeat center bottom; background-size: cover; }
.cont_06 > img{  }
.cont_06 .ct > span{position: absolute;top: 11%;left: 50%;transform: translateX(-50%);width: 45%;}
.cont_06 .ct > span img{  }
.cont_06 .ct > span:nth-child(1){  }
.cont_06 .ct > .gallery_01{position: absolute;left: 0;top: 20.5%;width: 40%;height: 72%;background: #9fd1e9;display: flex;justify-content: center;align-items: center; transition: all 0.3s;}
.cont_06 .ct > .gallery_01.color_01{ background:#e2575c; }
.cont_06 .ct > .gallery_01.color_02{ background:#4cc5ff; }
.cont_06 .ct > .gallery_01.color_03{ background:rgb(130, 240, 96); }
.cont_06 .ct > .gallery_01 div{width: 68%;height: 65%;position: relative;overflow: hidden;text-align: center;}
.cont_06 .ct > .gallery_01 div span{width: 200%;height: 100%;display: block;position: absolute;left: 50%;transform: translateX(-50%);top: 0;text-align: center;}
.cont_06 .ct > .gallery_01 div span img{width: auto;height: 100%;display: inline-block;}
.cont_06 .ct > .gallery_02{width: 49%;position: absolute;bottom: 20%;right: 13%;}
.cont_06 .ct > .gallery_02 ul{height: 100%;width: 100%;display: flex;flex-direction: row;align-items: flex-end;}
.cont_06 .ct > .gallery_02 ul:after{ content:''; display:block; clear:both; }
.cont_06 .ct > .gallery_02 ul li{width: 15%;float: left;overflow: hidden;border: 6px solid #fff;transition: all 0.6s;border-radius: 300px;aspect-ratio: 1/1;}
.cont_06 .ct > .gallery_02 ul li img{width: auto;height: 100%;}
.cont_06 .ct > .gallery_02 ul li.on{width: 50%;height: 100%;}
.cont_06 .ct > .gallery_02 ul li.on img{height: 100%;}
.cont_06 .ct > .gallery_02 ul li.color_01{ border: 6px solid #e2575c; }
.cont_06 .ct > .gallery_02 ul li.color_02{ border: 6px solid #4cc5ff; }
.cont_06 .ct > .gallery_02 ul li.color_03{ border: 6px solid rgb(130, 240, 96); }
.cont_06 .ct > .gallery_03{ display:none; }
.cont_06 .btn_gallery{left: 50%;position: absolute;bottom: 7%;transform: translateX(-50%);width: 230px;}

.cont_07{height: auto !important;}
.cont_07 .inner{width: 1400px;height: 100%;padding: 150px 0;margin: 0 auto;}
.cont_07 .cont_tit{font-size: 50px;font-family: 'ktfont4';margin-bottom: 20px;}
.cont_07 .cont_sub_tit{position: relative;}
.cont_07 .cont_sub_tit p{font-size: 26px;font-family: 'ktfont3';}
.cont_07 .cont_sub_tit .search_wrap{position: absolute;right: 0;bottom: 0;width: 300px;border-bottom: 1px solid #000;}
.cont_07 .cont_sub_tit .search_wrap input{height: 55px;padding: 10px;padding-right: 50px;line-height: 1;border: none;font-size: 20px;font-family: 'ktfont2';}
.cont_07 .cont_sub_tit .search_wrap button{position: absolute;width: 35px;height: 35px;background: url(../images/icon_search.png) no-repeat center;background-size: contain;right: 5px;bottom: 10px;}
.cont_07 .cont_sub_tit .search_wrap em{position: absolute;width:0px;height: 1px;bottom: -1px;left:0;transition: all 0.6s;background-color: red;}
.cont_07 .cont_sub_tit .search_wrap input:focus ~ em{width:100%;}
.cont_07 .notice_wrap{margin-top: 30px;border-top: 3px solid red;}
.cont_07 .notice_wrap dl{border-bottom: 1px solid #000;}
.cont_07 .notice_wrap dl:after{ content:''; display:block; clear:both; }
.cont_07 .notice_wrap dl dt{padding: 30px 0;position: relative;}
.cont_07 .notice_wrap dl dt .notice_tit{font-size: 26px;font-family: 'ktfont3';margin-bottom: 10px;}
.cont_07 .notice_wrap dl dt .notice_tit_info{font-size: 18px;}
.cont_07 .notice_wrap dl dt .notice_tit_info .user{  }
.cont_07 .notice_wrap dl dt .notice_tit_info .user:after{content:' |';display:inline-block;margin-left: 10px;margin-right: 7px;}
.cont_07 .notice_wrap dl dt .notice_tit_info .date{}
.cont_07 .notice_wrap dl dt .btn_notice{position: absolute;right: 50px;top: 50%;transform: translateY(-50%) rotateZ(0deg);width: 23px;height: 23px;background: url(../images/icon_plus.png) no-repeat center;background-size: contain;transition: all 0.6s;}
.cont_07 .notice_wrap dl dt.on .btn_notice{transform: translateY(-50%) rotateZ(45deg);}
.cont_07 .notice_wrap dl dd{display: none;background: #f9f9f9;padding: 30px;line-height: 1.5;font-size: 18px;margin-bottom: 30px;}
.cont_07 .notice_wrap dl.on dd{ display: block; }
.cont_07 .navi_wrap{display: flex;flex-wrap: nowrap;justify-content: center;margin-top: 50px;}
.cont_07 .navi_wrap button{width: 40px;height: 40px;}
.cont_07 .navi_wrap .btn_navi_prev{ background: url(../images/icon_navi_prev.png) no-repeat center; background-size: 20px; }
.cont_07 .navi_wrap .btn_navi_next{  url(../images/icon_navi_prev.png) no-repeat align-content: center;background: url(../images/icon_navi_next.png) no-repeat center;background-size: 20px;}
.cont_07 .navi_wrap .number{margin: 0 30px;display: flex;flex-wrap: nowrap;}
.cont_07 .navi_wrap .number a{width: 40px;line-height: 40px;text-align: center;font-size: 16px;color: #222;border-radius: 40px;}
.cont_07 .navi_wrap .number a:last-child{  }
.cont_07 .navi_wrap .number a.on{background: red;color: #fff;}
.cont_07 .navi_wrap .number a:hover{  }
.cont_07 .m_search_wrap{display:none;}
.cont_07 .m_search_wrap input{height: 55px;padding: 10px;padding-right: 50px;line-height: 1;border: none;font-size: 20px;font-family: 'ktfont2';}
.cont_07 .m_search_wrap button{position: absolute;width: 35px;height: 35px;background: url(../images/icon_search.png) no-repeat center;background-size: contain;right: 5px;bottom: 10px;}
.cont_07 .m_search_wrap em{position: absolute;width:0px;height: 1px;bottom: -1px;left:0;transition: all 0.6s;background-color: red;}
.cont_07 .m_search_wrap input:focus ~ em{width:100%;}

.cont_08{height: auto !important;background: #f9f9f9;overflow: hidden;}
.cont_08 .inner{width: 1400px;margin: 0 auto;padding: 100px 0;display: flex;justify-content: space-between;}
.cont_08 .left{  }
.cont_08 .left > p{display: flex;margin-bottom: 40px;}
.cont_08 .left > p span{height: 30px;}
.cont_08 .left > p span img{width: auto;height: 100%;}
.cont_08 .left > p em{display: block;width: 1px;height: 30px;background: #000;margin: 0 20px;}
.cont_08 .left dl{display: flex;font-size: 18px;margin-bottom: 15px;}
.cont_08 .left dl dt{width: 150px;font-family: 'ktfont3';}
.cont_08 .left dl dd{  }
.cont_08 .left > span{font-size: 16px;color: #555;margin-top: 30px;display: block;}
.cont_08 .right{display: flex;align-items: flex-end;}
.cont_08 .right button{height: 30px;}
.cont_08 .right button img{width: auto;height: 100%;}
.cont_08 .right .btn_footer_01{margin-right: 30px;}
.cont_08 .right .btn_footer_02{  }

.footer_pop{  }
.footer_pop .pop_wrap {width: 90vw;max-width: 800px;background: #fff;position: fixed;z-index: 1;left: 50%;top: 50%;transform: translate(-50%, -50%);font-family: 'ktfont2';z-index: 99999; display:none;}
.footer_pop .pop_wrap h2 {padding: 15px 30px;color: #fff;font-size: 24px;font-weight: 600;line-height: 1.3em;letter-spacing: -.02em;background: #e2575c;}
.footer_pop .pop_wrap .content {padding: 25px 30px;/* height: 500px; */overflow: auto;font-size: 15px;font-weight: 400;line-height: 1.5em;letter-spacing: -.02em;color: #505050;}
.footer_pop ::-webkit-scrollbar { width: 14px; height: 14px; }
.footer_pop ::-webkit-scrollbar-thumb { outline: none; border-radius: 10px; border: 4px solid transparent; box-shadow: inset 6px 6px 0 #e2575c; }
.footer_pop ::-webkit-scrollbar-thumb:hover { border: 4px solid transparent; box-shadow: inset 6px 6px 0 #e2575cd2; }
.footer_pop ::-webkit-scrollbar-track { box-shadow: none; background-color: transparent; }
.footer_pop .pop_wrap .title {color: #222;font-size: 17px;margin-bottom: 7px;font-family: 'ktfont3';}
.footer_pop .pop_wrap .desc {font-size: 15px;padding-left: 10px;font-weight: 300;color: #4a4a4a;}
.footer_pop .popup_bg{position: fixed;width:100%;height:100%;left:0;top:0;background-color: #000000bb;display:none;z-index: 9999; }
.footer_pop .close { position: absolute; top: -39px; right: 0; width: 40px; height: 40px; cursor: pointer; z-index: 8040; background: #e2575c url(../images/close.png) 50% 50% no-repeat; }
.footer_pop_01 .pop_wrap .content{ height:500px; }
.footer_pop_02 .pop_wrap{max-width: 500px;}
.footer_pop_02 .pop_wrap .content{  }

.gallery_popup{  }
.gallery_popup .gallery_inner{position:fixed;width: 770px;height:auto;padding: 80px 50px 50px;border-radius: 20px;left:50%;top:50%;transform: translate(-50%, -50%);display: none;z-index: 1;background: #fff;z-index: 99999;}
.gallery_popup .gallery_inner .gallery_cancel{position: absolute;top: 30px;right: 30px;width: 40px;height: 40px;background: url(../images/popup_cancel.png) no-repeat center;background-size: contain;}
.gallery_popup .gallery_inner .gallery_top{width: 90%;height: 386px;position: relative;overflow: hidden;margin-bottom: 30px;}
.gallery_popup .gallery_inner .gallery_top .swiper-wrapper{  }
.gallery_popup .gallery_inner .gallery_top .swiper-wrapper .swiper-slide {display: flex;align-items: center;justify-content: center;background: #fff;position:relative;height:100%;overflow:hidden;}
.gallery_popup .gallery_inner .gallery_top .swiper-wrapper .swiper-slide span{width: 200%;display: block;position: absolute;left: 50%;transform: translateX(-50%);height: 100%;text-align: center;background: #fff;}
.gallery_popup .gallery_inner .gallery_top .swiper-wrapper .swiper-slide span img{width: auto;height: 100%;display: inline-block;}
.gallery_popup .gallery_inner .swiper-pagination-p{position: absolute;top: 7%;text-align: center;font-size: 18px;font-weight: bold;width: 200px;left: 50%;transform: translateX(-50%);bottom: auto;font-family: 'ktfont2';letter-spacing: -1px;}
.gallery_popup .gallery_inner .swiper-button-next-p{right: 0;width: 35px;height: 35px;background: url(../images/popup_arrow_right.png) no-repeat center;background-size: contain;position: absolute;top: 37%;right: 5%;}
.gallery_popup .gallery_inner .swiper-button-next-p:after{ display:none; }
.gallery_popup .gallery_inner .swiper-button-prev-p{left: 0;width: 35px;height: 35px;background: url(../images/popup_arrow_left.png) no-repeat center;background-size: contain;top: 37%;left: 5%;position: absolute;}
.gallery_popup .gallery_inner .swiper-button-prev-p:after{ display:none; }
.gallery_popup .gallery_inner .swiper-button-prev-p.swiper-button-disabled{ opacity: 0.5; }
.gallery_popup .gallery_inner .swiper-button-next-p.swiper-button-disabled{ opacity: 0.5; }
.gallery_popup .gallery_inner .gallery_list{height: 100px;}
.gallery_popup .gallery_inner .gallery_list .swiper-wrapper{height: 100%;}
.gallery_popup .gallery_inner .gallery_list .swiper-wrapper .swiper-slide{float: left;width: 90px;position: relative;height: 100%;overflow: hidden;margin-right: 10px;background: #fff;}
.gallery_popup .gallery_inner .gallery_list .swiper-wrapper .swiper-slide span{width: 200%;height: 100%;position: absolute;left: 50%;top: 0;display: block;text-align: center;transform: translateX(-50%);}
.gallery_popup .gallery_inner .gallery_list .swiper-wrapper .swiper-slide span img{width: auto;height: 100%;display: inline-block;}
.gallery_popup .gallery_inner .gallery_list .swiper-wrapper .swiper-slide.swiper-slide-thumb-active{border: 2px solid #e6193a;}
.gallery_popup .gallery_inner .gallery_list .swiper-wrapper .swiper-slide.swiper-slide-active{  }
.gallery_popup .gallery_inner .gallery_list .swiper-wrapper .swiper-slide.swiper-slide-active img{  }
.gallery_popup .popup_bg{position: fixed;width:100%;height:100%;left:0;top:0;background-color: #000000bb;display:none;z-index: 9999;}

.light-line_wrap{position: absolute;top: 120px;left: 0;width: 100%;height: 100%;}

.light-line {position: absolute;width: 52.084vw;height: 0.157vw;background-color: transparent;opacity: 0.6;}
.line_01{bottom: 10vw;left: -2vw;transform: rotate(-21deg);}
.line_02{bottom: 14vw;left: -4vw;transform: rotate(-12deg);}
.line_03{bottom: 4vw;left: 0;transform: rotate(-33deg);}
.line_04{bottom: 15vw;left: -5vw;transform: rotate(-9deg);opacity: 0.3;}
.line_05{bottom: -6vw;left: 15vw;transform: rotate(-70deg);}
.line_06{bottom: 5vw;right: 0;transform: rotate(-149deg);}
.line_07{bottom: 8vw;right: -1vw;transform: rotate(-156deg);}
.line_08{bottom: 0;right: 5vw;transform: rotate(-135deg);}
.line_09{bottom: 12vw;right: -2vw;transform: rotate(-160deg);opacity: 0.5;}
.line_10{bottom: 10vw;left: -2vw;transform: rotate(-21deg);}
.line_11{bottom: 15vw;left: -4vw;transform: rotate(-12deg);}
.line_12{bottom: 4vw;left: 0;transform: rotate(-33deg);}
.line_13{bottom: 16vw;left: -5vw;transform: rotate(-9deg);opacity: 0.3;}
.line_14{bottom: -6vw;left: 15vw;transform: rotate(-70deg);}
.line_15{bottom: 6vw;right: 0;transform: rotate(-149deg);}
.line_16{bottom: 9vw;right: -1vw;transform: rotate(-156deg);}
.line_17{bottom: 0;right: 5vw;transform: rotate(-135deg);}
.line_18{bottom: 12vw;right: -2vw;transform: rotate(-160deg);opacity: 0.5;}

.light-line.top{width: 31.25vw;opacity: 0.3;}
.light-line.line_19{bottom: 33vw;left: 23vw;transform: rotate(48deg);}
.light-line.line_20{bottom: 33vw;right: -5vw;transform: rotate(155deg);width: 57.292vw;opacity: 0.5;}
.light-line.line_21{bottom: 36vw;left: 38vw;transform: rotate(105deg);}
.light-line.line_22{bottom: 34vw;left: 23vw;transform: rotate(48deg);}
.light-line.line_23{bottom: 30vw;left: 8vw;transform: rotate(24deg);width: 41.667vw;}
.light-line.line_24{bottom: 37vw;left: 28vw;transform: rotate(68deg);}
.light-line.line_25{bottom: 35vw;right: 34vw;transform: rotate(93deg);}
.light-line.line_26{bottom: 34vw;right: 24vw;transform: rotate(126deg);}
.light-line.line_27{bottom: 37vw;right: 4vw;transform: rotate(142deg);width: 52.084vw;}

.glow { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient( to right, transparent 0%, transparent 48%, rgba(255, 255, 255, 0.9) 50%, transparent 62%, transparent 100% ); background-size: 200% 100%; background-position: 0% 0%; animation: lightMove 1.5s linear infinite; filter: blur(1px)  brightness(1.5); }
.line_01 .glow { animation: lightMove 1.2s linear infinite; animation-delay: 0s; }
.line_02 .glow { animation: lightMove 1.2s linear infinite; animation-delay: 0.2s; }
.line_03 .glow { animation: lightMove 1.2s linear infinite; animation-delay: 0.4s; }
.line_04 .glow { animation: lightMove 1.2s linear infinite; animation-delay: 0.1s; }
.line_05 .glow { animation: lightMove 1.2s linear infinite; animation-delay: 0.3s; }
.line_06 .glow { animation: lightMove 1.2s linear infinite; animation-delay: 0.5s; }
.line_07 .glow { animation: lightMove 1.2s linear infinite; animation-delay: 0.15s; }
.line_08 .glow { animation: lightMove 1.2s linear infinite; animation-delay: 0.35s; }
.line_09 .glow { animation: lightMove 1.2s linear infinite; animation-delay: 0.25s; }
.line_10 .glow { animation: lightMove 1.1s linear infinite; animation-delay: 0.3s; }
.line_11 .glow { animation: lightMove 1.1s linear infinite; animation-delay: 0.5s; }
.line_12 .glow { animation: lightMove 1.1s linear infinite; animation-delay: 0.9s; }
.line_13 .glow { animation: lightMove 1.1s linear infinite; animation-delay: 0.4s; }
.line_14 .glow { animation: lightMove 1.1s linear infinite; animation-delay: 0.2s; }
.line_15 .glow { animation: lightMove 1.1s linear infinite; animation-delay: 0.5s; }
.line_16 .glow { animation: lightMove 1.1s linear infinite; animation-delay: 0.1s; }
.line_17 .glow { animation: lightMove 1.1s linear infinite; animation-delay: 0.25s; }
.line_18 .glow { animation: lightMove 1.1s linear infinite; animation-delay: 0.7s; }
.line_19 .glow { animation: lightMove 1.1s linear infinite; animation-delay: 0s; }
.line_20 .glow { animation: lightMove 1.1s linear infinite; animation-delay: 0.4s; }
.line_21 .glow { animation: lightMove 1.1s linear infinite; animation-delay: 0.2s; }
.line_22 .glow { animation: lightMove 1.1s linear infinite; animation-delay: 0.15s; }
.line_23 .glow { animation: lightMove 1.1s linear infinite; animation-delay: 0.6s; }
.line_24 .glow { animation: lightMove 1.1s linear infinite; animation-delay: 0.2s; }
.line_25 .glow { animation: lightMove 1.1s linear infinite; animation-delay: 0.1s; }
.line_26 .glow { animation: lightMove 1.1s linear infinite; animation-delay: 0.55s; }
.line_27 .glow { animation: lightMove 1.1s linear infinite; animation-delay: 0.3.4s; }

.light_one{width: 8vw;height: 14vw;border-radius: 73%;background: #fff;animation: lightOne 3s linear infinite;position: absolute;left: 50%;bottom: 8vw;filter: blur(23px);}

.box { background-color: #ea0066; border-radius: 50%; width: 20px; height: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 99999999; pointer-events: none; mix-blend-mode: difference; transition: width 0.3s, height 0.3s, font-size 0.3s; font-size:0px; display: flex ; justify-content: center; align-items: center; font-family: '맑은 고딕', sans-serif; font-weight: bold; }
.box.on{ width:60px; height:60px; font-size:16px; color:black;}
.box.drag{  }
.box.drag:before{position:absolute;content:'';display:block;width: 20px;height: 20px;transform: rotate(-45deg);left: -40px;border-top:2px solid #ea0066;border-left:2px solid #ea0066;}
.box.drag:after{position:absolute;content:'';display:block;width: 20px;height: 20px;transform: rotate(135deg);right: -40px;border-top:2px solid #ea0066;border-left:2px solid #ea0066;}
@keyframes lightMove {
    0% { background-position: 100% 0; }
    100% { background-position: -100% 0; }
}

@keyframes lightOne {
    0% { transform: translateX(-50%) scale(1); opacity: 0.6; }
    40% { transform: translateX(-50%) scale(0.1); opacity: 1; }
    80% { transform: translateX(-50%) scale(3); opacity: 0.05; }
    100% { transform: translateX(-50%) scale(1); opacity: 0.3; } 
}