/*common*/
.wrap {overflow: hidden;}
section {padding: 10rem 0;}

h2 {font-size: 3.25rem; font-weight: 700;  letter-spacing: -0.25px; color:#22273D; padding-bottom: 4.25rem;}
h2 > span {display: block; padding-bottom: 0.5rem;}
h2 strong {display: block; line-height: 134%; padding-bottom: 1rem;}
h2 .sub_tit {font-size:  1.5rem; font-weight: 400; opacity: 0.6; color:#1E1A1A;}
.inner {max-width: 77.4rem; margin: 0 auto;}

@media (max-width: 990px) { 	
	section {padding: 6rem  0;}
}
@media (max-width: 740px) { 	
	h2 { font-size: 7vw; padding-bottom: 8%;}
	section {padding: 22%  0;}
}

/*vis*/
.main_vis  {width:100%; height: 100vh; position: relative;  background: url("../Images/Direct/main_bg_pc.jpg") no-repeat bottom right; background-size: cover; }
.main_wrap {width: 100%; height: 100%; display: flex; justify-content: flex-end; align-items: center;}
.main_vis .inner {max-width: 1440px; z-index: 2; position: relative;}

.main_vis .text_wrap { width:40rem; margin-top: 2.375rem;  padding: 2.5rem 3.75rem; background: linear-gradient(122deg, rgba(24,24,24,0.5970763305322129) 0%, rgba(24,24,24,0) 89%); }
.main_vis .text_wrap > h2 {display: flex; flex-direction: column; font-size: 5rem; padding-bottom: 0.5rem; }
.main_vis .text_wrap > h2 span {display: flex; align-items: center; color:#fff; font-weight: 400; padding-bottom: 0;}
.main_vis .text_wrap > h2 span strong {padding: 0; font-weight: 900; margin-right: 0.5rem; color:#c8beff;}
.main_vis .text_wrap > span { display: block; font-size: 2.375rem; color:#fff; font-weight: 400; opacity:0.7; padding-bottom: 3rem; }
.main_vis .text_wrap > a.go_product {display: flex; width: 24rem; height: 4.25rem; line-height: 4.25rem; justify-content: center; align-items: center; color:#fff; background: var(--color-purple); font-size: 1.5rem; border-radius: 0.25rem; }
.main_vis .text_wrap > a.go_product::before {content: '간편 견적 받기'; }
.main_vis .text_wrap > a.go_product::after {content: ''; width: 1.1875rem; height: 1.1875rem; background: transparent url('../Images/Direct/a_btn_arrow.png') no-repeat center center; background-size: cover; position: relative; top: 1.5px; margin-left: 0.875rem; }

.fixBar {visibility: hidden; opacity: 0; transition: 0.3s;}
.sc-down .fixBar {visibility: visible; opacity: 1; position: fixed; left:0; bottom: 0;  width: 100%; z-index: 8; display: flex; justify-content: center; align-content: center; line-height: 1;  background: var(--color-purple);  padding:1.25rem 0; gap:0.5rem;}
.sc-down .fixBar button { background: #4A3D8F; font-size: 1.125rem; height: 3rem; line-height: 3rem; color:#fff; border-radius: 100rem; padding: 0 4rem; transition: 0.3s; transform: scale(1);}
.sc-down .fixBar button:first-of-type { background: #413b67;}
.sc-down .fixBar button:last-of-type::before {content: '쉽고 빠르게 견적을 받으세요'}
.sc-down .fixBar button:last-of-type::after { content: '';  background: url('../Images/Direct/a_btn_arrow.png') no-repeat center center;  background-size: cover; display: inline-block; width: 1rem; height: 1rem; margin-left: 0.5rem; position: relative; top: 1px;}
.sc-down .fixBar button:hover { transform: scale(1.03);}
.main_vis .main_img {position: absolute; width: 100%; height:100vh; top:0; left:0; z-index: 1;}
.main_vis .main_img img {position: absolute; width: 100%; height:100%; object-fit: cover; top:0; left:0; z-index: 0; opacity: 1; transition: opacity 0.5s ease-in-out;}

.inner_img {position: absolute; width: 54.5rem ; padding-bottom: 35.25rem; right: 3%; bottom: 10%; z-index: 2; } /* 880px * 565px */
.inner_img > img {position: absolute;}
.inner_img img:nth-of-type(1) { width: 52.18%; right: 43.5%; bottom: 5%;  transform: translateX(50%); animation: imgesing 1.5s linear 0s infinite alternate ;}
.inner_img img:nth-of-type(2) { width:23.166%; left: 34%; top: 17%; transform: translate(-50%, -50%); animation: imgopc1 1.5s linear 0s infinite alternate ;  }
.inner_img img:nth-of-type(3) { width:20.528%; left: 18%; top: 35%; transform: translate(-50%, -50%);  animation: imgopc2 1.5s linear 0s infinite alternate ; }
.inner_img img:nth-of-type(4) { width:29.472%; left: 20%; top: 59%; transform: translate(-50%, -50%);  animation: imgopc1 1.5s linear 0s infinite alternate ; }
.inner_img img:nth-of-type(5) { width:32.225%; right: 30%; top: 13%; transform: translate(50%, -50%);  animation: imgopc2 1.5s linear 0s infinite alternate ; }
.inner_img img:nth-of-type(6) { width:24.312%; right: 15%; top: 37%; transform: translate(50%, -50%);  animation: imgopc1 1.5s linear 0s infinite alternate ; }
.inner_img img:nth-of-type(7) { width:20.413%; right: 18%; top: 60%; transform: translate(50%, -50%);  animation: imgopc2 1.5s linear 0s infinite alternate ; }


@media (max-width:1440px) {
	.main_vis {background-position: bottom center;}
	.inner_img {position: absolute; width: 38rem; padding-bottom: 26.934rem; right: 3%;}
}
@media (max-width: 990px) {
	.main_vis  { background: url("../Images/Direct/main_bg_m.jpg") no-repeat bottom center; }
}


/*slide section*/
.sec01 {text-align: center; padding-top: 14.5rem; background: #E9E7EF;}
.sec01 h2 span {color:#8176AF;}

.sl_navi_wrap {display: flex; justify-content: center;  align-items: center; margin-bottom: 3rem;}
.mainTopSlideNavi {background: #D5D1E0; max-width: 1240px; padding: 0.625rem; border-radius: 20rem;}
.mainTopSlideNavi.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {width: auto;}
.mainTopSlideNavi .swiper-pagination-bullet {display: inline-block; width: auto;  color:#61667D; font-weight: 500; font-size: 1.125rem;  border-radius: 20rem; padding: 0 1.25rem; padding-top: 1px; background: transparent; opacity: 1; height: 2.75rem; line-height: 2.75rem;} 

.mainTopSlideWrap {position: relative;}
.mainTopSlideWrap .pager button{position: absolute;  top:50%; transform: translateY(-50%); z-index: 7; width: 5.625rem; height: 5.625rem; color:transparent;}
.mainTopSlideWrap .pager button::before { content: ""; background: url("../Images/Direct/sw_arrow.svg") no-repeat center center; position: absolute; top:0; left:0; width: 100%; height: 100%; border-radius: 100rem; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);}
.mainTopSlideWrap .pager button.prev{left: 21%; }
.mainTopSlideWrap .pager button.next{right: 21%;}
.mainTopSlideWrap .pager button.next::before {transform: rotate(180deg);}

.mainTopSlideNavi .swiper-pagination-bullet.swiper-pagination-bullet-active {background: #7163BA; color:#fff;}
.mainTopSlide {width: 162%; margin:0 -31%; overflow: visible;}
.mainTopSlide .swiper-slide {width:55.12rem; border-radius: 1rem; overflow: hidden; box-shadow: 6px 8px 10px 0px rgba(0, 0, 0, 0.25); opacity: 0.5;}
.mainTopSlide .swiper-slide.swiper-slide-active {opacity: 1;}
.mainTopWraper {display: flex;}
.mainTopWraper .thum {width: 50%; position: relative;}
.mainTopWraper .thum img {position: absolute; width: 100%; height:100%; object-fit: cover; top:0; left:0; }
.mainTopWraper .dec {background: #2D3044; padding: 5rem 2.5rem 0 2.5rem ; text-align: left; color:#fff; width: 50%; height: 36.25rem; } 
.mainTopWraper .dec h3 { font-size: 2rem; line-height: 126%; letter-spacing: -0.5px; font-weight: 700; padding-bottom: 2.25rem;}
.mainTopWraper .dec strong { font-size: 1.25rem; font-weight: 700; line-height: 100%; margin-bottom: 0.375rem; display: block; opacity: .9}
.mainTopWraper .dec p { font-size: 1.125rem; font-weight: 400; color:#8288A5; padding-bottom: 1rem; line-height: 146%; }
.mainTopWraper .dec p span.f_y {color:#FFCA10; font-weight: 500; }


.sec02 {background: #2E3346 url('../Images/Direct/sec02_bg.png') repeat-y top center; text-align: center; padding-bottom: 0; overflow-y: hidden;}
.sec02 h2{text-align: center; color:#fff; }
.sec02 h2 img {margin: -2rem auto 1.75rem;}
.sec02 h2 .sub_tit {color:#fff; opacity: 0.7; line-height: 145%;}
.mov {position: relative; margin-bottom: -10rem;}
.vod {width: 74.5%; top:8.5%; padding-bottom: 40.6%; position: absolute; left:50%; transform: translateX(-50%); z-index: 1; display: block; overflow: hidden; cursor: pointer;}
.vod::after {content: ''; position: absolute; display: block; width: 7.125rem; height: 7.125rem; top:50%; left:50%; transform: translate(-50%, -50%); background: url('../Images/Direct/vod_arrow.svg') no-repeat center center; }
.vod img { position: absolute; width:100%; height: 100%;  object-fit: cover; top:0; left:0; opacity: 0.5; transition: 1s;  }
.vod:hover img {opacity: 1; transform: scale(1.1);}
.joystick {transform: translateY(-46%); position: relative; z-index: 1;}

#vod_modal .modal-content {position: relative;}
#vod_modal .modal_body {width: 100%; position: relative; padding-bottom: 60%;}
#vod_modal iframe {width: 100%; height: 100%; position: absolute; top: 50%; left:50%; transform: translate(-50%, -50%);}
#vod_modal .ab_close {position: absolute; top: -2rem; right: -1rem; color:#fff;}
#vod_modal .ab_close button {color:transparent; width: 0; height: 0; }
#vod_modal .ab_close button.modalClose::before { content: '\f057'; font: var(--fa-font-regular) ; font-size: 2rem; opacity: .8; transition: 0.3s; color:#fff;}
#vod_modal .ab_close button.modalClose:hover::before {opacity: 1}
/*sec03*/
.sec03 {background: #F0F0F0; text-align: center; position: relative; overflow: hidden;}
.sec03::before {content: ''; position: absolute; display: block; width: 35.125rem; height: 20.312rem;  background: url('../Images/Direct/move_o.svg') no-repeat center center; top:-3%; left:-5%; animation: imgesingt 1s linear 0s infinite alternate ;}
.sec03::after {content: ''; position: absolute; display: block; width: 17.25rem; height: 22.18rem;  background: url('../Images/Direct/move_s.svg') no-repeat center center; bottom:0%; right: 3%; animation: imgesingt 1.5s linear 0s infinite alternate ;}
.sec03 h2 {font-weight: 800;}
.sec03 h2 span {color: var(--color-purple);}
.sec03 h2 strong{padding-bottom: 0;}

.oneStopSlideNavi { position: relative; }
.oneStopSlideNavi::before { content: ""; display: block; background: #D1CDE7; width: 22.8rem; height: 3px; position: absolute; top:1rem; left:50%; transform: translateX(-50%);}
.oneStopSlideNavi .swiper-pagination-bullet {display: inline-block; width: auto;  color:#ADAABF;  font-size: 1.125rem; font-weight:600 ; background: transparent; opacity: 1; height: 2.75rem; line-height: 2.75rem; position: relative;  } 
.oneStopSlideNavi.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, 
.oneStopSlideNavi.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin: 1.56rem; width: auto; }
.oneStopSlideNavi .swiper-pagination-bullet::before {content: ''; display: block; width:  0.875rem; height: 0.875rem;  border-radius: 0.875rem; position: absolute; top:-0.9375rem; left: 50%; transform:translateX(-50%); border: 3px solid #D1CDE7; opacity: 1; background: #F0F0F0; z-index: 2;}

.oneStopSlideNavi .swiper-pagination-bullet.swiper-pagination-bullet-active {color:#7163BA; font-weight: 700;}
.oneStopSlideNavi .swiper-pagination-bullet.swiper-pagination-bullet-active::before {border: 3px solid #7163BA; width: 1.1875rem; height: 1.1875rem; border-radius: 1.1875rem; top: -1.0625rem;}
.oneStopSlideNavi .swiper-pagination-bullet.swiper-pagination-bullet-active::after {content: ''; display: block; width: 0.4375rem; height: 0.4375rem;  border-radius: 0.4375rem; position: absolute; top:-0.6875rem; left: 50%; transform:translateX(-50%); background: #7163BA; z-index: 3; }

.oneStopTopSlideWrap {position: relative;}
.oneStopTopSlideWrap .pager button{position: absolute;  top:50%; transform: translateY(-50%); z-index: 7; width: 5.625rem; height: 5.625rem; color:transparent;}
.oneStopTopSlideWrap .pager button::before { content: ""; background: url("../Images/Direct/sw_arrow.svg") no-repeat center center; position: absolute; top:0; left:0; width: 100%; height: 100%; border-radius: 100rem; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);}
.oneStopTopSlideWrap .pager button.prev{left: -3.3rem; }
.oneStopTopSlideWrap .pager button.next{right: -3.3rem;}
.oneStopTopSlideWrap .pager button.next::before {transform: rotate(180deg);}

.oneStopTopSlide {border-radius: 2.5rem; box-shadow: 8px 8px 11px 0px rgba(94, 94, 94, 0.25);}
.oneStopTopSlide .swiper-slide {width: 100%; background-color: #fff; background-position: 90% center; background-repeat: no-repeat; padding: 5rem 7.875rem; text-align: left; min-height: 33.125rem; }
.oneStopTopSlide .swiper-slide span {color:#7163BA; font-weight: 800; display: block; padding: 2.5rem 0 0.875rem 0; }
.oneStopTopSlide .swiper-slide h3 { font-size: 2.25rem; letter-spacing: -0.25px; line-height: 140%; font-weight: 800;} 
.oneStopTopSlide .swiper-slide p { padding-top: 2.625rem; font-size: 1.25rem; font-weight: 400; line-height: 160%; color:#888; letter-spacing: -0.5px;} 
.oneStopTopSlide .swiper-slide.setp01 {background-image: url('../Images/Direct/step01.svg');}
.oneStopTopSlide .swiper-slide.setp02 {background-image: url('../Images/Direct/step02.svg');}
.oneStopTopSlide .swiper-slide.setp03 {background-image: url('../Images/Direct/step03.svg');}
.oneStopTopSlide .swiper-slide.setp04 {background-image: url('../Images/Direct/step04.svg');}

.sec04  {background: #252531 url('../Images/Direct/sec04_bg.png') no-repeat right bottom; padding-bottom: 11.25rem;  }
.sec04 h2 > span {color:#D4CDF6;}
.sec04 h2  {color:#fff; padding-bottom: 3.875rem;}

.num_wrap {display: flex; }
.num_box {display: flex; flex-direction: column;  padding: 0 0 0 5rem ; border-right: 1px solid #6F6F78; }
.num_box span {font-size: 1.25rem; color:#fff; opacity: 0.8; font-weight: 800;}
.num_box strong {font-size: 3.25rem ; font-weight:  800;}
.num_box strong span {font-size: 1.75rem; colorl:#fff; font-weight: 700; opacity: 0.4;}
.num_box:nth-of-type(1) {padding-left:0; width: 28%; }
.num_box:nth-of-type(2) {width: 40%; }
.num_box:nth-of-type(3) {border-right: 0; width: 32%;  }
.num_box:nth-of-type(1) strong {color: #54E2DA; }
.num_box:nth-of-type(2) strong {color: #7AFB8A; }
.num_box:nth-of-type(3) strong {color: #FFE554; }

.text_wrap {padding-top: 8.125rem; }
.text_wrap .row_box {display: flex;  flex-direction: column;  padding: 1.875rem 2.5rem 1.875rem 9rem; background: #2C2E39; margin-bottom: 1rem; border-radius: 1.125rem; box-shadow: 6px 6px 6px 0px rgba(30, 28, 28, 0.25); position: relative; }
.text_wrap .row_box::before {content: ''; width: 5rem; height: 5rem; position: absolute; left:2.5rem; top:50%; transform: translateY(-50%);}
.text_wrap .row_box:nth-of-type(1)::before {background: url('../Images/Direct/sec04_01.svg') no-repeat center center; background-size: cover; }
.text_wrap .row_box:nth-of-type(2)::before {background: url('../Images/Direct/sec04_02.svg') no-repeat center center; background-size: cover;height: 6rem; width: 4.5rem; left: 2.7rem;}
.text_wrap .row_box:nth-of-type(3)::before {background: url('../Images/Direct/sec04_03.svg') no-repeat center center; background-size: cover;height: 5rem; width: 5em;}

.text_wrap .row_box strong { font-size: 1.875rem; font-weight: 800; color:#fff; margin-bottom: 0.625rem; }
.text_wrap .row_box span { font-size: 1.25rem; font-weight: 300; color:#fff; opacity: 0.7; padding-top: 0.625rem;}

@media (max-width:1440px) {
    .main_vis .inner {padding-left: 0;}	
	.mov {margin: 0 -1.355rem  -12.5% -1.355rem;}
}

@media (max-width:1240px) {
	/*main_vis*/
    .main_vis .text_wrap{ margin-top: 0; padding: 2rem 2.5rem; width: 56%;}
	.main_vis .text_wrap > h2 {font-size: 2.5rem;}
	.main_vis .text_wrap > span {font-size: 1.5rem; padding-bottom: 2rem;}
	.main_vis .text_wrap > a.go_product {font-size: 1rem; height: 3.25rem; line-height: 3.25rem;  width: 46%;}
	.inner_img {bottom: 2vh; right: 3vw;}
	
	/*sec01*/
	.mainTopSlide {width: 230%; margin: 0 -65%;}
	.mainTopSlideNavi {background: transparent; max-width: 100%; padding: 0; text-align: left;}
	.mainTopSlideNavi.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {width: 100%;}
	.mainTopSlideNavi .swiper-pagination-bullet {background: #D5D1E0; } 
	.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 0.625rem 0.625rem 0; }
	.mainTopSlideWrap .pager button.prev { left: 8%; }
	.mainTopSlideWrap .pager button.next { right: 8%; }
	
	.num_box strong {font-size: 2.5rem ; }
}
@media (max-width:990px) { 
	.main_vis {min-height: 100vh; height:  auto; padding-bottom: 68%;}
	.main_vis .inner { padding: 2rem; }
	.main_vis .text_wrap {width: 100%;}
	.main_vis .text_wrap > h2 {font-size: 3.5rem;}
	.main_vis .text_wrap > span {font-size: 1.5rem; padding-bottom: 2rem;}
	.main_vis .text_wrap > a.go_product {font-size: 1.25rem; height: auto; line-height: 1; padding: 1.35rem; width: 100%;}
	.sc-down .main_vis .text_wrap > a.go_product {padding: 0.5rem 1rem;}
	.inner_img { width: 36rem ; padding-bottom: 25rem  ; bottom: 0; right: 2vw;}
		
	/*sec01*/
	.sec01 {padding-top: 22%; padding-bottom: 22%;}
	.sec01 h2 {text-align: left;}
	.sec01 .pager .prev{display: none;}
	.mainTopSlideWrap .pager button.next {right: 10%;}
	.mainTopSlide {width: 168%; margin: 0 0 0 -41%;}	
	.oneStopTopSlideWrap {width: 90% ; margin: 0 auto;}
	.oneStopTopSlide .swiper-slide { background-position: 96% center; background-size: 60%; padding: 5rem 5rem;  min-height: 33.125rem; }
	.sec02 h2 {padding-bottom: 16%;}	
	.sec03::before {width: 30%; padding-bottom: 24%; height: auto; background-size: cover; top:-1%; left:-3%;}
	.sec03::after {width: 30%; padding-bottom: 41%; height: auto; background-size: cover;bottom:-2%; right:-4% ;}
	
	.num_wrap  {justify-content: center;  align-items: center;}
	.num_wrap .num_box {padding: 0; width: 33.3%; display: flex; justify-content: center; align-items: center;}
	.num_box span {font-size: 1.125rem; margin-bottom: 1rem;}
	.num_box strong {font-size: 2.25rem;}
	
	.text_wrap .row_box strong {line-height: 138%; margin-bottom: 0; }
	.text_wrap .row_box span {line-height: 168%; font-weight: 300; letter-spacing: -0.1px;}
}

@media (max-width:740px) {
	h2 .sub_tit {line-height: 130%;}
	.mainTopWraper {flex-wrap: wrap;}	
	.sl_navi_wrap {margin-bottom: 1rem;}
	.mainTopSlideNavi .swiper-pagination-bullet {font-size: 1rem;}
	.oneStopTopSlideWrap .pager button,
	.mainTopSlideWrap .pager button {width: 3rem; height: 3rem;  }
	.oneStopTopSlideWrap .pager button::before,
	.mainTopSlideWrap .pager button::before { background-size: cover;}
	.mainTopSlideWrap .pager button.next {right: -1%;}
	.mainTopSlide {width: 196%; margin: 0 0 0 -50%; }
	.mainTopWraper .thum {width: 100%; padding-bottom: 62%;}
	.mainTopWraper .dec {width: 100%; padding:  2rem; height: 70vw;}
	.mainTopWraper .dec h3 {font-size: 1.85rem; padding-bottom: 1.875rem;}
	.mainTopWraper .dec strong,
	.mainTopWraper .dec p {font-size: 1.25rem;}
	
	.oneStopTopSlideWrap {width: 98%;}
	.oneStopTopSlideWrap .pager button.prev {left: -1rem;}
	.oneStopTopSlideWrap .pager button.next {right: -1rem;}
	.oneStopSlideNavi .swiper-pagination-bullet {font-size: 1rem; }
	.oneStopSlideNavi.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .oneStopSlideNavi.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
		margin: 1.56rem 0.875rem;
	}
	.oneStopTopSlide {background: #fff;}
	.oneStopSlideNavi::before {width: 16.8rem;}
	.oneStopTopSlide .swiper-slide { padding: 1.5em 3rem; background-position: 45% 52%; min-height: 42rem;     background-size: 73%; }
	.oneStopTopSlide .swiper-slide p {padding-top: 23rem; font-size: 1rem;}
	.oneStopTopSlide .swiper-slide span {padding-bottom: 0.5rem;}
	.oneStopTopSlide .swiper-slide p br {display: none;}	
	.sec04 {background-size: 180%; }	
	
	.num_wrap  {flex-wrap: wrap; justify-content: space-between; gap: 1rem}
	.num_wrap .num_box {width: calc(50% - 0.5rem); padding: 1.875rem ; border:  1px solid #6F6F78; border-radius: 1.125rem; }
	.num_wrap .num_box:last-of-type {width: 100%} 

}


@media (max-width:660px) { 
	.sec04 h2,
	 h2, h2 strong {font-size: 8vw;}
	.sec01 h2 span:nth-of-type(1),
	.sec02 h2 strong, 
	.sec03 h2 span {font-size: 6vw;}
	.sec02 h2 strong {padding-bottom: 0.5rem;}
	 h2 .sub_tit {font-size: 1.125rem; font-weight: 400;}
	.sec02 h2 img {margin-top: -0.5rem; margin-bottom: 3%;}
	.sec02 h2 .sub_tit {font-size: 1rem; font-weight: 300;}
	.sec02 h2 .sub_tit  br {display: none;}
	.main_vis .text_wrap > h2 span strong {font-size: 11vw;}
	.sec01 h2 {text-align: center; padding-bottom: 3%;}
	.mainTopSlideWrap .pager button.prev {display: block; left: -5%;}
	.mainTopSlideWrap .pager button.next {right: -5%;}
	.main_vis .inner { padding: 0; }
	.main_vis .text_wrap {padding: 2rem;}
	.main_vis .text_wrap > h2 {font-size: 10vw;}
	.main_vis .text_wrap > span {font-size: 1.5rem; padding-bottom: 2rem;}
	.main_vis .text_wrap > a.go_product {font-size: 1.125rem; padding:  1.25rem 0;}
	.inner_img {width: 80%; padding-bottom: 58%;}
	.mainTopSlideNavi  {display: none;}
	.mainTopSlide { width: 183%; margin: 0 -41.5%;}
	.mainTopWraper .thum { padding-bottom: 70%;}
	.mainTopWraper .dec {height: auto; min-height: 23rem;  padding: 1.5rem;}
	.mainTopWraper .dec h3 {font-size: 1.375rem;  padding-bottom: 1rem;}
	.mainTopWraper .dec strong {font-size: 1rem;}
	.mainTopWraper .dec p {font-size: 0.875rem;}
	
	.vod::after {width: 4rem; height: 4rem; background-size: cover;}
	.oneStopTopSlide .swiper-slide {padding: 1.5rem 2rem; }
	.oneStopTopSlide .swiper-slide h3 {font-size: 1.5rem;}
	.oneStopTopSlide .swiper-slide { padding: 1.5em 3rem; background-position: 45% 53%; min-height: 32rem;     background-size: 70%; }
	.oneStopTopSlide .swiper-slide p { padding-top: 14rem;}	
	.sec04 {padding-bottom: 5rem;}
	.sec04 h2 {padding-bottom: 1rem;}
	.num_wrap { gap: 0.5rem;}
	.num_wrap .num_box { width: 100%; padding: 1rem;} 
	.sec04 .text_wrap {padding-top: 3.5rem;}
	.num_box strong {font-size: 1.65rem;}
	
	.text_wrap .row_box {padding: 1.875rem;}
	.text_wrap .row_box::before {width: 2rem; height: 2rem;  transform: translateY(0); top: 1.65rem; left: 1.875rem; }
	.text_wrap .row_box:nth-of-type(2)::before { width: 1.8rem; height: 2.3rem; left: 1.875rem;}
	.text_wrap .row_box:nth-of-type(3)::before { width: 1.9rem; height: 1.9rem; top:  2rem; left: 1.875rem;}
	.text_wrap .row_box strong {font-size: 1.25rem; margin-bottom: 0; padding-left: 3rem; }
	.text_wrap .row_box span {font-size: 1rem; width: 100%; }
	.sc-down .fixBar {padding: 0.875rem var(--sm-padding); gap:5px;}
	.sc-down .fixBar button {font-size: 0.875rem; height: 2.5rem; line-height: 2.5rem;}
	.sc-down .fixBar button:last-of-type::before {content: '간편 견적 받기'; }
	.sc-down .fixBar button:last-of-type::after { width: 0.875rem;  height: 0.875rem; }
}
@media (max-width:400px) { 
	.sec04 h2, h2, h2 strong {font-size: 7vw;}
	.inner_img {width: 96%; padding-bottom: 67%;}
	.oneStopSlideNavi.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .oneStopSlideNavi.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
		margin: 1.56rem 0.5rem 0 0.5rem;
	}
	.oneStopSlideNavi .swiper-pagination-bullet {font-size: 0.875rem; }
	.oneStopSlideNavi::before {width: 12.8rem;}
	.oneStopTopSlide .swiper-slide { padding: 1.5em 1.85rem;background-position: 45% 45%; }
	.oneStopTopSlide .swiper-slide span {padding-top: 1rem;}
	.sc-down .fixBar button:last-of-type::after {display: none;}
}



@keyframes imgesing {
	0% {bottom: 5%;}
	100% {bottom: 8%;}
}

@keyframes imgesingt {
	0% { transform: translateY(0);}
	100% { transform: translateY(-8%);}
}

@keyframes imgopc1 {
	0% {opacity: 0.5; }
	100% { opacity: 1;}
}
@keyframes imgopc2 {
	0% {opacity: 1; }
	100% { opacity: 0.5;}
}