@charset "utf-8";




#smooth-wrapper {
  height: 100%;
  overflow: hidden;
}
#smooth-content {
  will-change: transform;
}
.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.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);
    }
    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.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);
    }
    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);
    }
}

b{font-weight:600}
.ov{overflow:hidden}
/* 이미지 애니메이션 */
.styled-media{}
.rection02 .styled-media{display: flex;flex-direction: column;width: 428px;height:532px;border-radius:20px;position: relative;overflow:hidden}
.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%;}
.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}

/* 메인 비주얼 */
.con_wrap_mv{
background: url(../img/mv_1.jpg) 0% 0% / cover no-repeat;width:100%;max-width:1655px;height:750px;left: 50%;transform: translate(-50%, -35.3%); position: absolute; top: 50%;}
.con_wrap{position: relative;overflow:hidden;width:100%;height:100%;text-align: center;padding-top: 180px;    margin: 0 auto;}
.my_video{max-width:1655px;margin: 0 auto;}
.con_wrap .mv_tx01{position: absolute;lefT:50%;top:14%;transform: translate(-50%,-50%);text-align:center;z-index:1}
.con_wrap .mv_tx01 h1{font-size:50px;margin:15px 0;color:#313131;}
.con_wrap .mv_tx01 h1 em{font-size:70px;color:#313131;}
.con_wrap .mv_tx01 h1 span:nth-child(8){font-family: 'High Summit';font-size: 70px;}
.con_wrap .mv_tx01 h1 span:nth-child(9){font-family: 'High Summit';font-size: 70px;}
.con_wrap .mv_tx01 h1 span:nth-child(10){font-family: 'High Summit';font-size: 70px;}
.con_wrap .mv_tx01 h1 span:nth-child(11){font-family: 'High Summit';font-size: 70px;}
.con_wrap .mv_tx01 h1 span:nth-child(12){font-family: 'High Summit';font-size: 70px;}
.con_wrap .mv_tx01 h1 span:nth-child(13){font-family: 'High Summit';font-size: 70px;}
.con_wrap .mv_tx01 h1 span:nth-child(14){font-family: 'High Summit';font-size: 70px;}
.con_wrap .mv_tx01 h1 span:nth-child(15){font-family: 'High Summit';font-size: 70px;}

.swiper-scrollbar.re02_swiper-scrollbar{height:3px;margin-top:21px;width:87%;}
.swiper-scrollbar-drag{background:#f7594e;border-radius:0;}
.swiper-scroll_wr{position: relative;display:flex;flex-direction:row;align-items: center;justify-content: space-between;margin-top:60px;margin-right: 32px;}
.swiper-scroll_wr img{width:80px;height:69px}

@keyframes fadeInZoom {
	0% {
		transform: scale(1.2);
	}
	100% {
		transform: scale(1);
	}
}
.sun {width: 0;height: 1px;background-color: #d6d6d0; transition: width 2s ease-out;}

.tx_bx span{font-size:17px;color:#e94911}
.tx_bx h1{font-size:50px;color:#282828;line-height:60px;padding:24px 0 26px;}
.tx_bx h1 i{color:#e94911}
.tx_bx p{font-size:16px;color:#717171;line-height:30px;}
.tx_bx h2{font-size:17px;padding-top:16px;font-weight: 500;}
.rection01{background:#f7f4ef;position: relative;border-bottom:1px solid #ddd8d1}
.rection01 .scc{padding:150px 0 36px;display: flex;gap: 238px;justify-content: center;}
.rection01 .scc .left{padding-top:20px;}

.rection02{background:#f7f4ef;position: relative;}
.rection02 .con_inner{padding:185px 0 150px}
.tx_bx02 h1{font-size:34px;text-align: center;}
.tx_bx02 p{font-size:17px;color:#71675a;text-align: center;padding-top:30px;}
.rection02 .tx_bx02 h1{display: flex;gap:19px;align-items: center;justify-content: center;}
.re02_content{padding-top:80px;display: flex;gap:4px;justify-content: center;}
.re02_content li{position: relative;width:460px;height:530px;overflow:hidden}
.re02_content li img{transition:all 1s;}
.re02_content li:hover img{transform: scale(1.1);transition:all 1s;}
.re02_content li.hvhv{overflow:hidden;background:#f7f7f7;padding-top: 37px;gap:19px;display: flex;align-items: center;flex-direction: column; justify-content: center;}
.re02_content li.hvhv p{font-size:15px;color:#525252}
.re02_content li.hvhv h2{font-size:16px;color:#272623;padding-bottom:10px;}
.re02_content li.hvhv img{transition:all 1s;}
.re02_content li.hvhv:hover{}
.re02_content li.hvhv:hover img{transform: scale(1.6);transition:all 1s;}
.re02_content li.hvhv span{font-size:12px;color:#f7f4ef;position: absolute;bottom:74px;}
.re02_content li #myVideo02{width:460px;height:530px;object-fit: cover;}
.re02_content li.vivivi span{color:#f7f4ef;font-size:14px;line-height:20px;position: absolute;left:30px;bottom:35px;opacity: .7;}
.text-highlight {position: relative;display: inline-block;}
.circle-svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-5deg);
  width: 120%; 
  height: 140%;
  fill: none;
  stroke: #555; 
  stroke-width: 2;
  stroke-linecap: round;
  stroke-dasharray: 500; 
  stroke-dashoffset: 500;
}


.active .circle-svg {
  animation: draw-circle 1.5s ease-out forwards;
}

@keyframes draw-circle {
  to {
	stroke-dashoffset: 0; 
  }
}
/* .circle-image {
  width:113px;fill: none;
  height: 79px;
  background-image: url('../img/your-circle-image.png'); 
  background-size: contain;
  background-repeat: no-repeat;
  clip-path: inset(0 100% 0 0); 
  transition: clip-path 1s ease-in-out;position: absolute;left: -24px;top: -23px;
}
.active .circle-image { clip-path: inset(0 0 0 0);} */
.rection03 .con_inner{padding:0 0 100px;}
.rection00 .tx_bx{text-align:center;}
.rection00 .tx_bx02 h1{font-size:38px;padding-top:2px;text-align:left;}
.rection00 .tx_bx02 p{font-size:15px;color:#000;text-align: left;padding-top:0;padding-bottom:12px;}
.rection00 .tx_bx02 p span{display:inline-block;width:80px;}
.rection00 .tx_bx02 p + p + p{padding-bottom:0}
.rection00 .tx_bx02 .tx22{padding:49px 0 45px;}
.rection00 .tx_bx02 .tx33{display:flex;gap:40px;}
.rection00 .tx_bx02 .tx33.pc_cont_768{display:flex}
.rection00 .tx_bx02 .tx33.m_cont_768{display:none}
.rection00 .tx_bx02 .tx33 p{font-size:15px;line-height:27px;color:#717171;font-weight:500}
.re03_content{display:flex;max-width:1670px;height:566px;margin:145px auto 0;justify-content: space-between;}
.re03_content .left{position: relative;width: 825px;padding-left: 134px;padding-top:50px;border-bottom: 1px solid #ddd8d1;}
.re03_content .right{cursor: pointer;position: relative;display:flex;gap: 27px;}
.re03_content .right .figure2{padding-top:9px;}
.re03_content .tx_bx02{cursor: pointer;}

.re05_content{display:flex;max-width:1600px;height:686px;margin:0 auto;justify-content: space-between;}
.re05_content .left{position: relative;width: 840px;padding-left: 220px;padding-top:100px;border-bottom: 1px solid #ddd8d1;}
.re05_content .right{position: relative;display:flex;gap: 27px;cursor: pointer;}
.re05_content .right .figure2{padding-top:9px;}
.re05_content .tx_bx02{cursor: pointer;}

.main_btn{position: absolute;bottom:20px;left:0}
.main_btn a{display:flex;gap: 12px;font-size:15px;color:#e94911;border:1px solid #e94911;border-radius:30px;height:45px;width:100px;align-items: center;justify-content: center;}
.main_btn a img{transition: .3s;}
.main_btn a:hover img{transform: translate(6px, -3px);}
.re03_btn{display:flex;width:65px;height:65px;
position: absolute;right:70px;bottom:39px;background:rgba(255,255,255,.5);border-radius: 100%;align-items: center;justify-content: center;}
.re03_btn img{transition: .3s;}
.re03_btn:hover img{transform: translate(6px, -3px);}

.re04_content{display:flex;gap:50px;padding-left:137px;flex-direction: row-reverse;max-width:1655px;height:762px;margin:105px auto 0;justify-content: space-between;}
.re04_content .right{width:640px;}
.re04_content .right video{width:100%;height:762px;object-fit:cover}
.re04_content .left{position: relative;width:830px;border-bottom: 1px solid #ddd8d1;padding-left:210px;padding-top: 174px;}
.re04_content .main_btn{left:auto;right:0;}
.re04_content .tx_bx02{cursor: pointer;}

.vivivi {position: relative; width: 100%;overflow: hidden;}
.video_web {width: 100%;display: block;}
.btn-video-control { position: absolute;top: 20px;   right: 20px;  background: none;border: none;cursor: pointer;z-index: 10;padding: 0;}
.btn-video-control svg { width: 30px; height: 30px;fill: rgba(255, 255, 255, 0.8); transition: transform 0.2s ease;}
.btn-video-control:hover svg {transform: scale(1.1); fill: #fff;}
.vivivi, .right.card-motion figure {position: relative;display: block;}
.btn-video-control {position: absolute;top: 25px;right: 25px; background: none;border: none;cursor: pointer;z-index: 5;padding: 0;}
.btn-video-control svg { width: 24px;height: 24px;opacity: 0.8;filter: drop-shadow(0 0 2px rgba(0,0,0,0.3)); }
.re04_content .btn-video-control{right:auto;left:25px;}
.rection05 .right ul { display: grid;grid-template-columns: repeat(3, 1fr);gap: 10px;  position: relative;}
.rection05 .right ul li{position: relative;}
.rection05 .right ul li span{color:#fff;font-size:17px;position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%);}
.rare_box,.rare_box.active{background-color:transparent}
.rection05 .right ul li{overflow:hidden}
.rection05 .right ul li img{transition:transform .6s;will-change:transform}
.rection05 .right ul li:hover img{transform:scale(1.05)}
.rection05 .right{position:relative}
.rare_box{position:absolute;top:34%;right:11%;width:220px;height:220px;border:3px solid #e14e2a;transform:rotate(18deg);z-index:10;display:flex;align-items:center;justify-content:flex-end;box-shadow:10px 10px 20px rgba(0,0,0,.05);transition:.6s cubic-bezier(.25, .8, .25, 1);pointer-events:none;padding-right:20px}
.rare_box.active{transform:rotate(0);border-width:2px}
.rare_box .inner_text{color:#e14e2a;font-family:'Sorts Mill Goudy',serif;font-size:20px}
.rare_box:hover{transform:rotate(0) scale(1.05)}

.re06_content{display:flex;gap:44px;flex-direction: row-reverse;max-width:1655px;height:636px;margin:0px auto 150px;justify-content: space-between;}
.re06_content .right{width:765px;cursor: pointer;}
.re06_content .left{position: relative;width:825px;border-bottom: 1px solid #ddd8d1;padding-left:160px;padding-top: 130px;}
.re06_content .main_btn{left:auto;right:0;}
.re06_content .tx_bx02{cursor: pointer;}


.rection07 .re07_content{max-width:1920px;margin:0 auto;height:100%}
.rection07 .re07_content .tx_bx03{position: absolute;left:64%;top:36%}
.rection07 .re07_content .tx_bx03 .re03_btn{position: unset;margin-top:60px;}
.rection07 .tx_bx03 h1{color:#fff;font-size:16px;line-height:27px;padding-bottom:48px;font-weight: 300;}
.rection07 .tx_bx03 span{color:#fff;font-size:15px;line-height:27px;font-weight:300}
.rection07 .tx_bx03 p{padding-top:2px;color:#fff;font-size:15px;padding-bottom:18px;}
.rection07 {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 581px;
}

.rection07::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 101%;
	height: 101%;
	background: url(../img/re07_bg.jpg) 0% 0% / cover no-repeat;
	transform: scale(1.2);
	transition: transform 2s ease-out;
	z-index: -1;
}

.rection07.active::before {
	transform: scale(1);
}

.rection08{margin-top:30px;position: relative;background: url(../img/re08_bg.jpg) 0% 0% / cover no-repeat;width:100%;height:711px;}
.rection08 .re08_content{gap:160px;display:flex;height:100%;flex-direction: column;justify-content: center;}
.rection08 .tx_bx02{}
.rection08 .tx_bx02 h1{font-size:48px;}
.rection08 .tx_bx02 p{font-size:16px;color: #424242;}
.rection08 ul {gap:185px;text-align:Center;display:flex;align-items: center; justify-content: center;}
.rection08 ul li{position: relative;}
.rection08 ul li p{font-size:16px;color:#363636;padding-top:82px}
.rection08 ul li span{font-size:30px;font-weight:500}
/* .rection08 .circle-image {
  width:222px;fill: none;height: 132px;
  background-image: url('../img/your-circle-image2.png'); 
  background-size: contain;
  background-repeat: no-repeat;
  clip-path: inset(0 100% 0 0); 
  transition: clip-path 1s ease-in-out;position: absolute;left: -14px;top: -52px;
} */
.text-highlight2{display: inline-block;}
/* .rection08 ul li:nth-child(2) .circle-image{left:-7px}
.rection08 ul li:nth-child(3) .circle-image{left:-49px} */
/* .rection08 .active .circle-image { clip-path: inset(0 0 0 0);} */
.rection09{margin:30px auto;}
.rection09 .left{position: relative;}
.rection09 .left.on{}
.rection09 .right{padding-top:353px;position: relative;}
.rection09 .right .tx_bx{}
.rection09 .right .tx_bx h1{font-size:16px;color:#424242;line-height:30px;padding:0 0 9px}
.rection09 .right .tx_bx p{font-size:12px;color:#acacac;line-height:20px;padding-bottom:22px;}
.rection09 .re09{display:flex;    gap:338px}
.rection09 .left h2{font-size:15px;color:#424242;position: absolute;top:50%;right:-70px}
.rection09 .left h3{font-size:15px;color:#424242;position: absolute;top:50%;right:-318px}
.rection09 .left .img_box {
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.rection09 .left .img_box img {
	transform: scale(1.2);
	transition: transform 2s ease-out;
	width: 100%;
	display: block;
}

.rection09 .left.active .img_box img {
	transform: scale(1);
}
/* svg 애니메이션 */
.rection02 .text-highlight,.rection08 .text-highlight2{position:relative;display:inline-block;z-index:1}
.rection02 .circle-image,.rection08 .circle-image{top:50%;left:44%;transform:translate(-50%,-50%);pointer-events:none;z-index:-1;overflow:visible;position:absolute}
.rection08 .circle-image{width:222px;height:132px}
.rection02 .circle-image{width:113px;height:79px}
.rection08 .text-highlight2.active .circle-image .mask-path{animation:40.2s cubic-bezier(.25,1,.5,1) forwards drawCircle}
.rection02 .text-highlight.active .circle-image .mask-path{animation:11.2s cubic-bezier(.25,1,.5,1) forwards drawCircleSmall}
@keyframes drawCircle{from{stroke-dashoffset:2200}to{stroke-dashoffset:0}}
@keyframes drawCircleSmall{from{stroke-dashoffset:600}to{stroke-dashoffset:0}}
.svg-defs{position:absolute;width:0;height:0;overflow:hidden}

@media (max-width:1860px) {

	/* 메인 비주얼 */
	.con_wrap_mv{width:100%;max-width:88.9785vw;height:40.3226vw;left: 50%;transform: translate(-50%, -35.3%);  top: 50%;}
	.con_wrap{overflow:hidden;padding-top:9.6774vw}
	.con_wrap .mv_tx01 h1{font-size:2.6882vw;margin:0.8065vw 0;}
	.con_wrap .mv_tx01 h1 em{font-size:3.7634vw;}
	.my_video{max-width:92vw}

	.swiper-scrollbar.re02_swiper-scrollbar{height:0.1613vw;margin-top:1.1290vw;width:87%;}
	.swiper-scrollbar-drag{background:#f7594e;border-radius:0;}
	.swiper-scroll_wr{flex-direction:row;align-items: center;justify-margin-top:3.2258vw;margin-right: 1.7204vw;}
	.swiper-scroll_wr img{width:4.3011vw;height:3.7097vw}

	@keyframes fadeInZoom {
		0% {
			transform: scale(1.2);
		}
		100% {
			transform: scale(1);
		}
	}
	.sun {width: 0;height: 0.0538vw; transition: width 2s ease-out;}

	.tx_bx span{font-size:1.1065vw;color:#e94911}
	.tx_bx h1{font-size:2.6882vw;line-height:3.2258vw;padding:1.2903vw 0 1.3978vw;}
	.tx_bx p{font-size:0.8602vw;line-height:1.6129vw;}
	.tx_bx h2{font-size:0.9140vw;padding-top:0.8602vw;}
	.rection01{background:#f7f4ef;border-bottom:0.0538vw solid #ddd8d1}
	.rection01 .scc{padding:8.0645vw 0 1.9355vw;gap: 12.7957vw;justify-}
	.rection01 .scc .left{padding-top:1.0753vw;}

	.rection02{background:#f7f4ef;}
	.rection02 .con_inner{padding:9.9462vw 0 8.0645vw}
	.tx_bx02 h1{font-size:1.8280vw;}
	.tx_bx02 p{font-size:0.9140vw;padding-top:1.6129vw;}
	.rection02 .tx_bx02 h1{gap:1.0215vw;align-items: center;justify-}
	.re02_content{padding-top:4.3011vw;gap:0.2151vw;justify-}
	.re02_content li{width:24.7312vw;height:28.4946vw;}
	.re02_content li.hvhv{background:#f7f7f7;padding-top: 1.9892vw;gap:1.0215vw;align-items: center;flex-direction: column; justify-}
	.re02_content li.hvhv p{font-size:0.8065vw;color:#525252}
	.re02_content li.hvhv h2{font-size:0.8602vw;padding-bottom:0.5376vw;}
	.re02_content li.hvhv img{transition:all .6s;}
	.re02_content li.hvhv:hover{}
	.re02_content li.hvhv:hover img{transform: scale(1.6);transition:all .6s;}
	.re02_content li.hvhv span{font-size:0.6452vw;bottom:3.9785vw;}
	.re02_content li #myVideo02{width:24.7312vw;height:28.4946vw;object-fit: cover;}
	.re02_content li.vivivi span{font-size:0.7527vw;line-height:1.0753vw;left:1.6129vw;bottom:1.8817vw;}
	.text-highlight {}
	.circle-svg {
	  
	  top: 50%;
	  left: 50%;
	  transform: translate(-50%, -50%) rotate(-5deg);
	  width: 120%; 
	  height: 140%;
	  fill: none;
	  stroke: #555; 
	  stroke-width: 2;
	  stroke-linecap: round;
	  stroke-dasharray: 500; 
	  stroke-dashoffset: 500;
	}


	.active .circle-svg {
	  animation: draw-circle 1.5s ease-out forwards;
	}

	@keyframes draw-circle {
	  to {
		stroke-dashoffset: 0; 
	  }
	}

	.rection03 .con_inner{padding:0 0 5.3763vw;}
	.rection00 .tx_bx{}
	.rection00 .tx_bx02 h1{font-size:2.0430vw;padding-top:0.1075vw;}
	.rection00 .tx_bx02 p{font-size:0.8065vw;padding-top:0.1065vw;padding-bottom:0.6452vw;}
	.rection00 .tx_bx02 p span{width:4.3011vw;}
	.rection00 .tx_bx02 p + p + p{padding-bottom:0}
	.rection00 .tx_bx02 .tx22{padding:2.6344vw 0 2.4194vw;}
	.rection00 .tx_bx02 .tx33{gap:2.1505vw;}
	.rection00 .tx_bx02 .tx33 p{font-size:0.8065vw;line-height:1.4516vw;font-weight:500}
	.re03_content{max-width:89.7849vw;height:30.4301vw;margin:7.7957vw auto 0;justify-}
	.re03_content .left{width: 44.3548vw;padding-left: 7.2043vw;padding-top:2.6882vw;border-bottom: 0.0538vw solid #ddd8d1;}
	.re03_content .right{gap: 1.4516vw;}
	.re03_content .right .figure2{padding-top:0.4839vw;}

	.main_btn{bottom:1.0753vw;left:0}
	.main_btn a{gap: 0.6452vw;font-size:0.8065vw;border:0.0538vw solid #e94911;border-radius:1.6129vw;height:2.4194vw;width:5.3763vw;align-items: center;justify-}
	.re03_btn{width:3.4946vw;height:3.4946vw;
	right:3.7634vw;bottom:2.0968vw;background:rgba(255,255,255,.5);border-radius: 100%;align-items: center;justify-}

	.re04_content{gap:2.6882vw;padding-left:7.3656vw;flex-direction: row-reverse;max-width:88.9785vw;height:40.9677vw;margin:5.6452vw auto 0;justify-}
	.re04_content .right{width:34.4086vw;}
	.re04_content .right video{width:100%;height:40.9677vw;object-fit:cover}
	.re04_content .left{width:44.6237vw;border-bottom: 0.0538vw solid #ddd8d1;padding-left:11.2903vw;padding-top: 9.3548vw;}
	.re04_content .main_btn{left:auto;right:0;}

	.re05_content{max-width:86.0215vw;height:36.8817vw;margin:0 auto;justify-}
	.re05_content .left{width: 45.1613vw;padding-left: 11.8280vw;padding-top:5.3763vw;border-bottom: 0.0538vw solid #ddd8d1;}
	.re05_content .right{gap: 1.4516vw;cursor: pointer;}
	.re05_content .right .figure2{padding-top:0.4839vw;}

	.vivivi { width: 100%;}
	.video_web {width: 100%;}
	.btn-video-control { top: 1.0753vw;   right: 1.0753vw;  background: none;border: none;cursor: pointer;padding: 0;}
	.btn-video-control svg { width: 1.6129vw; height: 1.6129vw;fill: rgba(255, 255, 255, 0.8); transition: transform 0.2s ease;}
	.btn-video-control:hover svg {transform: scale(1.1); fill: #fff;}
	.vivivi, .right.card-motion figure {}
	.btn-video-control {top: 1.3441vw;right: 1.3441vw; background: none;border: none;cursor: pointer;padding: 0;}
	.btn-video-control svg { width: 1.2903vw;height: 1.2903vw;opacity: 0.8;filter: drop-shadow(0 0 0.1075vw rgba(0,0,0,0.3)); }
	.rection05 .right ul { grid-template-columns: repeat(3, 1fr);gap: 0.5376vw;  }
	.rection05 .right ul li{}
	.rection05 .right ul li span{font-size:0.9140vw;left: 50%;top: 50%; transform: translate(-50%, -50%);}
	.rare_box{top:34%;right:11%;width:11.8280vw;height:11.8280vw;border:0.1613vw solid #e14e2a;transform:rotate(18deg);align-items:center;justify-box-shadow:0.5376vw 0.5376vw 1.0753vw rgba(0,0,0,.05);transition:.6s cubic-bezier(.25, .8, .25, 1);pointer-events:none;padding-right:1.0753vw}
	.rare_box.active{transform:rotate(0);border-width:0.1075vw}

	.re06_content{gap:2.3656vw;flex-direction: row-reverse;max-width:88.9785vw;height:34.1935vw;margin:5.6452vw auto 3.2258vw;justify-}
	.re06_content .right{width:41.1290vw;}
	.re06_content .left{width:44.3548vw;border-bottom: 0.0538vw solid #ddd8d1;padding-left:8.6022vw;padding-top: 6.9892vw;}
	.re06_content .main_btn{left:auto;right:0;}

	.rection07{background: url(../img/re07_bg.jpg) 0% 0% / cover no-repeat;width:100%;height:31.2366vw;}
	.rection07 .re07_content{max-width:103.2258vw;margin:0 auto;height:100%}
	.rection07 .re07_content .tx_bx03{left:64%;top:36%}
	.rection07 .re07_content .tx_bx03 .re03_btn{margin-top:3.2258vw;}
	.rection07 .tx_bx03 h1{font-size:0.8602vw;line-height:1.4516vw;padding-bottom:2.5806vw}
	.rection07 .tx_bx03 span{font-size:0.8065vw;line-height:1.4516vw;font-weight:300}
	.rection07 .tx_bx03 p{font-size:0.8065vw;padding-bottom:0.9677vw;}

	.rection08{margin-top:1.6129vw;background: url(../img/re08_bg.jpg) 0% 0% / cover no-repeat;width:100%;height:38.2258vw;}
	.rection08 .re08_content{gap:8.6022vw;height:100%;flex-direction: column;justify-}
	.rection08 .tx_bx02{}
	.rection08 .tx_bx02 h1{font-size:2.5806vw;}
	.rection08 .tx_bx02 p{font-size:0.8602vw;}
	.rection08 ul {gap:9.9462vw;align-items: center; justify-}
	.rection08 ul li{}
	.rection08 ul li p{font-size:0.8602vw;padding-top:4.4086vw}
	.rection08 ul li span{font-size:1.6129vw;font-weight:500}


	.rection09{margin:1.6129vw auto;}
	.rection09 .left{}
	.rection09 .right{padding-top:18.9785vw;}
	.rection09 .right .tx_bx{}
	.rection09 .right .tx_bx h1{font-size:0.8602vw;line-height:1.6129vw;padding:0 0 0.4839vw}
	.rection09 .right .tx_bx p{font-size:0.6452vw;line-height:1.0753vw;padding-bottom:1.1828vw;}
	.rection09 .re09{    gap:18.1720vw}
	.rection09 .left h2{font-size:0.8065vw;top:50%;right:-3.7634vw}
	.rection09 .left h3{font-size:0.8065vw;top:50%;right:-17.0968vw}

}
@media (max-width:1440px) {
	.rection02 .circle-image{width:7vw}
	.rection00 .tx_bx02 p{padding-top: 0.2065vw;}
}
@media (max-width:1280px) {

	/* 메인 비주얼 */
	.con_wrap_mv{width:100%;max-width:97.2969vw;height:58.5938vw;left: 50%;transform: translate(-50%, -35.3%);  top: 50%;}
	.con_wrap{overflow:hidden;padding-top: 12.6774vw;}
	.con_wrap .mv_tx01{lefT:50%;top:18%;transform: translate(-50%,-50%);z-index:1}
	.con_wrap .mv_tx01 h1{font-size:3.9063vw;margin:1.1719vw 0;}
	.con_wrap .mv_tx01 h1 em{font-size:5.4688vw;}

	.swiper-scrollbar.re02_swiper-scrollbar{height:0.2344vw;margin-top:1.6406vw;width:87%;}
	.swiper-scrollbar-drag{background:#f7594e;border-radius:0;}
	.swiper-scroll_wr{flex-direction:row;align-items: center;justify-margin-top:4.6875vw;margin-right: 2.5000vw;}
	.swiper-scroll_wr img{width:6.2500vw;height:5.3906vw}

	@keyframes fadeInZoom {
		0% {
			transform: scale(1.2);
		}
		100% {
			transform: scale(1);
		}
	}
	.sun {width: 0;height: 0.0781vw; transition: width 2s ease-out;}

	.tx_bx span{font-size:1.1719vw;color:#e94911}
	.tx_bx h1{font-size:3.9063vw;line-height:4.6875vw;padding:1.8750vw 0 2.0313vw;}
	.tx_bx p{font-size:1.2500vw;line-height:2.3438vw;}
	.tx_bx h2{font-size:1.3281vw;padding-top:1.2500vw;}
	.rection01{background:#f7f4ef;border-bottom:0.0781vw solid #ddd8d1}
	.rection01 .scc{padding:11.7188vw 0 2.8125vw;gap: 3.5938vw;}
	.rection01 .scc .left{padding-top:1.5625vw;}
	.rection01 .right img{    width: 47.5781vw;}

	.rection02{background:#f7f4ef;}
	.rection02 .con_inner{padding:14.4531vw 0 11.7188vw}
	.tx_bx02 h1{font-size:2.6563vw;}
	.tx_bx02 p{font-size:1.3281vw;padding-top:2.3438vw;}
	.rection02 .tx_bx02 h1{gap:1.4844vw;align-items: center;justify-}
	.re02_content{padding-top:6.2500vw;gap:1.3125vw;flex-wrap: wrap;}
	.re02_content li{width:35.9375vw;height:41.4063vw;}
	.re02_content li.hvhv{background:#f7f7f7;padding-top: 2.8906vw;gap:1.4844vw;align-items: center;flex-direction: column; justify-}
	.re02_content li.hvhv p{font-size:1.1719vw;color:#525252}
	.re02_content li.hvhv h2{font-size:1.2500vw;padding-bottom:0.7813vw;}
	.re02_content li.hvhv img{transition:all .6s;}
	.re02_content li.hvhv:hover{}
	.re02_content li.hvhv:hover img{transform: scale(1.6);transition:all .6s;}
	.re02_content li.hvhv span{font-size:0.9375vw;bottom:5.7813vw;}
	.re02_content li #myVideo02{width:35.9375vw;height:41.4063vw;object-fit: cover;}
	.re02_content li.vivivi span{font-size:1.0938vw;line-height:1.5625vw;left:2.3438vw;bottom:2.7344vw;}
	.text-highlight {}
	.circle-svg {
	  
	  top: 50%;
	  left: 50%;
	  transform: translate(-50%, -50%) rotate(-5deg);
	  width: 120%; 
	  height: 140%;
	  fill: none;
	  stroke: #555; 
	  stroke-width: 2;
	  stroke-linecap: round;
	  stroke-dasharray: 500; 
	  stroke-dashoffset: 500;
	}


	.active .circle-svg {
	  animation: draw-circle 1.5s ease-out forwards;
	}

	@keyframes draw-circle {
	  to {
		stroke-dashoffset: 0; 
	  }
	}

	.rection03 .con_inner{padding:0 0 7.8125vw;}
	.rection00 .tx_bx{}
	.rection00 .tx_bx02 h1{font-size:2.9688vw;padding-top:0.1563vw;}
	.rection00 .tx_bx02 p{font-size:1.1719vw;padding-bottom:0.9375vw;}
	.rection00 .tx_bx02 p span{width:6.2500vw;}
	.rection00 .tx_bx02 p + p + p{padding-bottom:0}
	.rection00 .tx_bx02 .tx22{padding:3.8281vw 0 3.5156vw;}
	.rection00 .tx_bx02 .tx33{gap:3.1250vw;}
	.rection00 .tx_bx02 .tx33 p{font-size:1.1719vw;line-height:2.1094vw;font-weight:500}
	.re03_content{max-width:130.4688vw;height:44.2188vw;margin:11.3281vw auto 0;justify-}
	.re03_content .left{width: 64.4531vw;padding-left: 2.4688vw;padding-top:3.9063vw;border-bottom: 0.0781vw solid #ddd8d1;}
	.re03_content .right{gap: 2.1094vw;}
	.re03_content .right .figure2{padding-top:0.7031vw;}
	.re03_content .right img{width:16.3281vw;}
	.re03_content .right .figure2 img{width:33.5938vw;}

	.main_btn{bottom:1.5625vw;left:0}
	.main_btn a{gap: 0.9375vw;font-size:1.1719vw;border:0.0781vw solid #e94911;border-radius:2.3438vw;height:3.5156vw;width:7.8125vw;align-items: center;justify-}
	.re03_btn{width:5.0781vw;height:5.0781vw;
	right:5.4688vw;bottom:3.0469vw;background:rgba(255,255,255,.5);border-radius: 100%;align-items: center;justify-}
	.re03_btn img{width:1.1719vw;}
	.re03_content .right .re03_btn img{width:1.1719vw;}
	
	.re04_content{gap:3.9063vw;padding-left:0;flex-direction: row-reverse;max-width:129.2969vw;height:59.5313vw;margin:8.2031vw auto 0;justify-}
	.re04_content .right{width:50.0000vw;}
	.re04_content .right video{width:100%;height:59.5313vw;object-fit:cover}
	.re04_content .left{width:50.0000vw;border-bottom: 0.0781vw solid #ddd8d1;padding-left:5.4063vw;padding-top: 13.5938vw;}
	.re04_content .main_btn{left:auto;right:0;}

	.vivivi { width: 100%;}
	.video_web {width: 100%;}
	.btn-video-control { top: 1.5625vw;   right: 1.5625vw;  background: none;border: none;cursor: pointer;padding: 0;}
	.btn-video-control svg { width: 2.3438vw; height: 2.3438vw;fill: rgba(255, 255, 255, 0.8); transition: transform 0.2s ease;}
	.btn-video-control:hover svg {transform: scale(1.1); fill: #fff;}
	.vivivi, .right.card-motion figure {}
	.btn-video-control {top: 1.9531vw;right: 1.9531vw; background: none;border: none;cursor: pointer;padding: 0;}
	.btn-video-control svg { width: 1.8750vw;height: 1.8750vw;opacity: 0.8;filter: drop-shadow(0 0 0.1563vw rgba(0,0,0,0.3)); }
	.re05_content .right{}
	.rection05 .right ul { grid-template-columns: repeat(3, 1fr);gap: 0.7813vw;  }
	.rection05 .right ul li{}
	.rection05 .right ul li span{font-size:1.3281vw;left: 50%;top: 50%; transform: translate(-50%, -50%);}
	.re05_content .left{width: 65.6250vw;padding-left: 10.1875vw;padding-top:7.8125vw;border-bottom: 0.0781vw solid #ddd8d1;}
	.re05_content{max-width:125.0000vw;height:41.5938vw;margin:0 auto;justify-}
	.rare_box{top:34%;right:11%;width:12.1875vw;height:12.1875vw;border:0.2344vw solid #e14e2a;transform:rotate(18deg);align-items:center;box-shadow:0.7813vw 0.7813vw 1.5625vw rgba(0,0,0,.05);
	transition:.6s cubic-bezier(.25, .8, .25, 1);pointer-events:none;padding-right:1.5625vw}
	.re06_content{gap:3.4375vw;flex-direction: row-reverse;max-width:129.2969vw;height:49.6875vw;margin:8.2031vw auto 4.6875vw;justify-}
	.re06_content .right{width:59.7656vw;}
	.re06_content .left{width:64.4531vw;border-bottom: 0.0781vw solid #ddd8d1;padding-left:12.5000vw;padding-top: 10.1563vw;}
	.re06_content .main_btn{left:auto;right:0;}

	.rection07{background: url(../img/re07_bg.jpg) 50% 0% / cover no-repeat;width:100%;height:45.3906vw;}
	.rection07 .re07_content{max-width:150.0000vw;margin:0 auto;height:100%}
	.rection07 .re07_content .tx_bx03{left:64%;top:36%}
	.rection07 .re07_content .tx_bx03 .re03_btn{margin-top:4.6875vw;}
	.rection07 .tx_bx03 h1{font-size:1.2500vw;line-height:2.1094vw;padding-bottom:3.7500vw}
	.rection07 .tx_bx03 span{font-size:1.1719vw;line-height:2.1094vw;font-weight:300}
	.rection07 .tx_bx03 p{font-size:1.1719vw;padding-bottom:1.4063vw;}

	.rection08{margin-top:2.3438vw;background: url(../img/re08_bg.jpg) 0% 0% / cover no-repeat;width:100%;height:55.5469vw;}
	.rection08 .re08_content{gap:12.5000vw;height:100%;flex-direction: column;justify-}
	.rection08 .tx_bx02{}
	.rection08 .tx_bx02 h1{font-size:3.7500vw;}
	.rection08 .tx_bx02 p{font-size:1.2500vw;}
	.rection08 ul {gap:14.4531vw;align-items: center; justify-}
	.rection08 ul li{}
	.rection08 ul li p{font-size:1.2500vw;padding-top:6.4063vw}
	.rection08 ul li span{font-size:2.3438vw;font-weight:500}

	.text-highlight2{}


	.rection09{margin:2.3438vw auto;}
	.rection09 .left{}
	.rection09 .right{padding-top:6.5781vw;}
	.rection09 .right .tx_bx{}
	.rection09 .right .tx_bx h1{font-size:1.2500vw;line-height:2.3438vw;padding:0 0 0.7031vw}
	.rection09 .right .tx_bx p{font-size:0.9375vw;line-height:1.5625vw;padding-bottom:1.7188vw;}
	.rection09 .re09{    gap:14.4063vw}
	.rection09 .left h2{font-size:1.1719vw;top:50%;right:-5.4688vw}
	.rection09 .left h3{font-size:1.1719vw;top:50%;right:-12.8438vw}

	/* svg 애니메이션 */
	.rection02 .text-highlight,.rection08 .text-highlight2{z-index:1}
	.rection02 .circle-image,.rection08 .circle-image{top:50%;left:44%;transform:translate(-50%,-50%);pointer-events:none;position:absolute}
	.rection08 .circle-image{width:17.3438vw;height:10.3125vw}
	.rection02 .circle-image{width:8.8281vw;height:6.1719vw}

}

@media (max-width:1024px) {
	/* 메인 비주얼 */
	.con_wrap_mv{max-width: 92.2969vw;width:100%;height:97.6563vw;margin: 0 auto;position: unset;transform: none;background-position:76% 50%}
	.con_wrap{margin-top: 12.0938vw;overflow:hidden;width:100%;height:97.6563vw;padding-top:0}
	.con_wrap .mv_tx01{position: unset;transform: none;z-index:1}
	.con_wrap .mv_tx01 h1{font-size:4.5104vw;margin:1.9531vw 0;}
	.con_wrap .mv_tx01 h1 em{font-size:9.1146vw;}
}
@media (max-width:768px) {
	.fade-in{opacity: 1;}
	/* 메인 비주얼 */
	.con_wrap_mv{max-width: 92.2969vw;width:100%;height:97.6563vw;margin: 0 auto;position: unset;transform: none;background-position:76% 50%}
	.con_wrap{margin-top: 12.0938vw;overflow:hidden;width:100%;height:auto;}
	.con_wrap .mv_tx01{position: unset;transform: none;z-index:1}
	.con_wrap .mv_tx01 h1{font-size:6.5104vw;margin:1.9531vw 0;}
	.con_wrap .mv_tx01 h1 em{font-size:9.1146vw;}

	.swiper-scrollbar.re02_swiper-scrollbar{height:0.3906vw;margin-top:2.7344vw;width:87%;}
	.swiper-scrollbar-drag{background:#f7594e;border-radius:0;}
	.swiper-scroll_wr{flex-direction:row;align-items: center;justify-margin-top:7.8125vw;margin-right: 4.1667vw;}
	.swiper-scroll_wr img{width:10.4167vw;height:8.9844vw}

	@keyframes fadeInZoom {
		0% {
			transform: scale(1.2);
		}
		100% {
			transform: scale(1);
		}
	}
	.sun {width: 0;height: 0.1302vw; transition: width 2s ease-out;}

	.tx_bx span{font-size:1.9531vw;color:#e94911;font-family: "Sorts Mill Goudy", serif;}
	.tx_bx h1{font-size:6.5104vw;line-height:7.8125vw;padding:3.1250vw 0 3.3854vw;color: #131313;}
	.tx_bx p{font-size:2.0833vw;line-height:3.9063vw;}
	.tx_bx h2{font-size:3.4135vw;line-height: 4.4135vw;padding-top:3.4135vw;font-family: 'KoPubWorldBatang', sans-serif;}
	.rection01{background:#f7f4ef;border-bottom:0}
	.rection01 .scc{padding:19.5313vw 0 4.6875vw;gap: 8.9896vw;flex-wrap: wrap;justify-content: flex-start;}
	.rection01 .scc .left{padding-top:2.6042vw;}
	.rection01 .right img{width:100%;}
	.re03_content .right .figure2 img{width:100%;}
	.re03_content .right img{width:100%;}

	.rection02{background:#f7f4ef;}
	.rection02 .con_inner{padding:24.0885vw 0 19.5313vw}
	.tx_bx02 h1{font-size:4.4271vw;}
	.tx_bx02 p{font-size:2.2135vw;padding-top:3.9063vw;}
	.rection02 .tx_bx02 h1{gap:2.4740vw;align-items: center;justify-}
	.rection02 .tx_bx02{display: flex;flex-direction: column-reverse;gap: 4vw;}
	.re02_content{padding-top:10.4167vw;gap:0.5208vw;flex-wrap:nowrap;justify-content: normal;}
	.re02_content li{width:59.8958vw;height:69.0104vw;margin-right: 2vw;}
	.re02_content li.hvhv{background:#f7f7f7;padding-top: 4.8177vw;gap:2.4740vw;align-items: center;flex-direction: column; justify-}
	.re02_content li.hvhv p{font-size:1.9531vw;color:#525252}
	.re02_content li.hvhv h2{font-size:2.0833vw;padding-bottom:1.3021vw;}
	.re02_content li.hvhv img{transition:all .6s;}
	.re02_content li.hvhv:hover{}
	.re02_content li.hvhv:hover img{transform: scale(1.6);transition:all .6s;}
	.re02_content li.hvhv span{font-size:1.5625vw;bottom:9.6354vw;}
	.re02_content li #myVideo02{width:59.8958vw;height:69.0104vw;object-fit: cover;}
	.re02_content li.vivivi span{font-size:1.8229vw;line-height:2.6042vw;left:3.9063vw;bottom:4.5573vw;}
	.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{    background: #b0b0b0;        border-radius: 1vw;}
	.swiper-pagination-progressbar{background: #dbdbdb;height:1vw;width:60%;transform: translate(-50%, 0);left:50%;bottom: -9vw;        border-radius: 1vw;}
	.text-highlight {}
	.circle-svg {
	  
	  top: 50%;
	  left: 50%;
	  transform: translate(-50%, -50%) rotate(-5deg);
	  width: 120%; 
	  height: 140%;
	  fill: none;
	  stroke: #555; 
	  stroke-width: 2;
	  stroke-linecap: round;
	  stroke-dasharray: 500; 
	  stroke-dashoffset: 500;
	}


	.active .circle-svg {
	  animation: draw-circle 1.5s ease-out forwards;
	}

	@keyframes draw-circle {
	  to {
		stroke-dashoffset: 0; 
	  }
	}

	.active .circle-image { clip-path: inset(0 0 0 0);}
	.rection03 .con_inner{padding:13.0208vw 0;}
	.rection00 .tx_bx{}
	.rection00 .tx_bx02 h1{font-size:4.9479vw;padding-top:0.2604vw;}
	.rection00 .tx_bx02 p{font-size:1.9531vw;padding-top:0;padding-bottom:1.5625vw;}
	.rection00 .tx_bx02 p span{width:10.4167vw;}
	.rection00 .tx_bx02 p + p + p{padding-bottom:0}
	.rection00 .tx_bx02 .tx22{padding:6.3802vw 0 5.8594vw;}
	.rection00 .tx_bx02 .tx33{gap:5.2083vw;}
	.rection00 .tx_bx02 .tx33.pc_cont_768{display:none}
	.rection00 .tx_bx02 .tx33.m_cont_768{display:block}
	.rection00 .tx_bx02 .tx33 p{font-size:1.9531vw;line-height:3.5156vw;font-weight:500}
	.re03_content{max-width:92.4479vw;height:auto;flex-direction: column-reverse;margin:18.8802vw auto 0;justify-}
	.re03_content .left{width: 100%;padding-left: 0;padding-top:6.5104vw;border-bottom: 0.1302vw solid #ddd8d1;}
	.re03_content .right{gap: 3.5156vw;}
	.re03_content .right .figure2{padding-top:1.1719vw;}

	.main_btn{bottom:2.6042vw;left:auto;right:0}
	.main_btn a{gap: 1.5625vw;font-size:1.9531vw;border:0.1302vw solid #e94911;border-radius:3.9063vw;height:5.8594vw;width:13.0208vw;align-items: center;justify-}
	.re03_btn{width:8.4635vw;height:8.4635vw;
	right:9.1146vw;bottom:5.0781vw;background:rgba(255,255,255,.5);border-radius: 100%;align-items: center;justify-}

	.re04_content{flex-direction: column-reverse;gap:6.5104vw;padding-left:0vw;max-width:215.4948vw;height:auto;margin:13.6719vw auto 0;justify-}
	.re04_content .right{width:83.3333vw;}
	.re04_content .right video{width:100%;height:99.2188vw;object-fit:cover}
	.re04_content .left{width:92.0729vw;border-bottom: 0.1302vw solid #ddd8d1;padding-left:0vw;padding-top:7.6563vw;}
	.re04_content .main_btn{left:auto;right:0;}

	.vivivi { width: 100%;}
	.video_web {width: 100%;}
	.btn-video-control { top: 2.6042vw;   right: 2.6042vw;  background: none;border: none;cursor: pointer;padding: 0;}
	.btn-video-control svg { width: 3.9063vw; height: 3.9063vw;fill: rgba(255, 255, 255, 0.8); transition: transform 0.2s ease;}
	.btn-video-control:hover svg {transform: scale(1.1); fill: #fff;}
	.vivivi, .right.card-motion figure {}
	.btn-video-control {top: 3.2552vw;right: 3.2552vw; background: none;border: none;cursor: pointer;padding: 0;}
	.btn-video-control svg { width: 3.1250vw;height: 3.1250vw;opacity: 0.8;filter: drop-shadow(0 0 0.2604vw rgba(0,0,0,0.3)); }
	.re05_content .left{width:100%}
	.rection05 .right ul { grid-template-columns: repeat(3, 1fr);gap: 1.3021vw;  }
	.rection05 .right ul li{}
	.rection05 .right ul li span{font-size:2.2135vw;left: 50%;top: 50%; transform: translate(-50%, -50%);}
	.rare_box {top: 31%;right: 5%;width: 31.1875vw;height: 31.1875vw;}
	.rare_box .inner_text {font-size: 18px;}
	.re05_content{flex-direction: column-reverse;gap: 8.9286vw;
        height: auto;}

	.re06_content{gap:5.7292vw;flex-direction: column-reverse;max-width:215.4948vw;height:auto;margin:13.6719vw auto 7.8125vw;justify-}
	.re06_content .right{width:100%;}
	.re06_content .left{width:100%;border-bottom: 0.1302vw solid #ddd8d1;padding-left:0vw;padding-top: 2.9271vw;}
	.re06_content .main_btn{left:auto;right:0;}

	.rection07{background:none;width:100%;height:auto;}
	.rection07 .re07_content{max-width:250.0000vw;margin:0 auto;height:100%;padding-top: 6vw;}
	.rection07 .re07_content .tx_bx03{position: unset;}
	.rection07 .re07_content .tx_bx03 .re03_btn{margin-top:7.8125vw;}
	.rection07 .tx_bx03 h1{font-size:2.0833vw;line-height:3.5156vw;padding-bottom:6.2500vw;color: #171717;}
	.rection07 .tx_bx03 span{font-size:1.9531vw;line-height:3.5156vw;font-weight:300;color: #171717;}
	.rection07 .tx_bx03 p{font-size:1.9531vw;padding-bottom:2.3438vw;color: #171717;}
	.rection07::before{display:none}

	.rection08{margin-top:3.9063vw;background: url(../img/re08_bg.jpg) 0% 0% / cover no-repeat;width:100%;height:92.5781vw;}
	.rection08 .re08_content{gap:20.8333vw;height:100%;flex-direction: column;justify-}
	.rection08 .tx_bx02{}
	.rection08 .tx_bx02 h1{font-size:6.2500vw;}
	.rection08 .tx_bx02 p{font-size:2.0833vw;}
	.rection08 ul {gap:7.0885vw;align-items: center; justify-}
	.rection08 ul li{}
	.rection08 ul li p{font-size:2.0833vw;padding-top:10.6771vw}
	.rection08 ul li span{font-size:3.9063vw;font-weight:500}


	.rection09{margin:3.9063vw auto;}
	.rection09 .left{}
	.rection09 .right{padding-top:15.9635vw;}
	.rection09 .right h1.m_cont_768{font-size: 5.2500vw;text-align: center;padding-bottom: 5vw;}
	.rection09 .right .tx_bx{}
	.rection09 .right .tx_bx h1{font-size:2.0833vw;line-height:3.9063vw;padding:5vw 0 1.1719vw}
	.rection09 .right .tx_bx p{font-size:1.5625vw;line-height:2.6042vw;padding-bottom:2.8646vw;}
	.rection09 .re09{ display:block;}
	.rection09 .left h2{font-size:1.9531vw;top:50%;right:-9.1146vw}
	.rection09 .left h3{font-size:1.9531vw;top:50%;right:-41.4063vw}

}

@media (max-width:480px) {
	/* 메인 비주얼 */
	.con_wrap{margin-top: 20.0938vw;height: 145.6563vw;}
	.con_wrap_mv{height:100%;}
	.con_wrap .mv_tx01 h1{font-size:5.9286vw;margin:2.6786vw 0;}
	.con_wrap .mv_tx01 h1 em{font-size:7.5000vw;}
	.con_wrap .mv_tx01 h1 span:nth-child(8){font-family: 'High Summit';font-size:7.5000vw;}
	.con_wrap .mv_tx01 h1 span:nth-child(9){font-family: 'High Summit';font-size:7.5000vw;}
	.con_wrap .mv_tx01 h1 span:nth-child(10){font-family: 'High Summit';font-size:7.5000vw;}
	.con_wrap .mv_tx01 h1 span:nth-child(11){font-family: 'High Summit';font-size:7.5000vw;}
	.con_wrap .mv_tx01 h1 span:nth-child(12){font-family: 'High Summit';font-size:7.5000vw;}
	.con_wrap .mv_tx01 h1 span:nth-child(13){font-family: 'High Summit';font-size:7.5000vw;}
	.con_wrap .mv_tx01 h1 span:nth-child(14){font-family: 'High Summit';font-size:7.5000vw;}
	.con_wrap .mv_tx01 h1 span:nth-child(15){font-family: 'High Summit';font-size:7.5000vw;}

	.swiper-scrollbar.re02_swiper-scrollbar{height:0.5357vw;margin-top:3.7500vw;width:87%;}
	.swiper-scrollbar-drag{background:#f7594e;border-radius:0;}
	.swiper-scroll_wr{flex-direction:row;align-items: center;justify-margin-top:10.7143vw;margin-right: 5.7143vw;}
	.swiper-scroll_wr img{width:14.2857vw;height:12.3214vw}

	@keyframes fadeInZoom {
		0% {
			transform: scale(1.2);
		}
		100% {
			transform: scale(1);
		}
	}
	.sun {width: 0;height: 0.1786vw; transition: width 2s ease-out;}

	.tx_bx span{font-size:2.6786vw;color:#e94911}
	.tx_bx h1{font-size:6.9286vw;line-height:8.7143vw;padding:4.2857vw 0 4.6429vw;}
	.tx_bx p{font-size:3.5571vw;line-height:6.1571vw;}
	.tx_bx h2{font-size:4.0357vw;padding-top:2.8571vw;line-height: 6.0357vw;font-family: 'KoPubWorld-Batang_Pro-Medium';}
	.rection01{background:#f7f4ef;border-bottom:0}
	.rection01 .scc{padding:10.7857vw 0 6.4286vw;gap: 16.5000vw;justify-}
	.rection01 .scc .left{padding-top:3.5714vw;}

	.rection02{background:#f7f4ef;}
	.rection02 .con_inner{padding:23.0357vw 0 26.7857vw}
	.tx_bx02 h1{font-size:4.5714vw;}
	.tx_bx02 p{font-size:3.3357vw;padding-top:5.3571vw;}
	.rection02 .tx_bx02 h1{gap:3.3929vw;align-items: center;font-family: 'KoPubWorld-Batang_Pro-Medium';}
	.rection02 .tx_bx02{gap:5vw}
	.re02_content{padding-top:14.2857vw;gap:0.7143vw;justify-}
	.re02_content li{width:82.1429vw;height:94.6429vw;}
	.re02_content li.hvhv{background:#f7f7f7;padding-top: 6.6071vw;gap:3.3929vw;align-items: center;flex-direction: column; justify-}
	.re02_content li.hvhv p{font-size:2.6786vw;color:#525252}
	.re02_content li.hvhv h2{font-size:2.8571vw;padding-bottom:1.7857vw;}
	.re02_content li.hvhv img{transition:all .6s;width:70%}
	.re02_content li.hvhv:hover{}
	.re02_content li.hvhv:hover img{transform: scale(1.6);transition:all .6s;}
	.re02_content li.hvhv span{font-size:2.1429vw;bottom:13.2143vw;}
	.re02_content li #myVideo02{width:82.1429vw;height:94.6429vw;object-fit: cover;}
	.re02_content li.vivivi span{font-size:2.5000vw;line-height:3.5714vw;left:5.3571vw;bottom:6.2500vw;}
	.swiper-pagination-progressbar{width:46%;bottom:-17vw}
	.text-highlight {font-family: 'KoPubWorld-Batang_Pro-Medium';}
	.circle-svg {
	  
	  top: 50%;
	  left: 50%;
	  transform: translate(-50%, -50%) rotate(-5deg);
	  width: 120%; 
	  height: 140%;
	  fill: none;
	  stroke: #555; 
	  stroke-width: 2;
	  stroke-linecap: round;
	  stroke-dasharray: 500; 
	  stroke-dashoffset: 500;
	}


	.active .circle-svg {
	  animation: draw-circle 1.5s ease-out forwards;
	}

	@keyframes draw-circle {
	  to {
		stroke-dashoffset: 0; 
	  }
	}


	.rection03 .con_inner{padding:24.8571vw 0 17.8571vw;}
	.rection00 .tx_bx{}
	.rection00 .tx_bx02 h1{font-size:5.5857vw;padding-top:0.3571vw;font-family: 'KoPubWorld-Batang_Pro-Medium';}
	.rection00 .tx_bx02 p{font-size:3.0786vw;padding-top:0;padding-bottom:2.9429vw;}
	.rection00 .tx_bx02 p span{width:16.0857vw;font-family: 'KoPubWorld-Batang_Pro-Medium';}
	.rection00 .tx_bx02 p + p + p{padding-bottom:0}
	.rection00 .tx_bx02 .tx22{padding:7.7500vw 0 6.5357vw;}
	.rection00 .tx_bx02 .tx22 p{font-family: 'KoPubWorld-Batang_Pro-Medium';padding-top: 0.3786vw;}
	.rection00 .tx_bx02 .tx33{gap:7.1429vw;}
	.rection00 .tx_bx02 .tx33 p{font-size:3.1786vw;line-height:5.3214vw;font-weight:500}
	.re03_content{margin:25.8929vw auto 0;justify-}
	.re03_content .left{padding-top:10.9286vw;border-bottom: 0}
	.re03_content .right{gap: 4.8214vw;}
	.re03_content .right .figure2{padding-top:1.6071vw;}

	.main_btn{bottom:3.5714vw;left:0}
	.main_btn a{display: none;gap: 2.1429vw;font-size:2.6786vw;border:0.1786vw solid #e94911;border-radius:5.3571vw;height:8.0357vw;width:17.8571vw;align-items: center;justify-}
	.re03_btn{display:none;width:11.6071vw;height:11.6071vw;
	right:12.5000vw;bottom:6.9643vw;background:rgba(255,255,255,.5);border-radius: 100%;align-items: center;justify-}

	.re04_content{gap:8.9286vw;margin:2.6719vw auto 0}
	.re04_content .right{width:100%;}
	.re04_content .right video{width:100%;height:136.0714vw;object-fit:cover}
	.re04_content .left{padding-top: 3.0714vw;border-bottom: 0;}
	.re04_content .main_btn{left:auto;right:0;}

	.re05_content{gap: 8.9286vw;height:auto;flex-direction: column-reverse;}
	.re05_content .left{width:100%;padding-left:0;padding-top: 0;border-bottom: 0;}
	.rare_box{right: 0;width: 120px;height: 120px;top:33%;border: 1px solid #e14e2a;padding-right:2vw}

	.vivivi { width: 100%;}
	.video_web {width: 100%;}
	.btn-video-control { top: 3.5714vw;   right: 3.5714vw;  background: none;border: none;cursor: pointer;padding: 0;}
	.btn-video-control svg { width: 5.3571vw; height: 5.3571vw;fill: rgba(255, 255, 255, 0.8); transition: transform 0.2s ease;}
	.btn-video-control:hover svg {transform: scale(1.1); fill: #fff;}
	.vivivi, .right.card-motion figure {}
	.btn-video-control {top: 4.4643vw;right: 4.4643vw; background: none;border: none;cursor: pointer;padding: 0;}
	.btn-video-control svg { width: 4.2857vw;height: 4.2857vw;opacity: 0.8;filter: drop-shadow(0 0 0.3571vw rgba(0,0,0,0.3)); }
	.rection05 .right ul { grid-template-columns: repeat(3, 1fr);gap: 1.7857vw;  }
	.rection05 .right ul li{}
	.rection05 .right ul li span{font-size:3.0357vw;left: 50%;top: 50%; transform: translate(-50%, -50%);}

	.re06_content{gap:7.8571vw;margin:1.7500vw auto 17.7143vw;}
	.re06_content .right{}
	.re06_content .left{border-bottom: 0;}
	.re06_content .main_btn{left:auto;right:0;}

	.rection07{}
	.rection07 .re07_content{padding-top: 7vw;margin:0 auto;height:100%}
	.rection07 .re07_content .tx_bx03{left:64%;top:36%}
	.rection07 .re07_content .tx_bx03 .re03_btn{margin-top:10.7143vw;}
	.rection07 .tx_bx03 h1{font-size:3.5571vw;line-height:5.8214vw;padding-bottom:10.5714vw}
	.rection07 .tx_bx03 span{font-size:3.4786vw;line-height:6.0214vw;font-weight:400}
	.rection07 .tx_bx03 p{font-size:4.0786vw;padding-bottom:3.2143vw;font-weight: 500;}

	.rection08{margin-top:10.3571vw;background: url(../img/re08_bg.jpg) 0% 0% / cover no-repeat;width:100%;height:100.9643vw;}
	.rection08 .re08_content{gap:18.5714vw;height:100%;flex-direction: column;justify-}
	.rection08 .tx_bx02{}
	.rection08 .tx_bx02 h1{font-size:6.5714vw;}
	.rection08 .tx_bx02 p{font-size:2.8571vw;padding-top: 4.3571vw;}
	.rection08 ul {align-items: flex-start;}
	.rection08 ul li{}
	.rection08 ul li p{font-size:2.8571vw;padding-top:14.6429vw;line-height:4.2571vw;}
	.rection08 ul li span{font-size:4.2571vw;font-weight:500}



	.rection09{margin:5.3571vw auto 11.3571vw;}
	.rection09 .left{}
	.rection09 .right{}
	.rection09 .right .tx_bx{}
	.rection09 .right h1.m_cont_768{font-size: 4.25vw;}
	.rection09 .right .tx_bx h1{font-size:2.9571vw;line-height:5.3571vw;padding:7.6071vw 0 1.6071vw;font-family: 'KoPubWorld-Batang_Pro-Medium';}
	.rection09 .right .tx_bx p{font-size:2.1429vw;line-height:3.5714vw;padding-bottom:3.9286vw;font-family: 'KoPubWorld-Batang_Pro-Medium';}
	.rection09 .re09{    gap:60.3571vw}
	.rection09 .left h2{font-size:2.6786vw;top:50%;right:-12.5000vw}
	.rection09 .left h3{font-size:2.6786vw;top:50%;right:-56.7857vw}
	.rare_box .inner_text{font-size: 2.8786vw;}

	.rection08 .circle-image{width:28.6429vw;height:23.5714vw}
	.rection02 .circle-image{width:17.1786vw;height:14.1071vw}

}
/* 가로 방향이면서, 화면 너비가 900px 이하인 경우 (모바일/태블릿) */
@media (orientation: landscape) and (max-width: 900px) {
	.con_wrap_mv{transform: translate(-50%, -10.3%) ;}
	.con_wrap .mv_tx01{top:27%;}
}