@charset "utf-8";

.re04_bg_ani{
    position:absolute; top:0px; left:0; width:100%; height:100%; overflow:hidden;
    transform:perspective(500px) scale(1.07) rotate(.001deg) translateZ(0); 
    -webkit-transform:perspective(500px) scale(1.07) rotate(.001deg) translateZ(0);  
    -moz-transform:perspective(500px) scale(1.07) rotate(.001deg) translateZ(0);  
    -ms-transform:perspective(500px) scale(1.07) rotate(.001deg) translateZ(0);  
    -o-transform:perspective(500px) scale(1.07) rotate(.001deg) translateZ(0);
    animation: re04_bg_ani forwards 5s 0.5s ease-in-out;
    -webkit-animation: re04_bg_ani forwards 5s 0.5s ease-in-out; 
    -moz-animation: re04_bg_ani forwards 5s 0.5s ease-in-out; 
    -ms-animation: re04_bg_ani forwards 5s 0.5s ease-in-out; 
    -o-animation: re04_bg_ani forwards 5s 0.5s ease-in-out;
}
@keyframes re04_bg_ani {
    0% {
        transform:perspective(500px) scale(1.04) rotate(.001deg) translateZ(0); 
        -webkit-transform:perspective(500px) scale(1.04) rotate(.001deg) translateZ(0);  
        -moz-transform:perspective(500px) scale(1.04) rotate(.001deg) translateZ(0);  
        -ms-transform:perspective(500px) scale(1.04) rotate(.001deg) translateZ(0);  
        -o-transform:perspective(500px) scale(1.04) rotate(.001deg) translateZ(0);
    }
    100% {
        transform:perspective(500px) scale(1) rotate(.001deg) translateZ(0); 
        -webkit-transform:perspective(500px) scale(1) rotate(.001deg) translateZ(0);  
        -moz-transform:perspective(500px) scale(1) rotate(.001deg) translateZ(0);  
        -ms-transform:perspective(500px) scale(1) rotate(.001deg) translateZ(0);  
        -o-transform:perspective(500px) scale(1) rotate(.001deg) translateZ(0);
    }
}
@-moz-keyframes re04_bg_ani {
    0% {
        transform:perspective(500px) scale(1.04) rotate(.001deg) translateZ(0); 
        -webkit-transform:perspective(500px) scale(1.04) rotate(.001deg) translateZ(0);  
        -moz-transform:perspective(500px) scale(1.04) rotate(.001deg) translateZ(0);  
        -ms-transform:perspective(500px) scale(1.04) rotate(.001deg) translateZ(0);  
        -o-transform:perspective(500px) scale(1.04) rotate(.001deg) translateZ(0);
    }
    100% {
        transform:perspective(500px) scale(1) rotate(.001deg) translateZ(0); 
        -webkit-transform:perspective(500px) scale(1) rotate(.001deg) translateZ(0);  
        -moz-transform:perspective(500px) scale(1) rotate(.001deg) translateZ(0);  
        -ms-transform:perspective(500px) scale(1) rotate(.001deg) translateZ(0);  
        -o-transform:perspective(500px) scale(1) rotate(.001deg) translateZ(0);
    }
}

/* 메인비주얼 ssss*/
.con_wrap{position: relative;margin:0 auto;}
.con_wrap_mv{width:100%;height:100vh;background-position: center;}
.con_wrap .mv_tx{position: absolute;lefT:50%;top:48%;transform: translate(-50%,-50%);text-align:center;}
.con_wrap .mv_tx h1{font-size:45px;padding-bottom:30px;}
.con_wrap .mv_tx p{font-size:25px;font-weight:300}
.main-visual .swiper-mv-img{background: url(../img/mv_02.png) no-repeat;width:100%;height:918px;margin:0 auto;background-size:cover}
.main-visual .swiper-mv-img.swiper-mv-img01{background: url(../img/mv_033.png) no-repeat;background-size: cover;}
.swiper-pagination1{top: 60%;position: absolute;left: 50% !important;transform: translate(-50%, -50%);height:8px;text-align:center;bottom:auto !important;z-index:9}
.swiper-pagination-bullet-active{background:#4b4b4b !important}
.swiper-pagination-bullet{background:#bcbcbc;opacity: .9;}
.main-visual .swiper-mv-img {position: absolute;width: 100%;height: 100%;left:0;top:0;pointer-events: none;overflow: hidden;z-index: 0;}
.main-visual .swiper-slide-active .swiper-mv-img{transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);}
.main-visual .swiper-mv-img{z-index: 0;transform: scale(1.15);-webkit-transform: scale(1.15);-moz-transform: scale(1.15);-ms-transform: scale(1.15);-o-transform: scale(1.15);transition:transform 3.5s linear;-webkit-transition:transform 3.5s linear;-moz-transition:transform 3.5s linear;-ms-transition:transform 3.5s linear;-o-transition:transform 3.5s linear;}
.main-visual .swiper-slide{-webkit-backface-visibility: hidden;-webkit-transform: translate3d(0, 0, 0);overflow:hidden}
.main-visual .swiper-slide .slide-ani{overflow: hidden;}
.main-visual .swiper-slide .slide-ani .txt-inner{display: block; overflow: hidden;}
.main-visual .swiper-slide .slide-ani .txt-inner > span{ transition-property: transform; transition-duration: .6s; transform: translateY(-100%); display: block; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); display: block; transition-delay: inherit;}
.main-visual .swiper-slide-active .slide-ani .txt-inner > span{ transform: translateY(0); }
.main-visual .swiper-slide .main-visual__txt{ opacity: 0; transition:.6s ease; -webkit-transition:.6s ease .5s; -moz-transition:.6s ease; -ms-transition:.6s ease; -o-transition:.6s ease; }
.main-visual .swiper-slide-active .main-visual__txt{opacity: 1;}
/* 메인비주얼 eeee*/


