@charset "utf-8";

#main_wrap {}
#mv {width: 100vw; border-radius: 0 0 170px 170px; overflow: hidden; transform: translateX(0vw);}
#mv .mv_box {width: 100vw; position: relative; transform:translateX(0vw) }
#mv .mv_list_wrap { margin-bottom: 0;}
#mv .mv_list_wrap .mv_list {position: relative; overflow: hidden; height:950px;}
/*#mv .mv_list_wrap .mv_list .visual { width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;transform:scale(1.2); filter:blur(10px); transition:all 1.5s cubic-bezier(0.37, 0, 0.63, 1); }*/
#mv .mv_list_wrap .mv_list .visual { width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;transform: scale(1.15);}

#mv .mv_list_wrap .mv_list.slick-active .visual { animation:mvBgScale 3.5s forwards; transform:scale(1); filter:blur(0px);}
				
#mv .mv_list_wrap .mv_list1 .visual {background-image: url('/assets/images/main/mv1.jpg');}
#mv .mv_list_wrap .mv_list2 .visual {background-image: url('/assets/images/main/mv2.jpg');}
#mv .mv_list_wrap .mv_list3 .visual {background-image: url('/assets/images/main/mv3.jpg');}

#mv .mv_list_wrap .mv_list .txt_wrap {position:absolute;top:45%;transform:translateY(-50%); text-align:center; margin:0 auto; width: 100%; /*overflow: hidden;*/}
#mv .mv_list_wrap .mv_list .txt_wrap h3 {letter-spacing:0; color: #fff; text-shadow:0 2px 8px rgba(0,0,0,.25);}
#mv .mv_list_wrap .mv_list .txt_wrap h4 {letter-spacing:0; color: #fff; }
#mv .mv_list_wrap .mv_list .txt_wrap p { letter-spacing:-1px;  color: #fff; text-shadow:0 2px 8px rgba(0,0,0,.25);}
#mv .mv_list_wrap .mv_list.slick-active .txt_wrap p { animation:mvTxt 1.7s 1.3s forwards; opacity: 0; transform:translateY(50px) scale(1.1);  }
#mv .mv_list_wrap .mv_list.slick-active .txt_wrap h3 { animation:mvTxt 1s 1s forwards; opacity: 0; transform:translateX(50px) scale(1.1); }
#mv .mv_list_wrap .mv_list.slick-active .txt_wrap h4 { animation:mvTxt 1.3s 1s forwards; opacity: 0; transform:translateX(50px) scale(1.1); }


#mv .mv_list_wrap .mv_list .txt_wrap1 {position:absolute;top:42%;transform:translateY(-50%);overflow: hidden;text-align: center;width: -webkit-fill-available;}
#mv .mv_list_wrap .mv_list .txt_wrap1 h3 {font-family: 'Italiana'; letter-spacing: 0.5vw; color: #fff; margin-bottom: 30px;}
#mv .mv_list_wrap .mv_list .txt_wrap1 p { }
#mv .mv_list_wrap .mv_list.slick-active .txt_wrap1 h3 { animation:mvTxt1 1s 0.3s forwards; opacity: 0;  transform:translateY(50px) scale(1.1);filter:blur(5px);  }
#mv .mv_list_wrap .mv_list.slick-active .txt_wrap1 p { animation:mvTxt 1.5s 0.7s forwards; opacity: 0;  transform:translateY(50px) scale(1.1); filter:blur(5px); }
#mv .mv_list_wrap .mv_list .txt{font-family: 'Sorts Mill Goudy', sans-serif;letter-spacing:0;color:#222;opacity:.2;font-size: 150px;position: absolute;bottom: 0;text-align: center;justify-content: center;display: flex;width: -webkit-fill-available;letter-spacing: 0;justify-content: space-around;margin-left: -7%;line-height: 1;}

.flex_con{display:flex;}
.lt_txt{padding-right:0; width:50%;}
.rt_txt{padding-right:0; width:50%;}






#mv .slick-slide img { display: inline-block;}

