body{overscroll-behavior: none; background-color: #fff;}
*{margin: 0; padding: 0; box-sizing: border-box; font-family:"Pretendard Variable" ,"Noto Sans", sans-serif;}
a{text-decoration: unset; color: #000;}
li{list-style: none;}
img{max-width: 100%; display: block;}
.pc{display: block;}
.mob{display: none;}
.wrap{position:relative; width: 100%; min-height: 100vh;}
.prt{font-family:"Pretendard Variable", sans-serif;}
.nts{font-family:"Noto Sans", sans-serif;}

header{position: fixed; z-index: 9; width: 100%; top: 0; left: 0; mix-blend-mode: difference;}
.header_inner{position: absolute; top: 0; left: 0; padding: 32px 90px 0 98px; width: 100%; display: flex; justify-content: space-between; align-items: center; color: #fff;}

.header_logo{width: 138px;}
.header_inner ul{display: flex; gap: 50px;}
.header_inner ul li a{font-size: 16px; font-style: normal; font-weight: 500; line-height: 130%; color: #fff;}

.mob_inner{position: absolute; right: 0; transform: translateX(100%);}
.menu_trigger{position: relative;}
.inner_menu{position: absolute; display: flex; flex-direction: column; text-wrap: nowrap; text-align: center; left: 50%; transform: translateX(-50%); top: calc(100% - 1px);}
.inner_menu a{transition: ease 0.5s transform, ease 0.3s opacity;}
.menu_trigger:not(.active) .inner_menu{pointer-events: none;}
.menu_trigger:not(.active) .inner_menu a{ transform: translateY(-10px); opacity: 0;}
.menu_trigger.active .inner_menu a{transform: translateY(00px); opacity: 1;}
.menu_trigger .inner_menu a:nth-child(1){transition-delay: 0s;}
.menu_trigger .inner_menu a:nth-child(2){transition-delay: 0.05s;}
.menu_trigger .inner_menu a:nth-child(3){transition-delay: 0.1s;}
.menu_trigger::before{content: ''; display: block; width: 100%; height: 0; background-color: #00000099; position: fixed; top: 64px; left: 0; transition: ease 0.5s height; }
.menu_trigger:not(.active)::before{transition-delay: 0.1s;}
.menu_trigger.active::before{height: 104px; }
.scroll_down .menu_trigger::before{height: 0!important;}
.scroll_down .menu_trigger .inner_menu a{opacity: 0; transform: translateY(-10px);}
footer{padding: 52px 60px 88px; background-color: #f4f5f7; margin-top: 0;}
.footer_inner ul{display: flex; justify-content: space-between; font-size: 12px; line-height: 22px; margin-top: 15px; }
.footer_inner ul li div{display: flex; flex-direction: column;}
.footer_logo{font-size: 27px; font-weight: 800; letter-spacing: -1px;}

.fade-cw{overflow: hidden;}
/*.fade-cw u, .fade-cw span{transition: all 1s cubic-bezier(0,0,.43,1.06), font-size 0s ease;}*/
.fadeCover-1{display:block;opacity:0;transform:translateY(130%);transition:all 1s cubic-bezier(0,0,.43,1.06);transition-delay:0.0s;}
.fadeCover-2{display:block;opacity:0;transform:translateY(130%);transition:all 1s cubic-bezier(0,0,.43,1.06);transition-delay:0.1s;}
.fadeCover-3{display:block;opacity:0;transform:translateY(130%);transition:all 1s cubic-bezier(0,0,.43,1.06);transition-delay:0.2s;}
.fadeCover-4{display:block;opacity:0;transform:translateY(130%);transition:all 1s cubic-bezier(0,0,.43,1.06);transition-delay:0.3s;}
.fadeCover-5{display:block;opacity:0;transform:translateY(130%);transition:all 1s cubic-bezier(0,0,.43,1.06);transition-delay:0.4s;}
.fadeCover-6{display:block;opacity:0;transform:translateY(130%);transition:all 1s cubic-bezier(0,0,.43,1.06);transition-delay:0.5s;}
.fadeCover-7{display:block;opacity:0;transform:translateY(130%);transition:all 1s cubic-bezier(0,0,.43,1.06);transition-delay:0.6s;}
.fadeCover-8{display:block;opacity:0;transform:translateY(130%);transition:all 1s cubic-bezier(0,0,.43,1.06);transition-delay:0.7s;}
.fadeCover-9{display:block;opacity:0;transform:translateY(130%);transition:all 1s cubic-bezier(0,0,.43,1.06);transition-delay:0.8s;}
.fadeCover-10{display:block;opacity:0;transform:translateY(130%);transition:all 1s cubic-bezier(0,0,.43,1.06);transition-delay:0.9s;}
.fadeCover-11{display:block;opacity:0;transform:translateY(130%);transition:all 1s cubic-bezier(0,0,.43,1.06);transition-delay:1.0s;}
.fadeCover-12{display:block;opacity:0;transform:translateY(130%);transition:all 1s cubic-bezier(0,0,.43,1.06);transition-delay:1.1s;}
.fadeCover-13{display:block;opacity:0;transform:translateY(130%);transition:all 1s cubic-bezier(0,0,.43,1.06);transition-delay:1.2s;}
.fadeCover-14{display:block;opacity:0;transform:translateY(130%);transition:all 1s cubic-bezier(0,0,.43,1.06);transition-delay:1.3s;}
.fadeCover-15{display:block;opacity:0;transform:translateY(130%);transition:all 1s cubic-bezier(0,0,.43,1.06);transition-delay:1.4s;}
.fadeCover-16{display:block;opacity:0;transform:translateY(130%);transition:all 1s cubic-bezier(0,0,.43,1.06);transition-delay:1.5s;}
.fadeCover-17{display:block;opacity:0;transform:translateY(130%);transition:all 1s cubic-bezier(0,0,.43,1.06);transition-delay:1.6s;}
.fadeCover-18{display:block;opacity:0;transform:translateY(130%);transition:all 1s cubic-bezier(0,0,.43,1.06);transition-delay:1.7s;}
.fadeCover-19{display:block;opacity:0;transform:translateY(130%);transition:all 1s cubic-bezier(0,0,.43,1.06);transition-delay:1.8s;}
.fadeCover-20{display:block;opacity:0;transform:translateY(130%);transition:all 1s cubic-bezier(0,0,.43,1.06);transition-delay:1.9s;}

.ani.active .fadeCover-1,
.ani.active .fadeCover-2,
.ani.active .fadeCover-3,
.ani.active .fadeCover-4,
.ani.active .fadeCover-5,
.ani.active .fadeCover-6,
.ani.active .fadeCover-7,
.ani.active .fadeCover-8,
.ani.active .fadeCover-9,
.ani.active .fadeCover-10,
.ani.active .fadeCover-11,
.ani.active .fadeCover-12,
.ani.active .fadeCover-13,
.ani.active .fadeCover-14,
.ani.active .fadeCover-15,
.ani.active .fadeCover-16,
.ani.active .fadeCover-17,
.ani.active .fadeCover-18,
.ani.active .fadeCover-19,
.ani.active .fadeCover-20{transform:translateY(0);opacity:1;}


.fade-slice{opacity: 0; }
.ani.active .fade-slice{opacity: 1;}
.fade-slice .line{overflow: hidden; width: fit-content;}
.fade-slice .line .inner{display: inline-block; transform: translateY(140%); transition: all 1s cubic-bezier(0,0,.43,1.06); white-space: nowrap;}
.fade-slice .line:nth-child(1) .inner{transition-delay: 0.0s;}
.fade-slice .line:nth-child(2) .inner{transition-delay: 0.1s;}
.fade-slice .line:nth-child(3) .inner{transition-delay: 0.2s;}
.fade-slice .line:nth-child(4) .inner{transition-delay: 0.3s;}
.fade-slice .line:nth-child(5) .inner{transition-delay: 0.4s;}
.fade-slice .line:nth-child(6) .inner{transition-delay: 0.5s;}
.fade-slice .line:nth-child(7) .inner{transition-delay: 0.6s;}
.fade-slice .line:nth-child(8) .inner{transition-delay: 0.7s;}
.fade-slice .line:nth-child(9) .inner{transition-delay: 0.8s;}
.fade-slice .line:nth-child(10) .inner{transition-delay: 0.9s;}
.ani.active .fade-slice .line .inner{transform: translateY(00%);  opacity: 1;}


.b_btn{height: 30px; padding: 0 28px; display: flex; align-items: center; justify-content: center; background-color: #2167FF; color: #fff; font-size: 12px; border-radius: 8px; font-weight: bolder;}
@media (min-width:1025px){
  .mob{display: none!important;}
  .header_inner.pc{transform: translateY(0%); transition: transform 0.4s cubic-bezier(0, 0, 0.43, 1); padding-top: 22px;}
  .header_inner.pc.scroll_down{transform: translateY(-101%);}
  .header_inner.pc > a > img{width: 150px; filter: invert(1);}

  .wrap::before{content: ''; display: block; width: 100%; height: 64px; left: 0; top: 0; background-color: #ffffffb5; position: fixed;z-index: 9; transform: translateY(0%); transition: transform 0.4s cubic-bezier(0, 0, 0.43, 1);}
  .wrap.scroll_down::before {transform: translateY(-101%);}

  .footer_inner_pc{display: flex; flex-direction: column; justify-content: center; text-align: center; line-height: 1.6; font-weight: 300; font-size: 14px; letter-spacing: -0.5px; align-items: center;}
  .footer_inner_pc li{display: flex; justify-content: center;}
  .footer_inner_pc li > *:nth-child(1){display: flex; align-items: center;}
  .footer_inner_pc li > *:nth-child(1)::after{content: ''; display: block; width: 1px; height: 14px; background-color: #000; margin: 0 10px;}
  .footer_logo{margin-bottom: 12px; font-size: 30px; line-height: 1.2;}
  .footer_inner_pc li a{text-decoration: underline;}
  .header_inner ul li a{color: #000;}
  .inner_menu{padding-top: 38px;}
  .header_inner .inner_menu a{color: #fff; }
  .inner_menu a:not(:first-child){padding-top: 4px;}
  header{mix-blend-mode: unset;}
}
@media (max-width:1024px){
  .pc{display: none!important;}
  .mob{display: block;}
  .mob.b_btn{display: flex;}
  .b_btn{height: 42px; border-radius: 5px;}
  body{overflow-x: hidden;}

  header{mix-blend-mode: unset; position: unset;}
  .header_inner.mob{padding: 20px; display: flex;}
  .header_logo{width: 77px; height: 13px; object-fit: contain;}
  .mob_btn{height: 14px; width: 27px; cursor: pointer; top: 22px; left: 20px; position: fixed; mix-blend-mode: difference; display: flex; flex-direction: column; gap: 4px; z-index: 99;}
  .mob_btn span{height: 2px; width: 100%; border-radius: 1px; background-color: #fff; position: absolute; transition: ease 0.3s all;}

  .mob_btn span:nth-child(1){top: 0; transform: translate(-50%, -00%) rotate(0deg); left: 50%;}
  .mob_btn span:nth-child(2){top: 50%; transform: translate(-50%, -50%) rotate(0deg); opacity: 1; left: 50%;}
  .mob_btn span:nth-child(3){top: calc(100% - 2px); transform: translate(-50%, -00%) rotate(0deg); left: 50%;}
  .mob_open .mob_btn span{top: 50%; }
  .mob_open .mob_btn span:nth-child(1){transform: translate(-50%, -50%) rotate(45deg);}
  .mob_open .mob_btn span:nth-child(2){opacity: 0;}
  .mob_open .mob_btn span:nth-child(3){transform: translate(-50%, -50%) rotate(-45deg);}
  .mob_inner{transform: translateX(-100%); transition: transform 0.7s cubic-bezier(0, 0, 0.43, 1); height:/* calc(100 * var(--vh))*/ 100vh; width: 270px; top: 0; background-color: #fff; z-index: 98; position: fixed; padding:56px 0 0 0; left: 0;}
  .mob_inner.open{transform: translateX(0); box-shadow: 0px 0px 2px 1px #0000001a;}
  .mob_inner ul{border-top: 1px solid #d9d9d9;}
  .mob_inner ul li{height: 40px; }
  .mob_inner ul li > a{font-size: 15px; line-height: 1.4; font-weight: bold; width: 100%; height: 100%; padding: 11px 0 10px 20px; display: flex; align-items: center; justify-content: flex-start; border-bottom: 1px solid #d9d9d9;}
  .mob_inner ul li.active > a{background-color: #2167FF; color: #fff;}
  .mob_inner ul li.has_i{height: unset; min-height: 40px; }
  .m_i_w{display: flex; flex-direction: column; padding: 10px 0; border-bottom: 1px solid #d9d9d9;}
  .m_i_w a{line-height: 2; font-size: 15px; padding-left: 27px;}
  

  .footer{padding: 50px 20px 58px; margin-top:00px;}
  .footer_logo{font-size: 15px; line-height: 26px; letter-spacing: -1px;}
  .footer_inner ul{font-size: 12px; line-height: 1.5; flex-direction: column; gap: 20px; position: relative; letter-spacing: -0.5; white-space: nowrap;}
  .footer_inner ul li:nth-child(2){left: 70%; top: 0; position: absolute;}
  .footer_inner ul li:nth-child(3){left: 70%; top: 55px; position: absolute;}
}



.btn-1{font-size: 1.333vw; font-weight: 400; line-height: 1.3; border: 1px solid #000; padding: 0.35vw 1vw 0; height: 2.667vw; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; display: inline-flex; transition: all 1s cubic-bezier(0,0,.43,1.06); transition-delay: 0.6s; opacity: 0; transform: translateY(130%);}
.btn-1::before{content: ""; position: absolute; top: 0; right: -50px; bottom: 0;left: 0; border-right: 50px solid transparent; border-bottom: 80px solid #fff; transform: translateX(-100%); transition: 0.5s ease-in-out;}
.btn-1:hover::before{transform: translateX(-000%);}
.btn-1 p{transition: 0.5s ease-in-out; position: relative; z-index: 1;}
.btn-1:hover p{color: #000;}
.wrap.footer_white .btn-1:hover p{color: #fff;}
.wrap.footer_white .btn-1::before{    border-bottom: 80px solid #000;}
.ani.active .btn-1{opacity: 1; transform: translateY(00%);}
.wrap:not(.footer_white) .btn-1{border-color: #fff;}
.wrap.footer_white .btn-1{border-color: #000;}

.underline{position: relative;}
.underline::after{content: ''; display: block; width: 0; height: 1px; left: 60px; bottom: 0; background-color: #b6b6b6; transition: ease 1s width; position: absolute; transition-delay: 0.5s;}
.underline.active::after{width: calc(100% - 120px);}

.page_cover{height: 810px; position: relative; display: flex; align-items: center; padding-left: 74px; background-color: #000;}
.page_cover img{position: absolute; height: 100%; width: 100%; bottom: 0; left: 0; object-fit: cover;}
.page_cover_txt{ font-size: 120px; font-weight: 900; color: #fff;}

.slide_w, .full_slide_w{position: relative; overflow: hidden;}
.common.slide, .full_slide{padding-bottom: 76px;}
.common.slide .swiper-slide{border-radius: 8px; overflow: hidden; aspect-ratio: 9 / 5;}
.common.slide .swiper-slide img{position: absolute; width: 100%; height: 100%; object-fit: cover;}
.swiper-pagination{position: absolute; left: 50%!important; bottom: 00px!important; transform: translateX(-50%)!important;}
.swiper-pagination-bullet{background-color: #C6C6C6; opacity: 1; width: 16px!important; height: 16px!important; margin: 0 8px!important;}
.swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #2167FF;}



.abs_sec_2{padding: 100px 0; box-sizing: border-box; position: relative;}
.abs_sec_2 .flex{display: flex; gap: 60px; padding: 0 60px 60px;}
.abs_sec_2 .flex_left{position: relative; width: 60%;}
.abs_sec_2 .flex_right{position: relative; width: calc(40% - 60px);}
.abs_2_txt_w{position: absolute; bottom: 40px; left: 40px; color: #fff;}
.abs_2_txt_w h4{margin-bottom: 6px; font-size: 15px; line-height: 1.2; font-weight: 400;}
.abs_2_txt_w h1{font-size: 27px; line-height: 1; font-weight: bold;}
.abs_2_txt_w span{display: block; line-height: 1.8; font-weight: 200;}
.abs_sec_2 .flex_right{display: flex; flex-direction: column; justify-content: center;}
.abs_sec_2 .flex_right li{font-size: 15px; font-weight: 300; line-height: 1.5;}
.abs_sec_2 .flex_right li .bold{font-weight: 700;}
.abs_sec_2 .flex_right li.mb-20{margin-bottom: 20px;}
.slide.common{padding-left:60px; padding-right: 60px;}
.color_blue{color: #2167FF;}
@media(min-width:1920px){
  .btn-1{border-color: #fff; padding: 6px 12px 0; width: unset; height: 46px;}
}

@media (max-width: 1024px) {
  .btn-1{ font-size: 3.056vw; height: 8.889vw; position: unset; margin-top: 11.111vw;  padding: 1vw 2.66vw 0;}
  .underline::after{left: 20px; }
  .underline.active::after{width: calc(100% - 40px);}
}
.wrap::after{content: ''; display: block; width: 100%; height: 100%; position: fixed; background-color: #FDFBF4; opacity: 0; top: 0; left: 0; pointer-events: none; transition: cubic-bezier(0.075, 0.82, 0.165, 1) opacity 1s; transition-delay: 0.5s; z-index: 10;}
.wrap.page_off::after{ pointer-events: unset; opacity: 1;}

img {
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
}

@media (max-width: 1024px) {
  .page_cover{height: calc(100 * var(--vh));}
  .page_cover_txt{position: absolute; left: 25px; bottom: 105px; font-size: 50px;}
  .page_cover_txt > .fade-cw:nth-child(2){font-size: 40px;}
  .abs_sec_2{padding:50px 20px}
  .abs_sec_2 .flex{flex-direction: column; padding: 0; gap: 30px;}
  .abs_sec_2 .flex_left{width: 100%;}
  .abs_sec_2 .flex_right{width: 100%;}
  
  .slide_w{width: calc(100% + 40px); position: relative; left: -20px; padding: 0 20px 36px;}
  .slide.common{padding-left: 0; padding-right: 0; padding-bottom: 0;}
  .common.slide .swiper-pagination, .full_slide .swiper-pagination{height: 16px;}
  .common.slide .swiper-slide{aspect-ratio: 238 / 375;}

  .balance{text-wrap: balance; word-break: keep-all; }
  .center{text-align: center;}
  .full_slide{padding-bottom: 36px;}
  
}
.full_slide_w{width: 100%; max-width: 600px; margin-left: auto; margin-right: auto;}
.full_slide{width: 100%; position: relative;} 


.event_url:not(.show){display: none;}