@charset "utf-8";

@media (max-width: 1600px) {
   .wrap .header .inner{ width:100%; padding:0 20px; }
   .cont_07 .inner{ width: 100%; padding: 100px 20px; }
   .cont_08 .inner{ width: 100%; padding: 100px 20px; }
   .wrap .header .logo img{ height:2.3vw; }
    .cont_01{ background: url(../images/bg_cont_01.jpg) no-repeat center bottom 0px; background-size: cover; }
    .cont_01 .ct > div p.ct01_01{ font-size:140px; }
    .light-line_wrap{ top:0; }
    .light_one{ bottom:13vw; }
}

@media (max-width: 1400px) {
.wrap .contents > .cont_01{height: 850px !important;}
.wrap .contents > .cont_02{height: 850px !important;}
.wrap .contents > .cont_03{height: 900px !important;}
.wrap .contents > .cont_04{height: 920px !important;}
.wrap .contents > .cont_05{height: 900px !important;}
.wrap .contents > .cont_06{height: 800px !important;}

canvas { height: 100% !important; position: absolute; }
html, body { scroll-snap-type: none !important; overflow-y: auto !important; }
img{ display:block; width:100%; }
.only_pc{ display:none !important; }
.only_m{ display:block !important; }

.wrap{width:500px;margin:0 auto;position: relative;overflow: hidden;}
.wrap .header{ width:500px; }
.wrap .header .logo{display: none;}
.wrap .header ul{ display:none; }

.wrap .ham_menu_btn{position: absolute;left: 30px;top: 12px;background: url(../images/ham_btn_w.png) no-repeat center;background-size: contain;width: 40px;height: 40px;}
.wrap .scroll .ham_menu_btn{ background: url(../images/ham_btn_b.png) no-repeat center; background-size: contain;}
.wrap .ham_menu{position: fixed;left: -100%;width: 300px;height: 100%;background: #fff;transition: all 0.6s;z-index: 999999999;}
.wrap .ham_menu.on{left:0;}
.wrap .ham_menu .inner > p{background: #E5203C;background: linear-gradient(135deg,rgba(229, 32, 60, 1) 0%, rgba(154, 213, 240, 1) 100%);height: 100px;padding: 60px 0 20px 30px;}
.wrap .ham_menu .inner > p a{width: 150px;display: block;}
.wrap .ham_menu .inner ul{padding: 30px;}
.wrap .ham_menu .inner ul li a{display: block;font-size: 16px;padding: 20px 0;border-bottom: 1px solid #ddd;color: #666;background: url(../images/menu_arrow.png) no-repeat center right 20px;background-size: 8px;}
.wrap .ham_bg{position: absolute;left: 0;top: 0;z-index: 9999;background: #000000a1;width: 100%;height: 100%; display:none;}

.wrap .contents > .cont:not(.cont_08) {/* height: 900px; */}
.wrap .ct_inner{width: 90%;top: 80px;}
.wrap .ct_inner span:nth-child(1){height: 50px;margin-bottom: 20px;}
.wrap .ct_inner span:nth-child(2){height: 44px;}

.cont_01 .ct > div{display: flex;flex-direction: column-reverse;width: 90%;top: 10%;}
.cont_01 .ct > div p.ct01_01{font-size: 100px;text-align: left;white-space: break-spaces;padding: 0;position: absolute;top: 70px;}
.cont_01 .ct > div p.ct01_02{font-size: 22px;}
.cont_01 .ct > div p.ct01_02 span{height: 44px;width: 182px;padding: 0 1vw;}
.cont_01 .ct > div p.ct01_02 > em{/* width: 1vw; */height: 50px;}
.cont_01 .ct > div p.ct01_02 > em sub:nth-child(1){height: 50px;width: 2px;}
.cont_01 .ct > div p.ct01_02 > em sub:nth-child(2){height: 50px;width: 2px;}
.cont_01 .ct > div p.ct01_02.af1 > em sub{ height:50px; }
.cont_01 .ct > div p.ct01_02.af1.af3 > em{width: 50px;height: 50px;}

.cont_02 .ct > .cont_02_txt .txt_01{font-size: 35px;}
.cont_02 .ct > .cont_02_txt .txt_02{padding: 0 20px;font-size: 18px;}
.cont_02 .ct > .cont_02_txt .txt_02 span{ font-size: 18px; }
.cont_02 .ct .car{width: 240px;}

.cont_03 .ct .ct03_banner{width: 80%;top: 280px;}
.cont_03 .ct .ct03_banner_tit{width: 90%;top: 220px;}
.cont_03 .ct .ct03_banner_tit ul{width: 100%;}
.cont_03 .ct .ct03_banner_tit ul li{width: 50%;text-align: center;font-size: 17px;line-height: 1.3;padding: 10px 15px;}
.cont_03 .ct .swiper-slide-active{ margin-top:-20px; }

.cont_04 .ct .schedule_wrap{width: 90%;top: 240px;}
.cont_04 .ct .schedule_wrap .inner{padding: 40px 20px 40px;}

.cont_05 .ct .ct_inner span:nth-child(1){height: 50px;}
.cont_05 .ct .story .ani_wrap{width: 90%;}
.cont_05 .ct .story .ani_wrap span:nth-child(1){width: 30px;top: -34px;left: 74px;}
.cont_05 .ct .story .ani_wrap span:nth-child(2){display: none;}
.cont_05 .ct .story .ani_wrap span:nth-child(3){display: none;}
.cont_05 .ct .story .ani_wrap span:nth-child(4){top: -51px;width: 120px;left: 372px;}
.cont_05 .ct .story .ani_wrap span:nth-child(5){display: none;}
.cont_05 .ct .story .ani_wrap span:nth-child(6){display: none;}
.cont_05 .ct .story .ani_wrap span:nth-child(7){width: 64px;top: 381px;left: 301px;}
.cont_05 .ct .story .ani_wrap span:nth-child(8){display: none;}
.cont_05 .ct .story .ani_wrap span:nth-child(9){top: 289px;width: 243px;left: -20px;}
.cont_05 .ct .story .ani_wrap span:nth-child(10){width: 200px;left: 191px;top: 300px;}
.cont_05 .ct .story .ani_wrap span:nth-child(11){left: -30px;width: 120px;top: 120px;}
.cont_05 .ct .story .ani_wrap span:nth-child(12){left: 40px;width: 150px;top: 196px;}
.cont_05 .ct .story .ani_wrap span:nth-child(13){width: 300px;left: 78px;}
.cont_05 .ct .story .ani_wrap span:nth-child(14){left: 96px;width: 65px;z-index: 8;top: 218px;}
.cont_05 .ct .story .ani_wrap span:nth-child(15){display: none;}
.cont_05 .ct .story .ani_wrap span:nth-child(16){left: 347px;width: 70px;}
.cont_05 .ct .story .ani_wrap span:nth-child(17){width: 100px;top: 283px;left: 329px;z-index: 9;}
.cont_05 .ct .story .ani_wrap span:nth-child(18){width: 300px;left: 142px;top: 147px;}
.cont_05 .ct .story .ani_wrap span:nth-child(19){width: 143px;top: 217px;z-index: 10;left: 115px;}
.cont_05 .ct .story .ani_wrap span:nth-child(20){display: none;}
.cont_05 .ct .story .ani_wrap span:nth-child(21){width: 100%;}
.cont_05 .ct .story .btn_story{width: 70%;bottom: 3%;}

@keyframes aniFloat {
    0%   { transform: translateY(0); }
    50%  { transform: translateY(-1.7vw); }
    100% { transform: translateY(0); }
}

.cont_06 .ct > span{width: 90%;top: 80px;}
.cont_06 .ct > .gallery_01{display:none;}
.cont_06 .ct > .gallery_02{display: none;}
.cont_06 .ct > .gallery_03{position: absolute;top: 250px;width: 90%;height: 400px;left: 50%;transform: translateX(-50%);display: block;}
.cont_06 .ct > .gallery_03 .gallery_03_aos{background: #9fd1e9;padding: 60px; width:100%; height:100%;}
.cont_06 .ct > .gallery_03 .gallery_03_inner{width: 100%;height: 100%;overflow: hidden;}
.cont_06 .ct > .gallery_03 .gallery_03_inner ul li{ position: relative;overflow: hidden;text-align: center; }
.cont_06 .ct > .gallery_03 .gallery_03_inner ul li span{ width: 200%;height: 100%;display: block;position: absolute;left: 50%;transform: translateX(-50%);top: 0;text-align: center; }
.cont_06 .ct > .gallery_03 .gallery_03_inner ul li span img{ width: auto;height: 100%;display: inline-block; }
.cont_06 .btn_gallery{width: 50%;}


.cont_07 .cont_tit{font-size: 40px;}
.cont_07 .cont_sub_tit p{font-size: 20px;}
.cont_07 .cont_sub_tit .search_wrap{display: none;}
.cont_07 .notice_wrap dl dt{padding: 20px 0;}
.cont_07 .notice_wrap dl dt .notice_tit{font-size: 20px;width: calc(100% - 50px);}
.cont_07 .notice_wrap dl dt .notice_tit_info{font-size: 16px;}
.cont_07 .notice_wrap dl dt .btn_notice{right: 20px;width: 18px;height: 18px;}
.cont_07 .notice_wrap dl dd{padding: 20px 10px;font-size: 16px;margin-bottom: 20px;}
.cont_07 .navi_wrap{margin-top: 30px;}
.cont_07 .navi_wrap button{width: 30px;height: 35px;}
.cont_07 .navi_wrap .btn_navi_prev{background-size: 15px;}
.cont_07 .navi_wrap .btn_navi_next{background-size: 15px;}
.cont_07 .navi_wrap .number{margin: 0 20px;}
.cont_07 .navi_wrap .number a{width: 35px;line-height: 35px;}
.cont_07 .m_search_wrap{width: 70%;border-bottom: 1px solid #000;display:block;margin: 0 auto;margin-top: 30px;}
.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 .inner{flex-direction: column;padding: 50px 20px;}
.cont_08 .left{margin-bottom: 40px;}
.cont_08 .left > p{margin-bottom: 30px;}
.cont_08 .left > p span{height: 25px;}
.cont_08 .left > p em{height: 25px;margin: 0 15px;}
.cont_08 .left dl{font-size: 16px;margin-bottom: 10px;}
.cont_08 .left dl dt{width: 130px;}
.cont_08 .left > span{font-size: 14px;margin-top: 20px;}
.cont_08 .right button{height: 22px;}

.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;}

.light-line_wrap{display: none;}

.light_one{top: 554px;width: 66px;height: 99px;bottom: auto;}
.gallery_popup .gallery_inner{ width:480px; }

}
@media (max-width: 500px) {

.wrap .contents > .cont_01{height: 190vw !important;}
.wrap .contents > .cont_02{height: 200vw !important;}
.wrap .contents > .cont_03{height: 205vw !important;}
.wrap .contents > .cont_04{height: 185vw !important;}
.wrap .contents > .cont_05{height: 205vw !important;}
.wrap .contents > .cont_06{height: 171vw !important;}

.wrap{ width:100%; margin:0 auto; }

  canvas {
    height: 100% !important;
    position: absolute;
  }
  html, body {
    scroll-snap-type: none !important;
    overflow-y: auto !important;
  }
img{ display:block; width:100%; }
.only_pc{ display:none !important; }
.only_m{ display:block !important; }
.wrap .ct_inner{width: 90%;z-index: 9;}
.wrap .ct_inner span:nth-child(1){height: 8vw;margin-bottom: 3vw;}
.wrap .ct_inner span:nth-child(2){height: 10vw;}

.wrap .header{height: 15vw;}
.wrap .header .inner{padding: 0 3vw;}
.wrap .header .logo{display: none;}
.wrap .header ul{ display:none; }
.wrap .ham_menu_btn{left: 6vw;top: 3vw;width: 8vw;height: 8vw;}

.cont_01 .ct > div{display: flex;flex-direction: column-reverse;width: 90%;top: 10%;}
.cont_01 .ct > div p.ct01_01{font-size: 22vw;text-align: left;white-space: break-spaces;padding: 0;}
.cont_01 .ct > div p.ct01_02{font-size: 4vw;}
.cont_01 .ct > div p.ct01_02 span{height: 8vw;width: 36vw;padding: 0 1vw;}
.cont_01 .ct > div p.ct01_02 > em{/* width: 1vw; */height: 10vw;}
.cont_01 .ct > div p.ct01_02 > em sub:nth-child(1){height: 10vw;width: 0.5vw;}
.cont_01 .ct > div p.ct01_02 > em sub:nth-child(2){height: 10vw;width: 0.5vw;}
.cont_01 .ct > div p.ct01_02.af1.af3 > em{width: 10vw;height: 10vw;}

.cont_02 .ct > .cont_02_txt .txt_01{font-size: 8vw;}
.cont_02 .ct > .cont_02_txt .txt_02{padding: 0 20px;font-size: 5vw;line-height: 1.3;}
.cont_02 .ct > .cont_02_txt .txt_02 span{font-size: 5vw;}
.cont_02 .ct .car{width: 47vw;}

.cont_03 .ct .ct03_banner{width: 90%;top: 72vw;}
.cont_03 .ct .ct03_banner_tit{width: 90%;top: 49vw;}
.cont_03 .ct .ct03_banner_tit ul{width: 100%;}
.cont_03 .ct .ct03_banner_tit ul li{width: 50%;text-align: center;font-size: 4vw;line-height: 1.5;}
.cont_03 .ct .ct03_banner ul{ padding:4vw 0; }

.cont_04 .ct .schedule_wrap{top: 49vw;}
.cont_04 .ct .schedule_wrap .inner{padding: 7vw 4vw;}

.cont_05 .ct .ct_inner span:nth-child(1){height: 11vw;}
.cont_05 .ct .story .ani_wrap{width: 90%;}
.cont_05 .ct .story .ani_wrap span:nth-child(1){width: 7vw;top: -8vw;left: 13vw;}
.cont_05 .ct .story .ani_wrap span:nth-child(2){display: none;}
.cont_05 .ct .story .ani_wrap span:nth-child(3){display: none;}
.cont_05 .ct .story .ani_wrap span:nth-child(4){top: -9vw;width: 30vw;left: 70vw;}
.cont_05 .ct .story .ani_wrap span:nth-child(5){display: none;}
.cont_05 .ct .story .ani_wrap span:nth-child(6){display: none;}
.cont_05 .ct .story .ani_wrap span:nth-child(7){width: 15vw;top: 97vw;left: 72vw;}
.cont_05 .ct .story .ani_wrap span:nth-child(8){display: none;}
.cont_05 .ct .story .ani_wrap span:nth-child(9){top: 74vw;width: 58vw;left: -2vw;}
.cont_05 .ct .story .ani_wrap span:nth-child(10){width: 50vw;left: 42vw;top: 71vw;}
.cont_05 .ct .story .ani_wrap span:nth-child(11){left: -2vw;width: 25vw;z-index: 9;}
.cont_05 .ct .story .ani_wrap span:nth-child(12){left: 7vw;width: 30vw;top: 60vw;}
.cont_05 .ct .story .ani_wrap span:nth-child(13){width: 60vw;left: 11vw;}
.cont_05 .ct .story .ani_wrap span:nth-child(14){left: 15vw;width: 16vw;z-index: 8;top: 47vw;}
.cont_05 .ct .story .ani_wrap span:nth-child(15){display: none;}
.cont_05 .ct .story .ani_wrap span:nth-child(16){left: 59vw;width: 12vw;}
.cont_05 .ct .story .ani_wrap span:nth-child(17){width: 20vw;top: 58vw;left: 52vw;z-index: 9;}
.cont_05 .ct .story .ani_wrap span:nth-child(18){width: 65vw;left: 26vw;top: 31vw;}
.cont_05 .ct .story .ani_wrap span:nth-child(19){width: 32vw;top: 54vw;z-index: 10;}
.cont_05 .ct .story .ani_wrap span:nth-child(20){display: none;}
.cont_05 .ct .story .ani_wrap span:nth-child(21){width: 100%;}
.cont_05 .ct .story .btn_story{width: 70%;bottom: 5vw;}


.cont_07 .inner{padding: 60px 20px;}
.cont_07 .cont_tit{font-size: 32px;margin-bottom: 10px;}
.cont_07 .cont_sub_tit p{font-size: 18px;line-height: 1.2;}
.cont_07 .notice_wrap{ margin-top:20px; }
.cont_07 .notice_wrap dl dt .notice_tit{font-size: 18px;line-height: 1.2;}

.cont_08 .left dl{display: block;}
.cont_08 .left dl:after{ content:''; display:block; clear:both; }
.cont_08 .left dl dt{float: left;width: 120px;}
.cont_08 .left dl dd{width: calc(100% - 121px);float: left;}

.footer_pop .pop_wrap h2 {padding: 10px 20px;font-size: 18px;}
.footer_pop .pop_wrap .content {padding: 20px;}

@keyframes aniFloat {
    0%   { transform: translateY(0); }
    50%  { transform: translateY(-1.7vw); }
    100% { transform: translateY(0); }
}
.cont_06 .ct > span{width: 90%;top: 14vw;}
.cont_06 .ct > .gallery_01.color_02{width: 90%;margin: 0;height: 86vw;top: 30%;}
.cont_06 .ct > .gallery_02{display: none;}
.cont_06 .ct > .gallery_03{top: 52vw; height: 87vw;}
.cont_06 .ct > .gallery_03 .gallery_03_aos{ padding: 12vw; }
.cont_06 .btn_gallery{width: 50%;}

.light-line_wrap{ top: -88vw; transform: scale(1.5); }

.gallery_popup .gallery_inner{ width:90%; padding: 60px 10px 20px; }
.gallery_popup .gallery_inner .gallery_cancel{ top: 20px; right: 20px; width: 30px; height: 30px; }
.gallery_popup .gallery_inner .gallery_top{ width: 100%; height: 200px; margin-bottom:20px;}
.gallery_popup .gallery_inner .swiper-button-next-p{ display:none; }
.gallery_popup .gallery_inner .swiper-button-prev-p{ display:none; }

.light_one{top: 128vw;width: 20vw;height: 25vw;}

.box { display:none !important; }

}