#mv .slider_arrow_wrap {display: flex;align-items:center;position: absolute; bottom: 12%; left: 50%; transform:translateX(-50%);}
#mv .slider_arrow_wrap button {background: none; border: none; font-family: 'Cinzel', sans-serif; font-size: 14px; color: #fff;position: relative; letter-spacing:1px;}
#mv .slider_arrow_wrap button:after {content:''; display: block; width: 45px; height: 1px; background-color: #fff;position: absolute; top: 50%; }
#mv .slider_arrow_wrap .prev { padding-right: 70px; }
#mv .slider_arrow_wrap .next { padding-left: 70px; }
#mv .slider_arrow_wrap .prev:after {right: 0;}
#mv .slider_arrow_wrap .next:after {left: 0;}
#mv .slider_arrow_wrap .center-deco{width: 30px; height: 30px; border-radius: 50%; border: 1px solid rgba(255,255,255,0.5); display: flex; align-items: center; justify-content: center;}
#mv .slider_arrow_wrap .center-deco .center-cir{display: block; width: 6px; height: 6px; background-color: white; border-radius: 50%;}


@keyframes mvBgScale {
    0% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes mvTxt {
    0% {
        opacity:0;
        transform:translateY(50px) scale(1.1);
        filter:blur(5px); /* ← 숫자 없던 오류 수정 */
    }
    100% {
        opacity:1;
        transform:translateY(0) scale(1);
        filter:blur(0);
    }
}
@keyframes mvTxt1 {
    0% {
        opacity:0;
        transform:translateX(120px) scale(1.1);
        filter:blur(5px); /* ← 숫자 없던 오류 수정 */
    }
    100% {
        opacity:1;
        transform:translateX(0) scale(1);
        filter:blur(0);
    }
}

@keyframes mvTxt2 {
    0% {
        opacity:0;
        transform:translateX(-120px) scale(1.1);
        filter:blur(5px); /* ← 숫자 없던 오류 수정 */
    }
    100% {
        opacity:1;
        transform:translateX(0) scale(1);
        filter:blur(0);
    }
}

.scroll_down{position: absolute;bottom:0;left:50%;transform:translate(-47%);cursor:pointer; z-index: 1; }
.scroll_down span{display: block;position: relative;font-size:14px;color:#fff;font-weight:500;padding-bottom:75px;letter-spacing:0.02em; text-transform: uppercase;}


@keyframes scroll{
	0%{bottom:50%;}
	50%{bottom:7%;}
	100%{bottom:50%;}
}
#mv .wave{position:absolute;bottom:10px;left:50%;transform:translate(-50%,0);z-index:20;width: 10px;}
#mv .wave svg{display:block;}
#mv .wave svg path{stroke-dasharray: 55px;stroke-dashoffset: 55px;}

@keyframes wave {
	0% {stroke-dashoffset: 55px;}
	30% {stroke-dashoffset: 0;}
	60% {stroke-dashoffset: 0;}
	90% {stroke-dashoffset: -55px;}
	100% {stroke-dashoffset: -55px;}
}

#mv .wave svg path{animation: wave 2s 1s linear infinite;}


/* 페이징 바 */
#mv .paging_bar {display: flex;align-items: center;gap: 14px;margin-top: 35px;color: #fff;position: absolute;width: -webkit-fill-available;bottom: 24%;margin: 0 auto;left: 50%;margin-left: -135px;}
#mv .paging_bar .current,
#mv .paging_bar .total { font-size:20px; opacity: 0.9;}


/* 진행 바 */
#mv .paging_bar .bar { position: relative;width: 150px; height: 3px;background: rgba(255,255,255,0.35);  overflow: hidden;}
#mv .paging_bar .bar .progress {position: absolute; left: 0; top: 0; width: 0%;  height: 100%;    background: #52c3f1;  transition: width 0.3s linear;}

/* 재생 / 일시정지 */
#mv .paging_bar .btn_play {width: 38px;  height: 38px;   border-radius: 50%; border: 1px solid rgba(255,255,255,0.6); background: transparent; position: relative;  cursor: pointer;}

#mv .paging_bar .btn_play.pause::before,
#mv .paging_bar .btn_play.pause::after { content:'';  position:absolute; top:50%; width:3px;height:12px; background:#fff; transform:translateY(-50%);}
#mv .paging_bar .btn_play.pause::before { left:14px; }
#mv .paging_bar .btn_play.pause::after  { right:14px; }

#mv .paging_bar .btn_play.play::before {content:'';  position:absolute;  top:50%;  left:14px;  transform:translateY(-50%);border-left:8px solid #fff;  border-top:6px solid transparent; border-bottom:6px solid transparent;}
#mv .btn_control { width: 34px; height: 34px; border-radius: 50%;  background: rgba(120,120,120,0.9); border: none;  cursor: pointer; position: relative;  display: flex;  align-items: center;  justify-content: center;}
#mv .btn_control.pause::before,
#mv .btn_control.pause::after {content: ''; width: 3px;  height: 12px; background: #fff; display: block;}
#mv .btn_control.pause::before { margin-right: 2px; }
#mv .btn_control.pause::after  { margin-left: 2px; }

/* PLAY 상태 ( ▶ ) */
#mv .btn_control.play::before {  content: ''; width: 0;  height: 0; border-left: 8px solid #fff;  border-top: 6px solid transparent;  border-bottom: 6px solid transparent;  margin-left: 2px;}

/* hover */
#mv .btn_control:hover { background: rgba(150,150,150,1);}
#mv .paging_bar .mini_prev,
#mv .paging_bar .mini_next { background: none; border: none; padding: 0; font-size: 32px; line-height: 1;color: #fff;  opacity: 0.9;  cursor: pointer;  top: -2px;  position: relative;}
#mv .paging_bar .mini_prev:hover,
#mv .paging_bar .mini_next:hover { opacity: 1;}

.m1 {padding: 150px 0 0;}

.circle_to_rect {height:640px; position:relative;}
.visual_wrap {width:360px; height:360px; position:sticky; top:0; transform:translateY(0); margin:0 auto; overflow:hidden; border-radius:50%;}
.visual_wrap img {width:1400px; height:640px; object-fit:cover; transform:scale(1);}

.m2 {padding: 150px 0;}
.energy_cards{display:grid;grid-template-columns:repeat(3,1fr);gap:37px;}
.energy_card{position:relative;display:flex;align-items:stretch;justify-content:space-between;overflow:hidden;border-radius:30px;min-height: 385px;padding:50px 45px;background: #1847aa;color:#111;text-decoration:none;transition:transform .35s ease,box-shadow .35s ease;}

.energy_card::before{content:"";position:absolute;inset:0;background: #1847aa;opacity:0;transition:opacity .35s ease;}
.energy_card:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,0,0,.5);}
.energy_card:hover::before{opacity:1;}

.energy_txt{position:relative;z-index:2;max-width:100%;transition:color .35s ease;}
.energy_en{margin:0 0 10px;font-size:14px;letter-spacing:.08em;opacity:.6;transition:opacity .35s ease;}
.energy_ko{margin:0;font-size:38px;line-height:1.1;font-weight: 700;}
.energy_desc{margin:10px 0 0;font-size:16px;line-height:1.5;opacity:0;transform:translateY(10px);transition:opacity .35s ease,transform .35s ease;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}

.energy_img{position:absolute;right: 0;bottom: 0;z-index:1;width: 575px;pointer-events:none;transition:transform .35s ease,filter .35s ease,opacity .35s ease;height: 385px;}
.energy_img img{width:100%;height:auto;display:block;}

.energy_btn{position:absolute;left:44px;bottom:15%;z-index:3;width:60px;height:60px;border-radius:999px;border:1px solid rgba(17,17,17,.25);display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .35s ease,transform .35s ease,border-color .35s ease,background .35s ease;}

.energy_arrow{width:16px;height:16px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);margin-left:-2px;}

.energy_card:hover .energy_txt{color:#fff;}
.energy_card:hover .energy_en{opacity:.85;}
.energy_card:hover .energy_desc{opacity:1;transform:translateY(0);}
.energy_card:hover .energy_img{transform:translateX(0);filter:brightness(1) contrast(1);opacity:.1; transform:scale(1.1);}
.energy_card:hover .energy_btn{opacity:1;transform:translateY(0);pointer-events:auto;border-color:rgba(255,255,255,.55);background:rgba(255,255,255,.08);color:#fff;}

.energy_card.is-active::before{opacity:1;}
.energy_card.is-active .energy_txt{color:#fff;}
.energy_card.is-active .energy_en{opacity:.85;}
.energy_card.is-active .energy_desc{opacity:1;transform:translateY(0);}
.energy_card.is-active .energy_img{transform:translateX(6px);filter:brightness(.72) contrast(1.05);opacity:.98;}
.energy_card.is-active .energy_btn{opacity:1;transform:translateY(0);pointer-events:auto;border-color:rgba(255,255,255,.55);background:rgba(255,255,255,.08);color:#fff;}

.energy_card.is-fuel{background: #dde3f9;}
.energy_card.is-wind{background: #e6eff5;}

@media (max-width:1200px){
.energy_cards{display:grid;grid-template-columns: repeat(1,1fr);gap: 15px;}
.energy_card{position:relative;display:flex;align-items:stretch;justify-content:space-between;overflow:hidden;border-radius:30px;min-height: 300px;padding: 40px 25px;background: #1847aa;color:#111;text-decoration:none;transition:transform .35s ease,box-shadow .35s ease;}
  .energy_card::before{opacity:1;}
  .energy_txt{color:#fff;}
  .energy_en{opacity:.85;}
  .energy_desc{opacity:1;transform:translateY(0);}
  .energy_btn{opacity:1;transform:translateY(0);pointer-events:auto;border-color:rgba(255,255,255,.55);background:rgba(255,255,255,.08);color:#fff;}
  .energy_img{opacity:.12;transform:scale(1.08);filter:brightness(1) contrast(1);}
  
  
.energy_txt{position:relative;z-index:2;max-width:100%;transition:color .35s ease;}
.energy_en{margin:0 0 10px;font-size:14px;letter-spacing:.08em;opacity:.6;transition:opacity .35s ease;}
.energy_ko{margin:0;font-size: 22px;line-height:1.1;font-weight: 700;}
.energy_desc{margin:10px 0 0;font-size:15px;line-height:1.5;opacity:1;transform:translateY(10px);transition:opacity .35s ease,transform .35s ease;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.energy_btn{position:absolute;left: 35px;bottom:15%;z-index:3;width: 40px;height: 40px;border-radius:999px;border:1px solid rgba(17,17,17,.25);display:flex;align-items:center;justify-content:center;opacity:1;transform:translateY(12px);pointer-events:none;transition:opacity .35s ease,transform .35s ease,border-color .35s ease,background .35s ease;}

.energy_arrow{width: 12px;height: 12px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);margin-left:-2px;}  
}

.m3 {padding: 150px 0; background-color:#f9f9f9;}
.project_section {width:100%; padding:0 0; overflow:hidden;}

/* slider wrap */
.project_slider {width: 2200px;left: 50%;margin-left: -700px; margin-bottom:50px}

/* slick fix */
.project_slider .slick-list {overflow:hidden;}
.project_slider .slick-track {display:flex;width: 1000px;}
.project_slider .slick-slide {display:flex; justify-content:flex-start; height:auto; }

/* item */
.project_item {display:flex; align-items:center; justify-content:flex-start; gap:70px; width:100%;}

/* image */
.project_item .img { width:640px;  height:378px;  border-radius:200px;  background-size:cover;  background-position:center;  flex-shrink:0;  overflow:hidden;}
.project_item .img img { transition:transform .3s cubic-bezier(.25,.46,.45,.94);  will-change:transform;}
.project_item:hover .img img {  transform:scale(1.15);}

/* text */
.project_item .txt {text-align:left;}
.project_item .txt h3 {font-size:32px; font-weight:700; color:#009be5; margin-bottom:10px;}
.project_item .txt p {font-size:18px; line-height:1.5; margin-bottom:20px; color:#111;}
.project_item .txt a {font-size:18px; font-weight:600; color:#111; text-decoration:none;     font-family: 'Montserrat', sans-serif; transition:.25s;}
.project_item .txt a:hover {color:#009be5;}
/* arrows */
.project_arrow {width: 1400px;margin: 0  auto;display:flex;justify-content: end;gap:20px;position: absolute;left: 50%;margin-left: -700px;bottom: 143px;}
.project_arrow button {width: 48px;height: 30px;border: transparent;background: transparent;font-size: 38px;cursor:pointer;transition:all .3s ease;line-height: 40px;}
.project_arrow button:hover {background:#000; color:#fff;}

/* progress bar */
.project_progress {width: 1250px;height:3px;background:#e5e5e5;margin:20px auto 0;position:relative;left: 50%;margin-left: -700px;}
.project_progress .bar {position:absolute; left:0; top:0; width:0%; height:100%; background:#000; transition:width .4s ease;}

/* responsive */
@media (max-width:1280px) {
.project_section {width:100%;padding: 0 0 0 30px;overflow:hidden;}
.project_slider {width: 100%;left: 0;margin-left:0; margin-bottom:30px}	
.project_slider {width:90%;}
.project_arrow {width:90%;}
.project_progress {left:0;margin-left: 0;width: 65%;}
.project_item {gap:0;}
}

@media (max-width:768px) {
.project_item {flex-direction:column; align-items:flex-start;}
.project_item .img {width:100%; height:220px; border-radius:30px;}
.project_arrow {width: -webkit-fill-available;justify-content: end;left: 0;margin-left: 0;bottom: 12%;right: 5%;}
.project_arrow button {width: 30px;height: 30px;border: transparent;background: transparent;font-size: 24px;cursor:pointer;transition:all .3s ease;line-height: 40px;}

/* text */
.project_item .txt {text-align:left;}
.project_item .txt h3 {font-size: 22px;font-weight:700;color:#009be5;margin-bottom:10px;}
.project_item .txt p {font-size: 14px;line-height:1.5;margin-bottom:20px;color:#111;}
.project_item .txt a {font-size: 14px;font-weight:600;color:#111;text-decoration:none;font-family: 'Montserrat', sans-serif;transition:.25s;}
.project_item .txt a:hover {color:#009be5;}
}



.tit_wrap {margin-bottom: 70px;}
.more{width:185px; height: 50px; margin:70px auto 0; /*border:1px solid #222;*/ box-sizing:border-box; cursor: pointer; background:linear-gradient(to right, #a48472 40%, transparent 0%); background-size:400% 100%; background-position: right bottom; transition:all 0.75s ease-out; border-radius:300px;  background-color: transparent;  z-index:1; position: absolute; right:0;}
.more p{ display:flex; align-items:center; justify-content:center; height: 100%; letter-spacing:-0.02em; color: #a48472; text-align: center; text-transform: uppercase; transition:.75s; }
.more p span{margin-left: 20px;}
.more:hover{/* background: #1a3369; */ border-color:#a48472; background-position:left bottom; }
.more:hover p {color: #fff;}


.m4 {padding: 150px 0; }
.partner_marquee {width:100%; background:#fff; overflow:hidden;}
.partner_inner {max-width:1800px; margin:0 auto; padding:0 0; display:flex; flex-direction:column; gap:20px;}
.partner_row {width:100%; overflow:hidden; position:relative;}
.partner_track {display:flex; width:max-content; gap:24px; will-change:transform;}
.partner_list {display:flex; gap:25px; padding:0; margin:0; list-style:none; align-items:center;}
.partner_item {flex:0 0 auto;}

.partner_row:hover .partner_track {animation-play-state:paused;}
.partner_item a {display:flex; align-items:center; justify-content:center; width:374px; height:108px; background:#f6f6f6; border-radius:15px; overflow:hidden;}
.partner_item img {max-width:100%; max-height:100%; object-fit:contain; transition:transform .35s ease;}
.partner_item:hover img {transform:scale(1.15);}

.row_left .partner_track {animation:partnerLeft 25s linear infinite;}
.row_right .partner_track {animation:partnerRight 25s linear infinite;}

@keyframes partnerLeft {0%{transform:translateX(0);}100%{transform:translateX(-50%);}}
@keyframes partnerRight {0%{transform:translateX(-50%);}100%{transform:translateX(0);}}

@media (max-width:900px){.partner_item a{width:200px; height:70px;}}
@media (max-width:520px){.partner_item a{width:170px; height:64px;} .partner_inner{padding:16px 0; gap:14px;} .partner_list{gap:16px;} .partner_track{gap:16px;}}



.neo_grid_sec {width:100%; padding:0 0;}
.neo_grid {max-width:1800px; margin:0 auto; display:grid; grid-template-columns:repeat(3,1fr); gap:30px;}
.neo_card {position:relative; display:block; height:360px; border-radius:25px; overflow:hidden; text-decoration:none; color:#fff; background:#111;}
.neo_card[data-type="img"] {background-image:var(--bg); background-size:cover; background-position:center;}
.neo_dim {position:absolute; inset:0; background:linear-gradient(180deg, rgba(0,0,0,.15) 0%, rgba(0,0,0,.35) 55%, rgba(0,0,0,.65) 100%); transition:opacity .25s ease;}
.neo_card[data-type="grad"] {background:linear-gradient(180deg,#00a7e8 0%, #0b78c7 100%);}
.neo_card[data-type="grad2"] {background:linear-gradient(180deg,#0d49c9 0%, #0b2f7d 100%);}
.neo_card[data-type="white"] {background: transparent;color:#111;border: transparent;}
.neo_top {position:absolute;left: 30px;top: 35px;font-size: 18px;font-weight: 500;letter-spacing:.4px;z-index:2;font-family: 'Montserrat';}
.neo_bottom {position:absolute;left: 30px;bottom: 40px;z-index:2;}
.neo_txt {margin:0;font-size:22px;font-weight: 500;line-height: 1.5;letter-spacing: 0;}
.neo_center {position:absolute; left:50%; top:50%; transform:translate(-50%,-52%); width:70%; display:flex; justify-content:center; align-items:center; z-index:2;}
.neo_icon {width:150px; max-width:60%; height:auto; opacity:.95;}
.neo_img {width:100%; max-width:575px; height:auto; transform:translateY(10px); opacity:.95;}
.neo_white_center {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:80%; text-align:center;}
.neo_white_txt {margin: 0 0 25px 0;font-size:24px;font-weight: 600;line-height:1.35;letter-spacing: 0;}
.neo_btn {display:inline-flex;align-items:center;justify-content:center;gap:10px;padding: 15px 28px;border:1px solid #111;border-radius:999px;font-size: 16px;font-weight: 500; transition:.25s;}
.neo_btn_arr {font-size:18px; line-height:1; transform:translateY(-1px);}
.neo_card:hover .neo_btn { background-color:#009be5; color:#fff; border:1px solid #009be5;}

.neo_card:hover {transform:translateY(-2px);}
.neo_card {transition:transform .25s ease, box-shadow .25s ease;}
.neo_card:hover {box-shadow:0 12px 40px rgba(0,0,0,.18);}
.neo_card[data-type="img"]:hover .neo_dim {opacity:.85;}


/* view 버튼 */
.neo_view {position:absolute; left:50%; top:42%; width:122px; height:122px; border-radius:999px; border:1px solid #009be5; transform:translate(-50%,-50%); opacity:0; z-index:4; pointer-events:none; transition:opacity .2s ease, box-shadow .25s ease;}
.neo_view:before {content:''; position:absolute; inset:-42px; border-radius:999px; background:radial-gradient(circle, rgba(0,155,229,.18) 0%, rgba(0,155,229,.10) 35%, rgba(0,155,229,0) 70%); opacity:.9;}
.neo_view_txt {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); font-size:14px; font-weight:500; letter-spacing:.3px; color:#009be5; text-transform:lowercase;}
.neo_card:hover .neo_view {opacity:1; box-shadow:0 0 0 1px rgba(0,155,229,.25), 0 0 28px rgba(0,155,229,.22);}

/* 마우스 이동 시 블랙 덧칠 효과 */
.neo_dim {position:absolute; inset:0; background:rgba(0,0,0,.35); transition:background .25s ease;}
.neo_card.is-move .neo_dim {background:rgba(0,0,0,1);}

@media (max-width:1200px){.neo_grid {grid-template-columns:repeat(2,1fr);} .neo_card {height:300px;}}
@media (max-width:720px){.neo_grid {grid-template-columns:1fr;} .neo_card {height:280px;} .neo_txt {font-size:14px;} .neo_white_txt {font-size:20px;}}















@media all and (max-width:1800px){
#mv .mv_list_wrap .mv_list .txt_wrap {position:absolute;left: 0;top:55%;transform:translateY(-50%);margin-left: 30px;/*overflow: hidden;*/}
#mv .paging_bar {display: flex;align-items: center;gap: 14px;margin-top: 35px;color: #fff;position: absolute;width: -webkit-fill-available;bottom: 19%;margin: 0 auto;left: 0;margin-left: 30px;}
	
	
}
@media all and (max-width:1430px){
	
}
@media all and (max-width:1230px){
#mv {width: 100vw; border-radius: 0 0 70px 70px; overflow: hidden; transform: translateX(0vw);}
}


@media all and (max-width:980px){
   
	
}
@media all and (max-width:820px){
	
.tit_wrap { margin: 0 5% 30px;}

#mv_wrap {border-radius: 0 0 50px 50px;overflow: hidden;transform: translateX(0vw);}
#mv .mv_list_wrap .mv_list {height: 100vh;}
#mv_wrap .mv_list_wrap .mv_list .visual {width: 100%; height:100vh;background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;transform: scale(1.15);}
#mv_wrap .mv_list_wrap .mv_list1 .visual {background-image: url('/assets/images/main/mv1.jpg'); background-position:46% 50%;}
#mv_wrap .mv_list_wrap .mv_list2 .visual {background-image: url('/assets/images/main/mv2.jpg'); background-position:50% 50%;}
#mv_wrap .mv_list_wrap .mv_list3 .visual {background-image: url('/assets/images/main/mv3.jpg'); background-position:48% 50%;}
#mv .mv_list_wrap .mv_list .txt_wrap .mb30 { margin-bottom:15px !important;}

#mv .mv_list_wrap .mv_list .txt_wrap {position:absolute;left: 0;top: 45%;transform:translateY(-50%);margin-left: 0;/*overflow: hidden;*/}
#mv .mv_list_wrap .mv_list .txt_wrap h3 {letter-spacing:0; color: #fff; text-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);}
#mv .mv_list_wrap .mv_list .txt_wrap h4 {letter-spacing:0; color: #fff; text-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);}
#mv .mv_list_wrap .mv_list .txt_wrap p {color: #fff;letter-spacing: 0;text-transform: uppercase;font-size: 15px;padding: 0 30px;word-break: keep-all;}
#mv .mv_list_wrap .mv_list.slick-active .txt_wrap p { animation:mvTxt 1.7s 1.3s forwards; opacity: 0; transform:translateY(50px) scale(1.1); filter:blur(5px); }
#mv .mv_list_wrap .mv_list.slick-active .txt_wrap h3 { animation:mvTxt 1s 1s forwards; opacity: 0; transform:translateX(50px) scale(1.1);filter:blur(5px); }
#mv .mv_list_wrap .mv_list.slick-active .txt_wrap h4 { animation:mvTxt 1.3s 1s forwards; opacity: 0; transform:translateX(50px) scale(1.1);filter:blur(5px); font-size:20px;  }


#mv .mv_list_wrap .mv_list .txt_wrap1 {position: absolute;left:0;top: 52%;transform: translateY(-50%);margin-left: 0;/*overflow: hidden;*/text-align:center;margin: 0 auto;width: -webkit-fill-available;padding: 0 15px;}
#mv .mv_list_wrap .mv_list .txt_wrap1 h3 {letter-spacing: 0;color: #fff;text-align: center;}
#mv .mv_list_wrap .mv_list .txt_wrap1 p {color: #fff;  letter-spacing:2px;}
#mv .mv_list_wrap .mv_list .txt_wrap1 h4 {letter-spacing:0; color: #fff; font-size:40px;}
#mv .mv_list_wrap .mv_list .txt_wrap1 .mb30 { margin-bottom:10px !important;}
#mv .mv_list_wrap .mv_list.slick-active .txt_wrap1 h3 { animation:mvTxt2 2.2s 0.7s forwards; opacity: 0;  transform:translateX(100px) scale(1.1);filter:blur(5px); }
#mv .mv_list_wrap .mv_list.slick-active .txt_wrap1 h4 { animation:mvTxt1 2s 0.9s forwards; opacity: 0;  transform:translateX(-100px) scale(1.1); filter:blur(5px);}
#mv .mv_list_wrap .mv_list.slick-active .txt_wrap1 p { animation:mvTxt 1s 0.7s forwards; opacity: 0;  transform:translatex(50px) scale(1.1); filter:blur(5px);}
#mv .mv_list_wrap .mv_list .txt{font-family: 'Sorts Mill Goudy', sans-serif;letter-spacing:0;color:#222;opacity:.2;font-size: 38px;position: absolute;bottom: 0;text-align: center;justify-content: center;display: flex;width: -webkit-fill-available;letter-spacing: 0;justify-content: space-around;margin-left: -7%;line-height: .5;}
.txt68{font-size: 32px !important;line-height:1.2;}


/* 페이징 바 */
#mv .paging_bar { display: flex;  align-items: center;  gap: 14px; margin-top: 35px; color: #fff;  position: absolute; width: 1800px;    bottom: 14%;    margin: 0 auto;left: 50%;    margin-left: -900px;}
#mv .paging_bar .current,
#mv .paging_bar .total {font-size: 14px;opacity: 0.9;}

/* 진행 바 */
#mv .paging_bar .bar {position: relative;width: 70px;height: 3px;background: rgba(255,255,255,0.35);overflow: hidden;}
#mv .paging_bar .bar .progress {position: absolute; left: 0; top: 0; width: 0%;  height: 100%;    background: #c9a36a; /* 골드톤 */    transition: width 0.3s linear;}

#mv .btn_control {width: 24px;height: 24px;border-radius: 50%;background: rgba(120,120,120,0.9);border: none;cursor: pointer;position: relative;display: flex;align-items: center;justify-content: center;}
#mv .btn_control.pause::before,
#mv .btn_control.pause::after {content: '';width: 3px;height: 10px;background: #fff;display: block;}
#mv .btn_control.pause::before { margin-right: 2px; }
#mv .btn_control.pause::after  { margin-left: 2px; }

#mv .paging_bar {display: flex;align-items: center;gap: 9px;margin-top: 35px;color: #fff;position: absolute;width: -webkit-fill-available;bottom: 13%;margin: 0 auto;left: 0;margin-left: 30px;}
	
	
.scroll_down{position: absolute;bottom:0;left:50%;transform:translate(-47%);cursor:pointer; z-index: 1; }
.scroll_down span{display: block;position: relative;font-size: 14px;color:#fff;font-weight:400;font-family:"Italiana", serif;text-align:center;padding-bottom:60px;letter-spacing:0.07em;}
#mv .wave{position:absolute;bottom:10px;left:50%;transform:translate(-50%,0);z-index:20;width: 10px;}
#mv .wave svg{display:block;}
#mv .wave svg path{stroke-dasharray: 55px;stroke-dashoffset: 55px;}
	
	
	
	

.flex_con{display: block;width: 45%; padding-top:180px;}
.lt_txt{padding-right:0;width: 100%;text-align: left;}
.lt_txt img {width: -webkit-fill-available;}

.rt_txt{padding-right:0;width: 100%;padding-top: 50px;}

#mv .mv_list_wrap .mv_list .txt_wrap1 p {color: #fff;letter-spacing:0;width: 55%;margin-left:0;}



#mv .slider_arrow_wrap {display: flex;align-items:center;position: absolute;bottom: 15%;left: 0;transform: translateX(7%);scale: .8; display:none;}
#mv .slider_arrow_wrap button {background: none; border: none; font-family: 'Cinzel', sans-serif; font-size: 14px; color: #fff;position: relative; letter-spacing:1px;}
#mv .slider_arrow_wrap button:after {content:'';display: block;width: 35px;height: 1px;background-color: #fff;position: absolute;top: 50%;}
#mv .slider_arrow_wrap .prev {padding-right: 45px;}
#mv .slider_arrow_wrap .next {padding-left: 45px;}
#mv .slider_arrow_wrap .prev:after {right: 0;}
#mv .slider_arrow_wrap .next:after {left: 0;}
#mv .slider_arrow_wrap .center-deco{width: 25px;height: 25px;border-radius: 50%;border: 1px solid rgba(255,255,255,0.5);display: flex;align-items: center;justify-content: center;}
#mv .slider_arrow_wrap .center-deco .center-cir{display: block; width: 6px; height: 6px; background-color: white; border-radius: 50%;}



#mv .wave{position:absolute;bottom: 10px;left:50%;transform:translate(-50%,0);z-index:20;width: 10px;}
#mv .wave svg{display:block;}
#mv .wave svg path{stroke-dasharray: 55px;stroke-dashoffset: 55px;}


.m1 {padding: 80px 0 0;}
.circle_to_rect {height: auto;position:relative;}

.m2 {padding: 80px 0;}
.m3 {padding: 80px 0;}
.m4 {padding: 80px 0;}

	
	
}


@media all and (max-width:520px){

	
}