@charset "UTF-8";
/*메인*/
@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@900&display=swap');
html, body {scroll-behavior: smooth; }
body {-ms-overflow-style: none;}
body::-webkit-scrollbar {display: none;}
html {scrollbar-width: none;}

#icontainer { min-height:100vh; position:relative}
.intro_wrap,
.sc { position:relative; width:100%; height:100vh; overflow:hidden; }

/*.sc .inner { position:relative; width:100%; height:0; padding-bottom:56.25%; display:block; overflow:hidden; z-index:121}*/
.sc .inner { position:sticky; left:0; top:0; width:100%; height:100vh; display:flex; justify-content: center; align-items: center; transition:0.2s; }
.sc.sc01 .inner img { width:100%; height:100%; object-fit:cover; transition:2s; }
.sc .full_size { position:absolute; top:0; left:0; width:100vw; height:100%; min-height:100vh; max-height:100vh; display:block; overflow:hidden; }
.sc .full_size .box { width:100%; height:100%; object-fit:cover; }
.sc .full_size img { width:100%; height:100%; object-fit:cover; transition:2s}


.sc:not(.sc01){ background:#fff; }
.sc:not(.sc01) .inner { padding:8rem 12rem;  transition:1s;}
.sc:not(.sc01) .inner img { width:100%; height:100%; object-fit: cover; transition:0.5s;}
.sc.sc03 .inner img,
.sc.sc04 .inner img { border-radius: 2rem; transition:0.5s; overflow: hidden;}
.sc:not(.sc01).is_trigger { }
.sc:not(.sc01).is_trigger .inner {padding:0 !important;  width:100vw; height:100vh; border-radius: 0; transition:1s; }
.sc:not(.sc01).is_trigger .inner img { width:100vw; height:100vh; object-fit:cover; border-radius: 0; transition:0.5s}
.sc.sc03.is_trigger .inner img,
.sc.sc04.is_trigger .inner img { border-radius: 0}

.intro_wrap { z-index:220; position:fixed; top:0; left:0; width:100%; height:clamp(100vh, 100%, 100vh); overflow:hidden; background:var(--white); transition:background 0.5s ease; max-width:100vw; }
.intro_wrap.out { background:rgba(255,255,255,0); }
.intro_wrap.hidden {  z-index:1; background:rgba(255,255,255,0); }
.intro_text { display:flex; flex-direction:column; align-items:center; position:absolute; transform:translate(-50%,-50%); left:50%; top:50%; }
.intro_text span { font-size:6.4rem; color:var(--primary); font-weight:900; line-height:150%; opacity:0; transition:opacity 1s ease; font-family: "Vazirmatn", sans-serif;  }
.intro_text.on span{ opacity:1; }
.intro_mark  { width:19rem; display:none; justify-content:center; align-items:center;  position:absolute; transform:translate(-50%,-50%); left:50%; top:50%; opacity:0; transition:opacity 0.2s ease }
.intro_mark img { width:100%; animation:rotate 10s infinite; transform-origin:center; }
.intro_mark.on { display:flex; opacity:1 }

@keyframes text_op { 0%{ opacity:0;} 100%{ opacity:100%;} }
@keyframes mark_op { 0%{ opacity:0;} 30%{ opacity:1;} 100%{ opacity:1;}}
@keyframes rotate { 0%{ opacity:1; transform:rotate(0deg)} 100%{ opacity:1; transform:rotate(360deg)} }


@media screen and (min-width:1025px) and (max-width:1320px){

}

@media screen and (max-width:1024px){
 
  .sc:not(.sc01) .inner { padding:0;  }
  .sc:not(.sc01) .inner { position:static; overflow: hidden; }
  .sc.sc03 .inner img,
  .sc.sc04 .inner img { border-radius: 0}

  .intro_text {  width:100% }
  .intro_text span { font-size:3.2rem; line-height:1.25; text-align: center;}
  .intro_mark  { width:10rem;}

}


.main_wrap { position:relative; }
.ivisual { width:100%; max-width:100vw; overflow-x:hidden }

.nav_spot { position:fixed; right:12rem; top:0; height:100vh; display:flex; z-index:110; flex-direction:column; justify-content:center; align-items:flex-end; width:auto; min-width:4rem; }
.nav_spot.hidden { display:none; }
.nav_spot a { width:auto; padding:2.5rem 4rem 2.5rem 0; height:9rem; position:relative; transform-origin:right center; display:flex; justify-content:flex-end; transition:0.4s;}
.nav_spot a span { visibility:hidden; display:flex; justify-content:center; align-items:center; opacity:0; width:0; height:3.8rem; transform-origin:right center; max-width:15.9rem; font-family: "Montserrat", sans-serif; color:var(--primary); font-size:1.4rem; font-weight:700; border-radius:2rem; overflow:hidden; transition:width 0.4s ease; }
.nav_spot a:before { content:""; width:0.6rem; height:0.6rem; border-radius:0.3rem; display:block; background:var(--white); overflow:hidden; position:absolute; right:1.7rem; top:4.2rem; transition:background 0.2s ease}


.nav_spot a.is_hactive span,
.nav_spot a.is_active span { visibility:visible; opacity:1;  background:var(--white); color:var(--primary); border:1px solid var(--border-line); white-space:nowrap; }
.nav_spot a.is_active_spot:before,
.nav_spot a.is_hactive:hover:before { content:""; width:1.2rem; height:1.2rem; border-radius:0.6rem; background:var(--blue-primary); overflow:hidden; right:1.4rem; top:3.9rem}
.nav_spot a.is_hactive:hover span {background:var(--blue-primary); color:var(--white); border:1px solid var(--blue-primary);}
.nav_spot a.is_hactive span.fl,
.nav_spot a.is_active span.fl,
.nav_spot a:hover span.fl { width:12rem; }
.nav_spot a.is_hactive span.se,
.nav_spot a.is_active span.se,
.nav_spot a:hover span.se { width:12rem; }
.nav_spot a.is_hactive span.th,
.nav_spot a.is_active span.th,
.nav_spot a:hover span.th { width:16rem; }
.nav_spot a.is_hactive span.fo,
.nav_spot a.is_active span.fo,
.nav_spot a:hover span.fo { width:7.8rem; }


@media screen and (min-width:1025px) and (max-width:1320px){

}

@media screen and (max-width:1024px){
  
  .nav_spot { display:none }

}

/*섹션별 액션 들어감*/


.sc01 {clip-path: circle(9.5rem at center); background:#fff; transition:clip-path 1s ease; }
.sc01.session { clip-path:none; }
.sc01.adM {clip-path: circle(200rem at center);}
.sc01 .posi_align { position:absolute; left:50%; display:flex; flex-direction:column; align-items:center; color:var(--white);}
.sc01 .action_text { top:50%; transform:translate(-50%,-50%); gap:2.4rem 0; z-index:122; }
.sc01 .action_text h1 { text-align:center; font-size:6.4rem; line-height:1.15; letter-spacing:0; font-weight:900; color:var(--white);  font-family: "Vazirmatn", sans-serif; }
.sc01 .action_text p { text-align:center; font-size:1.6rem; letter-spacing:-0.02rem; font-weight:500; line-height:1.5}
.sc01 .btn_scroll i { width:1.6rem;}
.sc01 .btn_scroll i svg {width:100%; }
.sc01 .btn_scroll { bottom:7.4%; transform:translate(-50%, -3rem); z-index:131; font-size:1.6rem; line-height:1.5; letter-spacing:0; font-weight:500; gap:0.8rem 0 }

.full_size.video{ width:100vw; height:100vh; position:relative; overflow:hidden;  }
.full_size.video .video_box{ width:100%; height:100%; position:absolute; overflow:hidden}
.full_size.video .video_box video{ width:100vw; height:100vh; display:block; object-fit:cover}

.sc01 .btn_scroll { opacity:0; transition:1.5s ease; transition-delay:0.7s;  }
.sc01 .btn_scroll #scroll_line { animation:scroll_down 2s infinite;}

.sc01 .action_text h1{ opacity:0; transition:opacity 1s ease; transition-delay:1s; }
.sc01 .action_text p{ transform:translateY(2rem); opacity:0; transition:transform 1s ease, opacity 1s ease; transition-delay:0.3s;transition-delay:1s}

.sc01.adM {}
.sc01.session .action_text h1,
.sc01.adM .action_text h1{ opacity:1; }
.sc01.session .action_text p,
.sc01.adM .action_text p { transform: translateY(0); opacity:1; }
.sc01.session .btn_scroll,
.sc01.adM .btn_scroll { opacity:1; transform:translate(-50%,0); z-index:132}

@keyframes scroll_down { 0%{ transform:translateY(0);} 50%{ transform:translateY(-0.6rem);} 0%{ transform:translateY(0);} }


@media screen and (min-width:1025px) and (max-width:1320px){

}

@media screen and (max-width:1024px){

  .sc01 {clip-path: circle(5rem at center); }
  .sc01.adM {clip-path: circle(500rem at center);}
  .sc01 .action_text { gap:1.2rem 0; width:100%}
  .sc01 .action_text h1 { font-size:3.2rem; line-height:1.25; }
  .sc01 .action_text p { font-size:1.4rem;}
  .sc01 .btn_scroll {display:none }
  
  .full_size.video{ width:100vw; height:100vh; position:relative; overflow:hidden;  }
  .full_size.video .video_box{ width:100%; height:100%; position:absolute; overflow:hidden}
  .full_size.video .video_box video{ width:100vw; height:100vh; display:block; object-fit:cover}
  
  .sc01 .btn_scroll { opacity:0; transition:1.5s ease; transition-delay:0.7s;  }
  .sc01 .btn_scroll #scroll_line { animation:scroll_down 2s infinite;}
  
  .sc01 .action_text h1{ opacity:0; transition:opacity 1s ease; transition-delay:1s; }
  .sc01 .action_text p{ transform:translateY(2rem); opacity:0; transition:transform 1s ease, opacity 1s ease; transition-delay:0.3s;transition-delay:1s}
  
  .sc01.adM {}
  .sc01.adM .action_text h1{ opacity:1; }
  .sc01.adM .action_text p { transform: translateY(0); opacity:1; }
  .sc01.adM .btn_scroll { opacity:1; transform:translate(-50%,0); z-index:132}

}
/*섹션2*/

.sc02 * {color:var(--white); }
.sc02 { }
.sc02.is_trigger {  }
.sc02 .posi_align { position:absolute; left:50%; display:flex; flex-direction:column; align-items:flex-start; color:var(--white); }
.sc02 .action_text { top:50%; transform:translate(-50%,-50%); z-index:123; width:100%; max-width:152rem; height:clamp(80vh, 100%, 80rem); }
.sc02 h2 { font-size:6.4rem; font-weight:700; font-family: "Libre Bodoni", serif; }
.sc02 p { margin-top:2.4rem; font-size:1.8rem; max-width:56rem; word-break:keep-all;}
.sc02 dl { margin-top:4.4rem; gap:2rem 0; max-width:53rem; }
.sc02 dd { display:flex; flex-wrap:wrap; align-items:flex-start; gap:1.1rem; min-height:9.1rem; }
.sc02 dd a { height:auto; border:1px solid var(--white); border-radius:2rem; background:rgba(0,0,0,0.4); color:var(--white); font-size:1.6rem; font-weight:500; padding:0.8rem 1.6rem; }
.sc02 .btn_action { display:none }

.sc02 .swiper_cateDetail h2{transition:0.6s linear; opacity:0; transition-delay:0.2s }
.sc02 .swiper_cateDetail h2.pause{ transition:none; }

.sc02 .swiper_cateDetail .swiper-slide-active h2,
.sc02.is_trigger .swiper_cateDetail .swiper-slide-active h2 { opacity:1 }

.sc02 .swiper_cateDetail .swiper-slide-active h2.pause,
.sc02.is_trigger .swiper_cateDetail .swiper-slide-active h2.pause { opacity:0; transition-delay:0.6s }

.sc02 .swiper_cateDetail p{ transition:0.6s linear; opacity:0; transition-delay:1.2s }
.sc02 .swiper_cateDetail p.pause{ transition:none;  }

.sc02 .swiper_cateDetail .swiper-slide-active p ,
.sc02.is_trigger .swiper_cateDetail .swiper-slide-active p { opacity:1 }

.sc02 .swiper_cateDetail .swiper-slide-active p.pause ,
.sc02.is_trigger .swiper_cateDetail .swiper-slide-active { opacity:0 }

.sc02 .swiper_cateDetail dl{ transition:0.6s linear; opacity:0; transition-delay:1.8s  }
.sc02 .swiper_cateDetail dl.pause{ transition:none;  }


.sc02 .swiper_cateDetail .swiper-slide-active  dl ,
.sc02.is_trigger .swiper_cateDetail .swiper-slide-active dl { opacity:1 }

.sc02 .swiper_cateDetail .swiper-slide-active  dl.pause ,
.sc02.is_trigger .swiper_cateDetail .swiper-slide-active dl.pause { opacity:0 }

.sc02 .swiper-button-disabled {  pointer-events: auto !important;  opacity: 1 !important;}


.sc02 .swiper_cateDetail { width:100%; height:100%; border-radius: 2rem; overflow: hidden; transition:1s}
.sc02.is_trigger .swiper_cateDetail { width:100%; height:100vh; border-radius: 0;}
.sc02 .swiper_cateDetail .swiper-slide { position:relative; width:100%; height:0; padding-bottom:56.25%; background-position:center; background-repeat:no-repeat ; background-size: cover; }
.sc02 .swiper_cateDetail .swiper-slide:after { content:""; width:100%; height:100%; display:block; position:absolute; left:0; top:0; background:linear-gradient(to left, rgba(18,18,18,0), rgba(18,18,18,0.4) 50%, rgba(18,18,18,0.8) 100%); }
.sc02 .swiper_cateDetail .swiper-slide#detail01 { background-image:url(/_res/ko/img/main/sc02_cate01_visual.jpg); }
.sc02 .swiper_cateDetail .swiper-slide#detail02 { background-image:url(/_res/ko/img/main/sc02_cate02_visual.jpg); }
.sc02 .swiper_cateDetail .swiper-slide#detail03 { background-image:url(/_res/ko/img/main/sc02_cate03_visual.jpg); }
.sc02 .swiper_cateDetail .swiper-slide#detail04 { background-image:url(/_res/ko/img/main/sc02_cate04_visual.jpg); }
.sc02 .swiper_cateDetail .swiper-slide#detail05 { background-image:url(/_res/ko/img/main/sc02_cate05_visual.jpg); }
.sc02 .swiper_cateDetail .swiper-slide#detail06 { background-image:url(/_res/ko/img/main/sc02_cate06_visual.jpg); }
.sc02 .swiper_cateDetail .swiper-slide#detail07 { background-image:url(/_res/ko/img/main/sc02_cate07_visual.jpg); }

.sc02 .swiper_thumb_box { position:absolute; z-index:122; left:calc(50vw - 76rem); bottom:9.4rem; width:158rem; }
.sc02 .swiper_cateThumb { width:100%; height:100%; }
.sc02 .swiper_cateThumb .swiper-wrapper { width:100%; height:100%; }
.sc02 .swiper_cateThumb .swiper-slide {height:100% !important; cursor:pointer;}
.sc02 .swiper_cateThumb .swiper-slide span { position:absolute; top:2rem; left:1.6rem; font-size:1.8rem; font-weight:700; z-index:5; }
.sc02 .swiper_cateThumb .swiper-slide .thumb { width:100%; position:relative; border-radius: 1.2rem; overflow: hidden; }
.sc02 .swiper_cateThumb .swiper-slide .thumb:before { content:""; position:absolute; left:0; top:0; width:100%; height:100%; display:block; background:rgba(0,0,0,0.6); z-index:2; }
.sc02 .swiper_cateThumb .swiper-slide.swiper-slide-thumb-active .thumb:before { display:none; }
.sc02 .swiper_cateThumb .swiper-slide .thumb img { width:100%; }

.sc02 .swiper_cateThumb  { transform:translateY(10rem); opacity:0;  transition:0.6s linear ; transition-delay:0.5s}
.sc02.is_trigger .swiper_cateThumb  { transform:translateY(0); opacity:1; }
.sc02 .swiper-controls { transform:translate(0,10rem); opacity:0; transition:0.6s linear ; transition-delay:1s}
.sc02.is_trigger .swiper-controls { transform:translate(0,0); opacity:1; }
.sc02 .sc02_select { display:none }

.swiper-controls { margin-top:4rem; position:relative; height:4.8rem; display:flex; justify-content:flex-start; align-items:center; gap:0 4rem }
.sc02 .swiper-controls.pc_controls { display:flex }
.swiper-controls.mo_controls {display:none}
.swiper-paginations { width:100%; position:relative; width:32rem; height:4.8rem; display:flex; justify-content:space-between; align-items:center; }
.swiper-controls .swiper-pagination { flex-shrink:0; display:flex; position:static !important; width:32rem !important; height:0.4rem !important; background:rgba(255,255,255,0.2);}
.swiper-controls .swiper-pagination .swiper-pagination-progressbar-fill { background:var(--white) !important; }
/*.swiper-controls .swiper-pagination2 { bottom:unset !important; width:100%; display:flex; justify-content:space-between; align-items:center;}*/
.swiper-controls .current_page,
.swiper-controls .total_page { font-size:2rem !important; color:var(--white); font-weight:700; font-family: "Montserrat", sans-serif;}

.swiper-btns { display:flex; justify-content:space-between; align-items:center; width:10.8rem; }
.swiper-button-next { background-image:url(/_res/ko/img/main/swiper-button-next.svg);}
.swiper-button-prev { background-image:url(/_res/ko/img/main/swiper-button-prev.svg);}
.swiper-button-next,
.swiper-button-prev { display:flex !important; position:static !important; margin-top:0 !important; width:4.8rem !important; height:4.8rem !important; border-radius: 2.4rem; overflow: hidden; background-color:var(--border-line); border:1px solid var(--white);  background-position:center; background-repeat:no-repeat; background-size:100% auto; font-size:0; }
.swiper-button-next:after,
.swiper-button-prev:after { display:none; }
.swiper-button-next.swiper-button-disabled { background-image:url(/_res/ko/img/main/swiper-button-next-off.svg); border-color:rgba(255,255,255,0.4); background-color:transparent; opacity:1 !important}
.swiper-button-prev.swiper-button-disabled { background-image:url(/_res/ko/img/main/swiper-button-prev-off.svg); border-color:rgba(255,255,255,0.4); background-color:transparent; opacity:1 !important}

/*
.sc02 .swiper-button-next.swiper-button-disabled { background-image:url(/_res/ko/img/main/swiper-button-next.svg);}
.sc02  .swiper-button-prev.swiper-button-disabled { background-image:url(/_res/ko/img/main/swiper-button-prev.svg);}
*/

.swiper-pagination1 { }
.swiper-pagination2 {}
.swiper-pagination2 {}

@media screen and (min-width:1025px) {

  .sc02 .swiper_cateThumb .swiper-slide {width:26rem !important; height:100% !important; cursor:pointer;}
}
@media screen and (min-width:1025px) and (max-width:1320px){

}

@media screen and (max-width:1024px){

/*섹션2*/

.sc02 .posi_align { position:absolute; left:50%; display:flex; flex-direction:column; align-items:flex-start; color:var(--white); }
.sc02 .action_text { width:100%; max-width:calc(100vw - 4rem); height:100vh; padding:11.8% 0 21% 0; }
.sc02 h2 { font-size:2.4rem; line-height:1.2; white-space: nowrap; letter-spacing:-0.07rem }
.sc02 p { margin-top:1.2rem; font-size:1.4rem; max-width:100%;  min-height:14.7rem  /*text-overflow: ellipsis;  overflow: hidden;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;*/}
.sc02 dl { display:none }
.sc02 .btn_action { display:flex; }
.sc02 .btn_action span { position:relative; padding-right:2.4rem; font-size:1.4rem; line-height:2.4rem; font-weight:500}
.sc02 .btn_action span:after { content:""; width:2.4rem; height:2.4rem; background:url(/_res/ko/img/main/btn_more_arrow.svg) no-repeat center / cover; position:absolute; right:0; top:0;}

/*
.sc02 .sc02_select { position:absolute; left:0; top:11.8%; display:block; width:100%; border:1px solid var(--white); border-width:0 0 1px 0; height:4.8rem; padding:0 5.6rem 0 1.6rem; font-size:1.6rem; font-weight:700; color:var(--white); background:transparent url(/_res/ko/img/main/select_arrow.svg) no-repeat calc(100% - 1.6rem) center / 2.4rem auto;}
*/
/*.sc02 .text_row { position:absolute; left:0; top:68.59%; }*/
.sc02 .text_row { position:absolute; left:0; top:60.68%; }
/*.sc02 .text_row .btn_action { margin-top:2rem; }*/


.sc02 .swiper_cateDetail h2{transition:0.6s linear; opacity:0; transition-delay:0.2s }
.sc02 .swiper_cateDetail h2.pause{ transition:none; opacity: 0;  }

.sc02 .swiper_cateDetail .swiper-slide-active h2,
.sc02.is_trigger .swiper_cateDetail .swiper-slide-active h2 { opacity:1 }

.sc02 .swiper_cateDetail p{ transition:0.6s linear; opacity:0; transition-delay:0.6s }
.sc02 .swiper_cateDetail p.pause{ transition:none; opacity: 0; }

.sc02 .swiper_cateDetail .swiper-slide-active p ,
.sc02.is_trigger .swiper_cateDetail .swiper-slide-active p { opacity:1 }

.sc02 .swiper_cateDetail dl{ transition:0.6s linear; opacity:0; transition-delay:1s  }
.sc02 .swiper_cateDetail dl.pause{ transition:none; opacity: 0;  }

.sc02 .swiper_cateDetail .swiper-slide-active  dl ,
.sc02.is_trigger .swiper_cateDetail .swiper-slide-active dl { opacity:1 }

.sc02 .swiper_cateDetail .btn_action{ transition:0.8s linear; opacity:0; transition-delay:0.8s }
.sc02 .swiper_cateDetail .btn_action.pause{ transition:none; opacity: 0; }

.sc02 .swiper_cateDetail .swiper-slide-active .btn_action{ opacity:1 }


.sc02 .swiper_cateDetail { position:static; width:100%; max-width:100% !important; height:100%; border-radius: 0; overflow:hidden !important; touch-action: pan-y;}
.sc02 .swiper_cateDetail .swiper-wrapper {  transform: translate3d(0, 0, 0); }
.sc02 .swiper_cateDetail .swiper-slide { display:flex; position:static; width:100%; padding-bottom:0; height:100%; overflow: hidden; }
.sc02 .swiper_cateDetail .swiper-slide:after { display:none }
.sc02 .swiper_cateDetail .swiper-slide#detail01 { background-image:url(/_res/ko/img/main/sc02_cate01_visual_m.jpg); }
.sc02 .swiper_cateDetail .swiper-slide#detail02 { background-image:url(/_res/ko/img/main/sc02_cate02_visual_m.jpg); }
.sc02 .swiper_cateDetail .swiper-slide#detail03 { background-image:url(/_res/ko/img/main/sc02_cate03_visual_m.jpg); }
.sc02 .swiper_cateDetail .swiper-slide#detail04 { background-image:url(/_res/ko/img/main/sc02_cate04_visual_m.jpg); }
.sc02 .swiper_cateDetail .swiper-slide#detail05 { background-image:url(/_res/ko/img/main/sc02_cate05_visual_m.jpg); }
.sc02 .swiper_cateDetail .swiper-slide#detail06 { background-image:url(/_res/ko/img/main/sc02_cate06_visual_m.jpg); }
.sc02 .swiper_cateDetail .swiper-slide#detail07 { background-image:url(/_res/ko/img/main/sc02_cate07_visual_m.jpg); }

/*.sc02 .swiper_thumb_box { left:0; bottom:unset; top:20.689%; width:calc(100% + 4rem); height:45.9%; padding-left:2rem; margin-left:-2rem; padding-right:2rem; margin-right:-2rem }*/
.sc02 .swiper_thumb_box { box-sizing: border-box; left:0; bottom:unset; top:11.79%; width:100%; max-width:100vw; height:45.9%; padding:0 0 0 2rem; overflow:hidden}
.sc02 .swiper_cateThumb  { width:100%; overflow: hidden; }
.sc02 .swiper_cateThumb .swiper-wrapper { box-sizing: border-box;}
/*.sc02 .swiper_cateThumb .swiper-slide:nth-child(1) {margin-left:1rem;}*/
.sc02 .swiper_cateThumb .swiper-slide {cursor: pointer; width:auto; display:flex; justify-content: center; align-items: center;  transform: translateZ(0);  backface-visibility: hidden;  -webkit-font-smoothing: antialiased;}
.sc02 .swiper_cateThumb .swiper-slide.swiper-slide-active .thumb:before { display:none; }
.sc02 .swiper_cateThumb .swiper-slide span { display:none }
.sc02 .swiper_cateThumb .swiper-slide .thumb { width:28rem; height:100%; overflow: hidden;}
.sc02 .swiper_cateThumb .swiper-slide .thumb img { width:100%; height:auto; object-fit: cover; }
.sc02 .swiper_cateThumb .swiper-slide:last-child { margin-right:2rem }

.sc02 .swiper_cateThumb  { transform:none; opacity:1;  transition:none; }
.sc02 .swiper-controls { transform:none; opacity:1; transition:none; }
.sc02 .swiper-controls.mo_controls { display:flex;}
.sc02 .swiper-controls.pc_controls { display:none;}

.swiper-controls { width:calc(100% - 2rem); margin-top:0; margin-left:0; margin-right:auto; height:unset; flex-direction:column; align-items:flex-start; gap:2.4rem 0; }
.swiper-paginations { width:100%; position:relative; height:0.2rem;  justify-content: flex-start;}
.swiper-controls .swiper-pagination2 { width:calc(100% - 2rem) !important; height:0.2rem !important}

.sc02 .swiper-controls { margin-top:calc(45.9% - 0.2rem) }
.sc02 .swiper-controls.mo_controls { position:absolute; left:2rem; bottom:4.9%; }
.sc02 .swiper-controls .swiper-btns { display:none }

.swiper-button-next { background-image:url(/_res/ko/img/main/swiper-button-next-m.svg);}
.swiper-button-prev { background-image:url(/_res/ko/img/main/swiper-button-prev-m.svg);}

.swiper-button-next,
.swiper-button-prev { display:flex !important; position:static !important; margin-top:0 !important; width:4.8rem !important; height:4.8rem !important; border:1px solid var(--white); border-radius: 2.4rem; background-color:transparent; background-position:center; background-repeat:no-repeat; background-size:100% auto; font-size:0; border:1px solid var(--white) }
.swiper-button-next.swiper-button-disabled { background-image:url(/_res/ko/img/main/swiper-button-next-off-m.svg); opacity:1 !important; border-color:rgba(255,255,255,0.4)}
.swiper-button-prev.swiper-button-disabled { background-image:url(/_res/ko/img/main/swiper-button-prev-off-m.svg); opacity:1 !important; border-color:rgba(255,255,255,0.4)}

.swiper_MoDetail_inner { display:flex; width:100%; height:100vh; border:1px solid red}
}

@media (max-width:1024px) and (min-height:667px){

  .sc02 .swiper_thumb_box { top:8.79%; }
  .sc02 .text_row { top:58.68%; }
  .sc02 .swiper-controls { margin-bottom:4.9% }

}

.sc03 { }
.sc03 .swiper-controls { display:none; }
/*.sc03 .inner { background:#01161E url(/_res/ko/img/main/sc03_bg.png) no-repeat center bottom / cover; }*/
.sc03 .posi_align { position:absolute; left:50%; display:flex; flex-direction:column; align-items:flex-start; color:var(--white); }
.sc03 .action_text { top:50%; transform:translate(-50%,-50%); z-index:122; width:100%; max-width:152rem; gap:6rem 0 }
.sc03 h1 { font-size:4.8rem; font-weight:700; color:var(--white); font-family: "Libre Bodoni", serif; }
/*.sc03 ul { display:grid; grid-template-columns:repeat(5,1fr); gap:0 2rem;}*/
.sc03 .supportSwiper { width:100%; height:100%; }
.sc03 .swiper-slide { position:relative; width:100%; display:flex; flex-direction:column; align-items:center; }
.sc03 .swiper-slide .text_in { position:absolute; z-index:3; width:100%; height:100%; display:flex; flex-direction:column; justify-content: center; align-items:center; gap:1.6rem 0}
.sc03 .swiper-slide .title { /*position:relative; top:4rem; left:0; z-index:2; */width:100%; display:block; text-align:center; font-size:2.4rem; font-weight:700; color:var(--white); }
.sc03 .swiper-slide .support_thumb {position:relative; font-size:0; z-index:1 ;overflow:hidden; border-radius: 0.8rem; }
.sc03 .swiper-slide .support_thumb img { width:100%; }
.sc03 .swiper-slide .support_list { left:4.4rem; top:22.8rem; z-index:2; min-height:15.2rem; display:flex; flex-direction:column; justify-content:center; gap:2rem 0}
.sc03 .swiper-slide .support_list .btn_support { width:20rem; height:4.8rem; border:1px solid var(--white); background:rgba(0,0,0,0.6); backdrop-filter:blur(2rem); font-size:1.6rem; font-weight:500; color:var(--white); }

.sc03 .btn_notice { position:relative; padding:0 1.2rem 0 2.4rem; height:4.8rem; display:flex; }

.sc03 h1 { opacity:0; transform:translateY(-5rem); transition:0.8s linear ; transition-delay:0.1s}
.sc03.is_trigger h1 { opacity:1; transform:translateY(0);}

.sc03 .customer_cont { display:none }

@media screen and (min-width:1025px) {

  .sc03 .swiper-slide .support_thumb img { transition:transform 0.3s ease;}
  .sc03 .swiper-slide:hover .support_thumb img { transform:scale(1.1);}
  .sc03 .swiper-slide .in {transform:translateY(20%); opacity:0; transition:transform 0.8s ease , opacity 0.6s linear}
  .sc03.is_trigger .swiper-slide .in { transform:translateY(0); opacity:1; }
  .sc03.is_trigger .swiper-slide.support01 .in { transition-delay:0.3s }
  .sc03.is_trigger .swiper-slide.support02 .in { transition-delay:0.5s }
  .sc03.is_trigger .swiper-slide.support03 .in { transition-delay:0.7s }
  .sc03.is_trigger .swiper-slide.support04 .in { transition-delay:0.9s }
  .sc03.is_trigger .swiper-slide.support05 .in { transition-delay:1.1s } 

  


}
@media screen and (min-width:1025px) and (max-width:1320px){

}

@media screen and (max-width:1024px){

  .sc03 { }

  .sc03 .swiper-controls { transform:translate(0,3rem); opacity:0; transition:0.6s linear ; transition-delay:0.8s}
  .sc03 .swiper-controls { display:none }
  .sc03.is_trigger .swiper-controls { transform:translate(0,0); opacity:1; display:none }
  .sc03 .swiper-controls { display:flex; margin-top:0; position:absolute; left:2rem; bottom:9.6%; z-index:123 }
  .sc03 .action_text {max-width:100%; gap:0; height:100vh; }  
  .sc03 h1 { opacity:1; transform:unset; font-size:3.2rem; position:absolute; left:0; top:11.6rem; z-index:123; width:100%; text-align: center; display:block}
  /*.sc03 ul { display:grid; grid-template-columns:repeat(5,1fr); gap:0 2rem;}*/
  .sc03 .supportSwiper { width:100%; height:100%; display:none }
  .sc03 .swiper-slide { position:relative; width:100%; display:flex; flex-direction:column; align-items:center; }
  .sc03 .swiper-slide .title.posi_ab { position:static}
  .sc03 .swiper-slide .support_thumb { width:100%; height:100%; border-radius:0}
  .sc03 .swiper-slide .support_thumb img { width:100%; height:100%; object-fit: cover;}

  .sc03 .swiper-slide .support_list { min-height:18.4rem; margin-top:3.2rem}
  .sc03 .swiper-slide .support_list.posi_ab { position:static;}
  .sc03 .swiper-slide .support_list .btn_support { width:24rem; }

  .sc03 .swiper-slide .in { width:100%; height:100%; display:flex; justify-content: center; align-items: center; position:relative }  
  .sc03 .swiper-slide .in .text_in { position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); z-index:123}  

  .sc03 .customer_cont { display:flex; width:100%; height:100%; }
  .sc03 .customer_cont .support_list { padding-top:3.2rem; width:64%; position:absolute; left:50%; top:50%; z-index:2; transform:translate(-50%, -50%); display:flex; flex-direction:column; justify-content:center; gap:2rem 0}
  .sc03 .customer_cont .support_list .btn_support { width:100%; height:4.8rem; border:1px solid var(--white); background:rgba(0,0,0,0.6); backdrop-filter:blur(2rem); font-size:1.6rem; font-weight:500; color:var(--white); }

  .sc03 .customer_cont a {transform:unset; opacity:1; transition:unset}
  

}

.sc04 .posi_align { position:absolute; left:50%; display:flex; flex-direction:column; align-items:flex-start; color:var(--white);}
.sc04 .board_cont { top:50%; transform:translate(-50%,-50%); z-index:122; width:100%; max-width:152rem; }
.sc04 h1 { font-size:4.8rem; font-weight:700; color:var(--white);font-family: "Libre Bodoni", serif;  }
.sc04 .board_category { margin-top:2.4rem; width:100%;  }
.sc04 .board_category ul { gap:1.2rem; }
.sc04 .board_category ul a{ padding:0.8rem 2.4rem; border-radius:3rem; border:1px solid rgba(255,255,255,0.6); color:rgba(255,255,255,0.6); display:flex; background:rgba(0,0,0,0.4); backdrop-filter: blur(2rem); }
.sc04 .board_category ul a.active,
.sc04 .board_category ul a:hover { background:var(--blue-primary); border-color:var(--blue-primary); color:rgba(255,255,255,1);}

.sc04 h1 { opacity:0; transform:translateY(-5rem); transition:1s linear ; transition-delay:0.1s}
.sc04.is_trigger h1 { opacity:1; transform:translateY(0);}
.sc04 .board_category { opacity:0; transform:translateY(2rem); transition:0.8s linear ; transition-delay:0.3s}
.sc04.is_trigger .board_category { opacity:1; transform:translateY(0);}
.sc04 .notice_swiper1 { transform:translateX(200%); transition:1s linear ; transition-delay:0.5s}
.sc04.is_trigger .notice_swiper1 { transform:translateX(0); }
.sc04 #tab_a .swiper-controls { transform:translate(0,3rem); opacity:0; transition:0.6s linear ; transition-delay:0.8s}
.sc04.is_trigger #tab_a .swiper-controls { transform:translate(0,0); opacity:1; }

.btn_notice { right:0; top:0; padding:0 1.2rem 0 2.4rem; height:4.8rem; display:none; }
.btn_notice.tab_p_btn.is_active { display:flex }
.btn_notice span { display:flex; height:100%; gap:0 0.4rem; line-height:4.8rem;  align-items:center; position:relative; z-index:3; }
.btn_notice .innerBox { width:100%; height:100%; display:block; position:absolute; left:0; top:0; }
.btn_notice .innerBox em{ width:4.8rem; height:4.8rem; border-radius:2.4rem; background: rgba(255, 255, 255, 0.12); display:block; transition:0.5s ease;  }
.btn_notice i { width:2.4rem; font-size:0; }

.sc04 .tab_cont { width:100%;max-width:152rem;  margin-top:4rem; }
.sc04 .swiper_board { }
.sc04 .swiper_board .swiper { width:100%; height:100%; 
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}
.sc04 .swiper_board .swiper .swiper-wrapper { width:100%; display:flex; justify-content: flex-start;}

.sc04 .swiper_board .swiper-slide.swiper-empty { width:100% !important; display:flex; justify-content: center; align-items: center; background:rgba(255,255,255,0.2); backdrop-filter: blur(2rem);}
.sc04 .swiper_board .swiper-slide.swiper-empty > .news_inner { width:100%; font-size:2.8rem; font-weight:700; color:var(--white); display:flex; justify-content: center; align-items: center; }
.sc04 .swiper_board .swiper-slide .news_inner{ position:relative; width:28.4rem; display:flex; flex-direction:column; align-items:flex-start; padding:3.2rem 2.4rem; overflow:hidden; background: rgba(255,255,255,0.2); backdrop-filter:blur(2rem); transition:0.2s linear; border-radius: 1.6rem; } 
.sc04 .swiper_board .swiper-slide .news_inner * {color:var(--white);}
.sc04 .swiper_board .swiper-slide .news_inner .label { padding:0.5rem 1.2rem; border:1px solid var(--white); font-size:1.4rem; font-weight:700; border-radius: 0.4rem; overflow: hidden; }
.sc04 .swiper_board .swiper-slide .news_inner .state_label { position:absolute; right:2.4rem; top:3.2rem; padding:0.5rem 1.2rem; border:1px solid var(--white); font-size:1.4rem; font-weight:700; border-radius: 2rem; overflow: hidden; }
.sc04 .swiper_board .swiper-slide .news_inner .news_title { margin-top:2rem; min-height:5.4rem; font-size:1.8rem; font-weight:700; } 
.sc04 .swiper_board .swiper-slide .news_inner .news_text { margin-top:1.2rem; min-height:4.8rem; font-size:1.6rem; }
.sc04 .swiper_board .swiper-slide .news_inner .date { margin-top:4rem; font-size:1.6rem; font-weight:500; }
.sc04 .swiper_board .swiper-slide .news_inner .logo { width:14.3rem; right:0; bottom:0; transform:translate3d(100%, 100%, 0); transition:transform 0.2s ease }

.sc04 .tab_inner { width:100% }
.sc04 .swiper-controls { margin-top:6rem }

@media screen and (min-width:1025px) {
  .sc04 .swiper_board .swiper-slide { width:28.4rem !important; padding:2rem 0; min-height:33.5rem; }
  .sc04 .swiper_board .swiper-slide:hover .news_inner{ background: rgba(255,255,255,1); backdrop-filter:none; transform:translateY(-2rem);} 
  .sc04 .swiper_board .swiper-slide:hover .news_inner .label { background:var(--blue-primary); color:var(--white); border-color:var(--blue-primary); }
  .sc04 .swiper_board .swiper-slide:hover .news_inner .state_label { border-color:var(--blue-primary);  color:var(--blue-primary) }
  .sc04 .swiper_board .swiper-slide:hover .news_inner .state_label.state_fin { color:var(--f-body-secondary); border-color:var(--f-body-secondary)}
  .sc04 .swiper_board .swiper-slide:hover .news_inner * {color:var(--primary);}
  .sc04 .swiper_board .swiper-slide:hover .news_inner .logo { transform:translate3d(0, 0, 0); }
  .sc04 .swiper_board .swiper-slide:hover .news_inner .date { color:#999; }

}

@media screen and (min-width:1025px) and (max-width:1320px){

}

@media screen and (max-width:1024px){

  .sc04 .posi_align { }
  .sc04 .board_cont { max-width:100%; }
  .sc04 h1 { font-size:3.2rem; padding-left:2rem }
  .sc04 .board_category { position:relative; margin-top:2rem; overflow-y:auto; padding-left:2rem; width:calc(100%);
    &::-webkit-scrollbar { display: none; }  
  -ms-overflow-style: none; scrollbar-width: none; }
  .sc04 .board_category::-webkit-scrollbar { display: none; }
  .sc04 .board_category ul { gap:0 0.8rem; width:auto; overflow-y:hidden; overflow-x:auto; scroll-behavior:smooth}
  .sc04 .board_category li { display:flex; flex-shrink: 0;}
  .sc04 .board_category li:last-child {padding-right:2rem;}
  .sc04 .board_category ul a{ padding:0.9rem 1.6rem; border-radius:10rem; font-size:1.4rem; display:flex; flex-shrink: 0; }  
  
  .sc04 h1 { opacity:1; transform:unset; transition:none}
  .sc04.is_trigger h1 { opacity:1; transform:translateY(0);}
  .sc04 .board_category { opacity:1; transform:unset; transition:none}
  .sc04.is_trigger .board_category { opacity:1; transform:translateY(0);}
  .sc04 .notice_swiper1 { transform:unset; transition:none}
  .sc04.is_trigger .notice_swiper1 { transform:translateX(0); }
  .sc04 #tab_a .swiper-controls { transform:unset; opacity:1; transition:none}
  .sc04.is_trigger #tab_a .swiper-controls { transform:translate(0,0); opacity:1; }
  
  .sc04 .tab_cont { max-width:100vw; margin-top:3.2rem; position:relative; width:100%; }
  .sc04 .tab_cont .swiper.has_length:after { content:""; position:absolute; right:0; top:0; width:2rem; height:100%; display:block; background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 100%); z-index:4}
  .sc04 .swiper_board { min-width:100%; overflow: hidden; position:relative; padding-left:2rem}
  
  .sc04 .swiper_board .swiper-slide:nth-child(1) { }
  .sc04 .swiper_board .swiper-slide:nth-last-of-type(1) { margin-right:2rem}
  .sc04 .swiper_board .swiper-slide.swiper-empty { width:calc(100% - 4rem) !important; }
  .sc04 .swiper_board .swiper-slide.swiper-empty > .news_inner { font-size:1.6rem}
  .sc04 .swiper_board .swiper-slide { flex:0 0 24rem; padding:0; min-height:23.9rem;}
  .sc04 .swiper_board .swiper-slide .news_inner{ width:24rem; padding:1.6rem 2rem; } 
  .sc04 .swiper_board .swiper-slide .news_inner .label { padding:0.4rem 0.8rem; font-size:1.2rem; }
  .sc04 .swiper_board .swiper-slide .news_inner .state_label { right:2rem; top:1.6rem; padding:0.4rem 0.8rem; font-size:1.2rem; }
  .sc04 .swiper_board .swiper-slide .news_inner .news_title { margin-top:1.6rem; min-height:4.8rem; font-size:1.6rem} 
  .sc04 .swiper_board .swiper-slide .news_inner .news_text { font-size:1.4rem; min-height:4.2rem; }
  .sc04 .swiper_board .swiper-slide .news_inner .date { font-size:1.4rem; font-weight:400; }
  .sc04 .swiper_board .swiper-slide .news_inner .logo { display:none }
  
  .sc04 .swiper-controls { margin-top:7.8% }

  .btn_notice { top:unset; bottom:-7.5rem; left:2rem; width:calc(100% - 4rem); color:var(--primary); padding:1.2rem 0; height:4.8rem; display:none;  margin-top:7.5rem; background:var(--white); font-size:1.6rem; font-weight:500; justify-content: center; align-items: center;}
  .btn_notice.tab_mo_btn.is_active { display:flex }
  .btn_notice i { width:2.4rem; font-size:0; }
  .btn_notice.tab_p_btn { display:none !important }

}