@charset "utf-8";


.container.main {background-color: #050505 ;}

/* ---------- common ---------- */
.main_tit_box > *{opacity: 1; transform: translateY(0rem); transition: opacity 0.8s ease, transform 0.8s ease; text-align: center; color: #fff;}
.main_tit_box.active > *{opacity: 1; transform: translateY(0);}

.main_tit_box .desc{ font-size: var(--txt35); line-height: 1.5; font-weight: 700; margin-bottom: 3rem;}
.main_tit_box .tit{ font-size: var(--txt70); line-height: 1.5; font-weight: 700;}
.main_tit_box .txt{font-size: var(--txt24); margin-top: 3rem;}
.main_tit_box .view_more_btn_box {margin-top: 4rem;}



/* ---------- Visual ---------- */
/*.stcky_sect_wrap {position:relative; z-index: 3;}*/
.visual_sect {position: sticky; top: 0 ;height: calc(var(--vh, 1vh) * 100); overflow: hidden; border-radius: 0px 0px 0px 0px; overflow: hidden; transition: border-radius 1s ease; }
.visual_sect .swiper-container { height: 100%; }
.visual_sect .swiper-slide { position: relative;  height: 100%;}
.visual_sect .swiper-slide .in {position: absolute; left: 50%; top: 0; transform: translateX(-50%); z-index: 3; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%;}
.visual_sect .txt_box {text-align: center; color: #fff;}
.visual_sect .txt_box .tit {font-size: 6.2rem; font-weight: 700; line-height: 1.4;}
.visual_sect .txt_box .txt {font-size: var(--txt24); margin-top: 3.5rem;}
.visual_sect .txt_box .desc{font-size: var(--txt30); font-weight: 700; line-height: 1.5; margin-bottom: 3rem;}

.visual_sect .img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.visual_sect .img video,
.visual_sect .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-position: center; object-fit: cover;}
.visual_sect .img video {opacity: 0.7;}


.visual_sect .controls { display: block; position: absolute; left:50%; top: 73%; transform: translateX(-50%); z-index:2; display: flex; align-items: center; margin:0 auto; }
.visual_sect .controls .swiper-pagination-bullet {background-color: #fff; opacity: 0.4; transition: 0.3s  ease-in-out;}
.visual_sect .controls .swiper-pagination-bullet-active {opacity: 1;}
.visual_sect .controls .total,
.visual_sect .controls .current {margin: 0 1em; color: #fff; font-weight: 700; min-width: 1em; text-align: center;}
.visual_sect .controls .pagination {display: flex;}
.visual_sect .swiper-button-prev,
.visual_sect .swiper-button-next{position: static; top: 0; left: inherit; right: inherit; width: 1.5em; height: 1.5em; margin-top: 0; opacity: 0.3 ;transition:opacity 0.3s ease-in-out;}
.visual_sect .swiper-button-prev{ transform: rotate(180deg) translateX(0px);background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 12H19" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 5L19 12L12 19" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center / contain;}
.visual_sect .swiper-button-next{ transform: translateX(0px); background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 12H19" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 5L19 12L12 19" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center / contain;}



.visual_sect .controls .swiper-pagination { position: static;}
.visual_sect .controls .swiper-pagination-bullet {width: 0.4em;height: 0.4em; background:#fff; opacity: 1; border-radius: 1em; transition: width 0.3s ease-in-out , background 0.3s ease-in-out;  }
.visual_sect .controls .swiper-pagination-bullet + .swiper-pagination-bullet {margin-left: 1em;}
.visual_sect .controls .swiper-pagination-bullet-active {width: 4em; background-color: #fff;}
.visual_sect .controls .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.visual_sect .controls .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px;}


.scroll_animation { position: absolute; left: 10%; bottom: 0; height: 180px; color: #fff; z-index: 3; transform: translateX(-50%); }
.scroll_animation > span { display: block; transform: rotate(90deg); font-size: 14px; }
.scroll_animation > .bg { position: relative; height: 100%; width: 1px; margin: 30px auto 0; background: rgba(255,255,255,0.2); }
.scroll_animation > .bg .animation { width: 100%; background:#fff; animation-name: updown; animation-iteration-count: infinite; animation-duration: 3s; animation-timing-function: ease-in-out; }

@keyframes updown { 0% {height:0%} 100% {height:100%} }




.strong_sect { position: relative; overflow: hidden; padding-top: var(--pd320); background-color: #050505; }

.strong_sect .main_tit_box {position: absolute; left: 50%; top: 10rem; transform: translate(-50%,20%); transition: transform 1.7s cubic-bezier(0.45, 0, 0, 1);}
.strong_sect .main_tit_box .tit {transform: scale(1.4); transition: transform 1.7s cubic-bezier(0.45, 0, 0, 1);}
.strong_sect .main_tit_box .txt {transform: scale(1.4); transition: transform 1.7s cubic-bezier(0.45, 0, 0, 1);}
.strong_sect .top_box {background-color: #050505; position: relative; z-index: 2; opacity: 0; transition: opacity 1.7s cubic-bezier(0.45, 0, 0, 1);}

.strong_sect .cir_cont .cir_wrap {overflow: hidden; display: flex; align-items: flex-end; justify-content: center; padding: 0 8rem; border-bottom: 1px solid #fff;}
.strong_sect .cir_cont .cir_wrap .cir { position: relative ; transform: translateY(40%); }
.strong_sect .cir_cont .cir_wrap .cir .cir_line {position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: rotate(45deg);}
.strong_sect .cir_cont .cir_wrap .cir .txt_box {position: absolute; left: 50%; bottom: 50%; transform: translate(-50%,0%) ;text-align: center; color: #fff; z-index: 1; transform: scale(1.6); transition: transform 1.7s cubic-bezier(0.45, 0, 0, 1);}
.strong_sect .cir_cont .cir_wrap .cir .txt_box .tit {white-space: nowrap;}
.strong_sect .cir_cont .cir_wrap .cir .txt_box .num {margin-top: 10px; font-weight: 700; font-size: var(--txt30); line-height: 1.2;}
.strong_sect .cir_cont .cir_wrap .cir .txt_box .txt {margin-top: 25px; font-size: var(--txt22);}
.strong_sect .cir_cont .cir_wrap .cir .txt_box .txt p + p {margin-top: 5px;}

.strong_sect .cir_cont .cir_wrap .cir1 {width: 12.18%; padding-top: 12.18%; margin-right: -1.5%;}
.strong_sect .cir_cont .cir_wrap .cir1 .txt_box .tit {font-size: var(--txt18);}


/* cir4 빼고 전부 적용 */

.strong_sect .cir_cont .cir_wrap .cir:not(.cir4) svg .circle {stroke-dashoffset: 316.1592653589793px;stroke-dasharray: 316.1592653589793px;fill: transparent;}

.strong_sect .cir_cont .cir_wrap .cir1 svg .circle {
  -webkit-transition: stroke-dashoffset 1.7s  cubic-bezier(0.45, 0, 0, 1) 0s,fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;
  transition: stroke-dashoffset 1.7s cubic-bezier(0.42, 0, 0.37, 1) 0s,fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0s;}

.strong_sect .cir_cont .cir_wrap .cir2 svg .circle {
  -webkit-transition: stroke-dashoffset 1.7s  cubic-bezier(0.45, 0, 0, 1) 0.1s,fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.1s;
  transition: stroke-dashoffset 1.7s cubic-bezier(0.42, 0, 0.37, 1) 0.1s,fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.1s;}

.strong_sect .cir_cont .cir_wrap .cir3 svg .circle {
  -webkit-transition: stroke-dashoffset 1.7s cubic-bezier(0.45, 0, 0, 1) 0.2s,fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s;
  transition: stroke-dashoffset 1.7s cubic-bezier(0.42, 0, 0.37, 1.03) 0.2s,fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s;}

.strong_sect.active .cir_cont .cir_wrap .cir svg .circle {
  stroke-dashoffset: 0;
  fill: rgba(0, 0, 0, 0);

}

.strong_sect .cir_cont .cir_wrap .cir2 {width: 15.63%; padding-top: 15.63%; margin-right: -1.5%;}
.strong_sect .cir_cont .cir_wrap .cir2 .txt_box .tit {font-size: var(--txt22);}

.strong_sect .cir_cont .cir_wrap .cir3 {width: 18.18%; padding-top: 18.18%; margin-right: -3%;}
.strong_sect .cir_cont .cir_wrap .cir3 .txt_box .tit {font-size: var(--txt22);}

.strong_sect .cir_cont .cir_wrap .cir4 {width: 54.54%; padding-top: 54.54%; transform: translateY(50%);}
.strong_sect .cir_cont .cir_wrap .cir4 .shadow { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; border-radius: 50%; box-shadow: 0 0 10rem 0 rgba(255, 96, 0, 0.65); transition: opacity 1.7s cubic-bezier(0.45, 0, 0, 1) 0s;}
.strong_sect .cir_cont .cir_wrap .cir4 .txt_box {bottom: auto; top: 30%; transform: translate(-50%,-50%) scale(1.4);}
.strong_sect .cir_cont .cir_wrap .cir4 .txt_box .tit {font-size: var(--txt40); font-weight: 700;}
.strong_sect .cir_cont .cir_wrap .cir4 .txt_box .num {font-size: 7.2rem;}
.strong_sect .cir_cont .cir_wrap .cir4 svg .circle {
  stroke-dashoffset: 2966.1592653589793px;stroke-dasharray: 2966.1592653589793px;fill: transparent;
  -webkit-transition: stroke-dashoffset 1.7s cubic-bezier(0.45, 0, 0, 1) 0.4s,fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s;
  transition: stroke-dashoffset 1.7s cubic-bezier(0.42, 0, 0.37, 1.03) 0.4s,fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.2s;
}








.strong_sect .bot_box {position: relative; padding-top: 30px; font-size: var(--txt22); color: #fff; padding-bottom: 24rem; opacity: 0; transition: opacity 1.7s cubic-bezier(0.45, 0, 0, 1);}
.strong_sect .bot_box .txt {position: relative; z-index: 1; font-size: var(--txt18);}

.strong_sect .bot_box .gra_bg {position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: translate(0%,-100%);  transition: 1.7s ease-in-out 0s;}

.strong_sect .bot_box .gra_bg::before,
.strong_sect .bot_box .gra_bg::after {content: "";position: absolute;width: 70%;padding-top: 25%; top: 50%;transform: translateY(-75%);border-radius: 50%; opacity: 0.6;}

.strong_sect .bot_box .gra_bg::before {left: 0;background: radial-gradient(50% 50% at 50% 50%,rgba(239, 90, 0, 0.41) 0%,rgba(239, 90, 0, 0) 100%);animation-delay: 0s;animation: auroraMove1 10s infinite ease-in-out alternate;}
.strong_sect .bot_box .gra_bg::after {right: 0;background: radial-gradient(50% 50% at 50% 50%,rgba(105, 79, 166, 0.41) 0%,rgba(105, 79, 166, 0) 100%);animation-delay: 1s; animation: auroraMove2 10s infinite ease-in-out alternate;}

.strong_sect.active .bot_box,
.strong_sect.active .top_box{opacity: 1;}
.strong_sect.active .main_tit_box {transform: translate(-50%,0);}

.strong_sect.active .main_tit_box .tit {transform: scale(1);}
.strong_sect.active .main_tit_box .txt {transform: scale(1);}
.strong_sect.active .main_tit_box .txt {transform: scale(1);}

.strong_sect.active .cir_cont .cir_wrap .cir .txt_box { transform: translate(-50%,0%) scale(1); }
.strong_sect.active .cir_cont .cir_wrap .cir.cir4 .txt_box { transform: translate(-50%,-50%) scale(1); }

.strong_sect.active .cir_cont .cir_wrap .cir4 .shadow {opacity: 1; transition: opacity 1.7s cubic-bezier(0.45, 0, 0, 1) 1s;}
.strong_sect.active .bot_box .gra_bg { transform: translate(0%,0%); opacity: 1; transition: transform 1.2s ease-in-out 1s , opacity 1.2s ease-in-out 0.2s;}


/* .strong_sect.active .cir_cont .cir_wrap .cir4::before {opacity: 1;} */




@keyframes auroraMove1 {
  0% {
    transform: translate(30%, -75%) scale(1);
    opacity: 0.7;
  }
  50% {
    transform: translate(0%, -75%) scale(1.3);
    opacity: 0.5;
  }
  100% {
    transform: translate(30%, -75%) scale(1);
    opacity: 1;
  }
}

@keyframes auroraMove2 {
  0% {
    transform: translate(-30%, -75%) scale(1);
    opacity: 0.7;
  }
  50% {
    transform: translate(00%, -75%) scale(1.3);
    opacity: 0.5;
  }
  100% {
    transform: translate(-30%, -75%) scale(1);
    opacity: 1;
  }
}


.value_sect {position: relative;  z-index: 2; }

.value_sect .main_tit_box {opacity: 0; transform: translateY(20%) scale(1.3); transition: transform 1.7s cubic-bezier(0.45, 0, 0, 1) , opacity 1.7s cubic-bezier(0.45, 0, 0, 1);}
.value_sect .main_tit_box .tit {opacity: 0; transform: scale(1.4); transition: transform 1.7s cubic-bezier(0.45, 0, 0, 1) , opacity 1.7s cubic-bezier(0.45, 0, 0, 1);}
.value_sect .main_tit_box .txt {opacity: 0; transform: scale(1.4); transition: transform 1.7s cubic-bezier(0.45, 0, 0, 1) , opacity 1.7s cubic-bezier(0.45, 0, 0, 1);}

.value_sect .in {width: 224rem; z-index: 3; overflow: hidden; padding: 0 var(--hdIn) var(--pd430); }
.value_sect .cont_box {display: flex; justify-content: center; margin-top: 12rem; grid-template-columns: repeat(3,minmax(0,33.333%)); }
.value_sect .cont_box .cont {display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1; aspect-ratio: 100/100 ;padding: 4.5rem 3rem 4.5rem; background-color: #15151A; color: #fff; border-radius: 4rem; opacity: 0 ;transition: transform 1.7s cubic-bezier(0.45, 0, 0, 1) , opacity 1.7s cubic-bezier(0.45, 0, 0, 1);}
.value_sect .cont_box .cont:nth-child(1) {transform: translate(50%,-80%) scale(1.4);}
.value_sect .cont_box .cont:nth-child(2) {transform: translate(-50%,100%) scale(1.2);}
.value_sect .cont_box .cont:nth-child(3) {transform: translate(0%,0%) scale(1.5);}
.value_sect .cont_box .cont:nth-child(4) {transform: translate(50%,100%) scale(1.2);}
.value_sect .cont_box .cont:nth-child(5) {transform: translate(50%,80%) scale(1.4);}
.value_sect .cont_box .cont + .cont {margin-left: 3rem;}
.value_sect .cont_box .cont .ico {display: flex; flex-direction: column; align-items: center; justify-content: center; width: 6.5rem; height: 6.5rem; border-radius: 1rem; background: rgba(255, 255, 255, 0.05);}
.value_sect .cont_box .cont .ico svg {width: 65%; height: auto;}
.value_sect .cont_box .cont:nth-child(1) .ico svg {width: 75%; }
.value_sect .cont_box .cont .txt_box {margin-top: 3rem;}
.value_sect .cont_box .cont .tit {font-size: var(--txt30); font-weight: 700; text-align: center;}
.value_sect .cont_box .cont .txt {margin-top: 2.5rem; font-weight: 600; opacity: 0.6; text-align: center; font-size: var(--txt18);}


.value_sect.active {opacity: 1;}
.value_sect.active .main_tit_box ,
.value_sect.active .main_tit_box .tit ,
.value_sect.active .main_tit_box .txt {transform: unset; opacity: 1;}

.value_sect.active .cont {transform: unset !important; opacity: 1;}

.cells_bg {position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.cells_bg .bg_cont {position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.cells_bg .front .cell_img {width: 45rem; height:45rem; position: absolute; left: 0; top: 20%; transform: translateX(-10%);}

.cells_bg .back .cell_img.top {width: 38rem; height:38rem; position: absolute; right: 5%; top: 50%;}
.cells_bg .back .cell_img.bot {width: 25rem; height:25rem; position: absolute; left: 5%; bottom:0%;}

.program_sect {padding:var(--pd320) 0;background: #15151A; overflow: hidden;}
.program_sect .in {width: 164rem;}

.program_sect .main_tit_box {opacity: 0; transform: translateY(20%) scale(1.3); transition: transform 1.7s cubic-bezier(0.45, 0, 0, 1) , opacity 1.7s cubic-bezier(0.45, 0, 0, 1);}
.program_sect .main_tit_box .tit {opacity: 0; transform: scale(1.4); transition: transform 1.7s cubic-bezier(0.45, 0, 0, 1) , opacity 1.7s cubic-bezier(0.45, 0, 0, 1);}
.program_sect .main_tit_box .desc {opacity: 0; transform: scale(1.4); transition: transform 1.7s cubic-bezier(0.45, 0, 0, 1) , opacity 1.7s cubic-bezier(0.45, 0, 0, 1);}

.program_sect .controls { display: flex; align-items: center; justify-content: center; margin-top: 6rem; opacity: 0; transition: opacity 1.7s cubic-bezier(0.45, 0, 0, 1);;}
.program_sect .controls .swiper-pagination-bullet {background-color: #fff; opacity: 0.4; transition: 0.3s  ease-in-out;}
.program_sect .controls .swiper-pagination-bullet-active {opacity: 1;}
.program_sect .controls .total,
.program_sect .controls .current { color: #fff; font-weight: 700  ;}
.program_sect .controls .total {margin-right: 4rem;}
.program_sect .controls .pagination {display: block; position: relative; width: 12rem; height: 2px; margin: 0 2rem; background-color: rgba(255,255,255,0.5);}
.program_sect .controls .pagination .swiper-pagination-progressbar-fill {background-color: #fff;}

.program_sect .swiper-button-prev,
.program_sect .swiper-button-next{position: static; top: 0; left: inherit; right: inherit; width: 1.5em; height: 1.5em; margin-top: 0; opacity: 0.3 ;transition:opacity 0.3s ease-in-out;}
.program_sect .swiper-button-prev{ transform: rotate(180deg) translateX(0px);background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 12H19" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 5L19 12L12 19" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center / contain;}
.program_sect .swiper-button-next{margin-left: 2rem ;transform: translateX(0px); background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 12H19" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 5L19 12L12 19" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center / contain;}


.program_sect .controls .swiper-pagination { position: static;}
.program_sect .controls .swiper-pagination-bullet {width: 0.4em;height: 0.4em; background:#fff; opacity: 1; border-radius: 1em; transition: width 0.3s ease-in-out , background 0.3s ease-in-out;  }
.program_sect .controls .swiper-pagination-bullet + .swiper-pagination-bullet {margin-left: 1em;}
.program_sect .controls .swiper-pagination-bullet-active {width: 4em; background-color: #fff;}
.program_sect .controls .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.program_sect .controls .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px;}


.program_sect .slide {position: relative; margin-top: 10rem;}
.program_sect .slide .swiper-container {overflow: visible;}
.program_sect .slide .item {overflow: hidden; padding: 1px;}
.program_sect .slide .item .img {position:  relative;  padding-top: 50%; transition: transform 1s cubic-bezier(0.45, 0, 0, 1) 0s;}
.program_sect .slide .item .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; overflow: hidden; border-radius: 4rem; opacity: 0.7}


.program_sect .slide .swiper-slide-active .img::before {content: ""; position: absolute; width: calc(50% + 4px); height: calc(100% + 4px); left: -2px; top: -2px; background-color: #15151A; z-index: 2; transition: width 1s cubic-bezier(0.45, 0, 0, 1);}
.program_sect .slide .swiper-slide-active .img::after  {content: ""; position: absolute; width: calc(50% + 4px); height: calc(100% + 4px); right: -2px; top: -2px; background-color: #15151A; z-index: 2; transition: width 1s cubic-bezier(0.45, 0, 0, 1);}


.program_sect .slide .swiper-slide-prev .img,
.program_sect .slide .swiper-slide-duplicate-prev .img,
.program_sect .slide .swiper-slide-duplicate-next .img,
.program_sect .slide .swiper-slide-next .img{transform: translateY(100%);}

.program_sect .slide .item .over_link{position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; z-index: 10;}

.program_sect .slide .item .cont_box {position: absolute; left: 0; bottom: 0; padding: 8rem 10rem; color: #fff; opacity: 0; transition: opacity 1.7s cubic-bezier(0.45, 0, 0, 1);}
.program_sect .slide .item .num_box {display: flex; color: #fff; margin-bottom: 6rem;position: relative; z-index: 20; pointer-events:auto;}
.program_sect .slide .item .num_box .num {display: flex; align-items: center; justify-content: center; width: 3.5em; height: 3.5em; background-color: transparent; border: 1px solid #fff; border-radius: 50%; font-size: var(--txt16); font-weight: 700; transition: background-color 0.3s ease-in-out , color 0.3s ease-in-out;}
.program_sect .slide .item .num_box .num.active {background-color: #fff; color: #000;}

.program_sect .slide .item .num_box .num + .num {margin-left: 10px;}
.program_sect .slide .item .cont_box .txt_box .desc {font-size: var(--txt20); font-weight: 700; margin-bottom: 0.5rem; }
.program_sect .slide .item .cont_box .txt_box .tit {font-size: var(--txt70); font-weight: 700; line-height: 1.5;}
.program_sect .slide .item .cont_box .txt_box .txt {margin-top: 1.5rem; display: none;}
.program_sect .slide .item .cont_box .tag_box {display: flex; margin-top: 5rem;}
.program_sect .slide .item .cont_box .tag_box .tag {padding: 0.4em 1.25em; border-radius: 100px;background: rgba(255, 255, 255, 0.20); font-size: var(--txt20); font-weight: 500;}
.program_sect .slide .item .cont_box .tag_box .tag + .tag {margin-left: 1.5rem; }


.program_sect.active .main_tit_box ,
.program_sect.active .main_tit_box .tit ,
.program_sect.active .main_tit_box .desc {opacity: 1; transform: unset;}

.program_sect.active .slide .swiper-slide-duplicate-prev .img,
.program_sect.active .slide .swiper-slide-prev .img,
.program_sect.active .slide .swiper-slide-duplicate-next .img,
.program_sect.active .slide .swiper-slide-next .img {transform: translateY(0%); transition: transform 1.7s cubic-bezier(0.45, 0, 0, 1) 0.2s;}

.program_sect.active .slide .swiper-slide-active .img::before ,
.program_sect.active .slide .swiper-slide-active .img::after {width: 0; transition: width 1.7s cubic-bezier(0.45, 0, 0, 1);}

.program_sect.active .controls,
.program_sect.active .slide .item .cont_box {opacity: 1;}


.data_sect {position: relative; overflow: hidden; height: 100svh ;margin-top: var(--pd320); padding-top: calc(var(--pd320) / 2)}



.data_sect .tit_box {display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; z-index: 2;}
.data_sect .tit_box .tit {font-size: var(--txt70); font-weight: 700; text-align: center; transform: translateY(32vh) scale(2); color: #fff;}
.data_sect .tit_box .tit span {display: inline-block; opacity: 0;}
.data_sect .tit_box .text {background: linear-gradient(to right, rgb(255,255,255) 50%, rgba(255,255,255,0.2) 50%);background-size: 200% 100%;background-position-x: 100%;color: transparent;background-clip: text;-webkit-background-clip: text;display: inline; }
.data_sect .tit_box .txt .text {}
.data_sect .tit_box .txt {font-size: var(--txt35); font-weight: 600; text-align: center; opacity: 0;}
.data_sect .tit_box .logo {width: 70rem; position: relative;  opacity: 0;}
.data_sect .tit_box .logo svg {width: 100%;  height: auto; margin: 7rem 0; opacity: 0.2;}
.data_sect .tit_box .logo svg.front {position: absolute; left: 0; top: 0; width: 100%; clip-path: inset(0 100% 0 0); z-index: 3; opacity: 1;}
.data_sect .tit_box .logo svg.back {clip-path: inset(0 0 0 0%); }
.data_sect .tit_box .logo svg.front path {}

.data_sect .motion{position: absolute; bottom: -5px; left: -7px; width: calc(100% + 14px); height:100%; z-index: 1; overflow: hidden;  opacity: 0;}
.data_sect .motion .line{position: absolute; bottom: -5px; left: 0; width: 100%;}
.data_sect .motion .line svg {width: 100%; height: auto;}
.data_sect .motion .bg {position: absolute;bottom: -5px;left: 0;width: 100%; opacity:0; transition: opacity 1.7s cubic-bezier(0.45, 0, 0, 1) 0.6s;;}
.data_sect .motion .bg svg {width: 100%; height: auto;}

.data_sect .video {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%; z-index: 1; opacity: 0; display: flex; align-items: center; justify-content: center; }
.data_sect .video canvas {width: 100%; height: 100%;}


/* .data_sect.active .motion .bg{opacity: 1;} */



svg .svg-elem-1{stroke-dashoffset:0}
.data_sect.active .line svg .svg-elem-1{stroke-dashoffset:0}
svg .svg-elem-2{ opacity: 0; transition: opacity ease-in-out 1s 0s}
.data_sect.active .line svg .svg-elem-2{opacity: 1; transition: opacity ease-in-out 1s 2s}
svg .svg-elem-3{stroke-dashoffset:118.23892818282235px;stroke-dasharray:118.23892818282235px; transition:stroke-dashoffset 0.8s cubic-bezier(0.47,0,0.745,0.715) 0s,fill 0.8s ease 0s}
.data_sect.active .motion svg .svg-elem-3{stroke-dashoffset:0; transition:stroke-dashoffset 0.8s cubic-bezier(0.47,0,0.745,0.715) 1.6s,fill 0.8s ease 2s}
svg .svg-elem-4{stroke-dashoffset:10002px;stroke-dasharray:10002px; transition:stroke-dashoffset 1s cubic-bezier(0.47,0,0.745,0.715) 0s,fill 1s ease 0s}
.data_sect.active .motion svg .svg-elem-4{stroke-dashoffset:0; transition:stroke-dashoffset 2s cubic-bezier(0.47,0,0.745,0.715) 2s,fill 2s ease 2s}

.data_sect.active .motion .bg {opacity: 1;}


/* .data_sect.active .tit_box .text {background-position-x: 0%;}
.data_sect.active .tit_box .txt .text {transition: background-position-x 1.7s ease-in-out 0.4s;}
.data_sect.active .tit_box .logo {transform: scale(1); opacity: 1;}
.data_sect.active .tit_box .logo svg.front {clip-path: inset(0 0 0 100%); transition: 1.7s cubic-bezier(0.45, 0, 0, 1) 0.2s;} */






.knowhow_sect {position: relative; padding: 0rem 0 var(--pd430); opacity: 0; overflow:hidden; transition: opacity 1.7s cubic-bezier(0.45, 0, 0, 1);}
.knowhow_sect .in {z-index: 3;}
.knowhow_sect .bg {position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.knowhow_sect .bg img {position: absolute; width: 100%; height: 100%; left: 0; top: 0; object-fit: contain; object-position: center; opacity: 0.5;}
.knowhow_sect .bg::before {content: ""; position: absolute; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 3.61%, #101010 100%); z-index: 2;}

.knowhow_sect .main_tit_box {opacity: 0; transform: translateY(20%) scale(1.3); transition: transform 1.7s cubic-bezier(0.45, 0, 0, 1) , opacity 1.7s cubic-bezier(0.45, 0, 0, 1);}
.knowhow_sect .main_tit_box .tit {opacity: 0; transform: scale(1.4); transition: transform 1.7s cubic-bezier(0.45, 0, 0, 1) , opacity 1.7s cubic-bezier(0.45, 0, 0, 1);}
.knowhow_sect .main_tit_box .txt {opacity: 0; transform: scale(1.4); transition: transform 1.7s cubic-bezier(0.45, 0, 0, 1) , opacity 1.7s cubic-bezier(0.45, 0, 0, 1);}

.knowhow_sect .cont_box {display: flex; justify-content: center; flex-wrap: wrap; margin-top: 12rem; }
.knowhow_sect .cont_box .cont {display: flex; flex-direction: column; align-items: center; width: 25%; color: #fff; border-radius: 4rem; margin-right: 5rem; transition: transform 1.7s cubic-bezier(0.45, 0, 0, 1);}
.knowhow_sect .cont_box .cont:last-child ,
.knowhow_sect .cont_box .cont:nth-child(3n) {margin-right: 0;}
.knowhow_sect .cont_box .cont:nth-child(n+4) {margin-top: 10rem;}

.knowhow_sect .cont_box .cont:nth-child(1) {transform: translate(-50%, -50%) scale(1.3);}
.knowhow_sect .cont_box .cont:nth-child(2) {transform: translate( 0%, 50%) scale(1.3);}
.knowhow_sect .cont_box .cont:nth-child(3) {transform: translate(50%, -50%) scale(1.3);}
.knowhow_sect .cont_box .cont:nth-child(4) {transform: translate(-50%, 50%) scale(1.3);}
.knowhow_sect .cont_box .cont:nth-child(5) {transform: translate(50%, 50%) scale(1.3);}


.knowhow_sect .cont_box .cont .num_box {font-size: var(--txt30);}
.knowhow_sect .cont_box .cont .num_box .num {font-size: 9rem; font-weight: 700; margin-right: 1.5rem; line-height: 1.2;}

.knowhow_sect .cont_box .cont .txt_box {margin-top: 4rem; text-align: center;}
.knowhow_sect .cont_box .cont .txt_box .tit {font-size: var(--txt30); font-weight: 700; opacity: 0.5;}
.knowhow_sect .cont_box .cont .txt_box .txt {margin-top: 1.5rem; font-size: var(--txt18); opacity: 0.7; display: none;}
.knowhow_sect .cont_box .cont .txt_box .info_txt{font-size: var(--txt16); opacity: 0.3; margin-top: 0.5em;}

.knowhow_sect.active {opacity: 1;}
.knowhow_sect.active .main_tit_box ,
.knowhow_sect.active .main_tit_box .txt,
.knowhow_sect.active .main_tit_box .tit {opacity: 1; transform: unset;}
.knowhow_sect.active .cont_box .cont {transform: unset;}


.successful_sect {padding-top: var(--pd320); overflow: hidden;}
.successful_sect .in {width: 100%; padding: 0 var(--hdIn);}
.successful_sect .main_tit_box {position: relative;}
.successful_sect .main_tit_box .view_more_btn_box {position: absolute; right: 0; bottom: 0;}
.successful_sect .main_tit_box .info_txt{position: absolute; left: 0; bottom: 0; font-size:var(--txt18); color: #A3A3A3;}
.successful_sect .main_tit_box .info_txt span{color: var(--orange1)}

.successful_sect .cont_box {display: flex; margin-top: 10rem; justify-content: center; }
.successful_sect .cont_box .cont {position: relative; opacity: 0; transform: translateX(150%); filter: blur(15px); flex: 1; padding: 6rem 3rem 0; border-radius: 20px; background: rgba(255, 255, 255, 0.11); transition-property: transform, opacity, filter; transition-duration: 1.7s; transition-timing-function: cubic-bezier(0.45, 0, 0, 1);}
.successful_sect .cont_box .cont + .cont {margin-left: 3rem;}
.successful_sect .cont_box .cont{max-width: 20%;}

.successful_sect .cont_box .cont .top_box {display: flex; flex-direction: column; align-items: center; justify-content: center;}
.successful_sect .cont_box .cont .top_box .logo {width: 16rem;}
.successful_sect .cont_box .cont .top_box .logo svg {width: 100%;}
.successful_sect .cont_box .cont .top_box .txt {margin-top: 1rem; font-size: var(--txt16); color: rgba(255,255,255,0.72);}
.successful_sect .cont_box .cont .img_box {position: relative; margin-top: 6rem;}
.successful_sect .cont_box .cont .img_box .img {position: relative; padding-top: 150%;}
.successful_sect .cont_box .cont .img_box .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.successful_sect .cont_box .cont .img_box .txt_box {position: absolute; left: 0; bottom: 0; width: 100%; padding: 8rem 2rem 4rem; text-align: center;}
.successful_sect .cont_box .cont .img_box .txt_box .txt {position: relative; z-index: 2; font-size: var(--txt22); font-weight: 600; color: #fff; line-height: 1.3;} /*font-size: var(--txt30); font-family: "Cormorant", serif; */
.successful_sect .cont_box .cont .img_box .txt_box::before {content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, rgba(247, 121, 45, 0.90) 100%);}

.successful_sect .cont_box.active .cont {transform: unset; opacity: 1; filter: blur(0);}
.successful_sect .cont_box.active .cont:nth-child(1) {transition-delay: 0s;}
.successful_sect .cont_box.active .cont:nth-child(2) {transition-delay: 0.1s;}
.successful_sect .cont_box.active .cont:nth-child(3) {transition-delay: 0.2s;}
.successful_sect .cont_box.active .cont:nth-child(4) {transition-delay: 0.3s;}
.successful_sect .cont_box.active .cont:nth-child(5) {transition-delay: 0.4s;}


.play_sect {padding: var(--pd430) var(--hdIn) 0;}
.play_sect .sect_bg {padding: 20rem 0;background-color: #15151A; border-radius: 4rem;}
.play_sect .sect_bg .main_tit_box {position:relative;}
.play_sect .sect_bg .main_tit_box > * {text-align: left;}
.play_sect .sect_bg .main_tit_box .view_more_btn_box {position: absolute; right: 0; bottom: 0;}

.play_sect .youtube_cont {margin-top: 10rem;}
.play_sect .youtube_cont .cont .img {position: relative; padding-top: 56.25%; overflow: hidden;}
.play_sect .youtube_cont .cont .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; transform: scale(1); transition: 0.3s ease-in-out;}

.play_sect .youtube_cont .cont .img:before,
.play_sect .shorts_cont .cont .img:before{content:''; position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.2); z-index: 2; opacity: 0; transition:0.3s ease-in-out;}
.play_sect .youtube_cont .cont .img:after,
.play_sect .shorts_cont .cont .img:after{content:'';position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 7rem; height: 100%; z-index: 3; opacity: 0; transition:0.3s ease-in-out;
  background: url('data:image/svg+xml,<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="50" height="50" rx="25" fill="white"/><path d="M32.5 25L21.25 31.4952L21.25 18.5048L32.5 25Z" fill="%230D0D0D"/></svg>') no-repeat center/ contain}

.com_play_bg .btn_play {position: relative; width: 4.2rem; padding-top:4.2rem ; background-color: #eeedeb; border-radius: 50%; display: flex; align-items: center; justify-content: center}




.play_sect .youtube_cont .cont .txt_box {margin-top: 1.5rem; color: #fff;}
.play_sect .youtube_cont .cont .txt_box .txt {font-size: var(--txt24); font-weight: 600; overflow: hidden;text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical; display: none;}
.play_sect .shorts_cont .cont .txt{display: none;}

.play_sect .paging {position: relative; width:18rem; height: 4px; margin: 10rem auto 0; background-color:rgba(255,255,255,0.08); border-radius: 5em; overflow: hidden;}
.play_sect .paging .swiper-pagination-progressbar-fill {background-color: #fff; overflow: hidden;}


.play_sect .shorts_cont {margin-top: 15rem;}
.play_sect .shorts_cont .cont .img {position: relative; padding-top: 180%; overflow: hidden;}
.play_sect .shorts_cont .cont .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-position: center; object-fit: cover; transform: scale(1); transition: 0.3s ease-in-out;}


.play_sect .shorts_cont .cont .txt {margin-top: 2rem; color: #fff; font-weight: 600; font-size: var(--txt24);}

.counsel_sect {overflow: hidden; margin-top: 12rem; padding: 0 var(--hdIn);}
.counsel_sect .sect_tit_box .tit {font-size: 4.8rem; font-weight: 700; color: #fff;}

.counsel_sect .in {display: flex; justify-content: space-between;}
.counsel_sect .left_box {position: relative; width: 40%;}
.counsel_sect .left_box .character {position: absolute;width: 88%;transform: translate(-10%,70%);left: 5%;bottom: 0; transition: transform 1s ease-in-out;}
.counsel_sect.active .left_box .character {transform: translate(-10%,12%);}
.counsel_sect .left_box .character video{width: 100%; object-fit: contain;}

.counsel_sect .sect_bg {padding: 8rem 0 0;border-radius: 4rem;border-radius: 50px; background: linear-gradient(86deg, rgba(255, 96, 0, 0.35) 1.54%, rgba(93, 93, 103, 0.35) 60.88%, rgba(93, 93, 103, 0.35) 54.8%, rgba(124, 0, 128, 0.35) 95.03%); background-size: 150% 100%;animation: moveGradient 8s linear infinite;}


@keyframes moveGradient {0% {background-position: 0% 50%;}50% {background-position: 100% 50%;}100% {background-position: 0% 50%;}}

.counsel_sect .cont_box { width: 55%; padding-bottom: 8rem;}
.counsel_sect .cont_box .form_box {width: 100%;color: #fff;}
.counsel_sect .cont_box .form_box .tit_box {display: flex; justify-content: space-between; margin-bottom: 2rem;}
.counsel_sect .cont_box .form_box .tit_box .tit {font-weight: 700;}
.counsel_sect .cont_box .form_box .tit_box .info_txt {display: flex; align-items: center; font-size: var(--txt16); color: #fff; fill: #fff;}
.counsel_sect .cont_box .form_box .tit_box .info_txt svg {width: 1em; height: auto; margin-right: 1rem; margin-top: -1px;}

.counsel_sect .cont_box .form_box .inp_box {display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 2rem;}
.counsel_sect .cont_box .form_box .inp_box .box:nth-child(1) {grid-column: 1 / 3;}
.counsel_sect .cont_box .form_box .inp_box .box:nth-child(2) {grid-column: 3 / 5;}
.counsel_sect .cont_box .form_box .inp_box .box:nth-child(3) {grid-column: 5 / 7;}
.counsel_sect .cont_box .form_box .inp_box .box.cont_inp {grid-column: 1 / 7;}



.counsel_sect .cont_box .form_box .inp {overflow: hidden; width: 100%; height: var(--inpH); padding: 0 1em; background-color: #fff; border-radius: 1rem; color: #000; font-size: var(--txt18); position: relative;}
.counsel_sect .cont_box .form_box .inp.cont_inp {height: auto; padding-right: 0;}


.counsel_sect .cont_box .form_box .inp textarea {width: 100%; height: 100%;  resize: none; border: none; outline: none; padding: 0.9em 0; line-height: 1.6}
.counsel_sect .cont_box .form_box .inp input {width: 100%; height: 100%;}
.counsel_sect .cont_box .form_box .inp .placeholder {position: absolute; left: 1em; top: 50%; transform: translateY(-50%); }
.counsel_sect .cont_box .form_box .inp .placeholder span {color: var(--orange1); margin-left: 5px;}
.counsel_sect .cont_box .form_box .inp textarea.none + .placeholder,
.counsel_sect .cont_box .form_box .inp input.none + .placeholder {opacity: 0;}


.counsel_sect .cont_box .form_box .nice-select { position:relative; font-size:var(--txt18); height: var(--inpH); width: 100%; line-height: var(--inpH); padding: 0 1em; border: none; border-radius: 1rem; background: #fff; color: #000;}
.counsel_sect .cont_box .form_box .nice-select:after { right: 2rem; width: 0.8em; height: 1em; margin-top: -0.4em; font-size: 1em; border: 0; transform: rotate(0); transform-origin: center; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 10" fill="none"><path d="M14 2L8 8L2 2" stroke="%23000" stroke-width="2" stroke-linecap="square"/></svg>') no-repeat center center/ contain; transition: transform 0.3s; }
.counsel_sect .cont_box .form_box .nice-select.open:after { transform: rotate(180deg); }
.counsel_sect .cont_box .form_box .nice-select .current{ color:#000; }
.counsel_sect .cont_box .form_box .nice-select .option { color:#000;}
.counsel_sect .cont_box .form_box .form_btn { display: flex; align-items: center; justify-content: center; width: 100%; height: var(--inpH); border-radius: 1rem; font-weight: 700; background-color: var(--orange1); grid-column: 1 / 7; transition: background-color 0.3s ease-in-out , color 0.3s ease-in-out;}


.counsel_sect .cont_box .form_box .chk_wrap { margin-top: 4rem;}
.counsel_sect .cont_box .form_box .chk_wrap .priv_inp {display: flex; align-items: center;  font-size: var(--txt16);}
.counsel_sect .cont_box .form_box .chk_wrap .priv_inp + .priv_inp {margin-top: 1rem;}
.counsel_sect .cont_box .form_box .chk_wrap .priv_inp label {display: flex; align-items: center; cursor: pointer;}
.counsel_sect .cont_box .form_box .chk_wrap .priv_inp .ico {display: flex; align-items: center; justify-content: center; width: 1.25em; height: 1.25em; margin-right: 0.5em; border-radius: 4px; border: 1px solid #DDD; background: #FFF;}
.counsel_sect .cont_box .form_box .chk_wrap .priv_inp .ico svg {fill: #AAAAAA; width: 60%;}
.counsel_sect .cont_box .form_box .chk_wrap .priv_inp button {margin-left: 5px; margin-top: -0.1em;}
.counsel_sect .cont_box .form_box .chk_wrap .priv_inp input:checked + label .ico {background-color: var(--orange1); border-color: var(--orange1);}
.counsel_sect .cont_box .form_box .chk_wrap .priv_inp input:checked + label .ico svg {fill: #fff;}



.counsel_sect .cont_box .ico_box {display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); width: 100%; gap: 2rem; margin-top: 6rem;}
.counsel_sect .cont_box .ico_box .cont {display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 4rem 0; background-color: #fff; border-radius: 2rem; transition: background-color 0.3s ease-in-out;}
.counsel_sect .cont_box .ico_box .cont .ico {width: 6.4rem;}
.counsel_sect .cont_box .ico_box .cont .ico img {width: 100%;}
.counsel_sect .cont_box .ico_box .cont .txt {margin-top: 2rem; font-size: var(--txt20); font-weight: 600;}



.news_sect {padding: var(--pd320) 0 0; color: #fff;}
.news_sect .main_tit_box > *{text-align: left;}
.news_sect .cont_box {display: flex; justify-content: space-between; margin-top: 10rem;}

.news_sect .cont_box .cont {width: 47.5%;}
.news_sect .cont_box .cont .cont_tit_box {display: flex; align-items: center; justify-content: space-between; margin-bottom: 2rem;}
.news_sect .cont_box .cont .cont_tit_box .tit {font-size: var(--txt40); font-weight: 700; }
.news_sect .cont_box .cont .cont_tit_box .btn {position: relative; width: 3.2rem; height: 3.2rem; overflow: hidden; fill: #fff;}
.news_sect .cont_box .cont .cont_tit_box .btn svg {  width: 100%;height: auto;position: absolute;left: 0;top: 0;transition: transform 0.3s ease;}







@keyframes arrowTeleport {
  0% {transform: translateX(0);opacity: 1;}
  49% {transform: translateX(120%);opacity: 0;}
  50% {transform: translateX(-120%);opacity: 0;}
  100% {transform: translateX(0);opacity: 1;}
}




.news_sect .cont_box .cont.news {display: flex; flex-direction: column;}
.news_sect .cont_box .cont.news .list {display: flex; flex-direction: column; flex: 1;}
.news_sect .cont_box .cont.news .list li {flex: 1;}
.news_sect .cont_box .cont.news .list li a {display: flex; align-items: center; height: 100%; padding: 1em 0.5em 1em 0; border-bottom: 1px solid rgba(255,255,255,0.3); transition: background-color 0.3s ease-in-out;}
.news_sect .cont_box .cont.news .list li a .type {display: none; color: var(--orange1); font-weight: 700; font-size: var(--txt18); min-width: 6.5em; text-align: center;}
.news_sect .cont_box .cont.news .list li a .tit {padding-right: 1em; padding-left: 1em; font-size: var(--txt22); font-weight: 600; overflow: hidden;text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.news_sect .cont_box .cont.news .list li a .date {margin-left: auto; font-size: var(--txt18); font-weight: 600; color: #A4A4A4;}

.news_sect .cont_box .cont.research .list li a {display: flex; align-items: center;  padding: 1em 0.5em; border-bottom: 1px solid rgba(255,255,255,0.3); transition: background-color 0.3s ease-in-out;}
.news_sect .cont_box .cont.research .list li a .img {position: relative; width: 17%; padding-top: 12%; flex-shrink: 0;}
.news_sect .cont_box .cont.research .list li a .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.news_sect .cont_box .cont.research .list li a .tit {margin-left: 4rem; font-size: var(--txt22); font-weight: 600; overflow: hidden;text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}



.map_sect {color: #fff; margin-top: var(--pd320);}
.map_sect .sect_bg {padding: 16rem 0; background: #15151A; }
.map_sect .tab_wrap {display: flex;}
.map_sect .tab_wrap .btn {position: relative; padding-bottom: 0.2em;font-size: var(--txt30); font-weight: 700; color: #fff; opacity: 0.3; transition: opacity 0.3s ease-in-out;}
.map_sect .tab_wrap .btn + .btn {margin-left: 4rem;}
.map_sect .tab_wrap .btn::before {content: ""; position: absolute; left: 0; bottom: 0; width: 0%; height: 2px; background-color: #fff; transition: width 0.3s ease-in-out;}
.map_sect .tab_wrap .btn.active {color: #fff; opacity: 1;}
.map_sect .tab_wrap .btn.active::before {width: 100%;}



.map_sect .tab_cont {margin-top: 5rem;}
.map_sect .view_more_btn_box {justify-content: flex-start; margin-bottom: 4.5rem;}
.map_sect .cont_box {display: flex; justify-content: space-between;}
.map_sect .cont_box .map_cont.cont {width: 55%;}


.map_sect .cont_box .map_cont.cont .map_box {overflow: hidden; position: relative; width: 100%; padding-top: 70%; border-radius: 3rem; background-color: #000}
/*.map_sect .cont_box .map_cont.cont .map_box img {position: absolute; left:0; top: 0; width: 100%; height: 100%; object-position: center; object-fit: cover;}*/
.map_sect .cont_box .map_cont.cont .link_btn_box {display: flex; margin-top: 3rem; flex-wrap:wrap; gap:15px;}
.map_sect .cont_box .map_cont.cont .link_btn_box .btn {display: flex; align-items: center; white-space:nowrap; padding: 0.5em 1.5em ;border: 1px solid #fff; font-size: var(--txt18); font-weight: 500; fill: #fff; border-radius: 10rem; transition: all 0.3s ease-in-out ;}
/*.map_sect .cont_box .map_cont.cont .link_btn_box .btn + .btn {margin-left: 15px ;}*/
.map_sect .cont_box .map_cont.cont .link_btn_box .btn svg {width: 0.5em; height: auto; margin-left: 0.6em;}
.map_sect .cont_box .map_cont.cont #map {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.map_sect .cont_box .map_cont.cont .link_btn_box .btn .ico{    margin-right: 0.5em; width:1.4em; height: 1.4em; margin-top: -0.4em; flex-shrink: 0;}
.map_sect .cont_box .map_cont.cont .link_btn_box .btn .ico img{width: 100%; height: 100%;}

.map_sect .cont_box .store_cont {width: 40%;}
.map_sect .cont_box .store_cont .store .img {position: relative; padding-top: 56.25%; border-radius: 3rem; overflow: hidden;}
.map_sect .cont_box .store_cont .store .img img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.map_sect .cont_box .store_cont .store .txt_box {margin-top: 4rem;}
.map_sect .cont_box .store_cont .store .txt_box .tit {display: flex; align-items: flex-start; font-size: var(--txt30); font-weight: 700;}
.map_sect .cont_box .store_cont .store .txt_box .tit svg {width: 1.2em; margin-right: 0.5rem; fill: #fff; transform: translateY(0.25em); flex-shrink: 0;}
.map_sect .cont_box .store_cont .store .txt_box .txt {margin-top: 1rem; color: #8B8E92; font-weight: 600; font-size: var(--txt16); padding-left: 2em;}

.map_sect .cont_box .store_cont .info_box {display: flex; margin-top: 4rem; padding-top: 4rem; border-top: 1px solid rgba(255,255,255,0.5);}
.map_sect .cont_box .store_cont .info_box .info + .info {margin-left: 8rem;}
.map_sect .cont_box .store_cont .info_box .info .tit {display: flex; align-items: center; font-size: var(--txt30); font-weight: 700; white-space: nowrap}
.map_sect .cont_box .store_cont .info_box .info .tit .vacation_txt {color: #8B8E92; font-size: var(--txt16); margin-left: 0.7em;}
.map_sect .cont_box .store_cont .info_box .info .tit svg {width: 0.8em; margin-right: 1rem; fill: #fff;}
.map_sect .cont_box .store_cont .info_box .info .tit svg.clock {width: 1em;}
.map_sect .cont_box .store_cont .info_box .info .list {padding-left: 1.5em; margin-top: 1em;}
.map_sect .cont_box .store_cont .info_box .info .list .day {display: inline-block; width: 6.5em;}
.map_sect .cont_box .store_cont .info_box .info .list li + li {margin-top: 0.25em;}


@media screen and (max-width: 2000px) {
  .play_sect .in,
  .counsel_sect .in{padding:0 calc(var(--inPd) * 3)}

}


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

  .strong_sect .cir_cont .cir_wrap{padding: 0rem;}

  .cells_bg .front .cell_img {width: 35rem; height:35rem;}

  .cells_bg .back .cell_img.top {width: 31rem; height:31rem; position: absolute; right: 5%; top: 50%;}
  .cells_bg .back .cell_img.bot {width: 20rem; height:20rem; position: absolute; left: 5%; bottom:-30%;}


}



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


}


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

  .strong_sect .cir_cont .cir_wrap .cir .txt_box .num {margin-top: 5px;}
  .strong_sect .cir_cont .cir_wrap .cir4 .txt_box {top: 26%;}


  .cells_bg .front .cell_img {width: 30rem; height:30rem;}

  .cells_bg .back .cell_img.top {width: 27rem; height:27rem;}
  .cells_bg .back .cell_img.bot {width: 17rem; height:17rem;}

  .value_sect .cont_box .cont {border-radius: 20px; padding: 30px 15px;}
  .value_sect .cont_box .cont + .cont {margin-left: 15px;}
  .value_sect .cont_box .cont .tit {font-size: var(--txt24);}

  .program_sect .slide .item .cont_box {padding: 40px 60px;}
  .program_sect .slide .item .img img  {border-radius: 30px;}
  .program_sect .slide .item .cont_box .tag_box .tag {font-size: var(--txt20);}

  .successful_sect .cont_box .cont {padding: 35px 20px 0;}
  .successful_sect .cont_box .cont .top_box .logo {width: 12rem;}
  .successful_sect .cont_box .cont .img_box {margin-top: 30px;}
  .successful_sect .cont_box .cont .img_box .txt_box .txt {font-size: var(--txt24);}

  .data_sect .tit_box .logo {width: 60rem;}

  .map_sect .cont_box .map_cont.cont .link_btn_box .btn {padding: 0.5em 1.1em;}
  .map_sect .cont_box .store_cont .info_box .info + .info {margin-left: 30px;}


}


@media screen and (max-width: 1440px) {
  .map_sect .cont_box .store_cont .info_box{display: block;}
  .map_sect .cont_box .store_cont .info_box .info + .info{margin-left: 0; margin-top: 2rem;}

}


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


  .strong_sect .main_tit_box {position: static; transform: translateY(20%);}
  .main_tit_box .desc {font-size: var(--txt24);}

  .strong_sect .cir_cont .cir_wrap {flex-wrap: wrap; margin-top: 40px;}
  .strong_sect .cir_cont .cir_wrap .cir {transform: unset;}
  .strong_sect .cir_cont .cir_wrap .cir1 {width: 150px; padding-top: 150px; }
  .strong_sect .cir_cont .cir_wrap .cir2 {width: 180px; padding-top: 180px;}
  .strong_sect .cir_cont .cir_wrap .cir3 {width: 210px; padding-top: 210px;}
  .strong_sect .cir_cont .cir_wrap .cir.cir4 {width: 550px; padding-top: 550px; margin-top: -120px; transform: translateY(40%);}

  .strong_sect .cir_cont .cir_wrap .cir .txt_box {top: 50%; bottom: auto;}
  .strong_sect .cir_cont .cir_wrap .cir.cir4 .txt_box {bottom: 50%; top: auto; }
  .strong_sect.active .cir_cont .cir_wrap .cir .txt_box {transform: translate(-50%,-50%) scale(1)}
  .strong_sect.active .cir_cont .cir_wrap .cir.cir4 .txt_box {transform:translate(-50%,-0%)}
  .strong_sect .cir_cont .cir_wrap .cir4 .shadow {width: 550px; padding-top: 550px; left: 50%; transform: translateX(
          -50%); box-shadow: 0 0 20rem 0 rgba(255, 96, 0, 0.85);}


  .strong_sect.active .main_tit_box {transform: translateY(0);}

  .cells_bg .front .cell_img {width: 26vw; height: 26vw;}
  .cells_bg .back .cell_img.top {width: 22vw; height: 22vw;}
  .cells_bg .back .cell_img.bot {width: 18vw; height: 18vw;}

  .value_sect .cont_box {gap: 20px; flex-wrap: wrap;}
  .value_sect .cont_box .cont {width: 30%; flex: none; border-radius: 10px;}
  .value_sect .cont_box .cont + .cont {margin-left: 0;}

  .program_sect .slide {margin-top: 60px;}
  .program_sect .slide .item .cont_box {padding: 40px}
  .program_sect .slide .item .cont_box .tag_box {flex-wrap: wrap; gap: 10px; margin-top: 30px;}
  .program_sect .slide .item .cont_box .txt_box .tit {font-size: var(--txt40);}
  .program_sect .slide .item .cont_box .tag_box .tag + .tag {margin-left: 0;}
  .program_sect .slide .item .cont_box .tag_box .tag {font-size: var(--txt16); padding: 0.3em 1em;}

  .program_sect .slide .item .num_box {margin-bottom: 30px;}
  .program_sect .slide .item .num_box .num {width: 3em; height: 3em;}
  .program_sect .slide .item .num_box .num + .num {margin-left: 10px;}



  .data_sect {padding-bottom: calc(var(--pd320) * 1.5);}
  .data_sect .tit_box .logo {width: 50rem;}

  .knowhow_sect .cont_box .cont {width: 30%;}
  .knowhow_sect .cont_box .cont:nth-child(n+4) {margin-top: 30px;}
  .knowhow_sect .cont_box .cont .txt_box {margin-top: 20px;}
  .knowhow_sect .cont_box .cont .txt_box .tit {font-size: var(--txt24);}
  .knowhow_sect .cont_box .cont .txt_box .txt br {display: none;}

  .successful_sect .cont_box {flex-wrap: wrap; justify-content: center; gap: 30px 15px;}
  .successful_sect .cont_box .cont {flex: none; width: 30%; max-width: 100%;}
  .successful_sect .cont_box .cont + .cont {margin-left: 0;}

  .play_sect .shorts_cont .cont .txt ,
  .play_sect .youtube_cont .cont .txt_box .txt {font-size: var(--txt22);}


  .play_sect .paging {margin-top: 30px;}

  .counsel_sect .left_box {width: 38%;}
  .counsel_sect .cont_box {width: 60%;}
  .counsel_sect .cont_box .ico_box .cont {padding: 15px 0;}

  .news_sect .cont_box .cont.news .list li a {flex-wrap: wrap;}
  .news_sect .cont_box .cont.news .list li a .type {width: 100%; text-align: left; margin-bottom: 1rem;}
  .news_sect .cont_box .cont.news .list li a .date {  font-size: var(--txt14); font-weight: 400;}
  .news_sect .cont_box .cont.news .list li a .tit {-webkit-line-clamp:1; flex: 1; min-width: 0;}

  .news_sect .cont_box .cont.research {display: flex; flex-direction: column;}
  .news_sect .cont_box .cont.research .list {flex: 1; display: flex; flex-direction: column;}
  .news_sect .cont_box .cont.research .list li {flex: 1;}
  .news_sect .cont_box .cont.research .list li a {height: 100%;}


  .map_sect .tab_wrap .btn {font-size: var(--txt24);}


  .map_sect .cont_box .map_cont.cont .link_btn_box {flex-wrap: wrap; gap: 15px;}
  .map_sect .cont_box .map_cont.cont .link_btn_box .btn {font-size: var(--txt16);}
  .map_sect .cont_box .map_cont.cont .link_btn_box .btn + .btn {margin-left: 0;}

  .map_sect .cont_box .store_cont .info_box {display: block;}
  .map_sect .cont_box .store_cont .info_box .info + .info {margin-left: 0; margin-top: 10px;}


  .successful_sect .main_tit_box .info_txt,
  .successful_sect .main_tit_box .view_more_btn_box {position: static;}
  .successful_sect .main_tit_box .info_txt{margin-top: 1rem; font-size:var(--txt14);}


  .play_sect .in,
  .counsel_sect .in{padding:0 var(--inPd)}
}


@media screen and (max-width: 1024px) {
  .strong_sect.active .cir_cont .cir_wrap .cir.cir4 .txt_box{transform:translate(-50%,0%);}

}

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

  .visual_sect {height: calc(100svh - 60px);}

  .visual_sect .txt_box .tit {font-size: var(--txt70);}
  .main_tit_box .tit {font-size: var(--txt40);}
  .main_tit_box .desc {font-size: var(--txt20);}
  .main_tit_box .txt {font-size: var(--txt18);}

  .visual_sect {position: relative;}
  .visual_sect .controls {bottom: 25px; top: auto;}
  .visual_sect .controls .total, .visual_sect .controls .current {font-size: var(--txt16);}
  .visual_sect .txt_box .txt {font-size: var(--txt18);}
  .scroll_animation {display: none;}

  .strong_sect .cir_cont .cir_wrap .cir4 .txt_box .num {font-size: 42px;}
  .strong_sect .cir_cont .cir_wrap .cir4 .shadow{box-shadow: 0 0 10rem 0 rgba(255, 96, 0, 0.85);}
  .strong_sect .bot_box .gra_bg::before, .strong_sect .bot_box .gra_bg::after{top: 25%;}

  .program_sect .slide {margin-top: 30px;}
  .program_sect .slide .item .cont_box {padding: 25px;}
  .program_sect .slide .item .num_box .num {font-size: var(--txt14);}
  .program_sect .slide .item .cont_box .tag_box {margin-top: 20px;}
  .program_sect .slide .swiper-slide-active .img::before {content:none;}
  .program_sect .slide .swiper-slide-active .img::after  {content:none;}
  .program_sect .slide .swiper-slide-prev .img,
  .program_sect .slide .swiper-slide-duplicate-prev .img,
  .program_sect .slide .swiper-slide-duplicate-next .img,
  .program_sect .slide .swiper-slide-next .img{transform: translateY(0%);}
  .program_sect .slide .item .num_box {display: none;}
  .program_sect .slide .item .cont_box {padding: 20px;}
  .program_sect .slide .item .cont_box .tag_box {gap: 5px;}
  .program_sect .slide .item .cont_box .tag_box .tag {font-size: 11px; padding: 0.25em 0.8em;}
  .program_sect .slide .item .img img {opacity: 0.6;}

  .value_sect .cont_box .cont .txt  {font-weight: 400; font-size: var(--txt16);}

  .counsel_sect .sect_bg,
  .play_sect .sect_bg {border-radius: 20px;}

  .knowhow_sect .cont_box {margin-top: 40px;}
  .knowhow_sect .cont_box .cont {width: 27%;}
  .knowhow_sect .cont_box .cont:nth-child(1) {transform: translate(0%, -50%) scale(1.3);}
  .knowhow_sect .cont_box .cont:nth-child(2) {transform: translate(0%, -50%) scale(1.3);}
  .knowhow_sect .cont_box .cont:nth-child(3) {transform: translate(0%, -50%) scale(1.3);}
  .knowhow_sect .cont_box .cont:nth-child(4) {transform: translate(0%, -50%) scale(1.3);}
  .knowhow_sect .cont_box .cont:nth-child(5) {transform: translate(0%, -50%) scale(1.3);}
  .knowhow_sect.active .cont_box .cont {transform: unset;}

  .successful_sect .cont_box {overflow-x: auto; flex-wrap: nowrap; justify-content: flex-start; width: calc(100%  + var(--inPd) * 2); margin-left: calc(var(--inPd) * -1); padding: 0 var(--inPd);}
  .successful_sect .cont_box::-webkit-scrollbar {display: none;}
  .successful_sect .cont_box .cont {flex-shrink: 0; width: 300px; padding: 15px 15px 0; border-radius: 10px; max-width: 100%;}
  /*.successful_sect .cont_box .cont {width: calc(33.333% - 10px);}*/

  .successful_sect .main_tit_box .info_txt,
  .successful_sect .main_tit_box .view_more_btn_box {position: static;}
  .successful_sect .main_tit_box .info_txt{margin-top: 1rem; font-size:var(--txt14);}

  .data_sect .tit_box .logo svg {margin: 4rem 0;}
  .data_sect .tit_box .tit {font-size: var(--txt35); transform: scale(1.4);}
  .data_sect .tit_box .txt {font-size: var(--txt20);}

  .data_sect {padding-bottom: calc(var(--pd320) * 1.2); padding-top: 20vh;}
  .data_sect .motion{left:auto; right: 0; width: 150%; bottom: 10%;}
  .data_sect .line svg .svg-elem-2 {r: 120px;}
  .data_sect .motion svg .svg-elem-3 {r: 40px;}


  svg .svg-elem-3 {stroke-dashoffset: 258.23892818282235px;stroke-dasharray: 258.238928px;}


  .counsel_sect .in {display: block;}
  .counsel_sect .sect_bg {padding-top: 60px;}
  .counsel_sect .sect_tit_box .tit {font-size: var(--txt70);}
  .counsel_sect .left_box {width: 100%; position: static;}
  .counsel_sect .cont_box {width: 100%; padding-bottom: 300px; margin-top: 30px;}
  .counsel_sect .left_box .character {width: 400px; left:50%; transform:translate(-50%,30%); }
  .counsel_sect .cont_box .form_box .tit_box .info_txt {font-size: 11px; margin-top: 5px;}
  .counsel_sect.active .left_box .character{transform:translate(-50%,30%);}


  .news_sect .cont_box {display: block; margin-top: 60px;}

  .news_sect .cont_box .cont {width: 100%;}
  .news_sect .cont_box .cont +  .cont {margin-top: 60px;}
  .news_sect .cont_box .cont.news .list li a .tit {font-size: var(--txt20); font-weight: 500;}
  .news_sect .cont_box .cont.research .list li a .img {width: 25%; padding-top: 16%;}
  .news_sect .cont_box .cont.research .list li a .tit {margin-left: 15px; font-size: var(--txt20); font-weight: 500;}

  .fix_btn_box .menu_btn_box .menu_box > ul > li .btn.call .ico {width: 1.6em; height: 1.8em;}
  .fix_btn_box .menu_btn_box .menu_box > ul > li .btn.cost .ico {width: 1.4em; height: 1.8em;}

  .news_sect .cont_box .cont .cont_tit_box {margin-bottom: 15px;}

  .news_sect .cont_box .cont .list li:first-child a {padding-top: 0;}

  .map_sect {margin-top: 100px;}
  .map_sect .sect_bg {padding: 50px 0;}
  .map_sect .tab_wrap {overflow-x: auto; width: calc(100% + var(--inPd) * 2); margin-left: calc(var(--inPd) * -1); padding: 0 var(--inPd);}
  .map_sect .tab_wrap::-webkit-scrollbar {display: none;}
  .map_sect .tab_wrap .btn {font-size: var(--txt22); line-height: 1.5; padding-bottom: 0.5em; white-space: nowrap;}
  .map_sect .tab_wrap .btn + .btn {margin-left: 20px;}

  .map_sect .cont_box .map_cont.cont .link_btn_box {gap: 10px ;}
  .map_sect .cont_box .map_cont.cont .link_btn_box .btn {font-size: var(--txt14); border-width: 0.5px;}

  .map_sect .cont_box {display: block;}
  .map_sect .cont_box .map_cont.cont {width: 100%;}
  .map_sect .cont_box .map_cont.cont .map_box {border-radius: 15px; padding-top: 180px;}
  .map_sect .cont_box .map_cont.cont .map_box {padding-top: 60%;}
  .map_sect .cont_box .store_cont {width: 100%;}
  .map_sect .cont_box .store_cont .store .img {border-radius: 15px;}

  .map_sect .cont_box .store_cont {margin-top: 40px}


  .successful_sect .cont_box .cont {transform: translateX(0%);}

  .map_sect .cont_box .store_cont .info_box .info .tit,
  .map_sect .cont_box .store_cont .store .txt_box .tit {font-size: var(--txt22);}

  .data_sect .video canvas {width: 150%; height: 150%;}

  .play_sect .sect_bg {padding: 60px 0;}
  .play_sect .shorts_cont{margin-top: 10rem;}


}


@media screen and (max-width: 620px) {
  .value_sect .main_tit_box .tit br {display: none;}


  .visual_sect .swiper-slide .in {justify-content: flex-end; padding-bottom: 90px;}
  .visual_sect .txt_box {}
  .visual_sect .txt_box .tit {font-size: var(--txt40);}
  .visual_sect .txt_box .tit br {display: none;}

  .strong_sect .cir_cont .cir_wrap .cir4 .txt_box .num {font-size: 26px;}

  .strong_sect .cir_cont .cir_wrap {width: calc(100% + var(--inPd) * 2); margin-left: calc(var(--inPd) * -1);}
  .strong_sect .cir_cont .cir_wrap .cir1 {width: 28%; padding-top: 28%;}
  .strong_sect .cir_cont .cir_wrap .cir2 {width: 33%; padding-top:33%;}
  .strong_sect .cir_cont .cir_wrap .cir3 {width: 38%; padding-top: 38%;}
  .strong_sect .cir_cont .cir_wrap .cir1 .txt_box .tit {font-size: var(--txt16);}
  .strong_sect .cir_cont .cir_wrap .cir2 .txt_box .tit {font-size: var(--txt18);}

  .strong_sect .cir_cont .cir_wrap .cir4 svg .circle {stroke-dashoffset: 915.1592653589793px;stroke-dasharray: 915.1592653589793px;}

  .strong_sect .cir_cont .cir_wrap .cir.cir4 {width: 320px; padding-top: 320px; flex-shrink: 0; margin-top: -80px;}
  .strong_sect .cir_cont .cir_wrap .cir4 .shadow {width: 320px; padding-top: 320px}
  .strong_sect .cir_cont .cir_wrap .cir .txt_box .txt {margin-top: 15px; font-size: var(--txt20);}
  .strong_sect.active .cir_cont .cir_wrap .cir.cir4 .txt_box {transform: translate(-50%,10%);}
  .strong_sect .cir_cont .cir_wrap .cir .txt_box .txt p + p {margin-top: 0;}

  .strong_sect .bot_box {padding-bottom: 60px;}
  .strong_sect .bot_box .gra_bg::before, .strong_sect .bot_box .gra_bg::after {width: 150%;padding-top: 60%;top: 0;transform: translateY(-50%);}



  @keyframes auroraMove1 {
    0% {
      transform: translate(30%, -50%) scale(1);
      opacity: 0.7;
    }
    50% {
      transform: translate(0%, -50%) scale(1.3);
      opacity: 0.5;
    }
    100% {
      transform: translate(30%, -50%) scale(1);
      opacity: 1;
    }
  }

  @keyframes auroraMove2 {
    0% {
      transform: translate(-30%, -50%) scale(1);
      opacity: 0.7;
    }
    50% {
      transform: translate(00%, -50%) scale(1.3);
      opacity: 0.5;
    }
    100% {
      transform: translate(-30%, -50%) scale(1);
      opacity: 1;
    }
  }





  .value_sect {margin-top:80px;}
  .value_sect .cont_box {display: block;}
  .value_sect .cont_box .cont {width: 100%; flex-direction: row; align-items: flex-start; justify-content: flex-start ;aspect-ratio: 0;}



  .value_sect .cont_box .cont:nth-child(1) {transform: translate(0%,-50%) scale(1.4);}
  .value_sect .cont_box .cont:nth-child(2) {transform: translate(0%,-50%) scale(1.2);}
  .value_sect .cont_box .cont:nth-child(3) {transform: translate(0%,-50%) scale(1.5);}
  .value_sect .cont_box .cont:nth-child(4) {transform: translate(0%,-50%) scale(1.2);}
  .value_sect .cont_box .cont:nth-child(5) {transform: translate(0%,-50%) scale(1.4);}

  .value_sect .cont_box .cont + .cont {margin-top: 15px;}
  .value_sect .cont_box .cont .ico {flex-shrink: 0; width: 45px; height: 45px; margin-right: 15px;}
  .value_sect .cont_box .cont .txt_box {margin-top: 0;}
  .value_sect .cont_box .cont .tit {text-align: left;}
  .value_sect .cont_box .cont .txt {text-align: left; margin-top: 10px;}

  .program_sect { padding:70px 0;} /*padding:var(--bgpd) 0;*/
  .program_sect .main_tit_box .tit br {display: none;}

  .program_sect .slide .item .img {padding-top: 140%;}
  .program_sect .slide .item .img img {border-radius: 15px;}
  .program_sect .slide .item.num2 .img img{object-position: right;}
  .program_sect .slide .item.num3 .img img{object-position: 75%;}
  .program_sect .slide .item.num4 .img img{object-position: 75%;}
  .program_sect .slide .item.num5 .img img{object-position: 70%;}

  .data_sect .tit_box .logo {width: 35rem;}
  .data_sect .video {top: 58%;}

  .knowhow_sect .cont_box {display: flex; gap: 60px 30px;}
  .knowhow_sect .cont_box .cont { width: calc(50% - 15px); margin-right: 0;}
  .knowhow_sect .cont_box .cont + .cont {margin: 00px;}
  .knowhow_sect .cont_box .cont .num_box {font-size: var(--txt22); flex-shrink: 0;}
  .knowhow_sect .cont_box .cont .num_box .num {font-size: 45px; margin-right: 5px;}
  .knowhow_sect .cont_box .cont .txt_box {margin-top: 15px}
  .knowhow_sect .cont_box .cont .txt_box .tit {font-size: var(--txt18); font-weight: 600;}
  .knowhow_sect .cont_box .cont .txt_box .txt {font-size: var(--txt14); opacity: 0.5;}

  .knowhow_sect {padding-top: 0px;}

  .knowhow_sect .bg {height: 60%; top: auto; bottom: 0; }
  .knowhow_sect .bg img {object-fit: cover;object-position: 90%;top: 10%;left: 00%;}

  .successful_sect .cont_box .cont .top_box .logo{width: 90px; height:45px}

  .play_sect .sect_bg {padding: 40px 0;}
  .play_sect .sect_bg .main_tit_box .view_more_btn_box {position: static;}
  .play_sect .main_tit_box .view_more_btn_box {justify-content: flex-start;}
  .play_sect .shorts_cont .cont .txt, .play_sect .youtube_cont .cont .txt_box .txt {font-size: var(--txt20);}

  .play_sect .shorts_cont .slide,
  .play_sect .youtube_cont .slide {width: calc(100% + var(--inPd) * 2); margin-left: calc(var(--inPd) * -1); padding: 0 var(--inPd); overflow: hidden;}
  .play_sect .shorts_cont .slide .swiper-container,
  .play_sect .youtube_cont .slide .swiper-container {overflow: visible;}

  .counsel_sect .cont_box .form_box .tit_box {display: block;}
  .counsel_sect .cont_box .form_box .inp_box {gap: 10px;}
  .counsel_sect .cont_box .form_box .inp_box .box:nth-child(2) {grid-column: 1 / 4;}
  .counsel_sect .cont_box .form_box .inp_box .box:nth-child(3) {grid-column: 4 / 7;}
  .counsel_sect .cont_box .form_box .inp_box textarea {height: calc(var(--inpH) * 2); line-height: 1.7;}

  .counsel_sect .cont_box .ico_box {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px;}
  .counsel_sect .cont_box .ico_box .cont {flex-direction: row; justify-content: flex-start; padding: 15px 15px; border-radius: 8px;}
  .counsel_sect .cont_box .ico_box .cont .txt {margin-top: 0; margin-left: 10px;}
  .counsel_sect .cont_box .ico_box .cont .ico {width: 4.5rem;}
  .counsel_sect .cont_box {width: 100%; padding-bottom: 240px;}
  .counsel_sect .left_box .character {width: 320px;right: 50%; transform: translate(-50%,60%);}
  .counsel_sect.active .left_box .character {transform: translate(-50%,30%);}

  .counsel_sect .cont_box .form_box .inp_box .box:nth-child(1) {grid-column: 1 / 7;}


  .map_sect .cont_box .map_cont.cont .link_btn_box{display: grid; justify-content: center; grid-template-columns: repeat(2, minmax(0, 1fr));}
  .map_sect .cont_box .map_cont.cont .link_btn_box .btn{justify-content: center;}
}


@media screen and (min-width: 1240px) {
  .visual_sect .swiper-button-prev:hover {opacity: 1;}
  .visual_sect .swiper-button-next:hover {opacity: 1;}
  .program_sect .swiper-button-prev:hover {opacity: 1;}
  .program_sect .swiper-button-next:hover {opacity: 1;}
  .program_sect .slide .item .num_box .num:hover {background-color: #fff; color: #000;}

  .counsel_sect .cont_box .form_box .form_btn:hover {background-color: #000; color: #fff;}
  .counsel_sect .slide_btn:hover {background-color: var(--orange1);}
  .counsel_sect .cont_box .ico_box .cont:hover {background-color: #d9d9d9}
  .news_sect .cont_box .cont .cont_tit_box .btn:hover svg {animation: arrowTeleport 0.6s ease;}
  .news_sect .cont_box .cont .list li a:hover {background-color: rgba(255,255,255,0.02);}
  .map_sect .tab_wrap .btn:hover {opacity: 1;}
  .map_sect .tab_wrap .btn:hover::before {width: 100%;}
  .map_sect .cont_box .map_cont.cont .link_btn_box .btn:hover {background-color: #fff; color:#000; border-color: #000; fill: #000;}

  .news_sect .cont_box .cont.news .list li,
  .news_sect .cont_box .cont.research .list li{transition: background-color 0.5s ease-in-out;}
  .news_sect .cont_box .cont.news .list li:hover,
  .news_sect .cont_box .cont.research .list li:hover{background-color: rgba(255,255,255,.05)}

  .play_sect .youtube_cont .cont .img:hover:before,
  .play_sect .shorts_cont .cont .img:hover:before,
  .play_sect .youtube_cont .cont .img:hover:after,
  .play_sect .shorts_cont .cont .img:hover:after{opacity: 1}
}