.rection01{width:100%;max-width:1920px;margin:0 auto;}
.rection01 .re01{padding:200px 0 0;position: relative;}
.rection01 .re01_tx{text-align:center;}
.rection01 .re01_tx h2{font-size:28px;color:#454545;font-weight:100;padding-bottom:35px}
.rection01 .re01_tx h2 strong{font-weight:bold}
.rection01 .re01_tx p{font-size:17px;color:#474747;line-height:30px;}

/* 연혁 s */
@keyframes wave {0% {width: 0;}100% {width: 100%;}}
@keyframes wave0 {0% {top:85px;opacity: 0;}100% {top:40px;opacity: 1;}}
@keyframes wave11 {0% {top:135px;opacity: 0;}100% {top:90px;opacity: 1;}}
@keyframes wave22 {0% {top:240px;opacity: 0;}100% {top:189px;opacity: 1;}}
@keyframes wave33 {0% {top:52px;opacity: 0;}100% {top:102px;opacity: 1;}}
@keyframes wave44 {0% {bottom:115px;opacity: 0;}100% {bottom:55px;opacity: 1;}}
@keyframes wave55 {0% {bottom:-125px;opacity: 0;}100% {bottom:-78px;opacity: 1;}}
@keyframes wave1 {0% {top:130px;opacity: 0;}100% {top:91px;opacity: 1;}}
@keyframes wave2 {0% {top:121px;opacity: 0;}100% {top:74px;opacity: 1;}}
@keyframes wave3 {0% {top:-42px;opacity: 0;}100% {top:5px;opacity: 1;}}
@keyframes wave4 {0% {bottom:-170px;opacity: 0;}100% {bottom:-136px;opacity: 1;}}
@keyframes wave5 {0% {bottom:-110px;opacity: 0;}100% {bottom:-99px;opacity: 1;}}
.re01_cont01{max-width:1920px;height:246px;background-size:cover;position: relative;margin: 65px auto 0 auto;}
.re01_cont01 .re01_sun{position: absolute;background:url(../img/history2_01.png) no-repeat;width:0;max-width:1920px;height:242px;background-size:cover;z-index:1}
.re01_cont01 .re01_sun02{position: absolute;background:url(../img/history2_02.png) no-repeat;width:0;max-width:1920px;height:245px;background-size:cover;z-index:1}
.re01_cont01 ul{display: flex;max-width: 1340px;justify-content: space-between;margin: 0 auto;position: relative;height:100%}
.re01_cont01 .sub1_1_cont02_slider ul{max-width:1800px;}
.re01_cont01 ul li {text-align:center;position: absolute;z-index:9}
.re01_cont01 ul li h1{font-size:40px;color:#363636;}
.re01_cont01 ul li p{font-size:17px;color:#5a5a5a;    line-height: 22px;padding-top: 13px;position: relative;}
.re01_cont01{height: 100%;}
.sub1_1_cont02_swiper {height: 100%; overflow: initial;}
.re01_cont01 ul {height: 246px;}
.mv_h1{font-size:45px;padding-bottom:15px;}
.mv_p{font-size:25px;font-weight:300}
.sub1_1_cont02_slider .re01_sun02{top:-2px;}
.re01_cont01 .sub1_1_cont02_slider ul li.li_1{top: 115px;opacity: 0;left:296px;}
.re01_cont01 .sub1_1_cont02_slider ul li.li_2{left: 602px;top: 51px;opacity: 0;}
.re01_cont01 .sub1_1_cont02_slider ul li.li_3{left: 933px;top:287px;opacity: 0;}
.re01_cont01 .sub1_1_cont02_slider ul li.li_4{right:254px;bottom: 54px;opacity: 0;}
.re01_cont01 .sub1_1_cont02_slider ul li.li_5{left: 0;bottom: 0;opacity: 0;}
.re01_cont01 ul li p:after{content:'';background:#419c98;width:14px;height:14px;border-radius:100px;position: absolute;left:50%;transform: translate(-50%, 0);z-index:9}
.re01_cont01 .sub1_1_cont02_slider ul li:first-child p:after{bottom: 179px;}
.re01_cont01 .sub1_1_cont02_slider ul li:nth-child(2) p:after{top: -97px;}
.re01_cont01 .sub1_1_cont02_slider ul li:nth-child(3) p:after{bottom: 141px;}
.re01_cont01 .sub1_1_cont02_slider ul li:nth-child(4) p:after{bottom: -54px;}
.re01_cont01 .sub1_1_cont02_slider ul li:last-child p:after{top: -100px;}
.ani_delay.re01_sun.animate {animation: wave 3.5s ease-out forwards;}
.ani_delay.re01_sun02.animate {animation: wave 3.5s ease-out forwards;}
.ani_delay.li_0.animate{animation: wave0 1.5s ease-out forwards;animation-delay: 0s;}
.ani_delay.li_1.animate{animation: wave1 1.5s ease-out forwards;animation-delay: 0.5s;}
.ani_delay.li_2.animate{animation: wave2 1.5s ease-out forwards;animation-delay: 1.0s;}
.ani_delay.li_3.animate{animation: wave3 1.5s ease-out forwards;animation-delay: 1.5s;}
.ani_delay.li_4.animate{animation: wave4 1.5s ease-out forwards;animation-delay: 2.0s;}
.ani_delay.li_5.animate{animation: wave5 1.5s ease-out forwards;animation-delay: 0s;}
.sub1_1_cont02_slider1 .ani_delay.li_1.animate{animation: wave11 1.5s ease-out forwards;animation-delay: 0.5s;}
.sub1_1_cont02_slider1 .ani_delay.li_2.animate{animation: wave22 1.5s ease-out forwards;animation-delay: 1.0s;}
.sub1_1_cont02_slider1 .ani_delay.li_3.animate{animation: wave33 1.5s ease-out forwards;animation-delay: 1.5s;}
.sub1_1_cont02_slider1 .ani_delay.li_4.animate{animation: wave44 1.5s ease-out forwards;animation-delay: 2.0s;}
.sub1_1_cont02_slider1 .ani_delay.li_5.animate{animation: wave55 1.5s ease-out forwards;animation-delay: 2.5s;}
#sub1_1_cont02_swiper .swiper-slide-next,#sub1_1_cont02_swiper .swiper-slide-prev{opacity:0 !important}

.sub1_1_cont02_slider1 ul li.li_0{left:0;opacity: 0;}
.sub1_1_cont02_slider1 ul li.li_1{left:330px;opacity: 0;}
.re01_cont01 .sub1_1_cont02_slider1 ul li.li_2{left: 635px;top: 51px;opacity: 0;}
.re01_cont01 .sub1_1_cont02_slider1 ul li.li_3{left: 900px;top:287px;opacity: 0;}
.re01_cont01 .sub1_1_cont02_slider1 ul li.li_4{right:0px;bottom: 54px;opacity: 0;}
.re01_cont01 .sub1_1_cont02_slider1 ul li.li_5{right: -57px;bottom: -66px;opacity: 0;}

.sub1_1_cont02_slider1 ul li.li_0 p:after{top:-86px;}
.re01_cont01 .sub1_1_cont02_slider1 ul li.li_1 p:after{top: -94px;}
.re01_cont01 .sub1_1_cont02_slider1 ul li.li_2 p:after{bottom:129px;}
.re01_cont01 .sub1_1_cont02_slider1 ul li.li_3 p:after{top: 67px;}
.re01_cont01 .sub1_1_cont02_slider1 ul li.li_4 p:after{bottom: -54px;}
.re01_cont01 .sub1_1_cont02_slider1 ul li.li_5 p:after{top: -100px;}
/* 연혁 e */


.count_w{position: absolute;right:100px;top:100px;display:flex;align-items:center;gap:0 20px;}
.count_w > div{color:#454545;font-size:125px;}
.counter-last{font-size:118px;}
.count_w p{color:#454545;font-size:22px;}

.rection02{max-width:1920px;width:100%;margin:0 auto;}
.rection02 .re02{padding:260px 0 0;}
.re02_tx{text-align:center;}
.re02_tx span {font-size:17px;color:#777777;/* display:block; */margin-bottom:0px;}
.re02_tx span img{padding-right:6px;}
.re02_tx p{font-size:25px;color:#c69882;font-weight:300}
.re02_tx p strong{font-weight:bold}
.re02_cont{position: relative;width:100%;height:100%;max-width:935px;margin:0 auto;padding: 160px 0;}
.orbit{position:relative;display:flex;justify-content:center;align-items:center;}
.orbit .orbit-context{position:relative;display:flex;justify-content:center;align-items:center;width:941px}
.square{position:absolute;z-index:3;pointer-events:none;margin:4px;display:block;top:-10px;left:-10px;border-radius:100px;width:10px;height:10px;opacity:1;transition:opacity .3s ease-out;background-color:#419c98}
.re02_conho ul li.hover_content3{padding-left:155px;}
.re02_conho ul li{padding-bottom:93px;cursor: pointer;position: relative;}
.re02_conho ul li strong{font-weight:bold}
.re02_conho ul li h1{font-size:120px;font-weight:500} 
.re02_conho ul li .ho_cont{display:flex;align-items:center;gap:0 24px;position: relative;z-index:9}
.re02_conho ul li .ho_cont > div span{font-size:17px;font-weight:300;padding-bottom: 20px;}
.re02_conho ul li .ho_cont > div{font-size:20px;font-weight:300;display: flex;flex-direction: column;padding-top: 21px;}
.re02_conho ul li .ho_cont02{flex-direction: row-reverse;}
.re02_conho ul li .ho_cont02 > div{text-align:right}
/* .hover_cont.on{display:block;transform: translate(0px, 0px);animation: hover_cont 1s ;} */
@keyframes hover_cont {
    0% {
		transform: translate(25px, 0px);opacity:0;
    }
    100% {
		transform: translate(0px, 0px);opacity:1;
    }
}
.hover_cont{position: absolute;opacity: 0;z-index:1;}
.hover_cont p{font-sizE:17px;line-height:28px;padding-bottom:35px;padding-top: 30px;}
.hover_cont img.st_video{width:413px;height:265px;border-radius:20px;border: 1px solid #fff;object-fit: cover;}
.hover_link{display:flex;gap: 0 38px;}
.hover_link a{display:block;font-size:16px;color:#419c98}
.hover_link a img{vertical-align: middle;padding-left:5px;padding-bottom: 2px;}
.re02_conho{padding:45px 0 0}
.orbit_wrap{position: absolute;height:647px;width:100%;}
.orbit{position: absolute;top:0;bottom:auto;}
.orbit02{position: absolute;bottom:0;top:auto;}

.rection03{position: relative;}
.re03_container{overflow:unset;cursor: url('../img/mouse_cu.png'), auto ;}
.re03_container .swiper-slide{display: flex;justify-content: center;align-items: center;gap:0 110px;margin: 0 100px;width:1100px;cursor: url('../img/mouse_cu.png'), auto ;}
.re03_container .swiper-slide.swiper01{}
.re03_container .swiper-slide.swiper01 .slide_img{}
.re03_container .swiper-slide.swiper01 .slide_tx{}
.re03_container .swiper-slide .slide_tx h1{font-size:30px;font-weight:600;padding-bottom:50px;}
.re03_container .swiper-slide .slide_tx p{font-size:18px;color:#474747;line-height:30px;padding-bottom:50px;cursor: pointer;}
.re03_container .swiper-slide .swiper_link{cursor: pointer;}
.re03_container .swiper-slide .swiper_link a{font-size:15px;color:#ceb09d;font-weight:600;}
.re03_container .swiper-slide .swiper_link a img{vertical-align: middle;padding-left:5px;}
.re03_container .swiper-slide .swiper_link a.a_2{margin-left:39px;}
.re03_container .swiper-slide.swiper02 .swiper_link a{margin-right:29px;}
.re03_container .swiper-slide .swiper_link li:first-child{padding-bottom:12px;}
.re03_container .swiper-slide.swiper03 .swiper_link a{margin-right:16px;}
.re03_container .swiper-slide.swiper05 .swiper_link a{margin-right:16px;}
.re03_container .swiper-slide .slide_tx{opacity: 0;visibility: hidden;/* transform: translateY(20px); */transition: all 0.4s linear;}
.re03_container .swiper-slide .slide_tx.show {opacity: 1;visibility: visible;transform: translateY(0);}
.re03_gnb_swiper .swiper-wrapper{display:flex;justify-content: center;padding:60px 0 90px}
.re03_gnb_swiper .swiper-slide{width:auto !important;margin:0 21px;cursor: pointer;}
.re03_gnb_swiper .swiper-slide .slide_tx{font-size:17px;color:#606060}
.re03_gnb_swiper .swiper-slide.swiper-slide-thumb-active .slide_tx{color:#449e9a}
.re03_pagi{position:absolute; top:50%; left:50%; width:100%; height:840px; border-radius:100%; z-index:0;background-color:transparent;border:1px solid #eaeaea;opacity:1; visibility:visible;transform: translate(-50%,-42%) scale3d(1.5, 1.5, 1.5) rotate3d(-1, 23, 37, 178deg);}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:transparent}
.rection04 .re04{padding:150px 0 0}
.re01_cont01{overflow: unset;}
.re01_cont01 ul li.swiper-slide{}

.re03_slide.swiper-slide-prev .slide_tx.show{opacity: 1;visibility: visible;transform: translateY(0);}

.rection04 .re04{padding:230px 0 0}
.re04_cont{position:absolute;height:100%;display:grid;grid-template-columns:repeat(var(--span),minmax(0,1fr));
--g:0.0694444444vw;--g:max(0.0625rem,0.0694444444vw);--w:calc(var(--span) / 8 * (100% + var(--g)));width:var(--w);right:calc(-1*var(--right)/var(--span)*var(--w))}
.re04_cont_li{position:relative;height:100%;width:100%;grid-column:span 1;padding:50px 15px;will-change:transform,opacity;cursor:pointer;border-left: 1px solid rgba(255, 255, 255, .3);}
.re04_cont_li:before{content:"";position:absolute;bottom:0;left:.0694444444vw;width:calc(100% - .0694444444vw);height:100%;background-color:#419c98d4;z-index:-1;transform:scaleY(0);transition:transform .4s;transform-origin:50% 100%}
.re04_cont_li .re04_cont_tx{height:100%;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}
.re04_cont_li .re04_cont_txh3{position:absolute;top:0;left:50%;margin-bottom:-.1em;margin-left:auto;transition:color .3s .2s;color:#fff;font-size:20px;transform: translate(-50%, 0);width:100%;}
.re04_cont_li .re04_cont_txh3 strong{color:#fff;font-size:20px;padding-left:5px;}
.re04_cont_li .re04_cont_txspan{transition:color .1s .05s;font-size:20px;color:#fff;font-weight:100;line-height:35px;}
.re04_cont_li .re04_cont_txspan strong{font-weight:bold}
/* .re04_cont_li.re04_cont_li01{pointer-events:none} */
.re04_cont_li:hover{color:#000}
.re04_cont_li:hover:before{transform:scaleY(1);transition:transform .75s cubic-bezier(.19,1,.22,1)}
.re04_cont_li:hover .re04_cont_txh3{transition:color .1s}
.re04_content{position: relative;width:100%;height:773px;max-width: 1920px;margin:0 auto;overflow: hidden;}
.re04_bg_cont{position: absolute;width: 100%;height: 773px;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.re04_bg_cont > div{width:100%;height:100%;position: absolute;}
.re04_bg_01{background:url(../img/re04_bg01.png) no-repeat;max-width:1920px;width:100%;height:773px;position: relative;margin:0 auto;background-size: cover;}
.re04_bg_02{background:url(../img/re04_bg02_n_240617.png) no-repeat;max-width:1920px;width:100%;height:773px;position: relative;margin:0 auto;background-size: cover;}
.re04_bg_03{background:url(../img/re04_bg03.png) no-repeat;max-width:1920px;width:100%;height:773px;position: relative;margin:0 auto;background-size: cover;}
.re04_bg_04{background:url(../img/re04_bg04.png) no-repeat;max-width:1920px;width:100%;height:773px;position: relative;margin:0 auto;background-size: cover;}
.re04_bg_tx{padding: 70px 0 100px 180px;display: flex;flex-direction: column;justify-content: space-between;width: 100%;height: 100%;}
.re04_bg_tx_top span{font-size:17px;color:#a2a2a2;display:block;padding-bottom:25px;}
.re04_bg_tx_top span img{padding-right:8px;}
.re04_bg_tx_top p{font-size:23px;color:#c69882;font-weight:100;line-height:34px;}
.re04_bg_tx_top p strong{font-weight:bold}
.re04_bg_tx_bottom span{font-size:20px;color:#818a8b}
.re04_bg_tx_bottom h1{color:#fff;font-size:48px;line-height:70px;font-weight:300;padding-bottom:35px;padding-top:10px;}
.re04_bg_tx_bottom p{color:#fff;font-size:19px;line-height:32px;}
.re04_bg_cont .re04_bg_00 {transform: scale(1);transition: transform 5.2s ease-in-out;}
.re02_conho button{background:none;border:0}
.ho_cont01{text-align:left;}
.re02_conho ul li:nth-child(1) .hover_cont{left:-318px;top:-105px;}
.re02_conho ul li:nth-child(2) .hover_cont{right:-353px;bottom:-54px;}
.re02_conho ul li:nth-child(3) .hover_cont{left:-202px;top:-183px}

/* ** */
.re04_cont_li {position: relative;height: 100%;width: 100%;padding: 50px 15px;cursor: pointer;border-left: 1px solid rgba(255, 255, 255, 0.3);transition: color 0.3s;}
.re04_cont_li:before {content: "";position: absolute;bottom: 0;left: 0.0694444444vw;width: calc(100% - 0.0694444444vw);height: 100%;background-color: #419c98d4;z-index: -1;transform: scaleY(0);transition: transform 0.75s cubic-bezier(.19, 1, .22, 1);transform-origin: 50% 100%;}
.re04_cont_li:hover:before {transform: scaleY(1);}
/* .animate-this {opacity: 0;transform: translateY(30px);transition: all 1s ease;}
 */
.re04_bg_tx_top, .re04_bg_tx_bottom {opacity: 0 !important;transform: translateY(30px) !important;transition: opacity 1s ease, transform 1s ease;}
.re04_bg_tx_top.visible,.re04_bg_tx_bottom.visible{opacity: 1 !important;transform: translateY(0) !important;transition: all 1s ease;}
.re04_bg_tx.visible .re04_bg_tx_top, .re04_bg_tx.visible .re04_bg_tx_bottom {opacity: 1;transform: translateY(0);}
.re04_bg_cont .re04_bg_00 { display: none; position: absolute;width: 100%;height: 773px;left: 50%;top: 50%;transform: translate(-50%, -50%);opacity: 0;transition: opacity 1s ease-in-out;}
.re04_bg_cont .re04_bg_00.visible {display: block;opacity: 1;animation: smoothTransform 2s ease-in-out;}
.re04_cont_li .re04_cont_tx{opacity: 0 ;transition: opacity 1s ease, transform 1s ease;}
.re04_cont_li .re04_cont_tx.visible {opacity: 1;/* transform: translateY(0px);transition: all 1s ease; */animation: visible1 1s ease-in-out;}

@keyframes visible1 {0% {transform: translateY(30px);opacity: 0;}100% {transform: translateY(0px);opacity: 1;}}
@keyframes smoothTransform {0% {transform: translate(-50%, -50%) scale(1.05);}100% { transform: translate(-50%, -50%) scale(1);}}



.rection05{padding:145px 0;max-width:1920px;margin:0 auto;}
.rection05 .plus{font-size:15px;color:#419c98;position: relative;}
.rection05 .re02_tx .plus img{padding-right:10px;}
.rection05 .plus img{animation:1.2s linear infinite plus;}
@keyframes plus {
  0%,100% {
	transform: translate(0px, -3px);
  }
  50%{ transform: translate(0px, 0px);}
  75% {
    transform: translate(0px, 3px);
  }
  80%{transform: translate(0px, 0px);}
}
.rection05 .swiper_before{width:100%;height:100%;}
.rection05 .swiper_before .plus{position: absolute;}
.rection05 .swiper_before.before01 .plus{top: 154px;left: 93px;}
.rection05 .swiper_before.before02 .plus{left:50%;bottom:181px}
.rection05 .swiper_before.before03 .plus{left:59%;top:195px}
.rection05 .swiper_before.before04 .plus{left:16%;bottom:195px;transform: translate(-50%, 0);}
.rection05 .swiper_before.before05 .plus{left:50%;top: 216px;transform: translate(-50%, 0);}
.rection05 .swiper_before.before06 .plus{bottom: 192px;right:72px;}
.rection05 .swiper_before.before07 .plus{left:64%;top:158px}
.rection05 .swiper_before.before08 .plus{left:69%;top:256px}
.rection05 .swiper_before.before09 .plus{left:59%;top:195px}
.rection05 .swiper_before.before10 .plus{left:59%;top:195px}

.rection05 .re02_tx1 .re02_tx{/*padding-bottom:75px;*/margin-bottom:8px;}
.rection05 .re02_tx2 .re02_tx{margin-bottom:24px;}
.rection05 .re02_tx span{padding-bottom:35px;font-weight:300}
.rection05 .re02_tx p{padding-bottom:57px;}
.re05_content{/* width:1700px; */margin-right: unset;padding:100px 0 122px 200px}
.re05_content .swiper-wrapper{}
.re05_content .swiper-slide{width:272px !important;height:427px;margin:0 35px;position: relative;}
.re05_content .swiper-slide:nth-child(3){top:-40px;}
.re05_content .swiper-slide:nth-child(4){bottom:-29px;}
.re05_content .swiper-slide:nth-child(5){bottom:-63px;}
.re05_content .swiper-slide:nth-child(7){top:-40px;}
.re05_content .swiper-slide:nth-child(8){bottom:-29px;}
.re05_content .swiper-slide:nth-child(9){bottom:-63px;}
.re05_content .swiper-slide:nth-child(11){top:-40px;}
.re05_content .swiper-slide:nth-child(12){bottom:-29px;}
.re05_content .swiper-slide:nth-child(13){bottom:-63px;}
.re05_content .swiper-slide .sw_tx{padding:28px 15px;}
.re05_content .swiper-slide .sw_tx.sm {padding:18px 15px 0;}
.re05_content .swiper-slide .sw_tx h1{font-size:17px;color:#1b1b1b;padding-bottom:13px;}
.re05_content .swiper-slide .sw_tx p{font-size:15px;color:#525252}
.re05_content .swiper-slide .sw_tx.sm p{font-size: 14px;}
.re05_content .swiper-slide .swiper_after{position: absolute;left:0;top:0;opacity: 0;background:#f5f5f5}
.re05_content .swiper-slide:hover .re05_content .swiper-slide .swiper_after{display:block;}
.rection05 .re_btn{width:160px;height:50px;line-height:48px;color:#000 !important;border-radius: 50px;font-size:14px;font-weight:600;padding-left:23px;margin-top:0}
.rection05 .re_btn:hover {color: #fff !important;}


.swiper-pagination-bullet{margin-right:7px}
#myVideo01{width:100%;height:100vh;object-fit:cover;margin:0 auto;}
.rection02{padding:350px 0 0;background: url(../img/re03_bg.png) no-repeat;width:100%;background-size: 100% 1061px;background-position: bottom;}
.rection02 .re02{padding:0}
.rection01 .re01_tx p.re01_tx01{margin-top:20px;}
.rection02 .re02_tx span{margin-bottom:7px}
.re02_cont{padding:85px 0}
.re02_conho{padding:83px 0 0}
.re02_conho ul li{padding-bottom:81px;}
.re02_conho ul li:nth-child(2){padding-bottom:60px;}
.hover_content2{display:flex;justify-content: flex-end;}
.re02_conho ul li > div{display:inline-block;}
.re02_conho ul li:nth-child(1) .hover_cont{top:-139px;}
.re02_conho ul li:nth-child(2) .hover_cont{bottom:-88px;}
.rection03{padding:100px 0 0;}
.loader-counter {height: 106px;}
.hover_link a{position: relative;}
.hover_link a::after{content:'';background:#46aca8;position: absolute;width:0;height:2px;left:0;bottom:-5px;transition:.6s}
.hover_link a:hover::after{width:100%;}

.rection01 .u-btn-body::before,.u-btn-body:after{display:block;left:0;top:0;width:100%}
.rection01 .u-btn-body{width:160px;height:50px;line-height:50px;overflow:hidden;position:relative}
.rection01 .u-btn-body::before{content:'';transition:transform var(--a-btn-hover-leave-s) var(--a-btn-hover-leave-e),border-radius var(--a-btn-hover-leave-s) var(--a-btn-hover-leave-e),background var(--a-color-s) var(--a-color-e);opacity:.8;transform:translate(0);z-index:1;height:100%;position:absolute}
.rection01 .u-btn-g .o,.u-btn-o .o{height:47px;line-height:0;overflow:hidden;position:relative;z-index:3}
.rection01 .u-btn-body:after{background-color:#46aca8;border-radius:100%;content:"";height:100%;position:absolute;transform:translateY(110%);z-index:2}
.rection01 .u-btn-o .t{align-items:center;display:flex;height:47px;justify-content:center;line-height:0;padding-top:1px;transition:transform var(--a-btn-hover-leave-s) var(--a-btn-hover-leave-e);    padding-left: 11px;}
.rection01 .u-btn-body .t:last-child{color:var(--c-black-0);}
.rection01 .u-btn-hv:hover .t{transform:translateY(-100%);transition:transform var(--a-btn-hover-enter-s) var(--a-btn-hover-enter-e);color:#fff}
.rection01 .u-btn-hv:hover .u-btn-body:after{border-radius:0;transform:translate(0);transition:transform var(--a-btn-hover-enter-s) var(--a-btn-hover-enter-e),border-radius var(--a-btn-hover-enter-s) var(--a-btn-hover-enter-e)}
.rection01 .re_btn03{margin:0 auto;}
.rection01 .re_btn03 a{margin:0 auto;font-weight:600}
.rection01 .re_btn03 .u-btn-o .t{justify-content: flex-start;padding-left:23px;}


.rection01 .re_btn03 a{width:160px;height:50px;font-size:14px;font-weight:400;color:#46aca8;margin-top: 23px;}
.rection01 .u-btn-o .t{height:50px;padding-top:0;justify-content: flex-start;padding-left:22px;}
.rection01 .u-btn-body{width:160px;height:50px;}
.rection01 .u-btn-g .o, .u-btn-o .o{height:50px;}
.rection01 .re_btn03 a:before{left:auto;right:20px;background: url(../img/reb_icon1.png) no-repeat;width:18px;height:6px;z-index:9}
.rection01 .re_btn03 a:hover:before{left:auto;right:20px;background: url(../img/reb_icon_on.png) no-repeat;width:18px;height:6px;}


.rection06{padding:50px 0 145px}
.rection05 .slide_img.styled-media{width:272px;height:340px;}
.rection06{margin:0 auto;position: relative;}
.split-lines {position: relative;/*display: inline-block;*/padding: 0.3em 0;text-align:center;}
.single-line {position: relative;display: inline-block;overflow: hidden;margin: -0.4em -0.1em;}
.single-line-inner {position: relative;display: inline-block;padding: 0.2em 0.1em !important;/* margin:0 !important */}
.single-line {margin: 0em -0.1em;text-align:center;}
.single-line-inner {padding: 0em 0.1em;}
.overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.rection05 .u-btn-body::before,.u-btn-body:after{display:block;left:0;top:0;width:100%}
.rection05 .u-btn-body{width:160px;height:50px;line-height:50px;overflow:hidden;position:relative}
.rection05 .u-btn-body::before{content:'';transition:transform var(--a-btn-hover-leave-s) var(--a-btn-hover-leave-e),border-radius var(--a-btn-hover-leave-s) var(--a-btn-hover-leave-e),background var(--a-color-s) var(--a-color-e);opacity:.8;transform:translate(0);z-index:1;height:100%;position:absolute}
.rection05 .u-btn-g .o,.u-btn-o .o{height:47px;line-height:0;overflow:hidden;position:relative;z-index:3}
.rection05 .u-btn-body:after{background-color:#46aca8;border-radius:100%;content:"";height:100%;position:absolute;transform:translateY(110%);z-index:2}
.rection05 .u-btn-o .t{align-items:center;display:flex;height:47px;justify-content:center;line-height:0;padding-top:1px;transition:transform var(--a-btn-hover-leave-s) var(--a-btn-hover-leave-e);    padding-left: 11px;}
.rection05 .u-btn-body .t:last-child{color:var(--c-black-0);}
.rection05 .u-btn-hv:hover .t{transform:translateY(-100%);transition:transform var(--a-btn-hover-enter-s) var(--a-btn-hover-enter-e);color:#fff}
.rection05 .u-btn-hv:hover .u-btn-body:after{border-radius:0;transform:translate(0);transition:transform var(--a-btn-hover-enter-s) var(--a-btn-hover-enter-e),border-radius var(--a-btn-hover-enter-s) var(--a-btn-hover-enter-e)}
.rection05 .re_btn03{margin:0 auto;}
.rection05 .re_btn03 a{margin:0 auto;font-weight:600}
.rection05 .re_btn03 a::before{background: url(../img/reb_icon1.png) no-repeat;left:auto;right:17px;width:18px;height:6px;z-index:9}
.rection05 .re_btn03 a:hover::before{background: url(../img/reb_icon_on.png) no-repeat;}
.rection05 .re_btn03 .u-btn-o .t{justify-content: flex-start;padding-left:23px;}

.styled-media{}
.slide_img.styled-media{display: flex;flex-direction: column;width: 477px;height:491px;border-radius:20px;}
.styled-media figure,
.styled-media-transition figure {position: relative;overflow: hidden;width:100%;height:100%;}
.styled-media figure::before,
.styled-media-transition figure::before {content: "";display: block;padding-bottom: 125%;}
.styled-image {transition: 0.735s ease;transform: scale(1) rotate(0.001deg);}
.figure-outer {overflow: hidden;}
.figure-reveal {pointer-events: none;background-color: #eee;transform-origin: top;left: -1px;top: -1px;width: calc(100% + 2px);height: calc(100% + 2px);z-index: 20;}
.styled-media figure::before {padding-bottom: 66.666%;}
.rection06 .styled-media{width: 272px;height: 340px;}
.styled-image.overlay img,.styled-image[data-ratio-status=true] img,
.styled-video.overlay video,.styled-video[data-ratio-status=true] video{top:0;left:0;width:100%;height:100%;object-fit:cover;position:absolute}
.styled-image,.styled-video{display:flex;flex-direction:column;position:relative}
.styled-image img,.styled-image video{width:100%}
.styled-image.overlay,.styled-video.overlay{object-fit:cover;position:absolute}
.youtube_content{display:flex;justify-content:center;gap:0 20px;max-width: 1168px;margin:0 auto;border-bottom:1px solid #d6d6d6;padding-bottom:30px;}
.youtu_left iframe{width:755px;height:425px;}
.youtu_right{display:flex;flex-direction:column;gap:9px 0}
.youtu_right img{width:176px;height:100px;border-radius:7px;}
.youtu_thumb{display:flex;gap:0 13px;cursor: pointer;}
.youtu_thumb div{padding-top:15px;width:200px;}
.youtu_thumb h1{font-size:16px;padding-bottom:10px;font-weight: 500;}
.youtu_thumb p{font-size:15px;color:#7b7b7b;font-weight: 300;line-height:23px;}
.youtu_thumb:hover{background:#f2f2f2;transition: .6s;border-radius:0 5px 5px 0}
.rection06 .re02_tx01 .re02_tx{margin-bottom:8px;}
.rection06 .re02_tx02 .re02_tx{margin-bottom:60px;}
.re_btn03 a{display:block;width:160px;height:50px;line-height:48px;text-align:center;font-size:14px;font-weight:500;position: relative;border:1px solid #46aca8;border-radius:50px;/* padding-left:18px; */margin-top:30px;overflow:hidden}
.re_btn03 a:before{content:'';display:block;background:url(../img/youtube_icon00.png)no-repeat;width:16px;height:12px;position: absolute;top: 50%;transform: translate(0, -50%);left: 31px;background-size:cover;}
.youtu_left div{padding-left:10px;}
.youtu_left div h1{font-size:16px;color:#7b7b7b;padding-top:25px;}
.youtu_left div p{font-size:17px;padding-top:17px;font-weight: 100;}

.re03_gnb_swiper .swiper-slide .slide_tx::after{content:'';background:#449e9a;position: absolute;width:0;height:2px;left:0;bottom:-5px;transition:.6s}
.re03_gnb_swiper .swiper-slide .slide_tx:hover::after{width:100%;}
.re03_gnb_swiper .swiper-slide.swiper-slide-thumb-active .slide_tx{position: relative;}
.re03_gnb_swiper .swiper-slide.swiper-slide-thumb-active .slide_tx::after{animation-name: countingBar;animation-duration: 5s; animation-timing-function: ease-in;animation-iteration-count: 1;}
.re03_container .swiper-slide .swiper_link a{position: relative;}
.re03_container .swiper-slide .swiper_link a::after{content:'';background:#ceb09d;position: absolute;width:0;height:2px;left:0;bottom:-5px;transition:.6s}
.re03_container .swiper-slide .swiper_link a:hover::after{width:100%;}
.re03_container .slide_img{position: relative;width:472px;height:477px;overflow:hidden;border-radius: 20px;}
@keyframes countingBar {
    0% {width: 0;}
    100% {width:100%;}
}
.re03_container .swiper-slide-active .slide_img img{    position:absolute; top:0px; left:0; width:100%; height:100%; overflow:hidden;
    transform:perspective(500px) scale(1.03) rotate(.001deg) translateZ(0); 
    -webkit-transform:perspective(500px) scale(1.03) rotate(.001deg) translateZ(0);  
    -moz-transform:perspective(500px) scale(1.03) rotate(.001deg) translateZ(0);  
    -ms-transform:perspective(500px) scale(1.03) rotate(.001deg) translateZ(0);  
    -o-transform:perspective(500px) scale(1.03) rotate(.001deg) translateZ(0);
    animation: re04_bg_ani forwards 5s 0.5s ease-in-out;
    -webkit-animation: re04_bg_ani forwards 5s 0.5s ease-in-out; 
    -moz-animation: re04_bg_ani forwards 5s 0.5s ease-in-out; 
    -ms-animation: re04_bg_ani forwards 5s 0.5s ease-in-out; 
    -o-animation: re04_bg_ani forwards 5s 0.5s ease-in-out;}
.rection03 .re02_tx span{margin-bottom:17px;}
.re03_gnb_swiper .swiper-wrapper{padding: 45px 0 75px;}
.re03_container .swiper-slide .slide_tx{width:527px;}
.re03_pagi > div {position: relative;width:100%;height:100%;}
.re03_container::after{content:'';background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,0) 59%, rgba(255,255,255,0.7721463585434174) 81%, rgba(255,255,255,1) 100%);
position: absolute;right:0;top:0;z-index:9;width:350px;height:623px;}
.re03_container::before{content:'';background: rgb(255,255,255);
background: linear-gradient(274deg, rgba(255,255,255,0) 59%, rgba(255,255,255,0.7721463585434174) 81%, rgba(255,255,255,1) 100%);
position: absolute;left:0;top:0;z-index:9;width:350px;height:623px;}
.rection06 .wave-wrap{position:absolute;bottom:0;left:0;width:100%;height:100vh;overflow:hidden;z-index:-1}
.rection06 .wave{position:absolute;bottom:0;left:0;width:3200px;height:468px;background:url('../img/re06_wave.svg') 50% 100%/100% repeat-x}
.rection06 .wave.wave1{z-index:1000;opacity:.4;bottom:0;animation:20s linear infinite animate-wave-1;-webkit-animation:20s linear infinite animate-wave-1}
.rection06 .wave.wave2{z-index:999;opacity:.3;bottom:0;animation:10s linear infinite animate-wave-2;-webkit-animation:10s linear infinite animate-wave-2}
.rection06 .wave.wave3{z-index:998;opacity:.2;bottom:0;animation:30s linear infinite animate-wave-3;-webkit-animation:30s linear infinite animate-wave-3}
@keyframes animate-wave-1 {
  0% {
     background-position-x: 0;
  }
  100% {
     background-position-x: 1600px;
  }
}

@keyframes animate-wave-2 {
  0% {
     background-position-x: 0;
  }
  100% {
     background-position-x: -1600px;
  }
}

@keyframes animate-wave-3 {
  0% {
     background-position-x: 0;
  }
  100% {
     background-position-x: 1600px;
  }
}

.pagination {position: absolute;bottom:-100px;width: 1920px;height: 560px;display: flex;align-items: center;left: 50%;transform: translate(-50%, 0);align-items: flex-end;}
.progress-sub-background{display:flex;align-content:space-between;flex-wrap:wrap;width:100%;height:560px;}
.pagination .svg1{transform: rotate(180deg);}
.pagination svg {width: 1920px;height: 138px;stroke-width: 2;position: absolute;bottom:0}
.background-path{fill: none;stroke: rgba(234, 234, 234, 1);stroke-width: 2;transition: stroke-dashoffset 1.5s linear;stroke-dasharray: 1946; /* 경로의 총 길이 설정 */stroke-dashoffset: 1946;}
.progress-path { fill: none;stroke: rgba(109, 179, 176, .8);stroke-width: 2;stroke-dasharray: 1946; /* 경로의 총 길이 설정 */stroke-dashoffset: 1946; /* 경로의 총 길이로 시작 */transition: stroke-dashoffset 1.5s linear;}
.background-path01{border-top: 1px solid rgba(234, 234, 234, 1);;width: 1920px;height: 393px;border-radius: 100%;position: absolute;background: transparent;flex-direction: column;top: 0px;}
.svg_p{bottom:-4px !important;}

@media (max-width:1920px) {
/* 연혁 s */
@keyframes wave {0% {width: 0;}100% {width: 100%;}}
@keyframes wave0 {0% {top:4.4271vw;opacity: 0;}100% {top:2.0833vw;opacity: 1;}}
@keyframes wave11 {0% {top:7.0313vw;opacity: 0;}100% {top:4.6875vw;opacity: 1;}}
@keyframes wave22 {0% {top:12.5000vw;opacity: 0;}100% {top:9.8438vw;opacity: 1;}}
@keyframes wave33 {0% {top:2.7083vw;opacity: 0;}100% {top:5.3125vw;opacity: 1;}}
@keyframes wave44 {0% {bottom:5.9896vw;opacity: 0;}100% {bottom:2.8646vw;opacity: 1;}}
@keyframes wave55 {0% {bottom:-6.5104vw;opacity: 0;}100% {bottom:-4.0625vw;opacity: 1;}}
@keyframes wave1 {0% {top:6.7708vw;opacity: 0;}100% {top:4.7396vw;opacity: 1;}}
@keyframes wave2 {0% {top:6.3021vw;opacity: 0;}100% {top:3.9542vw;opacity: 1;}}
@keyframes wave3 {0% {top:-2.1875vw;opacity: 0;}100% {top:0.2604vw;opacity: 1;}}
@keyframes wave4 {0% {bottom:-8.8542vw;opacity: 0;}100% {bottom:-7.0833vw;opacity: 1;}}
@keyframes wave5 {0% {bottom:-6.1667vw;opacity: 0;}100% {bottom:-5.0729vw;opacity: 1;}}
.re01_cont01{max-width:100.0000vw;height:12.8125vw;margin: 3.3854vw auto 0 auto;}
.re01_cont01 .re01_sun{background:url(../img/history2_01.png) no-repeat;width:0;max-width:100.0000vw;height:12.6042vw;z-index:1;background-size:cover}
.re01_cont01 .re01_sun02{background:url(../img/history2_02.png) no-repeat;width:0;max-width:100.0000vw;height:12.7604vw;z-index:1;background-size:cover}
.re01_cont01 ul{max-width: 69.7917vw;justify-margin: 0 auto;height:100%}
.re01_cont01 .sub1_1_cont02_slider ul{max-width:93.7500vw;}
.re01_cont01 ul li {z-index:9}
.re01_cont01 ul li h1{font-size:2.0833vw;}
.re01_cont01 ul li p{font-size:0.8854vw;    line-height: 1.1458vw;padding-top: 0.6771vw;}
.re01_cont01{height: 100%;}
.sub1_1_cont02_swiper {height: 100%; }
.re01_cont01 ul {height: 12.8125vw;}
.mv_h1{font-size:2.3438vw;padding-bottom:0.7813vw;}
.mv_p{font-size:1.3021vw;font-weight:300}
.sub1_1_cont02_slider .re01_sun02{top:-0.09vw;}
.re01_cont01 .sub1_1_cont02_slider ul li.li_1{top: 5.9896vw;opacity: 0;left:15.4167vw;}
.re01_cont01 .sub1_1_cont02_slider ul li.li_2{left: 31.3542vw;top: 2.6563vw;opacity: 0;}
.re01_cont01 .sub1_1_cont02_slider ul li.li_3{left: 48.5938vw;top:14.9479vw;opacity: 0;}
.re01_cont01 .sub1_1_cont02_slider ul li.li_4{right:13.2292vw;bottom: 2.8125vw;opacity: 0;}
.re01_cont01 .sub1_1_cont02_slider ul li.li_5{left: 0;bottom: 0;opacity: 0;}
.re01_cont01 ul li p:after{background:#419c98;width:0.7292vw;height:0.7292vw;border-radius:5.2083vw;left:50%;transform: translate(-50%, 0);z-index:9}
.re01_cont01 .sub1_1_cont02_slider ul li:first-child p:after{bottom: 9.1354vw;}
.re01_cont01 .sub1_1_cont02_slider ul li:nth-child(2) p:after{top: -5.0521vw;}
.re01_cont01 .sub1_1_cont02_slider ul li:nth-child(3) p:after{bottom: 7.3438vw;}
.re01_cont01 .sub1_1_cont02_slider ul li:nth-child(4) p:after{bottom: -2.8125vw;}
.re01_cont01 .sub1_1_cont02_slider ul li:last-child p:after{top: -5.2083vw;}
.sub1_1_cont02_slider1 ul li.li_0{left:0;opacity: 0;}
.sub1_1_cont02_slider1 ul li.li_1{left:17.1875vw;opacity: 0;}
.re01_cont01 .sub1_1_cont02_slider1 ul li.li_2{left: 33.0729vw;top: 2.6563vw;opacity: 0;}
.re01_cont01 .sub1_1_cont02_slider1 ul li.li_3{left: 46.8750vw;top:14.9479vw;opacity: 0;}
.re01_cont01 .sub1_1_cont02_slider1 ul li.li_4{right:0.0000vw;bottom: 2.8125vw;opacity: 0;}
.re01_cont01 .sub1_1_cont02_slider1 ul li.li_5{right: -2.9688vw;bottom: -3.4375vw;opacity: 0;}

.sub1_1_cont02_slider1 ul li.li_0 p:after{top:-4.4792vw;}
.re01_cont01 .sub1_1_cont02_slider1 ul li.li_1 p:after{top: -4.8958vw;}
.re01_cont01 .sub1_1_cont02_slider1 ul li.li_2 p:after{bottom:6.7188vw;}
.re01_cont01 .sub1_1_cont02_slider1 ul li.li_3 p:after{top: 3.4896vw;}
.re01_cont01 .sub1_1_cont02_slider1 ul li.li_4 p:after{bottom: -2.8125vw;}
.re01_cont01 .sub1_1_cont02_slider1 ul li.li_5 p:after{top: -5.2083vw;}
/* 연혁 e */
}
@media (max-width:1860px) {
.con_wrap{}
.con_wrap_mv{width:100%;}
.con_wrap .mv_tx{lefT:50%;top:48%;transform: translate(-50%,-50%);}
.con_wrap .mv_tx h1{font-size:2.4194vw;padding-bottom:1.6129vw;}
.con_wrap .mv_tx p{font-size:1.3441vw;font-weight:300}

.rection01{width:100%;}
.rection01 .re01{padding:10.7527vw 0 0;}
.rection01 .re01_tx{}
.rection01 .re01_tx h2{font-size:1.5054vw;padding-bottom:1.8817vw}
.rection01 .re01_tx h2 strong{font-weight:bold}
.rection01 .re01_tx p{font-size:0.9140vw;line-height:1.6129vw;}

/* 연혁 s */
@keyframes wave {0% {width: 0;}100% {width: 100%;}}
@keyframes wave0 {0% {top:4.5699vw;opacity: 0;}100% {top:2.1505vw;opacity: 1;}}
@keyframes wave11 {0% {top:7.2581vw;opacity: 0;}100% {top:4.5387vw;opacity: 1;}}
@keyframes wave22 {0% {top:12.9032vw;opacity: 0;}100% {top:9.5613vw;opacity: 1;}}
@keyframes wave33 {0% {top:2.7957vw;opacity: 0;}100% {top:5.2839vw;opacity: 1;}}
@keyframes wave44 {0% {bottom:6.1828vw;opacity: 0;}100% {bottom:2.9570vw;opacity: 1;}}
@keyframes wave55 {0% {bottom:-6.7204vw;opacity: 0;}100% {bottom:-4.1935vw;opacity: 1;}}
@keyframes wave1 {0% {top:6.9892vw;opacity: 0;}100% {top:6.3925vw;opacity: 1;}}
@keyframes wave2 {0% {top:6.5054vw;opacity: 0;}100% {top:4.2785vw;opacity: 1;}}
@keyframes wave3 {0% {top:-2.2581vw;opacity: 0;}100% {top:0.5688vw;opacity: 1;}}
@keyframes wave4 {0% {bottom:-9.1398vw;opacity: 0;}100% {bottom:-7.8118vw;opacity: 1;}}
@keyframes wave5 {0% {bottom:-7.3011vw;opacity: 0;}100% {bottom:-6.372vw;opacity: 1;}}
.re01_cont01{max-width:103.2258vw;height:13.2258vw;margin: 3.4946vw auto 0 auto;}
.re01_cont01 .re01_sun{background:url(../img/history2_01.png) no-repeat;width:0;max-width:103.2258vw;height:13.0108vw;z-index:1;background-size: cover;}
.re01_cont01 .re01_sun02{background:url(../img/history2_02.png) no-repeat;width:0;max-width:103.2258vw;height:13.1720vw;z-index:1;background-size: cover;}
.re01_cont01 ul{max-width: 72.0430vw;justify-margin: 0 auto;height:100%}
.re01_cont01 .sub1_1_cont02_slider ul{max-width:96.7742vw;}
.re01_cont01 ul li {z-index:9}
.re01_cont01 ul li h1{font-size:2.1505vw;}
.re01_cont01 ul li p{font-size:0.9140vw;    line-height: 1.1828vw;padding-top: 0.6989vw;}
.re01_cont01{height: 100%;}
.sub1_1_cont02_swiper {height: 100%; }
.re01_cont01 ul {height: 13.2258vw;}
.mv_h1{font-size:2.4194vw;padding-bottom:0.8065vw;}
.mv_p{font-size:1.3441vw;font-weight:300}
.sub1_1_cont02_slider .re01_sun02{top:0.5925vw;}
.re01_cont01 .sub1_1_cont02_slider ul li.li_1{top: 6.1828vw;opacity: 0;left:15.9140vw;}
.re01_cont01 .sub1_1_cont02_slider ul li.li_2{left: 32.3656vw;top: 2.7419vw;opacity: 0;}
.re01_cont01 .sub1_1_cont02_slider ul li.li_3{left: 50.1613vw;top:15.4301vw;opacity: 0;}
.re01_cont01 .sub1_1_cont02_slider ul li.li_4{right:13.6559vw;bottom: 2.9032vw;opacity: 0;}
.re01_cont01 .sub1_1_cont02_slider ul li.li_5{left: 0;bottom: 0;opacity: 0;}
.re01_cont01 ul li p:after{background:#419c98;width:0.7527vw;height:0.7527vw;border-radius:5.3763vw;left:50%;transform: translate(-50%, 0);z-index:9}
.re01_cont01 .sub1_1_cont02_slider ul li:first-child p:after{bottom: 9.3656vw;}
.re01_cont01 .sub1_1_cont02_slider ul li:nth-child(2) p:after{top: -5.2151vw;}
.re01_cont01 .sub1_1_cont02_slider ul li:nth-child(3) p:after{bottom: 7.5806vw;}
.re01_cont01 .sub1_1_cont02_slider ul li:nth-child(4) p:after{bottom: -2.9032vw;}
.re01_cont01 .sub1_1_cont02_slider ul li:last-child p:after{top: -5.3763vw;}
.ani_delay.re01_sun.animate {animation: wave 3.5s ease-out forwards;}
.ani_delay.re01_sun02.animate {animation: wave 3.5s ease-out forwards;}
.ani_delay.li_0.animate{animation: wave0 1.5s ease-out forwards;animation-delay: 0s;}
.ani_delay.li_1.animate{animation: wave1 1.5s ease-out forwards;animation-delay: 0.5s;}
.ani_delay.li_2.animate{animation: wave2 1.5s ease-out forwards;animation-delay: 1.0s;}
.ani_delay.li_3.animate{animation: wave3 1.5s ease-out forwards;animation-delay: 1.5s;}
.ani_delay.li_4.animate{animation: wave4 1.5s ease-out forwards;animation-delay: 2.0s;}
.ani_delay.li_5.animate{animation: wave5 1.5s ease-out forwards;animation-delay: 0s;}
.sub1_1_cont02_slider1 .ani_delay.li_1.animate{animation: wave11 1.5s ease-out forwards;animation-delay: 0.5s;}
.sub1_1_cont02_slider1 .ani_delay.li_2.animate{animation: wave22 1.5s ease-out forwards;animation-delay: 1.0s;}
.sub1_1_cont02_slider1 .ani_delay.li_3.animate{animation: wave33 1.5s ease-out forwards;animation-delay: 1.5s;}
.sub1_1_cont02_slider1 .ani_delay.li_4.animate{animation: wave44 1.5s ease-out forwards;animation-delay: 2.0s;}
.sub1_1_cont02_slider1 .ani_delay.li_5.animate{animation: wave55 1.5s ease-out forwards;animation-delay: 2.5s;}
#sub1_1_cont02_swiper .swiper-slide-next,#sub1_1_cont02_swiper .swiper-slide-prev{opacity:0 !important}

.sub1_1_cont02_slider1 ul li.li_0{left:0;opacity: 0;}
.sub1_1_cont02_slider1 ul li.li_1{left:17.7419vw;opacity: 0;}
.re01_cont01 .sub1_1_cont02_slider1 ul li.li_2{left: 34.1398vw;top: 2.7419vw;opacity: 0;}
.re01_cont01 .sub1_1_cont02_slider1 ul li.li_3{left: 48.3871vw;top:15.4301vw;opacity: 0;}
.re01_cont01 .sub1_1_cont02_slider1 ul li.li_4{right:0.0000vw;bottom: 2.9032vw;opacity: 0;}
.re01_cont01 .sub1_1_cont02_slider1 ul li.li_5{right: -3.0645vw;bottom: -3.5484vw;opacity: 0;}

.sub1_1_cont02_slider1 ul li.li_0 p:after{top:-4.6237vw;}
.re01_cont01 .sub1_1_cont02_slider1 ul li.li_1 p:after{top: -5.0538vw;}
.re01_cont01 .sub1_1_cont02_slider1 ul li.li_2 p:after{bottom:6.9355vw;}
.re01_cont01 .sub1_1_cont02_slider1 ul li.li_3 p:after{top: 3.6022vw;}
.re01_cont01 .sub1_1_cont02_slider1 ul li.li_4 p:after{bottom: -2.9032vw;}
.re01_cont01 .sub1_1_cont02_slider1 ul li.li_5 p:after{top: -5.3763vw;}
/* 연혁 e */


.count_w{right:5.3763vw;top:5.3763vw;align-items:center;gap:0 1.0753vw;}
.count_w > div{font-size:6.7204vw;}
.count_w p{font-size:1.1828vw;}
.counter-last{font-size:6.3441vw;}
.rection02 .re02{padding:13.9785vw 0 0;}
.re02_tx{}
.re02_tx span {font-size:0.9140vw;margin-bottom:1.3441vw;}
.re02_tx span img{padding-right:0.3226vw;}
.re02_tx p{font-size:1.3441vw;font-weight:300}
.re02_tx p strong{font-weight:bold}
.re02_cont{width:100%;height:100%;max-width:50.2688vw;margin:0 auto;padding: 8.6022vw 0;}
.orbit{justify-align-items:center;}
.orbit .orbit-context{justify-align-items:center;width:50.5914vw;height:23.3871vw}
.orbit .orbit-context svg{width:50.5914vw;height:23.3871vw}
.square{pointer-events:none;margin:0.2151vw;top:-0.5376vw;left:-0.5376vw;border-radius:5.3763vw;width:0.5376vw;height:0.5376vw;opacity:1;transition:opacity .3s ease-out;background-color:#419c98}
.re02_conho ul li.hover_content3{padding-left:8.3333vw;}
.re02_conho ul li{padding-bottom:5.0000vw;cursor: pointer;}
.re02_conho ul li strong{font-weight:bold}
.re02_conho ul li h1{font-size:6.4516vw;font-weight:500} 
.re02_conho ul li .ho_cont{align-items:center;gap:0 1.2903vw;}
.re02_conho ul li .ho_cont > div span{font-size:0.9140vw;padding-bottom: 1.0753vw;}
.re02_conho ul li .ho_cont > div{font-size:1.0753vw;flex-direction: column;padding-top: 1.1290vw;}
.re02_conho ul li .ho_cont02{flex-direction: row-reverse;}
.re02_conho ul li .ho_cont02 > div{text-align:right}
.hover_cont p{font-sizE:0.9140vw;line-height:1.5054vw;padding-bottom:1.8817vw;padding-top: 1.6129vw;}
.hover_cont img.st_video{width:22.2043vw;height:14.2473vw;border-radius:1.0753vw;border: 0.0538vw solid #fff;object-fit: cover;}
.hover_link{gap: 0 2.0430vw;}
.hover_link a{font-size:0.8602vw;color:#419c98}
.hover_link a img{padding-left:0.6452vw;padding-bottom: 0.1075vw;}
.re02_conho{padding:2.4194vw 0 0}
.orbit_wrap{height:34.7849vw;width:100%;}
.orbit{top:0;bottom:auto;}
.orbit02{bottom:0;top:auto;}

.rection03{}
.re03_container{cursor: url('../img/mouse_cu.png'), auto ;}
.re03_container .swiper-slide{justify-align-items: center;gap:0 5.9140vw;margin: 0 5.3763vw;width:59.1398vw;cursor: url('../img/mouse_cu.png'), auto ;}
.re03_container .swiper-slide.swiper01{}
.re03_container .swiper-slide .slide_img img{width:25.6452vw;height:26.3978vw;}
.re03_container .swiper-slide.swiper01 .slide_tx{}
.re03_container .swiper-slide .slide_tx h1{font-size:1.6129vw;padding-bottom:2.6882vw;}
.re03_container .swiper-slide .slide_tx p{font-size:0.9677vw;line-height:1.6129vw;padding-bottom:2.6882vw;cursor: pointer;}
.re03_container .swiper-slide .swiper_link{cursor: pointer;}
.re03_container .swiper-slide .swiper_link a{font-size:0.8065vw;}
.re03_container .swiper-slide .swiper_link a img{padding-left:0.2688vw;}
.re03_container .swiper-slide .swiper_link a.a_2{margin-left:2.0968vw;}
.re03_container .swiper-slide.swiper02 .swiper_link a{margin-right:1.5591vw;}
.re03_container .swiper-slide .swiper_link li:first-child{margin-bottom:0.6452vw;}
.re03_container .swiper-slide.swiper03 .swiper_link a{margin-right:0.8602vw;}
.re03_container .swiper-slide.swiper05 .swiper_link a{margin-right:0.8602vw;}
.re03_container .swiper-slide .slide_tx{opacity: 0;visibility: hidden;transform: translateY(2.6882vw);transition: all 0.4s linear;}
.re03_container .swiper-slide .slide_tx.show {opacity: 1;visibility: visible;transform: translateY(0);}
.re03_gnb_swiper .swiper-wrapper{justify-padding:3.2258vw 0 4.8387vw}
.re03_gnb_swiper .swiper-slide{width:auto !important;margin:0 1.1290vw;cursor: pointer;}
.re03_gnb_swiper .swiper-slide.swiper-slide-thumb-active .slide_tx{color:#449e9a}
.re03_gnb_swiper .swiper-slide .slide_tx{font-size:0.9140vw;color:#606060}
.re03_pagi{ top:50%; left:50%; width:100%; height:45.1613vw; border-radius:100%; border:0.0538vw solid #eaeaea;opacity:1; visibility:visible;transform: translate(-50%,-42%) scale3d(1.5, 1.5, 1.5) rotate3d(-1, 23, 37, 178deg);}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:transparent}
.rection04 .re04{padding:8.0645vw 0}
.re01_cont01{}
.re01_cont01 ul li.swiper-slide{}

.re02_conho ul li:nth-child(1) .hover_cont{left:-17.0968vw;top:-5.6452vw;}
.re02_conho ul li:nth-child(2) .hover_cont{right:-18.9785vw;bottom:-2.9032vw;}
.re02_conho ul li:nth-child(3) .hover_cont{left:-10.8602vw;top:-9.8387vw}
.rection04 .re04{padding:12.3656vw 0 0}
.re04_cont{height:100%;grid-template-columns:repeat(var(--span),minmax(0,1fr));
--g:0.0694444444vw;--g:max(0.0625rem,0.0694444444vw);--w:calc(var(--span) / 8 * (100% + var(--g)));width:var(--w);right:calc(-1*var(--right)/var(--span)*var(--w))}
.re04_cont_li{height:100%;width:100%;grid-column:span 1;padding:2.6882vw 0.8065vw;will-change:transform,opacity;cursor:pointer;border-left: 0.0538vw solid rgba(255, 255, 255, .3);}
.re04_cont_li:before{bottom:0;left:.0694444444vw;width:calc(100% - .0694444444vw);height:100%;transform:scaleY(0);transition:transform .4s;transform-origin:50% 100%}
.re04_cont_li .re04_cont_tx{height:100%;flex-direction:column;justify-align-items:center;text-align:center}
.re04_cont_li .re04_cont_txh3{top:0;left:50%;margin-bottom:-.1em;margin-left:auto;transition:color .3s .2s;font-size:1.0753vw;transform: translate(-50%, 0);width:100%;}
.re04_cont_li .re04_cont_txh3 strong{font-size:1.1828vw;}
.re04_cont_li .re04_cont_txspan{transition:color .1s .05s;font-size:1.1828vw;line-height:1.8817vw;}
.re04_cont_li .re04_cont_txspan strong{font-weight:bold}
/* .re04_cont_li.re04_cont_li01{pointer-events:none} */
.re04_cont_li:hover{color:#000}
.re04_cont_li:hover:before{transform:scaleY(1);transition:transform .75s cubic-bezier(.19,1,.22,1)}
.re04_cont_li:hover .re04_cont_txh3{transition:color .1s}
.re04_content{width:100%;height:41.5591vw;max-width: 103.2258vw;margin:0 auto;}
.re04_bg_cont{width: 100%;height: 41.5591vw;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.re04_bg_cont > div{width:100%;height:100%;}
.re04_bg_01{background:url(../img/re04_bg01.png) no-repeat;max-width:103.2258vw;width:100%;height:41.5591vw;margin:0 auto;background-size: cover;}
.re04_bg_02{background:url(../img/re04_bg02_n_240617.png) no-repeat;max-width:103.2258vw;width:100%;height:41.5591vw;margin:0 auto;background-size: cover;}
.re04_bg_03{background:url(../img/re04_bg03.png) no-repeat;max-width:103.2258vw;width:100%;height:41.5591vw;margin:0 auto;background-size: cover;}
.re04_bg_04{background:url(../img/re04_bg04.png) no-repeat;max-width:103.2258vw;width:100%;height:41.5591vw;margin:0 auto;background-size: cover;}
.re04_bg_tx{padding: 3.7634vw 0 5.3763vw 9.6774vw;flex-direction: column;justify-width: 100%;height: 100%;}
.re04_bg_tx_top span{font-size:0.9140vw;padding-bottom:1.3441vw;}
.re04_bg_tx_top span img{padding-right:0.4301vw;}
.re04_bg_tx_top p{font-size:1.2366vw;line-height:1.8280vw;}
.re04_bg_tx_top p strong{font-weight:bold}
.re04_bg_tx_bottom span{font-size:1.0753vw;color:#818a8b}
.re04_bg_tx_bottom h1{font-size:2.6882vw;line-height:3.7634vw;padding-bottom:1.8817vw;padding-top:0.5376vw;}
.re04_bg_tx_bottom p{font-size:1.0215vw;line-height:1.7204vw;}
.re04_bg_cont .re04_bg_00 {transform: scale(1);transition: transform 5.2s ease-in-out;}
.re02_conho button{background:none;border:0}
.ho_cont01{}
.re02_conho ul li:nth-child(1) .hover_cont{left:-18.2796vw;top:7.4731vw;}
.re02_conho ul li:nth-child(2) .hover_cont{bottom:-14.6237vw}
.re02_conho ul li:nth-child(3) .hover_cont{left:-13.8710vw;top:0.2688vw}

/* ** */
.re04_cont_li {height: 100%;width: 100%;padding: 2.6882vw 0.8065vw;cursor: pointer;border-left: 0.0538vw solid rgba(255, 255, 255, 0.3);transition: color 0.3s;}
.re04_cont_li:before {bottom: 0;left: 0.0694444444vw;width: calc(100% - 0.0694444444vw);height: 100%;transform: scaleY(0);transition: transform 0.75s cubic-bezier(.19, 1, .22, 1);transform-origin: 50% 100%;}
.re04_cont_li:hover:before {transform: scaleY(1);}
/* .animate-this {opacity: 0;transform: translateY(1.6129vw);transition: all 1s ease;}
 */
.re04_bg_tx_top, .re04_bg_tx_bottom {opacity: 0 !important;transform: translateY(1.6129vw) !important;transition: opacity 1s ease, transform 1s ease;}
.re04_bg_tx_top.visible,.re04_bg_tx_bottom.visible{opacity: 1 !important;transform: translateY(0) !important;transition: all 1s ease;}
.re04_bg_tx.visible .re04_bg_tx_top, .re04_bg_tx.visible .re04_bg_tx_bottom {opacity: 1;transform: translateY(0);}
.re04_bg_cont .re04_bg_00 {  width: 100%;height: 41.5591vw;left: 50%;top: 50%;transform: translate(-50%, -50%);opacity: 0;transition: opacity 1s ease-in-out;}
.re04_bg_cont .re04_bg_00.visible {opacity: 1;animation: smoothTransform 2s ease-in-out;}
.re04_cont_li .re04_cont_tx{opacity: 0 ;transition: opacity 1s ease, transform 1s ease;}
.re04_cont_li .re04_cont_tx.visible {opacity: 1;/* transform: translateY(0.0000vw);transition: all 1s ease; */animation: visible1 1s ease-in-out;}

@keyframes visible1 {0% {transform: translateY(1.6129vw);opacity: 0;}100% {transform: translateY(0.0000vw);opacity: 1;}}
@keyframes smoothTransform {0% {transform: translate(-50%, -50%) scale(1.05);}100% { transform: translate(-50%, -50%) scale(1);}}

#myVideo01{width:100%;object-fit:cover}
.loader-counter {height: 5.6989vw;}
.rection02{padding:18.8172vw 0 0}
.rection02 .re02{padding:0}
.rection01 .re01_tx p.re01_tx01{margin-top:1.0753vw;}
.rection02 .re02_tx span{margin-bottom:0.3763vw}
.re02_cont{padding:4.5699vw 0}
.re02_conho{padding:4.4624vw 0 0}
.re02_conho ul li{padding-bottom:4.3548vw;}
.re02_conho ul li:nth-child(2){padding-bottom:3.2258vw;}
.hover_content2{justify-}
.re02_conho ul li > div{}
.re02_conho ul li:nth-child(1) .hover_cont{top:-7.4731vw;}
.re02_conho ul li:nth-child(2) .hover_cont{bottom:-4.7312vw;}
.rection03{padding:5.3763vw 0 0}
.loader-counter {height: 5.6989vw;}
.rection01 .re_btn03 a{width:6.9355vw;height:1.8817vw;font-size:0.6452vw;color:#46aca8}
.rection01 .u-btn-o .t{height:1.8817vw;padding-top:0;justify-padding-left:1.1828vw;}
.rection01 .u-btn-body{width:6.9355vw;height:1.8817vw;}
.rection01 .u-btn-g .o, .u-btn-o .o{height:1.8817vw;}
.re_btn03 a:before{left:auto;right:1.0753vw;background: url(../img/reb_icon.png) no-repeat;width:0.6989vw;height:0.2151vw;background:cover}
.re_btn03 a:hover:before{left:auto;right:1.0753vw;background: url(../img/reb_icon_on01.png) no-repeat;width:0.6989vw;height:0.2151vw;background-size:cover;}

.rection01 .u-btn-body::before,.u-btn-body:after{left:0;top:0;width:100%}
.rection01 .u-btn-body{width:8.6022vw;height:2.6882vw;line-height:2.6882vw;position:relative}
.rection01 .u-btn-body::before{transition:transform var(--a-btn-hover-leave-s) var(--a-btn-hover-leave-e),border-radius var(--a-btn-hover-leave-s) var(--a-btn-hover-leave-e),background var(--a-color-s) var(--a-color-e);opacity:.8;transform:translate(0);height:100%;position:absolute}
.rection01 .u-btn-g .o,.u-btn-o .o{height:2.5269vw;line-height:0;z-index:3}
.rection01 .u-btn-body:after{border-radius:100%;height:100%;transform:translateY(110%);z-index:2}
.rection01 .u-btn-o .t{align-items:center;height:2.5269vw;justify-line-height:0;padding-top:0.0538vw;transition:transform var(--a-btn-hover-leave-s) var(--a-btn-hover-leave-e);    padding-left: 0.5914vw;}
.rection01 .u-btn-body .t:last-child{color:var(--c-black-0);}
.rection01 .u-btn-hv:hover .t{transform:translateY(-100%);transition:transform var(--a-btn-hover-enter-s) var(--a-btn-hover-enter-e);color:#fff}
.rection01 .u-btn-hv:hover .u-btn-body:after{border-radius:0;transform:translate(0);transition:transform var(--a-btn-hover-enter-s) var(--a-btn-hover-enter-e),border-radius var(--a-btn-hover-enter-s) var(--a-btn-hover-enter-e)}
.rection01 .re_btn03{margin:0 auto;}
.rection01 .re_btn03 a{margin:0 auto;font-weight:600}
.rection01 .re_btn03 .u-btn-o .t{padding-left:1.2366vw;}


.rection01 .re_btn03 a{width:8.6022vw;height:2.6882vw;font-size:0.7527vw;margin-top: 1.2366vw;}
.rection01 .u-btn-o .t{height:2.6882vw;padding-top:0;justify-padding-left:1.1828vw;}
.rection01 .u-btn-body{width:8.6022vw;height:2.6882vw;}
.rection01 .u-btn-g .o, .u-btn-o .o{height:2.6882vw;}
.rection01 .re_btn03 a:before{left:auto;right:1.0753vw;background: url(../img/reb_icon1.png) no-repeat;width:0.9677vw;height:0.3226vw;z-index:9}
.rection01 .re_btn03 a:hover:before{left:auto;right:1.0753vw;background: url(../img/reb_icon_on.png) no-repeat;width:0.9677vw;height:0.3226vw;}




.rection05{padding:7.7957vw 0;max-width:103.2258vw;margin:0 auto;}
.rection05 .plus{font-size:0.8065vw;}
.rection05 .re02_tx .plus img{padding-right:0.5376vw;}
.rection05 .plus img{animation:1.2s linear infinite plus;}
@keyframes plus {
  0%,100% {
	transform: translate(0.0000vw, -0.1613vw);
  }
  50%{ transform: translate(0.0000vw, 0.0000vw);}
  75% {
    transform: translate(0.0000vw, 0.1613vw);
  }
  80%{transform: translate(0.0000vw, 0.0000vw);}
}
.rection05 .swiper_before{width:100%;height:100%;}
.rection05 .swiper_before .plus{}
.rection05 .swiper_before.before01 .plus{top: 8.2796vw;left: 5.0000vw;}
.rection05 .swiper_before.before02 .plus{left:50%;bottom:9.7312vw}
.rection05 .swiper_before.before03 .plus{left:59%;top:10.4839vw}
.rection05 .swiper_before.before04 .plus{left:16%;bottom:10.4839vw;transform: translate(-50%, 0);}
.rection05 .swiper_before.before05 .plus{left:50%;top: 11.6129vw;transform: translate(-50%, 0);}
.rection05 .swiper_before.before06 .plus{bottom: 10.3226vw;right:3.8710vw;}
.rection05 .swiper_before.before07 .plus{left:64%;top:8.4946vw}
.rection05 .swiper_before.before08 .plus{left:69%;top:13.7634vw}
.rection05 .swiper_before.before09 .plus{left:59%;top:10.4839vw}
.rection05 .swiper_before.before10 .plus{left:59%;top:10.4839vw}

.rection05 .re02_tx1 .re02_tx{/*padding-bottom:4.0323vw;*/margin-bottom:0.4301vw;}
.rection05 .re02_tx2 .re02_tx{margin-bottom:1.2903vw;}
.rection05 .re02_tx span{padding-bottom:1.8817vw;font-weight:300}
.rection05 .re02_tx p{padding-bottom:3.0645vw;}
.re05_content{/* width:91.3978vw; */margin-right: unset;padding:5.3763vw 0 6.5591vw 10.7527vw}
.re05_content .swiper-wrapper{}
.re05_content .swiper-slide{width:14.6237vw !important;height:22.9570vw;margin:0 1.8817vw;}
.re05_content .swiper-slide:nth-child(3){top:-2.1505vw;}
.re05_content .swiper-slide:nth-child(4){bottom:-1.5591vw;}
.re05_content .swiper-slide:nth-child(5){bottom:-3.3871vw;}
.re05_content .swiper-slide:nth-child(7){top:-2.1505vw;}
.re05_content .swiper-slide:nth-child(8){bottom:-1.5591vw;}
.re05_content .swiper-slide:nth-child(9){bottom:-3.3871vw;}
.re05_content .swiper-slide:nth-child(11){top:-2.1505vw;}
.re05_content .swiper-slide:nth-child(12){bottom:-1.5591vw;}
.re05_content .swiper-slide:nth-child(13){bottom:-3.3871vw;}
.re05_content .swiper-slide .sw_tx{padding:1.5054vw 0.8065vw;}
.re05_content .swiper-slide .sw_tx.sm {padding:0.9677vw 0.8065vw 0;}
.re05_content .swiper-slide .sw_tx h1{font-size:0.9140vw;padding-bottom:0.6989vw;}
.re05_content .swiper-slide .sw_tx p{font-size:0.8065vw;color:#525252}
.re05_content .swiper-slide .sw_tx.sm p{font-size: 0.7527vw;}
.re05_content .swiper-slide .swiper_after{left:0;top:0;opacity: 0;background:#f5f5f5}
.re05_content .swiper-slide:hover .re05_content .swiper-slide .swiper_after{}
.rection05 .re_btn{width:8.6022vw;height:2.6882vw;line-height:2.5806vw;border-radius: 2.6882vw;font-size:0.7527vw;padding-left:1.2366vw;margin-top:0}
.rection05 .re_btn:hover {}

.rection06{padding:2.6882vw 0 7.7957vw}
.rection05 .slide_img.styled-media{width:14.6237vw;height:18.2796vw;}
.rection06{margin:0 auto;}
.split-lines {/**/padding: 0.3em 0;}
.single-line {margin: -0.4em -0.1em;}
.single-line-inner {padding: 0.2em 0.1em !important;/* margin:0 !important */}
.single-line {margin: 0em -0.1em;}
.single-line-inner {padding: 0em 0.1em;}
.overlay {top: 0;left: 0;width: 100%;height: 100%;}
.rection05 .u-btn-body::before,.u-btn-body:after{left:0;top:0;width:100%}
.rection05 .u-btn-body{width:8.6022vw;height:2.6882vw;line-height:2.6882vw;position:relative}
.rection05 .u-btn-body::before{transition:transform var(--a-btn-hover-leave-s) var(--a-btn-hover-leave-e),border-radius var(--a-btn-hover-leave-s) var(--a-btn-hover-leave-e),background var(--a-color-s) var(--a-color-e);opacity:.8;transform:translate(0);height:100%;position:absolute}
.rection05 .u-btn-g .o,.u-btn-o .o{height:2.5269vw;line-height:0;z-index:3}
.rection05 .u-btn-body:after{border-radius:100%;height:100%;transform:translateY(110%);z-index:2}
.rection05 .u-btn-o .t{align-items:center;height:2.5269vw;justify-line-height:0;padding-top:0.0538vw;transition:transform var(--a-btn-hover-leave-s) var(--a-btn-hover-leave-e);    padding-left: 0.5914vw;}
.rection05 .u-btn-body .t:last-child{color:var(--c-black-0);}
.rection05 .u-btn-hv:hover .t{transform:translateY(-100%);transition:transform var(--a-btn-hover-enter-s) var(--a-btn-hover-enter-e);color:#fff}
.rection05 .u-btn-hv:hover .u-btn-body:after{border-radius:0;transform:translate(0);transition:transform var(--a-btn-hover-enter-s) var(--a-btn-hover-enter-e),border-radius var(--a-btn-hover-enter-s) var(--a-btn-hover-enter-e)}
.rection05 .re_btn03{margin:0 auto;}
.rection05 .re_btn03 a{margin:0 auto;font-weight:600}
.rection05 .re_btn03 a::before{background: url(../img/reb_icon1.png) no-repeat;left:auto;right:0.9140vw;width:0.9677vw;height:0.3226vw;}
.rection05 .re_btn03 a:hover::before{background: url(../img/reb_icon_on.png) no-repeat;}
.rection05 .re_btn03 .u-btn-o .t{justify-padding-left:1.2366vw;}

.styled-media{}
.slide_img.styled-media{flex-direction: column;width: 25.6452vw;height:26.3978vw;border-radius:1.0753vw;}
.styled-media figure,
.styled-media-transition figure {width:100%;height:100%;}
.styled-media figure::before,
.styled-media-transition figure::before {padding-bottom: 125%;}
.styled-image {transition: 0.735s ease;transform: scale(1) rotate(0.001deg);}
.figure-outer {}
.figure-reveal {pointer-events: none;transform-origin: top;left: -0.0538vw;top: -0.0538vw;width: calc(100% + 0.1075vw);height: calc(100% + 0.1075vw);}
.styled-media figure::before {padding-bottom: 66.666%;}
.rection06 .styled-media{width: 14.6237vw;height: 18.2796vw;}
.styled-image.overlay img,.styled-image[data-ratio-status=true] img,
.styled-video.overlay video,.styled-video[data-ratio-status=true] video{top:0;left:0;width:100%;height:100%;object-fit:cover;position:absolute}
.styled-image,.styled-video{flex-direction:column;position:relative}
.styled-image img,.styled-image video{width:100%}
.styled-image.overlay,.styled-video.overlay{object-fit:cover;position:absolute}
.youtube_content{justify-gap:0 1.0753vw;max-width: 62.7957vw;margin:0 auto;border-bottom:0.0538vw solid #d6d6d6;padding-bottom:1.6129vw;}
.youtu_left iframe{width:40.5914vw;height:22.8495vw;}
.youtu_right{flex-direction:column;gap:0.4839vw 0}
.youtu_right img{width:9.4624vw;height:5.3763vw;border-radius:0.3763vw;}
.youtu_thumb{gap:0 0.9140vw;}
.youtu_thumb div{padding-top:0.8065vw;width:10.7527vw;}
.youtu_thumb h1{font-size:0.8602vw;padding-bottom:0.5376vw;}
.youtu_thumb p{font-size:0.8065vw;line-height:1.2366vw;}
.rection06 .re02_tx01 .re02_tx{margin-bottom:0.4301vw;}
.rection06 .re02_tx02 .re02_tx{margin-bottom:3.2258vw;}
.re_btn03 a{width:8.6022vw;height:2.6882vw;line-height:2.5806vw;font-size:0.7527vw;border:0.0538vw solid #46aca8;border-radius:2.6882vw;/* padding-left:0.9677vw; */margin-top:1.6129vw;overflow:hidden}
.re_btn03 a:before{background:url(../img/youtube_icon00.png)no-repeat;width:0.8602vw;height:0.6452vw;top: 50%;transform: translate(0, -50%);left: 1.6667vw;}
.youtu_left div{padding-left:0.5376vw;}
.youtu_left div h1{font-size:0.8602vw;padding-top:1.3441vw;}
.youtu_left div p{font-size:0.9140vw;padding-top:0.9140vw;}

.re03_gnb_swiper .swiper-slide .slide_tx::after{background:#449e9a;width:0;height:0.1075vw;left:0;bottom:-0.2688vw;transition:.6s}
.re03_gnb_swiper .swiper-slide .slide_tx:hover::after{width:100%;}
.re03_gnb_swiper .swiper-slide.swiper-slide-thumb-active .slide_tx{}
.re03_gnb_swiper .swiper-slide.swiper-slide-thumb-active .slide_tx::after{animation-name: countingBar;animation-duration: 7s; animation-timing-function: ease-in;animation-iteration-count: 1;}
.re03_container .swiper-slide .swiper_link a{}
.re03_container .swiper-slide .swiper_link a::after{background:#ceb09d;width:0;height:0.1075vw;left:0;bottom:-0.2688vw;transition:.6s}
.re03_container .swiper-slide .swiper_link a:hover::after{width:100%;}
.re03_container .slide_img{width:25.3763vw;height:25.6452vw;border-radius: 1.0753vw;}
@keyframes countingBar {
    0% {width: 0;}
    100% {width:100%;}
}
.re03_container .swiper-slide-active .slide_img img{     top:0.0000vw; left:0; width:100%; height:100%; 
    transform:perspective(26.8817vw) scale(1.05) rotate(.001deg) translateZ(0); 
    -webkit-transform:perspective(26.8817vw) scale(1.05) rotate(.001deg) translateZ(0);  
    -moz-transform:perspective(26.8817vw) scale(1.05) rotate(.001deg) translateZ(0);  
    -ms-transform:perspective(26.8817vw) scale(1.05) rotate(.001deg) translateZ(0);  
    -o-transform:perspective(26.8817vw) scale(1.05) rotate(.001deg) translateZ(0);
    animation: re04_bg_ani forwards 5s 0.5s ease-in-out;
    -webkit-animation: re04_bg_ani forwards 5s 0.5s ease-in-out; 
    -moz-animation: re04_bg_ani forwards 5s 0.5s ease-in-out; 
    -ms-animation: re04_bg_ani forwards 5s 0.5s ease-in-out; 
    -o-animation: re04_bg_ani forwards 5s 0.5s ease-in-out;}
.rection03 .re02_tx span{margin-bottom:0.9140vw;}
.re03_gnb_swiper .swiper-wrapper{padding: 2.4194vw 0 4.0323vw;}
.re03_container .swiper-slide .slide_tx{width:28.3333vw;}
.re03_pagi > div {width:100%;height:100%;}
.re03_container::after{background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,0) 59%, rgba(255,255,255,0.7721463585434174) 81%, rgba(255,255,255,1) 100%);
right:0;top:0;width:18.8172vw;height:33.4946vw;}
.re03_container::before{background: rgb(255,255,255);
background: linear-gradient(274deg, rgba(255,255,255,0) 59%, rgba(255,255,255,0.7721463585434174) 81%, rgba(255,255,255,1) 100%);
left:0;top:0;width:18.8172vw;height:33.4946vw;}
.rection06 .wave-wrap{bottom:0;left:0;width:100%;height:100vh;z-index:-1}
.rection06 .wave{bottom:0;left:0;width:172.0430vw;height:25.1613vw;background:url('../img/re06_wave.svg') 50% 100%/100% repeat-x}
.rection06 .wave.wave1{opacity:.4;bottom:0;animation:20s linear infinite animate-wave-1;-webkit-animation:20s linear infinite animate-wave-1}
.rection06 .wave.wave2{opacity:.3;bottom:0;animation:10s linear infinite animate-wave-2;-webkit-animation:10s linear infinite animate-wave-2}
.rection06 .wave.wave3{opacity:.2;bottom:0;animation:30s linear infinite animate-wave-3;-webkit-animation:30s linear infinite animate-wave-3}
@keyframes animate-wave-1 {
  0% {
     background-position-x: 0;
  }
  100% {
     background-position-x: 86.0215vw;
  }
}

@keyframes animate-wave-2 {
  0% {
     background-position-x: 0;
  }
  100% {
     background-position-x: -86.0215vw;
  }
}

@keyframes animate-wave-3 {
  0% {
     background-position-x: 0;
  }
  100% {
     background-position-x: 86.0215vw;
  }
}
.pagination {bottom:-5.3763vw;width: 103.2258vw;height: 30.1075vw;align-items: center;left: 50%;transform: translate(-50%, 0);align-items: flex-end;}
.progress-sub-background{align-flex-wrap:wrap;width:100%;height:30.1075vw;}
.pagination .svg1{transform: rotate(180deg);}
.pagination svg {width: 103.2258vw;height: 9.4194vw;stroke-width: 2;bottom:0}
.background-path{fill: none;stroke: rgba(234, 234, 234, 1);stroke-width: 2;transition: stroke-dashoffset 1.5s linear;stroke-dasharray: 1946; /* 경로의 총 길이 설정 */stroke-dashoffset: 1946;}
.progress-path { fill: none;stroke: rgba(109, 179, 176, .8);stroke-width: 2;stroke-dasharray: 1946; /* 경로의 총 길이 설정 */stroke-dashoffset: 1946; /* 경로의 총 길이로 시작 */transition: stroke-dashoffset 1.5s linear;}
.background-path01{border-top: 0.0538vw solid rgba(234, 234, 234, 1);;width: 103.2258vw;height: 21.1290vw;border-radius: 100%;background: transparent;flex-direction: column;top: 0.0000vw;}
.svg_p{bottom:-0.2151vw !important;}
}
@media (max-width:1280px) {
@keyframes wave {0% {width: 0;}100% {width: 100%;}}
@keyframes wave1 {0% {top:12.5000vw;opacity: 0;}100% {top:4.9844vw;opacity: 1;}}
@keyframes wave2 {0% {top:-0.6250vw;opacity: 0;}100% {top:-1.8156vw;opacity: 1;}}
@keyframes wave3 {0% {top:25.7813vw;opacity: 0;}100% {top:18.0219vw;opacity: 1;}}
@keyframes wave4 {0% {bottom:6.5625vw;opacity: 0;}100% {bottom:5.1188vw;opacity: 1;}}
@keyframes wave5 {0% {bottom:-9.7656vw;opacity: 0;}100% {bottom:-10.1563vw;opacity: 1;}}
.con_wrap{}
.con_wrap_mv{width:100%;}
.con_wrap .mv_tx{lefT:50%;top:48%;transform: translate(-50%,-50%);}
.con_wrap .mv_tx h1{font-size:3.5156vw;padding-bottom:2.3438vw;}
.con_wrap .mv_tx p{font-size:1.9531vw;font-weight:300}

.rection01{width:100%;}
.rection01 .re01{padding:15.6250vw 0 0;}
.rection01 .re01_tx{}
.rection01 .re01_tx h2{font-size:2.1875vw;padding-bottom:2.7344vw}
.rection01 .re01_tx h2 strong{font-weight:bold}
.rection01 .re01_tx p{font-size:1.3281vw;line-height:2.3438vw;}

.re01_cont01{max-width:150.0000vw;height:19.2188vw;
/*  */margin:5.0781vw auto 0 auto;}
.re01_cont01 .re01_sun{background:url(../img/sun.png) no-repeat;width:0;max-width:150.0000vw;height:19.2188vw;background-size:cover}
.re01_cont01 ul{max-width: 114.0625vw;justify-margin: 0 auto;height:100%}
.re01_cont01 ul li {    }
.re01_cont01 ul li h1{font-size:3.1250vw;}
.re01_cont01 ul li p{font-size:1.3281vw;    line-height: 1.7188vw;padding-top: 1.0156vw;}
.re01_cont01 ul li:first-child{top: 8.9844vw;opacity: 0;left:15.6250vw;}
.re01_cont01 ul li:nth-child(2){left: 35.0000vw;top: 3.9844vw;opacity: 0;}
.re01_cont01 ul li:nth-child(3){left: 51.5vw;top:22.4219vw;opacity: 0;}
.re01_cont01 ul li:nth-child(4){right:14.8438vw;bottom: 4.2188vw;opacity: 0;}
.re01_cont01 ul li:last-child{right: -4.4531vw;bottom: -5.1563vw;opacity: 0;}
.re01_cont01 ul li p:after{background:#419c98;width:1.0938vw;height:1.0938vw;border-radius:7.8125vw;left:50%;transform: translate(-50%, 0);}
.re01_cont01 ul li:first-child p:after{top: -7.8125vw;}
.re01_cont01 ul li:nth-child(2) p:after{bottom: -3.7500vw;}
.re01_cont01 ul li:nth-child(3) p:after{top: -7.8125vw;}
.re01_cont01 ul li:nth-child(4) p:after{bottom: -4.2188vw;}
.re01_cont01 ul li:last-child p:after{top: -7.8125vw;}

.count_w{right:1.8125vw;top:3.8125vw;align-items:center;gap:0 1.5625vw;}
.count_w > div{font-size:9.7656vw;}
.count_w p{font-size:1.7188vw;}
.counter-last{font-size:9.2188vw;}
.rection02 .re02{padding:20.3125vw 0 0;}
.re02_tx{}
.re02_tx span {font-size:1.3281vw;padding-bottom:1.9531vw;}
.re02_tx span img{padding-right:0.4688vw;}
.re02_tx p{font-size:1.9531vw;font-weight:300}
.re02_tx p strong{font-weight:bold}
.re02_cont{width:100%;height:100%;max-width:73.0469vw;margin:0 auto;padding: 12.5000vw 0;}
.orbit{justify-align-items:center;}
.orbit .orbit-context{justify-align-items:center;width:73.5156vw;height:33.9844vw}
.orbit .orbit-context svg{width:73.5156vw;height:33.9844vw}
.square{pointer-events:none;margin:0.3125vw;top:-0.7813vw;left:-0.7813vw;border-radius:7.8125vw;width:0.7813vw;height:0.7813vw;opacity:1;transition:opacity .3s ease-out;background-color:#419c98}
.re02_conho ul li.hover_content3{padding-left:12.1094vw;}
.re02_conho ul li{padding-bottom:7.2656vw;cursor: pointer;}
.re02_conho ul li strong{font-weight:bold}
.re02_conho ul li h1{font-size:9.3750vw;font-weight:500} 
.re02_conho ul li .ho_cont{align-items:center;gap:0 1.8750vw;}
.re02_conho ul li .ho_cont > div span{font-size:1.3281vw;padding-bottom: 1.5625vw;}
.re02_conho ul li .ho_cont > div{font-size:1.5625vw;flex-direction: column;padding-top: 1.6406vw;}
.re02_conho ul li .ho_cont02{flex-direction: row-reverse;}
.re02_conho ul li .ho_cont02 > div{text-align:right}
.hover_cont p{font-sizE:1.3281vw;line-height:2.1875vw;padding-bottom:2.7344vw;padding-top: 2.3438vw;}
.hover_cont img.st_video{width:32.2656vw;height:20.7031vw;border-radius:1.5625vw;border: 0.0781vw solid #fff;object-fit: cover;}
.hover_link{gap: 0 2.9688vw;}
.hover_link a{font-size:1.2500vw;color:#419c98}
.hover_link a img{padding-left:0.9375vw;padding-bottom: 0.1563vw;}
.re02_conho{padding:3.5156vw 0 0}
.orbit_wrap{height:50.5469vw;width:100%;}
.orbit{top:0;bottom:auto;}
.orbit02{bottom:0;top:auto;}

.rection03{}
.re03_container{cursor: url('../img/mouse_cu.png'), auto ;}
.re03_container .swiper-slide{justify-align-items: center;gap:0 8.5938vw;margin: 0 7.8125vw;width:85.9375vw;cursor: url('../img/mouse_cu.png'), auto ;}
.re03_container .swiper-slide.swiper01{}
.re03_container .swiper-slide .slide_img img{width:37.2656vw;height:38.3594vw;}
.re03_container .swiper-slide.swiper01 .slide_tx{}
.re03_container .swiper-slide .slide_tx h1{font-size:2.3438vw;padding-bottom:3.9063vw;}
.re03_container .swiper-slide .slide_tx p{font-size:1.4063vw;line-height:2.3438vw;padding-bottom:3.9063vw;cursor: pointer;}
.re03_container .swiper-slide .swiper_link{cursor: pointer;}
.re03_container .swiper-slide .swiper_link a{font-size:1.1719vw;}
.re03_container .swiper-slide .swiper_link a img{padding-left:0.3906vw;}
.re03_container .swiper-slide .swiper_link a.a_2{margin-left:3.0469vw;}
.re03_container .swiper-slide.swiper02 .swiper_link a{margin-right:2.2656vw;}
.re03_container .swiper-slide .swiper_link li:first-child{margin-bottom:0.9375vw;}
.re03_container .swiper-slide.swiper03 .swiper_link a{margin-right:1.2500vw;}
.re03_container .swiper-slide.swiper05 .swiper_link a{margin-right:1.2500vw;}
.re03_container .swiper-slide .slide_tx{opacity: 0;visibility: hidden;transform: translateY(3.9063vw);transition: all 0.4s linear;}
.re03_container .swiper-slide .slide_tx.show {opacity: 1;visibility: visible;transform: translateY(0);}
.re03_gnb_swiper .swiper-wrapper{justify-padding:4.6875vw 0 7.0313vw}
.re03_gnb_swiper .swiper-slide{width:auto !important;margin:0 1.6406vw;cursor: pointer;}
.re03_gnb_swiper .swiper-slide.swiper-slide-thumb-active .slide_tx{color:#449e9a}
.re03_gnb_swiper .swiper-slide .slide_tx{font-size:1.3281vw;color:#606060}
.re03_pagi{ top:50%; left:50%; width:100%; height:65.6250vw; border-radius:100%; border:0.0781vw solid #eaeaea;opacity:1; visibility:visible;transform: translate(-50%,-42%) scale3d(1.5, 1.5, 1.5) rotate3d(-1, 23, 37, 178deg);}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:transparent}
.rection04 .re04{padding:11.7188vw 0}
.re01_cont01{}
.re01_cont01 ul li.swiper-slide{opacity:1}

.re02_conho ul li:nth-child(1) .hover_cont{left:-7.8438vw;top:5.2031vw;}
.re02_conho ul li:nth-child(2) .hover_cont{right: -9.6875vw;bottom:-21.2188vw;}
.re02_conho ul li:nth-child(3) .hover_cont{left: -10.1563vw;top: 0.3906vw;}
.rection04 .re04{padding:17.9688vw 0 0}
.re04_cont{height:100%;grid-template-columns:repeat(var(--span),minmax(0,1fr));
--g:0.0694444444vw;--g:max(0.0625rem,0.0694444444vw);--w:calc(var(--span) / 8 * (100% + var(--g)));width:var(--w);right:calc(-1*var(--right)/var(--span)*var(--w))}
.re04_cont_li .re04_cont_tx{height:100%;flex-direction:column;justify-align-items:center;text-align:center}
.re04_cont_li .re04_cont_txh3{top:0;left:50%;margin-bottom:-.1em;margin-left:auto;transition:color .3s .2s;font-size:1.5625vw;transform: translate(-50%, 0);width:100%;}
.re04_cont_li .re04_cont_txh3 strong{font-size:1.5188vw;}
.re04_cont_li .re04_cont_txspan{transition:color .1s .05s;font-size:1.5188vw;line-height:2.7344vw;}
.re04_cont_li .re04_cont_txspan strong{font-weight:bold}
/* .re04_cont_li.re04_cont_li01{pointer-events:none} */
.re04_cont_li:hover{color:#000}
.re04_cont_li:hover:before{transform:scaleY(1);transition:transform .75s cubic-bezier(.19,1,.22,1)}
.re04_cont_li:hover .re04_cont_txh3{transition:color .1s}
.re04_content{width:100%;height:60.3906vw;max-width: 150.0000vw;margin:0 auto;}
.re04_bg_cont{width: 100%;height: 60.3906vw;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.re04_bg_cont > div{width:100%;height:100%;}
.re04_bg_01{background:url(../img/re04_bg01.png) no-repeat;max-width:150.0000vw;width:100%;height:60.3906vw;margin:0 auto;background-size: cover;}
.re04_bg_02{background:url(../img/re04_bg02_n_240617.png) no-repeat;max-width:150.0000vw;width:100%;height:60.3906vw;margin:0 auto;background-size: cover;}
.re04_bg_03{background:url(../img/re04_bg03.png) no-repeat;max-width:150.0000vw;width:100%;height:60.3906vw;margin:0 auto;background-size: cover;}
.re04_bg_04{background:url(../img/re04_bg04.png) no-repeat;max-width:150.0000vw;width:100%;height:60.3906vw;margin:0 auto;background-size: cover;}
.re04_bg_tx{padding: 5.4688vw 0 7.8125vw 4.0625vw;flex-direction: column;justify-width: 100%;height: 100%;}
.re04_bg_tx_top span{font-size:1.3281vw;padding-bottom:1.9531vw;}
.re04_bg_tx_top span img{padding-right:0.6250vw;}
.re04_bg_tx_top p{font-size:1.5969vw;line-height:2.6563vw;}
.re04_bg_tx_top p strong{font-weight:bold}
.re04_bg_tx_bottom span{font-size:1.5625vw;color:#818a8b}
.re04_bg_tx_bottom h1{font-size:2.9063vw;line-height:4.4688vw;padding-bottom:2.7344vw;padding-top:0.7813vw;}
.re04_bg_tx_bottom p{font-size:1.2844vw;line-height:2.5000vw;}
.re04_bg_cont .re04_bg_00 {transform: scale(1);transition: transform 5.2s ease-in-out;}
.re02_conho button{background:none;border:0}
.ho_cont01{}


/* ** */
.re04_cont_li {height: 100%;width: 100%;padding: 3.9063vw .1719vw;cursor: pointer;border-left: 0.0781vw solid rgba(255, 255, 255, 0.3);transition: color 0.3s;}
.re04_cont_li:before {bottom: 0;left: 0.0694444444vw;width: calc(100% - 0.0694444444vw);height: 100%;transform: scaleY(0);transition: transform 0.75s cubic-bezier(.19, 1, .22, 1);transform-origin: 50% 100%;}
.re04_cont_li:hover:before {transform: scaleY(1);}
/* .animate-this {opacity: 0;transform: translateY(2.3438vw);transition: all 1s ease;}
 */
.re04_bg_tx_top, .re04_bg_tx_bottom {opacity: 0 !important;transform: translateY(2.3438vw) !important;transition: opacity 1s ease, transform 1s ease;}
.re04_bg_tx_top.visible,.re04_bg_tx_bottom.visible{opacity: 1 !important;transform: translateY(0) !important;transition: all 1s ease;}
.re04_bg_tx.visible .re04_bg_tx_top, .re04_bg_tx.visible .re04_bg_tx_bottom {opacity: 1;transform: translateY(0);}
.re04_bg_cont .re04_bg_00 {  width: 100%;height: 60.3906vw;left: 50%;top: 50%;transform: translate(-50%, -50%);opacity: 0;transition: opacity 1s ease-in-out;}
.re04_bg_cont .re04_bg_00.visible {opacity: 1;animation: smoothTransform 2s ease-in-out;}
.re04_cont_li .re04_cont_tx{opacity: 0 ;transition: opacity 1s ease, transform 1s ease;}
.re04_cont_li .re04_cont_tx.visible {opacity: 1;/* transform: translateY(0.0000vw);transition: all 1s ease; */animation: visible1 1s ease-in-out;}

@keyframes visible1 {0% {transform: translateY(2.3438vw);opacity: 0;}100% {transform: translateY(0.0000vw);opacity: 1;}}
@keyframes smoothTransform {0% {transform: translate(-50%, -50%) scale(1.05);}100% { transform: translate(-50%, -50%) scale(1);}}

#myVideo01{width:100%;object-fit:cover}
.loader-counter {height: 8.2813vw;}
.rection02{padding:27.3438vw 0 0}
.rection02 .re02{padding:0}
.rection01 .re01_tx p.re01_tx01{margin-top:1.5625vw;}
.rection02 .re02_tx span{margin-bottom:0.5469vw}
.re02_cont{padding:6.6406vw 0}
.re02_conho{padding:6.4844vw 0 0}
.re02_conho ul li{padding-bottom:6.3281vw;}
.re02_conho ul li:nth-child(2){padding-bottom:4.6875vw;}
.hover_content2{justify-}
.re02_conho ul li > div{}
.re02_conho ul li:nth-child(1) .hover_cont{top:-10.8594vw;}
.re02_conho ul li:nth-child(2) .hover_cont{bottom:-6.8750vw;}
.rection03{padding:7.8125vw 0 0}
.loader-counter {height: 8.2813vw;}
.rection01 .re_btn03 a{width:10.0781vw;height:2.7344vw;font-size:0.9375vw;color:#46aca8}
.rection01 .u-btn-o .t{height:2.7344vw;padding-top:0;justify-padding-left:1.7188vw;}
.rection01 .u-btn-body{width:10.0781vw;height:2.7344vw;}
.rection01 .u-btn-g .o, .u-btn-o .o{height:2.7344vw;}
.re_btn03 a:before{left:auto;right:1.5625vw;background: url(../img/reb_icon.png) no-repeat;width:1.0156vw;height:0.3125vw;}
.re_btn03 a:hover:before{left:auto;right:1.5625vw;background: url(../img/reb_icon_on01.png) no-repeat;width:1.0156vw;height:0.3125vw;}

.rection01 .u-btn-body::before,.u-btn-body:after{left:0;top:0;width:100%}
.rection01 .u-btn-body{width:12.5000vw;height:3.9063vw;line-height:3.9063vw;position:relative}
.rection01 .u-btn-body::before{transition:transform var(--a-btn-hover-leave-s) var(--a-btn-hover-leave-e),border-radius var(--a-btn-hover-leave-s) var(--a-btn-hover-leave-e),background var(--a-color-s) var(--a-color-e);opacity:.8;transform:translate(0);height:100%;position:absolute}
.rection01 .u-btn-g .o,.u-btn-o .o{height:3.6719vw;line-height:0;z-index:3}
.rection01 .u-btn-body:after{border-radius:100%;height:100%;transform:translateY(110%);z-index:2}
.rection01 .u-btn-o .t{align-items:center;height:3.6719vw;justify-line-height:0;padding-top:0.0781vw;transition:transform var(--a-btn-hover-leave-s) var(--a-btn-hover-leave-e);    padding-left: 0.8594vw;}
.rection01 .u-btn-body .t:last-child{color:var(--c-black-0);}
.rection01 .u-btn-hv:hover .t{transform:translateY(-100%);transition:transform var(--a-btn-hover-enter-s) var(--a-btn-hover-enter-e);color:#fff}
.rection01 .u-btn-hv:hover .u-btn-body:after{border-radius:0;transform:translate(0);transition:transform var(--a-btn-hover-enter-s) var(--a-btn-hover-enter-e),border-radius var(--a-btn-hover-enter-s) var(--a-btn-hover-enter-e)}
.rection01 .re_btn03{margin:0 auto;}
.rection01 .re_btn03 a{margin:0 auto;font-weight:600}
.rection01 .re_btn03 .u-btn-o .t{padding-left:1.7969vw;}

.rection01 .re_btn03 a{width:12.5000vw;height:3.9063vw;font-size:1.0938vw;margin-top: 1.7969vw;}
.rection01 .u-btn-o .t{height:3.9063vw;padding-top:0;justify-padding-left:1.7188vw;}
.rection01 .u-btn-body{width:12.5000vw;height:3.9063vw;}
.rection01 .u-btn-g .o, .u-btn-o .o{height:3.9063vw;}
.rection01 .re_btn03 a:before{left:auto;right:1.5625vw;background: url(../img/reb_icon1.png) no-repeat;width:1.4063vw;height:0.4688vw;z-index:9}
.rection01 .re_btn03 a:hover:before{left:auto;right:1.5625vw;background: url(../img/reb_icon_on.png) no-repeat;width:1.4063vw;height:0.4688vw;}


.rection05{padding:11.3281vw 0;max-width:150.0000vw;margin:0 auto;}
.rection05 .plus{font-size:1.1719vw;}
.rection05 .re02_tx .plus img{padding-right:0.7813vw;}
.rection05 .plus img{animation:1.2s linear infinite plus;}
@keyframes plus {
  0%,100% {
	transform: translate(0.0000vw, -0.2344vw);
  }
  50%{ transform: translate(0.0000vw, 0.0000vw);}
  75% {
    transform: translate(0.0000vw, 0.2344vw);
  }
  80%{transform: translate(0.0000vw, 0.0000vw);}
}
.rection05 .swiper_before{width:100%;height:100%;}
.rection05 .swiper_before .plus{}
.rection05 .swiper_before.before01 .plus{top: 12.0313vw;left: 7.2656vw;}
.rection05 .swiper_before.before02 .plus{left:50%;bottom:14.1406vw}
.rection05 .swiper_before.before03 .plus{left:59%;top:15.2344vw}
.rection05 .swiper_before.before04 .plus{left:16%;bottom:15.2344vw;transform: translate(-50%, 0);}
.rection05 .swiper_before.before05 .plus{left:50%;top: 16.8750vw;transform: translate(-50%, 0);}
.rection05 .swiper_before.before06 .plus{bottom: 15.0000vw;right:5.6250vw;}
.rection05 .swiper_before.before07 .plus{left:64%;top:12.3438vw}
.rection05 .swiper_before.before08 .plus{left:69%;top:20.0000vw}
.rection05 .swiper_before.before09 .plus{left:59%;top:15.2344vw}
.rection05 .swiper_before.before10 .plus{left:59%;top:15.2344vw}

.rection05 .re02_tx1 .re02_tx{/*padding-bottom:5.8594vw;*/margin-bottom:0.6250vw;}
.rection05 .re02_tx2 .re02_tx{margin-bottom:1.8750vw;}
.rection05 .re02_tx span{padding-bottom:2.7344vw;font-weight:300}
.rection05 .re02_tx p{padding-bottom:4.4531vw;}
.re05_content{/* width:132.8125vw; */margin-right: unset;padding:7.8125vw 0 9.5313vw 15.6250vw}
.re05_content .swiper-wrapper{}
.re05_content .swiper-slide{width:21.2500vw !important;height:33.3594vw;margin:0 2.7344vw;}
.re05_content .swiper-slide:nth-child(3){top:-3.1250vw;}
.re05_content .swiper-slide:nth-child(4){bottom:-2.2656vw;}
.re05_content .swiper-slide:nth-child(5){bottom:-4.9219vw;}
.re05_content .swiper-slide:nth-child(7){top:-3.1250vw;}
.re05_content .swiper-slide:nth-child(8){bottom:-2.2656vw;}
.re05_content .swiper-slide:nth-child(9){bottom:-4.9219vw;}
.re05_content .swiper-slide:nth-child(11){top:-3.1250vw;}
.re05_content .swiper-slide:nth-child(12){bottom:-2.2656vw;}
.re05_content .swiper-slide:nth-child(13){bottom:-4.9219vw;}
.re05_content .swiper-slide .sw_tx{padding:2.1875vw 1.1719vw;}
.re05_content .swiper-slide .sw_tx.sm {padding:1.4063vw 1.1719vw 0;}
.re05_content .swiper-slide .sw_tx h1{font-size:1.3281vw;padding-bottom:1.0156vw;}
.re05_content .swiper-slide .sw_tx p{font-size:1.1719vw;color:#525252}
.re05_content .swiper-slide .sw_tx.sm p{font-size: 1.0938vw;}
.re05_content .swiper-slide .swiper_after{left:0;top:0;opacity: 0;background:#f5f5f5}
.re05_content .swiper-slide:hover .re05_content .swiper-slide .swiper_after{}
.rection05 .re_btn{width:12.5000vw;height:3.9063vw;line-height:3.7500vw;border-radius: 3.9063vw;font-size:1.0938vw;padding-left:1.7969vw;margin-top:0}
.rection05 .re_btn:hover {}
.rection06{padding:3.9063vw 0 11.3281vw}
.rection05 .slide_img.styled-media{width:21.2500vw;height:26.5625vw;}
.rection06{margin:0 auto;}
.split-lines {/**/padding: 0.3em 0;}
.single-line {margin: -0.4em -0.1em;}
.single-line-inner {padding: 0.2em 0.1em !important;/* margin:0 !important */}
.single-line {margin: 0em -0.1em;}
.single-line-inner {padding: 0em 0.1em;}
.overlay {top: 0;left: 0;width: 100%;height: 100%;}
.rection05 .u-btn-body::before,.u-btn-body:after{left:0;top:0;width:100%}
.rection05 .u-btn-body{width:12.5000vw;height:3.9063vw;line-height:3.9063vw;position:relative}
.rection05 .u-btn-body::before{transition:transform var(--a-btn-hover-leave-s) var(--a-btn-hover-leave-e),border-radius var(--a-btn-hover-leave-s) var(--a-btn-hover-leave-e),background var(--a-color-s) var(--a-color-e);opacity:.8;transform:translate(0);height:100%;position:absolute}
.rection05 .u-btn-g .o,.u-btn-o .o{height:3.6719vw;line-height:0;z-index:3}
.rection05 .u-btn-body:after{border-radius:100%;height:100%;transform:translateY(110%);z-index:2}
.rection05 .u-btn-o .t{align-items:center;height:3.6719vw;justify-line-height:0;padding-top:0.0781vw;transition:transform var(--a-btn-hover-leave-s) var(--a-btn-hover-leave-e);    padding-left: 0.8594vw;}
.rection05 .u-btn-body .t:last-child{color:var(--c-black-0);}
.rection05 .u-btn-hv:hover .t{transform:translateY(-100%);transition:transform var(--a-btn-hover-enter-s) var(--a-btn-hover-enter-e);color:#fff}
.rection05 .u-btn-hv:hover .u-btn-body:after{border-radius:0;transform:translate(0);transition:transform var(--a-btn-hover-enter-s) var(--a-btn-hover-enter-e),border-radius var(--a-btn-hover-enter-s) var(--a-btn-hover-enter-e)}
.rection05 .re_btn03{margin:0 auto;}
.rection05 .re_btn03 a{margin:0 auto;font-weight:600}
.rection05 .re_btn03 a::before{background: url(../cdam/theme/cdam/img/reb_icon1.png) no-repeat;left:auto;right:1.3281vw;width:1.4063vw;height:0.4688vw;}
.rection05 .re_btn03 a:hover::before{background: url(../cdam/theme/cdam/img/reb_icon_on.png) no-repeat;}
.rection05 .re_btn03 .u-btn-o .t{justify-padding-left:1.7969vw;}

.styled-media{}
.slide_img.styled-media{flex-direction: column;width: 37.2656vw;height:38.3594vw;border-radius:1.5625vw;}
.styled-media figure,
.styled-media-transition figure {width:100%;height:100%;}
.styled-media figure::before,
.styled-media-transition figure::before {padding-bottom: 125%;}
.styled-image {transition: 0.735s ease;transform: scale(1) rotate(0.001deg);}
.figure-outer {}
.figure-reveal {pointer-events: none;transform-origin: top;left: -0.0781vw;top: -0.0781vw;width: calc(100% + 0.1563vw);height: calc(100% + 0.1563vw);}
.styled-media figure::before {padding-bottom: 66.666%;}
.rection06 .styled-media{width: 21.2500vw;height: 26.5625vw;}
.styled-image.overlay img,.styled-image[data-ratio-status=true] img,
.styled-video.overlay video,.styled-video[data-ratio-status=true] video{top:0;left:0;width:100%;height:100%;object-fit:cover;position:absolute}
.styled-image,.styled-video{flex-direction:column;position:relative}
.styled-image img,.styled-image video{width:100%}
.styled-image.overlay,.styled-video.overlay{object-fit:cover;position:absolute}
.youtube_content{justify-gap:0 1.5625vw;max-width: 91.2500vw;margin:0 auto;border-bottom:0.0781vw solid #d6d6d6;padding-bottom:2.3438vw;}
.youtu_left iframe{width:58.9844vw;height:33.2031vw;}
.youtu_right{flex-direction:column;gap:0.7031vw 0}
.youtu_right img{width:13.7500vw;height:7.8125vw;border-radius:0.5469vw;}
.youtu_thumb{gap:0 1.3281vw;}
.youtu_thumb div{padding-top:1.1719vw;width:15.6250vw;}
.youtu_thumb h1{font-size:1.2500vw;padding-bottom:0.7813vw;}
.youtu_thumb p{font-size:1.1719vw;line-height:1.7969vw;}
.rection06 .re02_tx01 .re02_tx{margin-bottom:0.6250vw;}
.rection06 .re02_tx02 .re02_tx{margin-bottom:4.6875vw;}
.re_btn03 a{width:12.5000vw;height:3.9063vw;line-height:3.7500vw;font-size:1.0938vw;border:0.0781vw solid #46aca8;border-radius:3.9063vw;/* padding-left:1.4063vw; */margin-top:2.3438vw;overflow:hidden}
.re_btn03 a:before{background:url(../cdam/theme/cdam/img/youtube_icon00.png)no-repeat;width:1.2500vw;height:0.9375vw;top: 50%;transform: translate(0, -50%);left: 2.4219vw;}
.youtu_left div{padding-left:0.7813vw;}
.youtu_left div h1{font-size:1.2500vw;padding-top:1.9531vw;}
.youtu_left div p{font-size:1.3281vw;padding-top:1.3281vw;}

.re03_gnb_swiper .swiper-slide .slide_tx::after{background:#449e9a;width:0;height:0.1563vw;left:0;bottom:-0.3906vw;transition:.6s}
.re03_gnb_swiper .swiper-slide .slide_tx:hover::after{width:100%;}
.re03_gnb_swiper .swiper-slide.swiper-slide-thumb-active .slide_tx{}
.re03_gnb_swiper .swiper-slide.swiper-slide-thumb-active .slide_tx::after{animation-name: countingBar;animation-duration: 7s; animation-timing-function: ease-in;animation-iteration-count: 1;}
.re03_container .swiper-slide .swiper_link a{}
.re03_container .swiper-slide .swiper_link a::after{background:#ceb09d;width:0;height:0.1563vw;left:0;bottom:-0.3906vw;transition:.6s}
.re03_container .swiper-slide .swiper_link a:hover::after{width:100%;}
.re03_container .slide_img{width:36.8750vw;height:37.2656vw;border-radius: 1.5625vw;}
@keyframes countingBar {
    0% {width: 0;}
    100% {width:100%;}
}
.re03_container .swiper-slide-active .slide_img img{     top:0.0000vw; left:0; width:100%; height:100%; 
    transform:perspective(39.0625vw) scale(1.05) rotate(.001deg) translateZ(0); 
    -webkit-transform:perspective(39.0625vw) scale(1.05) rotate(.001deg) translateZ(0);  
    -moz-transform:perspective(39.0625vw) scale(1.05) rotate(.001deg) translateZ(0);  
    -ms-transform:perspective(39.0625vw) scale(1.05) rotate(.001deg) translateZ(0);  
    -o-transform:perspective(39.0625vw) scale(1.05) rotate(.001deg) translateZ(0);
    animation: re04_bg_ani forwards 5s 0.5s ease-in-out;
    -webkit-animation: re04_bg_ani forwards 5s 0.5s ease-in-out; 
    -moz-animation: re04_bg_ani forwards 5s 0.5s ease-in-out; 
    -ms-animation: re04_bg_ani forwards 5s 0.5s ease-in-out; 
    -o-animation: re04_bg_ani forwards 5s 0.5s ease-in-out;}
.rection03 .re02_tx span{margin-bottom:1.3281vw;}
.re03_gnb_swiper .swiper-wrapper{padding: 3.5156vw 0 5.8594vw;}
.re03_container .swiper-slide .slide_tx{width:41.1719vw;}
.re03_pagi > div {width:100%;height:100%;}
.re03_container::after{background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,0) 59%, rgba(255,255,255,0.7721463585434174) 81%, rgba(255,255,255,1) 100%);
right:0;top:0;width:27.3438vw;height:48.6719vw;}
.re03_container::before{background: rgb(255,255,255);
background: linear-gradient(274deg, rgba(255,255,255,0) 59%, rgba(255,255,255,0.7721463585434174) 81%, rgba(255,255,255,1) 100%);
left:0;top:0;width:27.3438vw;height:48.6719vw;}
.rection06 .wave-wrap{bottom:0;left:0;width:100%;height:100vh;z-index:-1}
.rection06 .wave{bottom:0;left:0;width:250.0000vw;height:36.5625vw;background:url('../img/re06_wave.svg') 50% 100%/100% repeat-x}
.rection06 .wave.wave1{opacity:.4;bottom:0;animation:20s linear infinite animate-wave-1;-webkit-animation:20s linear infinite animate-wave-1}
.rection06 .wave.wave2{opacity:.3;bottom:0;animation:10s linear infinite animate-wave-2;-webkit-animation:10s linear infinite animate-wave-2}
.rection06 .wave.wave3{opacity:.2;bottom:0;animation:30s linear infinite animate-wave-3;-webkit-animation:30s linear infinite animate-wave-3}
@keyframes animate-wave-1 {
  0% {
     background-position-x: 0;
  }
  100% {
     background-position-x: 125.0000vw;
  }
}

@keyframes animate-wave-2 {
  0% {
     background-position-x: 0;
  }
  100% {
     background-position-x: -125.0000vw;
  }
}

@keyframes animate-wave-3 {
  0% {
     background-position-x: 0;
  }
  100% {
     background-position-x: 125.0000vw;
  }
}
.pagination {bottom:-7.8125vw;width: 150.0000vw;height: 43.7500vw;align-items: center;left: 50%;transform: translate(-50%, 0);align-items: flex-end;}
.progress-sub-background{align-flex-wrap:wrap;width:100%;height:43.7500vw;}
.pagination .svg1{transform: rotate(180deg);}
.pagination svg {width: 150.0000vw;height: 10.7813vw;stroke-width: 2;bottom:0}
.background-path{fill: none;stroke: rgba(234, 234, 234, 1);stroke-width: 2;transition: stroke-dashoffset 1.5s linear;stroke-dasharray: 1946; /* 경로의 총 길이 설정 */stroke-dashoffset: 1946;}
.progress-path { fill: none;stroke: rgba(109, 179, 176, .8);stroke-width: 2;stroke-dasharray: 1946; /* 경로의 총 길이 설정 */stroke-dashoffset: 1946; /* 경로의 총 길이로 시작 */transition: stroke-dashoffset 1.5s linear;}
.background-path01{border-top: 0.0781vw solid rgba(234, 234, 234, 1);;width: 150.0000vw;height: 30.7031vw;border-radius: 100%;background: transparent;flex-direction: column;top: 0.0000vw;}
.svg_p{bottom:-0.3125vw !important;}
}
@media (max-width:960px) {

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

@keyframes wave1 {0% {top:13.1250vw;opacity: 0;}100% {top:7.7500vw;opacity: 1;}}
@keyframes wave2 {0% {top:-6.0000vw;opacity: 0;}100% {top:-1.7500vw;opacity: 1;}}
@keyframes wave3 {0% {bottom:-14.2500vw;opacity: 0;}100% {bottom:-10.5000vw;opacity: 1;}}
@keyframes wave4 {0% {bottom:10.5000vw;opacity: 0;}100% {bottom:6.0000vw;opacity: 1;}}
@keyframes wave5 {0% {bottom:-15.6250vw;opacity: 0;}100% {bottom:-11.7500vw;opacity: 1;}}
.con_wrap{}
.con_wrap_mv{width:100%;height:124.1892vw;}
.con_wrap .mv_tx{lefT:50%;top:50%;transform: translate(-50%,-50%);}
.con_wrap .mv_tx h1{font-size:6.0811vw;padding-bottom:4.0541vw;}
.con_wrap .mv_tx p{font-size:3.3784vw;font-weight:300}
.mv_h1{font-size:5.6250vw;padding-bottom:1.8750vw;}
.mv_p{font-size:3.1250vw;font-weight:300}
.swiper-pagination1{top:66%}

.rection01{width:100%;}
.rection01 .re01{padding:27.0270vw 0 0;}
.rection01 .re01_tx{}
.rection01 .re01_tx h2{font-size:3.7838vw;padding-bottom:4.7297vw}
.rection01 .re01_tx h2 strong{font-weight:bold}
.rection01 .re01_tx p{font-size:2.2973vw;line-height:4.0541vw;}

.re01_cont01{background:none}
.re01_cont01.re01_cont011 {border-top: 2px solid #dfdfdf;}
.re01_cont01 ul{margin: 0 auto;height:100%;background: none;width: 100%;height: 33.2432vw;background-size:cover;max-width:none;}
.re01_cont01 ul li {     position: unset;}
.re01_cont01 ul li.swiper-slide{width:21.6216vw !important}
.re01_cont01 ul li h1{font-size:5.4054vw;}
.re01_cont01 ul li p{font-size:2.2973vw;line-height: 2.9730vw;padding-top: 1.7568vw;}
.re01_cont01 ul li{padding-top:7.1892vw;}
.re01_cont01 ul li p:after{background:#419c98;width:1.8919vw;height:1.8919vw;border-radius:13.5135vw;left:50%;transform: translate(-50%, 0);}
.re01_cont01 ul li p:after{top: -13.5135vw !important;}

.count_w{right:3.5135vw;top:5.5135vw;align-items:center;gap:0 2.7027vw;}
.count_w > div{font-size:13.8919vw;}
.count_w p{font-size:2.9730vw;}
.counter-last{font-size:15.9459vw;}
.rection02{}
.rection02 .re02{padding:35.1351vw 0 0;}
.re02_tx{}
.re02_tx span {font-size:2.2973vw;padding-bottom:3.3784vw;}
.re02_tx span img{padding-right:0.8108vw;}
.re02_tx p{font-size:3.3784vw;font-weight:300}
.re02_tx p strong{font-weight:bold}
.re02_cont{width:100%;height:100%;max-width:126.3514vw;margin:0 auto;padding: 21.6216vw 0;}
.orbit{justify-align-items:center;}
.orbit .orbit-context{justify-align-items:center;width:100%;height:100%}
.orbit .orbit-context svg{width:100%;height:100%}
.square{pointer-events:none;margin:0.5405vw;top:-1.3514vw;left:-1.3514vw;border-radius:13.5135vw;width:1.3514vw;height:1.3514vw;opacity:1;transition:opacity .3s ease-out;background-color:#419c98}
.re02_conho ul li.hover_content3{padding-left:3.9459vw;}
.re02_conho ul li{padding-bottom:12.5676vw;cursor: pointer;}
.re02_conho ul li strong{font-weight:bold}
.re02_conho ul li h1{font-size:14.2162vw;font-weight:500;} 
.re02_conho ul li .ho_cont{gap:0 3.2432vw;}
.re02_conho ul li .ho_cont > div span{font-size:4.2973vw;padding-bottom: 2.7027vw;}
.re02_conho ul li .ho_cont > div{font-size:3.7027vw;flex-direction: column;padding-top: 2.8378vw;padding-left:0vw;}
.re02_conho ul li .ho_cont02{flex-direction: column;}
.re02_conho ul li .ho_cont02 > div{text-align:left;padding-left: 0.75vw;}
.hover_cont p{font-sizE:2.2973vw;line-height:3.7838vw;padding-bottom:4.7297vw;padding-top: 4.0541vw;}
.hover_cont img.st_video{width:55.8108vw;height:35.8108vw;border-radius:2.7027vw;border: 0.1351vw solid #fff;object-fit: cover;}
.hover_link{gap: 0 5.1351vw;}
.hover_link a{font-size:2.1622vw;color:#419c98}
.hover_link a img{padding-left:1.6216vw;padding-bottom: 0.2703vw;}
.re02_conho{padding:6.0811vw 0 0}
.orbit_wrap{height:75.4324vw;width:100%;display:none}
.orbit{top:0;bottom:auto;}
.orbit02{bottom:0;top:auto;}

.rection03{}
.re03_container{cursor: url('../img/mouse_cu.png'), auto ;}
.re03_container .swiper-slide{justify-align-items: center;gap:0 14.8649vw;margin: 0 13.5135vw;width:148.6486vw;cursor: url('../img/mouse_cu.png'), auto ;
flex-direction:column;}
.re03_container .swiper-slide.swiper01{}
.re03_container .swiper-slide .slide_img{margin-bottom:6.7568vw;}
.re03_container .swiper-slide .slide_img img{width:100%;height:100%;}
.re03_container .swiper-slide.swiper01 .slide_tx{}
.re03_container .swiper-slide .slide_tx h1{font-size:4.0541vw;padding-bottom:6.7568vw;}
.re03_container .swiper-slide .slide_tx p{font-size:2.4324vw;line-height:4.0541vw;padding-bottom:6.7568vw;cursor: pointer;}
.re03_container .swiper-slide .swiper_link{cursor: pointer;}
.re03_container .swiper-slide .swiper_link a{font-size:2.0270vw;}
.re03_container .swiper-slide .swiper_link a img{padding-left:0.6757vw;}
.re03_container .swiper-slide .swiper_link a.a_2{margin-left:5.2703vw;}
.re03_container .swiper-slide.swiper02 .swiper_link a{margin-right:3.9189vw;}
.re03_container .swiper-slide .swiper_link li:first-child{margin-bottom:1.6216vw;}
.re03_container .swiper-slide.swiper03 .swiper_link a{margin-right:2.1622vw;}
.re03_container .swiper-slide.swiper05 .swiper_link a{margin-right:2.1622vw;}
.re03_container .swiper-slide .slide_tx{opacity: 0;visibility: hidden;transform: translateY(6.7568vw);transition: all 0.4s linear;}
.re03_container .swiper-slide .slide_tx.show {opacity: 1;visibility: visible;transform: translateY(0);}
.re03_gnb_swiper .swiper-wrapper{justify-padding:8.1081vw 0 12.1622vw}
.re03_gnb_swiper .swiper-slide{width:auto !important;margin:0 2.8378vw;cursor: pointer;}
.re03_gnb_swiper .swiper-slide.swiper-slide-thumb-active .slide_tx{color:#449e9a}
.re03_gnb_swiper .swiper-slide .slide_tx{font-size:2.2973vw;color:#606060}
.re03_pagi{ top:50%; left:50%; width:100%; height:113.5135vw; border-radius:100%; border:0.1351vw solid #eaeaea;opacity:1; visibility:visible;transform: translate(-50%,-42%) scale3d(1.5, 1.5, 1.5) rotate3d(-1, 23, 37, 178deg);}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:transparent}
.rection04 .re04{padding:20.2703vw 0}
.re01_cont01{}
.re01_cont01 ul li.swiper-slide{}

.rection04 .re04{padding:31.0811vw 0 0}
.re04_cont{height:100%;grid-template-columns:repeat(var(--span),minmax(0,1fr));
--g:0.0694444444vw;--g:max(0.0625rem,0.0694444444vw);--w:calc(var(--span) / 8 * (100% + var(--g)));width:var(--w);right:calc(-1*var(--right)/var(--span)*var(--w))}
.re04_cont_li{height:100%;width:100%;grid-column:span 1;padding:6.7568vw 2.0270vw;will-change:transform,opacity;cursor:pointer;border-left: 0.1351vw solid rgba(255, 255, 255, .3);}
.re04_cont_li:before{bottom:0;left:.0694444444vw;width:calc(100% - .0694444444vw);height:100%;transform:scaleY(0);transition:transform .4s;transform-origin:50% 100%}
.re04_cont_li .re04_cont_tx{height:100%;flex-direction:column;justify-align-items:center;text-align:center}
.re04_cont_li .re04_cont_txh3{top:0;left:50%;margin-bottom:-.1em;margin-left:auto;transition:color .3s .2s;font-size:2.7027vw;transform: translate(-50%, 0);width:100%;}
.re04_cont_li .re04_cont_txh3 strong{font-size:2.9730vw;}
.re04_cont_li .re04_cont_txspan{transition:color .1s .05s;font-size:2.9730vw;line-height:4.7297vw;}
.re04_cont_li .re04_cont_txspan strong{font-weight:bold}
/* .re04_cont_li.re04_cont_li01{pointer-events:none} */
.re04_cont_li:hover{color:#000}
.re04_cont_li:hover:before{transform:scaleY(1);transition:transform .75s cubic-bezier(.19,1,.22,1)}
.re04_cont_li:hover .re04_cont_txh3{transition:color .1s}
.re04_content{width:100%;height:104.4595vw;max-width: 259.4595vw;margin:0 auto;}
.re04_bg_cont{width: 100%;height: 104.4595vw;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.re04_bg_cont > div{width:100%;height:100%;}
.re04_bg_01{background:url(../img/re04_bg01.png) no-repeat;max-width:259.4595vw;width:100%;height:104.4595vw;margin:0 auto;background-size: cover;}
.re04_bg_02{background:url(../img/re04_bg02.png) no-repeat;max-width:259.4595vw;width:100%;height:104.4595vw;margin:0 auto;background-size: cover;}
.re04_bg_03{background:url(../img/re04_bg03.png) no-repeat;max-width:259.4595vw;width:100%;height:104.4595vw;margin:0 auto;background-size: cover;}
.re04_bg_04{background:url(../img/re04_bg04.png) no-repeat;max-width:259.4595vw;width:100%;height:104.4595vw;margin:0 auto;background-size: cover;}
.re04_bg_tx{padding: 9.4595vw 0 13.5135vw 24.3243vw;flex-direction: column;justify-width: 100%;height: 100%;}
.re04_bg_tx_top span{font-size:2.2973vw;padding-bottom:3.3784vw;}
.re04_bg_tx_top span img{padding-right:1.0811vw;}
.re04_bg_tx_top p{font-size:3.1081vw;line-height:4.5946vw;}
.re04_bg_tx_top p strong{font-weight:bold}
.re04_bg_tx_bottom span{font-size:2.7027vw;color:#818a8b}
.re04_bg_tx_bottom h1{font-size:6.7568vw;line-height:9.4595vw;padding-bottom:4.7297vw;padding-top:1.3514vw;}
.re04_bg_tx_bottom p{font-size:2.5676vw;line-height:4.3243vw;}
.re04_bg_cont .re04_bg_00 {transform: scale(1);transition: transform 5.2s ease-in-out;}

/* 장비소개 배너 */
.equipment-sect{overflow: hidden;}
.main-full-sect{min-height: 576px; max-height: 1200px;}
.main-full-sect.equipment-sect{max-height: 738px;}
.equipment__bg{position: absolute; top:0; left:0; width: 100%; height: 100%; z-index: -1; background: url(../img/equipment-bg-1on1.jpg)0 0 /cover no-repeat; transform: scale(1.05);}
.equipment__list,
.equipment-sect .column_quarter{height: 100%; overflow: hidden;}

.equipment__list{position: relative; z-index: 2;}
.equipment__list li{position: relative; border-right: 1px solid rgba(241,237,234,.3);}
.equipment__list li:last-child{border-right: 0;}

.equipment__list-inner {position: absolute; top:48%; width: 90%; left:5%;}
.equipment__list-inner .title{width:10rem; height: 10rem; position: relative; margin-left: auto; margin-right: auto; text-align: center; padding: 3.5rem 0 0;}
.equipment__list-inner .title.line2{padding: 2rem 0 0;}
.equipment__list-inner .title .anim-elem{position: absolute; top:50%; left:50%; transform: translate(-50%,-50%);}

.equipment__list .column_quarter:not(.hover) .equipment__list-titles {
  transition: .5s ease;
  -webkit-transition: .5s ease;
  -moz-transition: .5s ease;
  -ms-transition: .5s ease;
  -o-transition: .5s ease;
  
}
.equipment__list .column_quarter.hover .equipment__list-titles{
  animation: bounceTitle 1s ease forwards;
  -webkit-animation: bounceTitle 1s ease forwards;
}
.equipment__list:hover .column_quarter:not(.hover) .equipment__list-titles{opacity: 0.25;}
.equipment__list .column_quarter .equipment__list-titles .sm-title{ transition:.5s ease; -webkit-transition:.5s ease; -moz-transition:.5s ease; -ms-transition:.5s ease; -o-transition:.5s ease; }
.equipment__list:hover .column_quarter .equipment__list-titles .sm-title{color: #fff;}

@keyframes bounceTitle {
  0%{
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
  50%{
    transform: translateY(-15%);
    -webkit-transform: translateY(-15%);
    -moz-transform: translateY(-15%);
    -ms-transform: translateY(-15%);
    -o-transform: translateY(-15%);
}
  100%{
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
}
}

.equipment-sect .hover-txt{position: absolute; font-size: 7.5rem; opacity: 0; top:-7%; left:0; text-align: center; width: 100%; color: #fff; font-weight: 300; transition:.5s ease;}
.equipment-sect .hover .hover-txt{opacity:1; top:18%;}
.hover-arrow{ width: 69px; height: 69px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; -ms-border-radius:50%; -o-border-radius:50%; border:1px solid rgba(247,247,247,.43); position: absolute; bottom:20%; left:calc(50% - 34.5px); background: url(../img/right-arrow.svg)50% 50% /25px no-repeat;}

.equipment-menu-item{ position: absolute; top:0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: 0 0; z-index: 0; opacity: 0; visibility: hidden; transition:1s ease-out; -webkit-transition:.6s ease-out; -moz-transition:1s ease-out; -ms-transition:1s ease-out; -o-transition:1s ease-out; }
/* .equipment-menu-item.onebyone{ background-image: url(../img/equipment-bg-1on1.jpg);} */
.equipment-menu-item.equip{ background-image: url(../img/equipment-bg02-equipment-210621.jpg);}
.equipment-menu-item.quality{ background-image: url(../img/equipment-quality-bg-210622.jpg);}
.equipment-menu-item.seminar{ background-image: url(../img/equipment-seminar-none-210621.jpg);}

.equipment-menu-item.hover{ z-index: 1; opacity: 1; visibility: visible;  transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); }

.equipment-menu-item:not(.hover){z-index: 0; opacity: 0; visibility: hidden; transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05);}

.main-full-sect.equipment-sect,.main-equipment-sect.m_100{margin-bottom: 0;}
.main-equipment-slider.swiper-container-horizontal>.swiper-scrollbar{display: none;}
.equipment__list li{width: 100%; }
.hover-arrow{display: none;}
.equipment-sect .column_quarter{height: 25%;}
.equipment__list-inner{ width: 64%; left: 18%; top: 50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); }
.equipment-sect .hover-txt, .equipment-sect .hover .hover-txt{top:22%; left:auto; right:0%; width: 80px;}
.equipment__list:hover .column_quarter:not(.hover) .equipment__list-titles{ transform:scale(0.8); -webkit-transform:scale(0.8); -moz-transform:scale(0.8); -ms-transform:scale(0.8); -o-transform:scale(0.8); }
.equipment__bg,
.equipment-menu-item.onebyone{background-image: url(../img/re04_bg01.png);}
.equipment-menu-item.equip{background-image: url(../img/re04_bg02.png);}
.equipment-menu-item.quality{background-image: url(../img/re04_bg02_n_240617.png);}
.equipment-menu-item.seminar{background-image: url(../img/re04_bg04.png);}
.re02_conho button{background:none;border:0}
.ho_cont01{}
.re02_conho ul li:nth-child(1) .hover_cont{left:-45.9459vw;top:18.7838vw;}
.re02_conho ul li:nth-child(2) .hover_cont{bottom:-36.7568vw}
.re02_conho ul li:nth-child(3) .hover_cont{left:-34.8649vw;top:0.6757vw}
.equipment-sect .column_quarter{color:#fff}



/* ** */
.re04_cont_li {height: 100%;width: 100%;padding: 6.7568vw 2.0270vw;cursor: pointer;border-left: 0.1351vw solid rgba(255, 255, 255, 0.3);transition: color 0.3s;}
.re04_cont_li:before {bottom: 0;left: 0.0694444444vw;width: calc(100% - 0.0694444444vw);height: 100%;transform: scaleY(0);transition: transform 0.75s cubic-bezier(.19, 1, .22, 1);transform-origin: 50% 100%;}
.re04_cont_li:hover:before {transform: scaleY(1);}
/* .animate-this {opacity: 0;transform: translateY(4.0541vw);transition: all 1s ease;}
 */
.re04_bg_tx_top, .re04_bg_tx_bottom {opacity: 0 !important;transform: translateY(4.0541vw) !important;transition: opacity 1s ease, transform 1s ease;}
.re04_bg_tx_top.visible,.re04_bg_tx_bottom.visible{opacity: 1 !important;transform: translateY(0) !important;transition: all 1s ease;}
.re04_bg_tx.visible .re04_bg_tx_top, .re04_bg_tx.visible .re04_bg_tx_bottom {opacity: 1;transform: translateY(0);}
.re04_bg_cont .re04_bg_00 {  width: 100%;height: 104.4595vw;left: 50%;top: 50%;transform: translate(-50%, -50%);opacity: 0;transition: opacity 1s ease-in-out;}
.re04_bg_cont .re04_bg_00.visible {opacity: 1;animation: smoothTransform 2s ease-in-out;}
.re04_cont_li .re04_cont_tx{opacity: 0 ;transition: opacity 1s ease, transform 1s ease;}
.re04_cont_li .re04_cont_tx.visible {opacity: 1;/* transform: translateY(0.0000vw);transition: all 1s ease; */animation: visible1 1s ease-in-out;}

@keyframes visible1 {0% {transform: translateY(4.0541vw);opacity: 0;}100% {transform: translateY(0.0000vw);opacity: 1;}}
@keyframes smoothTransform {0% {transform: translate(-50%, -50%) scale(1.05);}100% { transform: translate(-50%, -50%) scale(1);}}

.main-visual .swiper-mv-img{background-position: 77% 50%;}
.main-visual .swiper-mv-img.swiper-mv-img01{background-position: 77% 50%;}
.swiper-pagination-bullet{margin-right:0.8750vw}
#myVideo01{width:100%;object-fit:cover;max-width:240.0000vw;margin:0 auto;}
.rection02{padding:43.7500vw 0 0;background: url(../img/re03_bg.png) no-repeat;width:100%;background-size: 100% 132.6250vw;}
.rection02 .re02{padding:0}
.rection01 .re01_tx p.re01_tx01{margin-top:2.5000vw;}
.rection02 .re02_tx span{margin-bottom:0.8750vw}
.re02_cont{padding:10.6250vw 0}
.re02_conho{padding:10.3750vw 0 0}
.re02_conho ul li{padding-bottom:10.1250vw;}
.re02_conho ul li:nth-child(2){padding-bottom:7.5000vw;}
.re02_conho ul li .hover_cont{position: unset;opacity: 1;}
.re02_conho ul li > div{display: flex;flex-wrap: wrap;justify-content: center;gap: 6.2500vw 0;}
.rection03{padding:12.5000vw 0 0;}
.loader-counter {height: 13.2500vw;}
.hover_link a{}
.hover_link a::after{background:#46aca8;width:0;height:0.2500vw;left:0;bottom:-0.6250vw;transition:.6s}
.hover_link a:hover::after{width:100%;}

.rection01 .u-btn-body::before,.u-btn-body:after{left:0;top:0;width:100%}
.rection01 .u-btn-body{width:20.0000vw;height:6.2500vw;line-height:6.2500vw;position:relative}
.rection01 .u-btn-body::before{transition:transform var(--a-btn-hover-leave-s) var(--a-btn-hover-leave-e),border-radius var(--a-btn-hover-leave-s) var(--a-btn-hover-leave-e),background var(--a-color-s) var(--a-color-e);opacity:.8;transform:translate(0);height:100%;position:absolute}
.rection01 .u-btn-g .o,.u-btn-o .o{height:5.8750vw;line-height:0;z-index:3}
.rection01 .u-btn-body:after{border-radius:100%;height:100%;transform:translateY(110%);z-index:2}
.rection01 .u-btn-o .t{align-items:center;height:5.8750vw;justify-line-height:0;padding-top:0.1250vw;transition:transform var(--a-btn-hover-leave-s) var(--a-btn-hover-leave-e);    padding-left: 1.3750vw;}
.rection01 .u-btn-body .t:last-child{color:var(--c-black-0);}
.rection01 .u-btn-hv:hover .t{transform:translateY(-100%);transition:transform var(--a-btn-hover-enter-s) var(--a-btn-hover-enter-e);color:#fff}
.rection01 .u-btn-hv:hover .u-btn-body:after{border-radius:0;transform:translate(0);transition:transform var(--a-btn-hover-enter-s) var(--a-btn-hover-enter-e),border-radius var(--a-btn-hover-enter-s) var(--a-btn-hover-enter-e)}
.rection01 .re_btn03{margin:0 auto;}
.rection01 .re_btn03 a{margin:0 auto;font-weight:600}
.rection01 .re_btn03 .u-btn-o .t{padding-left:2.8750vw;}


.rection01 .re_btn03 a{width:20.0000vw;height:6.2500vw;font-size:1.7500vw;margin-top: 2.8750vw;}
.rection01 .u-btn-o .t{height:6.2500vw;padding-top:0;justify-padding-left:2.7500vw;}
.rection01 .u-btn-body{width:20.0000vw;height:6.2500vw;}
.rection01 .u-btn-g .o, .u-btn-o .o{height:6.2500vw;}
.rection01 .re_btn03 a:before{left:auto;right:2.5000vw;background: url(../img/reb_icon1.png) no-repeat;width:2.2500vw;height:0.7500vw;z-index:9}
.rection01 .re_btn03 a:hover:before{left:auto;right:2.5000vw;background: url(../img/reb_icon_on.png) no-repeat;width:2.2500vw;height:0.7500vw;}


.rection06{padding:6.2500vw 0 18.1250vw}
.rection05 .slide_img.styled-media{width:34.0000vw;height:42.5000vw;}
.rection06{margin:0 auto;}
.split-lines {/**/padding: 0.3em 0;}
.single-line {margin: -0.4em -0.1em;}
.single-line-inner {padding: 0.2em 0.1em !important;/* margin:0 !important */}
.single-line {margin: 0em -0.1em;}
.single-line-inner {padding: 0em 0.1em;}
.overlay {top: 0;left: 0;width: 100%;height: 100%;}
.rection05{padding:18.1250vw 0;max-width:240.0000vw;margin:0 auto;}
.rection05 .plus{font-size:1.8750vw;}
.rection05 .re02_tx .plus img{padding-right:1.2500vw;}
.rection05 .plus img{animation:1.2s linear infinite plus;}
@keyframes plus {
  0%,100% {
	transform: translate(0.0000vw, -0.3750vw);
  }
  50%{ transform: translate(0.0000vw, 0.0000vw);}
  75% {
    transform: translate(0.0000vw, 0.3750vw);
  }
  80%{transform: translate(0.0000vw, 0.0000vw);}
}
.rection05 .swiper_before{width:100%;height:100%;}
.rection05 .swiper_before .plus{}
.rection05 .swiper_before.before01 .plus{top: 19.2500vw;left: 11.6250vw;}
.rection05 .swiper_before.before02 .plus{left:50%;bottom:22.6250vw}
.rection05 .swiper_before.before03 .plus{left:59%;top:24.3750vw}
.rection05 .swiper_before.before04 .plus{left:16%;bottom:24.3750vw;transform: translate(-50%, 0);}
.rection05 .swiper_before.before05 .plus{left:50%;top: 27.0000vw;transform: translate(-50%, 0);}
.rection05 .swiper_before.before06 .plus{bottom: 24.0000vw;right:9.0000vw;}
.rection05 .swiper_before.before07 .plus{left:64%;top:19.7500vw}
.rection05 .swiper_before.before08 .plus{left:69%;top:32.0000vw}
.rection05 .swiper_before.before09 .plus{left:59%;top:24.3750vw}
.rection05 .swiper_before.before10 .plus{left:59%;top:24.3750vw}

.rection05 .re02_tx1 .re02_tx{/*padding-bottom:9.3750vw;*/margin-bottom:1.0000vw;}
.rection05 .re02_tx2 .re02_tx{margin-bottom:3.0000vw;}
.rection05 .re02_tx span{padding-bottom:4.3750vw;font-weight:300}
.rection05 .re02_tx p{padding-bottom:7.1250vw;}
.re05_content{/* width:212.5000vw; */margin-right: unset;padding:12.5000vw 0 15.2500vw 25.0000vw}
.re05_content .swiper-wrapper{}
.re05_content .swiper-slide{width:34.0000vw !important;height:53.3750vw;margin:0 4.3750vw;}
.re05_content .swiper-slide:nth-child(3){top:-5.0000vw;}
.re05_content .swiper-slide:nth-child(4){bottom:-3.6250vw;}
.re05_content .swiper-slide:nth-child(5){bottom:-7.8750vw;}
.re05_content .swiper-slide:nth-child(7){top:-5.0000vw;}
.re05_content .swiper-slide:nth-child(8){bottom:-3.6250vw;}
.re05_content .swiper-slide:nth-child(9){bottom:-7.8750vw;}
.re05_content .swiper-slide:nth-child(11){top:-5.0000vw;}
.re05_content .swiper-slide:nth-child(12){bottom:-3.6250vw;}
.re05_content .swiper-slide:nth-child(13){bottom:-7.8750vw;}
.re05_content .swiper-slide .sw_tx{padding:3.5000vw 1.8750vw;}
.re05_content .swiper-slide .sw_tx.sm {padding:2.2500vw 1.8750vw 0;}
.re05_content .swiper-slide .sw_tx h1{font-size:2.1250vw;padding-bottom:1.6250vw;}
.re05_content .swiper-slide .sw_tx p{font-size:1.8750vw;color:#525252}
.re05_content .swiper-slide .sw_tx.sm p{font-size: 1.7500vw;}
.re05_content .swiper-slide .swiper_after{left:0;top:0;opacity: 0;background:#f5f5f5}
.re05_content .swiper-slide:hover .re05_content .swiper-slide .swiper_after{}
.rection05 .re_btn{width:20.0000vw;height:6.2500vw;line-height:6.0000vw;border-radius: 6.2500vw;font-size:1.7500vw;padding-left:2.8750vw;margin-top:0}
.rection05 .re_btn:hover {}
.rection05 .u-btn-body::before,.u-btn-body:after{left:0;top:0;width:100%}
.rection05 .u-btn-body{width:20.0000vw;height:6.2500vw;line-height:6.2500vw;position:relative}
.rection05 .u-btn-body::before{transition:transform var(--a-btn-hover-leave-s) var(--a-btn-hover-leave-e),border-radius var(--a-btn-hover-leave-s) var(--a-btn-hover-leave-e),background var(--a-color-s) var(--a-color-e);opacity:.8;transform:translate(0);height:100%;position:absolute}
.rection05 .u-btn-g .o,.u-btn-o .o{height:5.8750vw;line-height:0;z-index:3}
.rection05 .u-btn-body:after{border-radius:100%;height:100%;transform:translateY(110%);z-index:2}
.rection05 .u-btn-o .t{align-items:center;height:5.8750vw;justify-line-height:0;padding-top:0.1250vw;transition:transform var(--a-btn-hover-leave-s) var(--a-btn-hover-leave-e);    padding-left: 1.3750vw;}
.rection05 .u-btn-body .t:last-child{color:var(--c-black-0);}
.rection05 .u-btn-hv:hover .t{transform:translateY(-100%);transition:transform var(--a-btn-hover-enter-s) var(--a-btn-hover-enter-e);color:#fff}
.rection05 .u-btn-hv:hover .u-btn-body:after{border-radius:0;transform:translate(0);transition:transform var(--a-btn-hover-enter-s) var(--a-btn-hover-enter-e),border-radius var(--a-btn-hover-enter-s) var(--a-btn-hover-enter-e)}
.rection05 .re_btn03{margin:0 auto;}
.rection05 .re_btn03 a{margin:0 auto;font-weight:600}
.rection05 .re_btn03 a::before{background: url(../cdam/theme/cdam/img/reb_icon1.png) no-repeat;left:auto;right:2.1250vw;width:2.2500vw;height:0.7500vw;z-index:9}
.rection05 .re_btn03 a:hover::before{background: url(../cdam/theme/cdam/img/reb_icon_on.png) no-repeat;}
.rection05 .re_btn03 .u-btn-o .t{justify-padding-left:2.8750vw;}

.styled-media{}
.slide_img.styled-media{flex-direction: column;width: 59.6250vw;height:61.3750vw;border-radius:2.5000vw;}
.styled-media figure,
.styled-media-transition figure {width:100%;height:100%;}
.styled-media figure::before,
.styled-media-transition figure::before {padding-bottom: 125%;}
.styled-image {transition: 0.735s ease;transform: scale(1) rotate(0.001deg);}
.figure-outer {}
.figure-reveal {pointer-events: none;transform-origin: top;left: -0.1250vw;top: -0.1250vw;width: calc(100% + 0.2500vw);height: calc(100% + 0.2500vw);}
.styled-media figure::before {padding-bottom: 66.666%;}
.rection06 .styled-media{width: 34.0000vw;height: 42.5000vw;}
.styled-image.overlay img,.styled-image[data-ratio-status=true] img,
.styled-video.overlay video,.styled-video[data-ratio-status=true] video{top:0;left:0;width:100%;height:100%;object-fit:cover;position:absolute}
.styled-image,.styled-video{flex-direction:column;position:relative}
.styled-image img,.styled-image video{width:100%}
.styled-image.overlay,.styled-video.overlay{object-fit:cover;position:absolute}
.youtube_content{justify-gap:0 2.5000vw;max-width: 146.0000vw;margin:0 auto;border-bottom:0.1250vw solid #d6d6d6;padding-bottom:3.7500vw;}
.youtu_left iframe{width:94.3750vw;height:53.1250vw;}
.youtu_right{flex-direction:column;gap:1.1250vw 0}
.youtu_right img{width:22.0000vw;height:12.5000vw;border-radius:0.8750vw;}
.youtu_thumb{gap:0 1.6250vw;cursor: pointer;}
.youtu_thumb div{padding-top:1.8750vw;width:25.0000vw;}
.youtu_thumb h1{font-size:2.0000vw;padding-bottom:1.2500vw;}
.youtu_thumb p{font-size:1.8750vw;line-height:2.8750vw;}
.youtu_thumb:hover{background:#f2f2f2;transition: .6s;border-radius:0 0.6250vw 0.6250vw 0}
.rection06 .re02_tx01 .re02_tx{margin-bottom:1.0000vw;}
.rection06 .re02_tx02 .re02_tx{margin-bottom:7.5000vw;}
.re_btn03 a{width:20.0000vw;height:6.2500vw;line-height:6.0000vw;font-size:1.7500vw;border:0.1250vw solid #46aca8;border-radius:6.2500vw;/* padding-left:2.2500vw; */margin-top:3.7500vw;overflow:hidden}
.re_btn03 a:before{background:url(../cdam/theme/cdam/img/youtube_icon00.png)no-repeat;width:2.0000vw;height:1.5000vw;top: 50%;transform: translate(0, -50%);left: 3.8750vw;}
.youtu_left div{padding-left:1.2500vw;}
.youtu_left div h1{font-size:2.0000vw;padding-top:3.1250vw;}
.youtu_left div p{font-size:2.1250vw;padding-top:2.1250vw;}

.re03_gnb_swiper .swiper-slide .slide_tx::after{background:#449e9a;width:0;height:0.2500vw;left:0;bottom:-0.6250vw;transition:.6s}
.re03_gnb_swiper .swiper-slide .slide_tx:hover::after{width:100%;}
.re03_gnb_swiper .swiper-slide.swiper-slide-thumb-active .slide_tx{}
.re03_gnb_swiper .swiper-slide.swiper-slide-thumb-active .slide_tx::after{animation-name: countingBar;animation-duration: 5s; animation-timing-function: ease-in;animation-iteration-count: 1;}
.re03_container .swiper-slide .swiper_link a{}
.re03_container .swiper-slide .swiper_link a::after{background:#ceb09d;width:0;height:0.2500vw;left:0;bottom:-0.6250vw;transition:.6s}
.re03_container .swiper-slide .swiper_link a:hover::after{width:100%;}
.re03_container .slide_img{width:59.0000vw;height:59.6250vw;border-radius: 2.5000vw;}
@keyframes countingBar {
    0% {width: 0;}
    100% {width:100%;}
}
.re03_container .swiper-slide-active .slide_img img{     top:0.0000vw; left:0; width:100%; height:100%; 
    transform:perspective(62.5000vw) scale(1.03) rotate(.001deg) translateZ(0); 
    -webkit-transform:perspective(62.5000vw) scale(1.03) rotate(.001deg) translateZ(0);  
    -moz-transform:perspective(62.5000vw) scale(1.03) rotate(.001deg) translateZ(0);  
    -ms-transform:perspective(62.5000vw) scale(1.03) rotate(.001deg) translateZ(0);  
    -o-transform:perspective(62.5000vw) scale(1.03) rotate(.001deg) translateZ(0);
    animation: re04_bg_ani forwards 5s 0.5s ease-in-out;
    -webkit-animation: re04_bg_ani forwards 5s 0.5s ease-in-out; 
    -moz-animation: re04_bg_ani forwards 5s 0.5s ease-in-out; 
    -ms-animation: re04_bg_ani forwards 5s 0.5s ease-in-out; 
    -o-animation: re04_bg_ani forwards 5s 0.5s ease-in-out;}
.rection03 .re02_tx span{margin-bottom:2.1250vw;}
.re03_gnb_swiper .swiper-wrapper{padding: 5.6250vw 0 9.3750vw;}
.re03_container .swiper-slide .slide_tx{width:65.8750vw;}
.re03_pagi > div {width:100%;height:100%;}
.re03_container::after{background: rgb(255,255,255);
background: linear-gradient(90deg, rgba(255,255,255,0) 59%, rgba(255,255,255,0.7721463585434174) 81%, rgba(255,255,255,1) 100%);
right:0;top:0;width:43.7500vw;height:77.8750vw;}
.re03_container::before{background: rgb(255,255,255);
background: linear-gradient(274deg, rgba(255,255,255,0) 59%, rgba(255,255,255,0.7721463585434174) 81%, rgba(255,255,255,1) 100%);
left:0;top:0;width:43.7500vw;height:77.8750vw;}
.rection06 .wave-wrap{bottom:0;left:0;width:100%;height:100vh;z-index:-1}
.rection06 .wave{bottom:0;left:0;width:400.0000vw;height:58.5000vw;}
.rection06 .wave.wave1{opacity:.4;bottom:0;animation:20s linear infinite animate-wave-1;-webkit-animation:20s linear infinite animate-wave-1}
.rection06 .wave.wave2{opacity:.3;bottom:0;animation:10s linear infinite animate-wave-2;-webkit-animation:10s linear infinite animate-wave-2}
.rection06 .wave.wave3{opacity:.2;bottom:0;animation:30s linear infinite animate-wave-3;-webkit-animation:30s linear infinite animate-wave-3}
@keyframes animate-wave-1 {
  0% {
     background-position-x: 0;
  }
  100% {
     background-position-x: 200.0000vw;
  }
}

@keyframes animate-wave-2 {
  0% {
     background-position-x: 0;
  }
  100% {
     background-position-x: -200.0000vw;
  }
}

@keyframes animate-wave-3 {
  0% {
     background-position-x: 0;
  }
  100% {
     background-position-x: 200.0000vw;
  }
}

.pagination {bottom:-12.5000vw;width: 240.0000vw;height: 70.0000vw;align-items: center;left: 50%;transform: translate(-50%, 0);align-items: flex-end;}
.progress-sub-background{align-flex-wrap:wrap;width:100%;height:70.0000vw;}
.pagination .svg1{transform: rotate(180deg);}
.pagination svg {width: 240.0000vw;height: 17.2500vw;stroke-width: 2;bottom:0}
.background-path{fill: none;stroke: rgba(234, 234, 234, 1);stroke-width: 2;transition: stroke-dashoffset 1.5s linear;stroke-dasharray: 1946; /* 경로의 총 길이 설정 */stroke-dashoffset: 1946;}
.progress-path { fill: none;stroke: rgba(109, 179, 176, .8);stroke-width: 2;stroke-dasharray: 1946; /* 경로의 총 길이 설정 */stroke-dashoffset: 1946; /* 경로의 총 길이로 시작 */transition: stroke-dashoffset 1.5s linear;}
.background-path01{border-top: 0.1250vw solid rgba(234, 234, 234, 1);;width: 240.0000vw;height: 49.1250vw;border-radius: 100%;background: transparent;flex-direction: column;top: 0.0000vw;}
.svg_p{bottom:-0.5000vw !important;}
}
@media (max-width:480px) {
#myVideo01{height: 100vh;}
.con_wrap_mv{height: 100vh;}
.mv_h1{font-size: 7.625vw;}
.mv_p{font-size: 4.125vw;}
.con_wrap .mv_tx{width:100%;}
.count_w > div{font-size: 15.6250vw;}
.re03_container .swiper-slide{width:100%;}
.re03_gnb_swiper,.re03_container {width: 87.1875vw;}
.con_wrap .mv_tx{lefT:50%;top:50%;transform: translate(-50%,-50%);}
.con_wrap .mv_tx h1{font-size:10.5882vw;padding-bottom:7.0588vw;}
.con_wrap .mv_tx p{font-size:5.8824vw;font-weight:300}

.rection01{width:100%;}
.rection01 .re01{padding:47.0588vw 0 0;}
.rection01 .re01_tx{}

.rection01 .re01_tx h2{font-size: 5.4838vw;line-height: 8.1250vw;}
.rection01 .re01_tx h2 strong{font-weight:bold}
.rection01 .re01_tx p{font-size:3.8000vw;line-height:7.0588vw;}
.rection01 .re_btn03 a{width: 36.125vw;height: 10.375vw;line-height:10.375vw;font-size: 3.7vw;}
.rection01 .re_btn03 a.pc_cont_480{display:none}
.re01_cont01 ul li.swiper-slide{width: 43.6216vw !important;}
.re01_cont01 ul li h1{font-size: 7.4054vw;}
.re01_cont01{margin: 15.0781vw auto 0 auto;}

.count_w{right:4.5294vw;top:14.5294vw;align-items:center;gap:0 2.7059vw;}
.count_w > div{}
.count_w p{font-size:5.1765vw;}
.re01_cont01 ul li p{font-size: 3.8973vw;padding-top: 5.7568vw;line-height: 4.973vw;}
.re01_cont01 ul li{        padding-top: 9.1892vw;}
.re01_cont01 ul li p:after {top: -17.5135vw !important;}

.rection02{background: url(../img/re03_bg_m.png) no-repeat;padding:43.7500vw 0 30vw;}
.rection02 .re02{padding:21.1765vw 0 0;}
.re02_tx{}
.re02_tx span {font-size:4.0000vw;padding-bottom:5.8824vw;}
.re02_tx span img{padding-right:1.4118vw;}
.re02_tx p{font-size:5.8824vw;font-weight:300}
.re02_tx p strong{font-weight:bold}
.re02_cont{width:100%;height:100%;max-width:220.0000vw;margin:0 auto;padding: 1.6471vw 0;}
.re02_conho ul li .ho_cont > div p{line-height: 4.3vw;}
.re02_conho ul li .ho_cont > div span{padding-bottom: 1.7027vw;}
.hover_cont img.st_video{width:100%;height:47.8108vw;}
.hover_cont p {font-sizE: 3.5973vw;line-height: 5.4838vw;padding-bottom: 4.7297vw;padding-top: 4.0541vw;}
.re02_conho ul li .hover_cont{}
.hover_link a{font-size: 3.1622vw;}
.re02_conho ul li .ho_cont02{flex-direction: row;}
.hover_link a img{width:1.4583vw;height:2.5000vw;padding:0;margin-left:1.7vw;}
.re02_conho ul li.hover_content3{padding: 0 3.7500vw;}
.re02_conho ul li:last-child{padding-bottom: 0}
.re02_conho ul li > div{justify-content: flex-start;}
.re02_conho ul li{padding: 0 3.7500vw;padding-bottom: 12.5vw;}
.re02_conho ul li:nth-child(2){padding-bottom: 12.5vw;}
.hover_link{gap: 0 4.1351vw;}

.rection03{padding: 31.5vw 0 0;}
.re03_container::after,.re03_container::before{display:none}
.re03_container .swiper-slide{align-items: center;gap:0 25.8824vw;margin: 0 23.5294vw;width:100%;cursor: url('../img/mouse_cu.png'), auto ;}
.re03_container .slide_img{width:79.5833vw;height:80.6250vw;}
.rection05 .slide_img.styled-media{width: 54.4000vw !important;height: 68.4vw;position: relative;}
.re03_container .swiper-slide .slide_img{margin-bottom:8.7568vw}
.re03_container .swiper-slide.swiper01 .slide_img{}
.re03_container .swiper-slide.swiper01 .slide_tx{}
.re03_container .swiper-slide .slide_tx{width:72.875vw;}
.re03_container .swiper-slide .slide_tx h1{font-size:5.0588vw;padding-bottom:2.7647vw;}
.re03_container .swiper-slide .slide_tx p{font-size:3.5973vw;line-height:5.4838vw;padding-bottom:6.7647vw;cursor: pointer;}
.re03_container .swiper-slide .swiper_link{cursor: pointer;display: flex;flex-wrap: wrap;gap: 4.1667vw;}
.re03_container .swiper-slide .swiper_link a{font-size: 3.1622vw;}
.re03_container .swiper-slide .swiper_link a img{padding-left:1.1765vw;}
.re03_container .swiper-slide .swiper_link a.a_2{margin-left:0vw;}
.re03_container .swiper-slide.swiper02 .swiper_link a{margin-right:0vw;}
.re03_container .swiper-slide .swiper_link li:first-child{margin-bottom:2.8235vw;display: flex;flex-wrap: wrap;gap: 4.1667vw;}
.re03_container .swiper-slide.swiper03 .swiper_link a{margin-right:0vw;}
.re03_container .swiper-slide.swiper05 .swiper_link a{margin-right:0vw;}
.re03_container .swiper-slide .slide_tx{opacity: 0;visibility: hidden;transform: translateY(11.7647vw);transition: all 0.4s linear;}
.re03_container .swiper-slide .slide_tx.show {opacity: 1;visibility: visible;transform: translateY(0);}
.re03_gnb_swiper .swiper-wrapper{padding:10.1176vw 0;flex-wrap: wrap;gap: 4.1667vw 0;justify-content: space-between;}
.re03_gnb_swiper .swiper-slide{margin:0;cursor: pointer;padding:0;text-align:center;padding: 0 4.2083vw;width:calc(100%/3) !important}
.re03_gnb_swiper .swiper-slide.swiper03,.re03_gnb_swiper .swiper-slide.swiper04{padding:0 7.2083vw;}
.re03_gnb_swiper .swiper-slide .slide_tx{font-size:4.0000vw;color:#606060}
.re03_gnb_swiper .swiper-slide.swiper-slide-thumb-active .slide_tx{color:#449e9a}
.re03_pagi{ top:50%; left:50%; width:100%; height:197.6471vw; border-radius:100%; border:0.2353vw solid #eaeaea;opacity:1; visibility:visible;transform: translate(-50%,-42%) scale3d(1.5, 1.5, 1.5) rotate3d(-1, 23, 37, 178deg);}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:transparent}
.rection04 .re04{padding:19.2941vw 0 0}
.rection04 .m_cont_800 .re02_tx p{line-height: 7.6667vw;}
.rection04 .m_cont_800.re04_m{margin-bottom:7.1667vw}

.re05_content{padding:0}
.rection05{padding:29.0000vw 0;max-width:384.0000vw;margin:0 auto;}
.rection05 .plus{font-size:3.0000vw;}
.rection05 .re02_tx .plus img{padding-right:2.0000vw;}
.rection05 .plus img{animation:1.2s linear infinite plus;}
@keyframes plus {
  0%,100% {
	transform: translate(0.0000vw, -0.6000vw);
  }
  50%{ transform: translate(0.0000vw, 0.0000vw);}
  75% {
    transform: translate(0.0000vw, 0.6000vw);
  }
  80%{transform: translate(0.0000vw, 0.0000vw);}
}
.rection05 .swiper_before{width:100%;height:100%;}
.rection05 .swiper_before .plus{}
.rection05 .swiper_before.before01 .plus{top: 30.8000vw;left: 18.6000vw;}
.rection05 .swiper_before.before02 .plus{left:50%;bottom:36.2000vw}
.rection05 .swiper_before.before03 .plus{left:59%;top:39.0000vw}
.rection05 .swiper_before.before04 .plus{left:16%;bottom:39.0000vw;transform: translate(-50%, 0);}
.rection05 .swiper_before.before05 .plus{left:50%;top: 43.2000vw;transform: translate(-50%, 0);}
.rection05 .swiper_before.before06 .plus{bottom: 38.4000vw;right:14.4000vw;}
.rection05 .swiper_before.before07 .plus{left:64%;top:31.6000vw}
.rection05 .swiper_before.before08 .plus{left:69%;top:51.2000vw}
.rection05 .swiper_before.before09 .plus{left:59%;top:39.0000vw}
.rection05 .swiper_before.before10 .plus{left:59%;top:39.0000vw}

.rection05 .re02_tx1 .re02_tx{/*padding-bottom:15.0000vw;*/margin-bottom:1.6000vw;}
.rection05 .re02_tx2 .re02_tx{margin-bottom:4.8000vw;}
.rection05 .re02_tx span{padding-bottom:7.0000vw;font-weight:300}
.rection05 .re02_tx p{padding-bottom:11.4000vw;}
.re05_content{/* width:340.0000vw; */margin-right: unset;padding: 10.0000vw 0;}
.re05_content .swiper-wrapper{}
.re05_content .swiper-slide{width:54.4000vw !important;height:100vw;margin:0 7.0000vw;}
.re05_content .swiper-slide:nth-child(3){top:0vw;}
.re05_content .swiper-slide:nth-child(4){bottom:0vw;}
.re05_content .swiper-slide:nth-child(5){bottom:0vw;}
.re05_content .swiper-slide:nth-child(7){top:0vw;}
.re05_content .swiper-slide:nth-child(8){bottom:0vw;}
.re05_content .swiper-slide:nth-child(9){bottom:0vw;}
.re05_content .swiper-slide:nth-child(11){top:00vw;}
.re05_content .swiper-slide:nth-child(12){bottom:00vw;}
.re05_content .swiper-slide:nth-child(13){bottom:0vw;}
.re05_content .swiper-slide .sw_tx{padding:5.6000vw 3.0000vw;height: 20.4583vw;}
.re05_content .swiper-slide .sw_tx.sm {padding:3.6000vw 3.0000vw 0;}
.re05_content .swiper-slide .sw_tx h1{font-size:4.3000vw;padding-bottom:2.6000vw;}
.re05_content .swiper-slide .sw_tx p{font-size:3.6000vw;color:#525252;}
.re05_content .swiper-slide .sw_tx.sm p{font-size: 3.8000vw;}
.re05_content .swiper-slide .swiper_after{left:0;top:0;opacity: 0;background:#f5f5f5}
.re05_content .swiper-slide:hover .re05_content .swiper-slide .swiper_after{}
.rection05 .re_btn{width:32.0000vw;height:10.0000vw;line-height:9.6000vw;border-radius: 10.0000vw;font-size:2.8000vw;padding-left:4.6000vw;margin-top:0}
.rection05 .re_btn:hover {}

.rection05 .re_btn03 .u-btn-o .t {padding-left: 4.6000vw;}
.rection05 .u-btn-body::before,.u-btn-body:after{left:0;top:0;width:100%}
.rection05 .u-btn-body{width:32.0000vw;height:10.0000vw;line-height:10.0000vw;position:relative}
.rection05 .u-btn-body::before{transition:transform var(--a-btn-hover-leave-s) var(--a-btn-hover-leave-e),border-radius var(--a-btn-hover-leave-s) var(--a-btn-hover-leave-e),background var(--a-color-s) var(--a-color-e);opacity:.8;transform:translate(0);height:100%;position:absolute}
.rection05 .u-btn-g .o,.u-btn-o .o{height:9.4000vw;line-height:0;z-index:3}
.rection05 .u-btn-body:after{border-radius:100%;height:100%;transform:translateY(110%);z-index:2}
.rection05 .u-btn-o .t{align-items:center;height:9.4000vw;justify-line-height:0;padding-top:0.2000vw;transition:transform var(--a-btn-hover-leave-s) var(--a-btn-hover-leave-e);    padding-left: 2.2000vw;}
.rection05 .u-btn-body .t:last-child{color:var(--c-black-0);}
.rection05 .u-btn-hv:hover .t{transform:translateY(-100%);transition:transform var(--a-btn-hover-enter-s) var(--a-btn-hover-enter-e);color:#fff}
.rection05 .u-btn-hv:hover .u-btn-body:after{border-radius:0;transform:translate(0);transition:transform var(--a-btn-hover-enter-s) var(--a-btn-hover-enter-e),border-radius var(--a-btn-hover-enter-s) var(--a-btn-hover-enter-e)}
.rection05 .re_btn03{margin:0 auto;}
.rection05 .re_btn03 a{margin-top:5.0000vw;font-weight:600}
.rection05 .re_btn03 a::before{background: url(../img/reb_icon1.png) no-repeat;left:auto;right:3.4000vw;width:3.6000vw;height:1.2000vw;z-index:9}
.rection05 .re_btn03 a:hover::before{background: url(../img/reb_icon_on.png) no-repeat;}
.rection05 .re_btn03 .u-btn-o .t{justify-padding-left:4.6000vw;}
.re_btn03 a{width:36.125vw;height:10.375vw;line-height:10.375vw;font-size:3.7vw;border:1px solid #46aca8;border-radius:10.0000vw;/* padding-left:3.6000vw; */margin-top:6.0000vw;overflow:hidden}
.re_btn03 a:before{background:url(../img/youtube_icon00.png)no-repeat;width:3.2000vw;height:2.4000vw;top: 50%;transform: translate(0, -50%);left: 6.2000vw;background-size:3.2000vw 2.4000vw}



.rection01 .re_btn03 a{width:36.125vw;height:10.375vw;font-size:3.700vw;margin-top: 2.8750vw;padding-left: 4.7917vw;text-align:left;}
.rection01 .u-btn-o .t{height:10.375vw;padding-top:0;justify-padding-left:2.7500vw;}
.rection01 .u-btn-body{width:20.0000vw;height:10.375vw;}
.rection01 .u-btn-g .o, .u-btn-o .o{height:10.375vw;}
.rection01 .re_btn03 a:before{left:auto;right:2.5000vw;background: url(../img/reb_icon1.png) no-repeat;width:3.6000vw;height:1.2000vw;z-index:9}
.rection01 .re_btn03 a:hover:before{left:auto;right:2.5000vw;background: url(../img/reb_icon_on.png) no-repeat;width:3.6000vw;height:1.2000vw;}



.youtube_content{flex-wrap: wrap;gap:10.3514vw 0;max-width: 91.2500vw;margin-bottom: 8.2973vw;}
.rection06 .re_btn03 a{width: 33.3333vw;}
.rection06 .re_btn03 a:before{left:5.2vw}
.txt-box h3 {line-height: 6.9805vw;}
.value3-1 .txt-box .img-box{margin-bottom:7.2917vw}
.txt-box h3{font-size:7.1667vw;}
.value3-1 .txt-box h3{margin-bottom:5.2083vw;}
.value-hover-box2{margin-top:12.5000vw;}
.value3-1 .value-hover2 .img-boxs .img-box img{transition: .4s;}
.s1_1_fill .tit_box h3{margin-bottom: 7.0833vw;}
.s1_1_fill .tit_box p{margin-bottom:13.3333vw;}
.txt-box p{font-size: 4.15vw;}
.value3-1 .value-hover2 li{width:50%;}
.value3-1 .value-hover2 {display: flex;flex-wrap: wrap;justify-content: space-between;gap: 0 5px;}
.value3-1 .value-hover2 li {width: 49%;}
.value3-1 .value-hover2 .img-boxs {width: 100%;height: 60.25vw;}
.value3-1 .value-hover-box2 h4{margin-bottom: 10.2083vw;}
.youtu_left iframe{width:92.2917vw;height:58.5417vw;}
.rection06 {padding:23.9167vw 0 14.0000vw;/* background:url('../sub/images/sub_youtube_bg.png')center top / cover; */}
.rection06 .re06{justify-flex-direction: column;align-items: center;}

.youtu_right{flex-direction:column;gap:1.8750vw 0}
.youtu_right img{width:36.6667vw;height:20.8333vw;border-radius:1.4583vw;}
.youtu_thumb{gap:0 2.7083vw;cursor: pointer;}
.youtu_thumb div{padding-top:3.1250vw;width:41.6667vw;}
.youtu_thumb h1{font-size:3.3333vw;padding-bottom:2.0833vw;}
.youtu_thumb p{font-size:3.1250vw;line-height:4.7917vw;}
.youtu_thumb:hover{background:#f2f2f2;transition: .6s;border-radius:0 1.0417vw 1.0417vw 0}
.rection06 .re02_tx01 .re02_tx{margin-bottom:1.6667vw;}
.rection06 .re02_tx02 .re02_tx{margin-bottom:12.5000vw;}

.youtu_left div p{font-size: 4.1486vw;padding-top: 3.1486vw;line-height: 5.4167vw;}
.youtu_left div h1{font-size: 4.0811vw;padding-top: 3.6892vw;}
.sub2-2-collagen-beauty .sub2-2-btn a{font-sizE: 3.5417vw;}
.sub2-2-collagen-beauty .txt-box h3{line-height: 8.9805vw;}

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

}