.main .section .cont {position:relative;}
section {position:relative; padding:6.25rem 0; overflow:hidden; }
@media screen and ( max-width:1200px ) {
section {  padding:5rem 0; min-height:auto;}
}
@media screen and ( max-width:1024px ) {
section {  padding:4rem 0;}
}
@media screen and ( max-width:500px ) {
section {  padding:3rem 0;}
}


/* swiper */
.swiper-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px,0,0);}
.swiper-wrapper {position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; /*transition-timing-function: linear;*/}
.swiper-slide { flex-shrink: 0; /*width: 100%;*/ height: 100%; position: relative; transition-property: transform;}

.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity;}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}


.main-visual { position: relative;  left: 0;  right: 0;  top: 0; width:100%; height:600px;padding:60px 0 100px; overflow: hidden; z-index: 10; }
.main-visual .swiper-slide { width: 100%; height: 100%;  position: relative;  display: flex; align-items: center; }
.main-visual .swiper-slide video { position: absolute;  left: 0;  top: 0;  right: 0; bottom: 0;  width: 100%; height: 100%;  object-fit: cover;  z-index: 0;  opacity: 0.6; }
.visual-copy {position: relative; width: 1300px; height:100%; padding:0 4.5rem; margin:0 auto;  text-align: left; display:flex; justify-content: center; align-items: center; z-index: 10;  background:url("/images/main/visual01.png") no-repeat right bottom; }
.visual-copy .main-copy { width:50%; display:flex; flex-direction: column;padding-top:1rem;gap:.5rem; word-break:keep-all; z-index:10}
.visual-copy .main-copy .copy1,
.visual-copy .main-copy .copy2,
.visual-copy .main-copy .copy3,
.visual-copy .main-copy .copy4,
.visual-copy .main-copy .copy5,
.visual-copy .btn-wrap,
.visual-copy .car,
.visual-copy .person1 {transition:all 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);opacity: 0; }
.visual-copy .main-copy .copy1 {transform: translateY(20px); transition-delay: .6s; }
.visual-copy .main-copy .copy2 {transform: translateY(20px); transition-delay: .8s; margin-top:1.5rem;}
.visual-copy .main-copy .copy3 {transform: translateY(20px); transition-delay: 1.0s; }
.visual-copy .main-copy .copy4 {transform: translateY(20px); transition-delay: 1.2s; margin-top:1.5rem;}
.visual-copy .main-copy .copy5 {transform: translateY(20px); transition-delay: 1.4s; }
.visual-copy .btn-wrap {transform: translateY(20px); transition-delay: 1.6s; }
.visual-copy .car {transform: translateX(30px); transition-delay: .4s; }
.visual-copy .person1 {transform: translateX(10px); transition-delay: 1.0s; }
.visual-copy .main-img {position:relative; width:50%; height:100%; }
.visual-copy .main-copy strong {font-weight:700 !important;}

.visual-copy .main-copy .copy2,
.visual-copy .main-copy .copy3 {font-size:2.813rem; line-height:3rem; font-weight:300; }
.visual-copy .main-copy .copy3 {font-weight:700;}
.visual-copy .main-copy .copy4,
.visual-copy .main-copy .copy5 {font-size:1.313rem; line-height:1.35rem; font-weight:300;}
.visual-copy .car {position:absolute; right:0; bottom:0; }
.visual-copy .person1{position:absolute; left:2rem; bottom:0; }
.visual-copy .btn-wrap a {height:3.5rem; line-height:3.5rem; background-color:var(--color-main); padding:0 2.85rem; border-radius:.5rem; font-size:1.125rem; font-weight:600; color:#fff; margin-top:2rem; display:inline-flex; }
.main-visual .swiper-slide.swiper-slide-active .visual-copy .main-copy .copy1 {transform: translateY(0px); opacity:1;}
.main-visual .swiper-slide.swiper-slide-active .visual-copy .main-copy .copy2 {transform: translateY(0px); opacity:1;}
.main-visual .swiper-slide.swiper-slide-active .visual-copy .main-copy .copy3 {transform: translateY(0px); opacity:1;}
.main-visual .swiper-slide.swiper-slide-active .visual-copy .main-copy .copy4 {transform: translateY(0px); opacity:1;}
.main-visual .swiper-slide.swiper-slide-active .visual-copy .main-copy .copy5 {transform: translateY(0px); opacity:1;}
.main-visual .swiper-slide.swiper-slide-active .visual-copy .btn-wrap {transform: translateY(0px); opacity:1;}
.main-visual .swiper-slide.swiper-slide-active .visual-copy .car {transform: translateX(0px); opacity:1;}
.main-visual .swiper-slide.swiper-slide-active .visual-copy .person1 {transform: translateX(0px); opacity:1;}


.visual-swiper-control { position: absolute; left: 50%; margin-left: -480px; bottom: 80px; color: #fff; display: flex; align-items: center; z-index: 100;}
.visual-progressbar { width: 80px; height: 3px;  position: relative; background-color: rgba(255, 255, 255, 0.3); transition: .3s opacity; text-align: center; position: relative; overflow: hidden; margin: 0 14px; }
.visual-progressbar .bar { display: block;  content: ''; background-color: #fff; position: absolute; left: 0; top: 0; width: 0; height: 100%; }
.visual-progressbar.play .bar { animation: barMotion 5s forwards linear; }

@keyframes barMotion {
  0% { width: 0; }
  100% { width: 100%; }
}



.visual-swiper-paging.swiper-pagination-progressbar {  width: 80px;  height: 3px;  position: relative;  background-color: rgba(255, 255, 255, 0.3);  transition: .3s opacity;  text-align: center;  position: relative;  overflow: hidden;  margin: 0 14px;}
.visual-swiper-paging.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {  background-color: #fff;  position: absolute;  left: 0;  top: 0;  width: 100%;  height: 100%;  transform: scale(0);  transform-origin: left top;}
.visual-swiper-control .swiper-pagination {  display: flex;  align-items: center;  margin-right: 30px;  font-size: 18px;  color: #fff;  font-weight: 700; }

.visual-swiper-control .swiper-pagination .current-page,
.visual-swiper-control .swiper-pagination .total-page {  width: 24px;  text-align: center; color:#fff;}

.visual-swiper-control .btn-swiper-prev,
.visual-swiper-control .btn-swiper-next,
.visual-swiper-control .btn-swiper-stop {  width: 20px;  height: 20px;  text-align: left;  text-indent: -9999px;  overflow: hidden;  margin: 0 5px;}

.visual-swiper-control .btn-swiper-prev {  background: url(../images/main/i_slider_prev_next.svg) 0 0 no-repeat;}
.visual-swiper-control .btn-swiper-next {  background: url(../images/main/i_slider_prev_next.svg) -30px 0 no-repeat;}
.visual-swiper-control .btn-swiper-stop {  background: url(../images/main/i_slider_stop.svg) center 0 no-repeat;}
.visual-swiper-control .btn-swiper-stop.on {  opacity: 0.3;}
.main-visual .arr-down { opacity: 1;  animation: arrMotion 1.5s infinite; }


@keyframes arrMotion {
  0% {
    transform: translate(0, 0);
    opacity: 1;
  }
  50% {
    transform: translate(0, -10px);
    opacity: 0.5;
  }
  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}

@media screen and ( max-width:1300px ) {
  .visual-copy { width:100%; padding:0 1rem;}
}
@media screen and ( max-width:1024px ) {
	.main-visual {padding:0;}
	.visual-copy {background-size:90%; justify-content: flex-end; }
	.visual-copy .main-copy {position:absolute; left:0; top:3.5rem; margin:0; padding:0 1rem; width:100%;}
	.visual-copy .main-img {width:60%;}
}
@media screen and ( max-width:800px ) {
	.main-visual { height:430px; padding-bottom:2rem }
	.visual-copy .main-copy {gap:.3rem;}
	.visual-copy .main-copy .copy1 img {height:1.5rem;}
	.visual-copy .main-copy .copy2,
	.visual-copy .main-copy .copy3 {font-size:1.65rem; line-height:1.9rem; }
	.visual-copy .main-copy .copy4,
	.visual-copy .main-copy .copy5 {font-size:.95rem; line-height:1.25rem;}
	.visual-copy .main-copy .copy4 {margin-top:1rem;}
	.visual-copy .car {right:-1.5rem;}
	.visual-copy .car img {height:5rem; }
	.visual-copy .person1 img{height:10rem; }
	.visual-copy .btn-wrap a {height:3rem; line-height:3rem; padding:0 1.85rem; font-size:1.05rem;margin-top:1.65rem;}

}

@media screen and ( max-width:500px ) {
	.visual-copy .car img {height:3.5rem; }
	.visual-copy .person1 img{height:6.5rem; }

}






.item_list {margin-top:2rem; display:flex; gap:1rem; flex-direction: column;}
.item_list li {position:relative; font-size:1.5rem; font-weight:500; color:#2a2c31; line-height:2rem; padding-left:2rem;  }
.item_list li:before {content: "\e929"; font-family:'xeicon';font-size: 2.1rem; color:var(--color-main); position:absolute; left:0; top:0; line-height:2rem; }

@media screen and ( max-width:1024px ) {
	.item_list {gap:.5rem; margin-top:1rem;}
	.item_list li {  font-size:1rem;  line-height:1.3rem; padding-left:1.5rem;  }
	.item_list li:before { font-size: 1.3rem; line-height:1.5rem; }
}


/* main-content */
.section_content  {align-items: center; display: flex;  justify-content: space-between;  justify-content: center; align-items: center;  margin: 0 auto;  padding: 0;  width: 100%;}
.section_txt .title_wrap { text-align:left;}
.section_txt,
.section_img {transition: all 0.2s ease-in; width:50%; display:flex; justify-content: center; }
.sub .section_content .section_txt {padding-left:1rem;}

@media screen and ( max-width:1024px ) {
	.section_content {flex-direction: column; gap:2rem;	}
	.section_txt,
	.section_img { width:90%;  }
	.sub .section_content .section_txt {padding-left:0;padding-top:1rem;}
}

/* ¸ð¹ÙÀÏ»ó´ã¹è³Ê */
.consult_mb {display:none; background-color:#ffea00; }
.consult_mb img{width:100%;}

@media screen and ( max-width:640px ) {
  .consult_mb {display:block; }
}

/* ½Â°è Àß»ç°í ÀßÆȱâ */
.mainSec1 {background-color:var(--color-main); padding:3.125rem 0;}
.mainSec1 .column {display:flex; justify-content: space-between;align-items: center; }
.mainSec1 h1 {font-size:1.875rem; line-height:1.3em; font-weight:700; color:#fff;}
.mainSec1 dl {display:flex; gap:1rem; justify-content: flex-end; }
.mainSec1 dl dd { align-items: center; height:3.73rem; line-height:3.7rem;padding:0 2.25rem; font-size:1.25rem; font-weight:200; border-radius:3rem; color:#fff; outline:1px dashed #fff;  }

@media screen and ( max-width:1024px ) {
	.mainSec1 h1 {font-size:1.5rem;}
	.mainSec1 .column {flex-direction: column;gap:1rem;align-items: flex-start; }
	.mainSec1 dl { gap:.5rem;  justify-content: flex-start; }
	.mainSec1 dl dd { gap:.25rem; height:3rem; padding:0 1.65rem; font-size:1.125rem; }

}

@media screen and ( max-width:670px ) {
	.mainSec1 {padding:2.5rem 0 3rem;}
	.mainSec1 dl {display:flex; width:100%; flex-direction: column;gap:.5rem;}
	.mainSec1 dl dd {width:100%; text-align:center;  align-items: center; height:3.0rem; line-height:3rem; padding:0; font-size:1.125rem; }

}


/* ÇÕ¸®ÀûÀÎ ½Â°èÇ÷£ */
.mainSec2 {background-color:#f8f6f5; }
.mainSec2 ul {margin-top:3rem; display:flex; gap:1.8rem;  }
.mainSec2 ul li {width:33.3%; background-color:#fff; border-radius:.65rem; padding:4.5rem 1rem; text-align:center; box-shadow:3px 3px 12px -5px rgba(0,0,0,0.1)  }
.mainSec2 ul li figure {display:inline-block; }
.mainSec2 ul li h2 {font-size:1.35rem; font-weight:700; color:#333;  margin-top:1.5rem; }
.mainSec2 ul li p {font-size:1.125rem; font-weight:400; line-height:1.6rem; color:#666; margin-top:.65rem; }

@media screen and ( max-width:1024px ) {
.mainSec2 ul {margin-top:1.5rem; gap:1rem;  }
.mainSec2 ul li {padding:3rem .5rem; }
.mainSec2 ul li h2 {font-size:1.25rem;}
.mainSec2 ul li p {font-size:1.05rem; line-height:1.5rem; margin-top:.5rem; }

}

@media screen and ( max-width:760px ) {
.mainSec2 ul {flex-direction: column;}
.mainSec2 ul li {width:100%;padding:2rem .5rem;  }
}

/* ½Â°èÀýÂ÷ */
.process {margin-top:3rem; font-size:0; }
.process li {display:inline-block; vertical-align:top; width:calc(33.3% - 1rem); margin-left:1.5rem;margin-bottom:1.5rem;  background-color:#fff; border-radius:.5rem;  background-color:#f6f6f5; text-align:center; overflow:hidden; }
.process li:nth-child(1),
.process li:nth-child(4) {margin-left:0; }
.process li h2 {display:block; background-color:#ff7b28; height:4rem; line-height:4rem;font-size:1.25rem; font-weight:700; color:#fff; }
.process li h2 span {display:inline-block; color:#ff7b28; vertical-align:middle; margin-right:.5rem; height:1.5rem; line-height:1.5rem; padding:0 .85rem; background-color:#fff; border-radius:3rem; font-size:1.05rem; font-weight:700; }
.process li p {padding:1.5rem .5rem; font-size:1.1rem; line-height:1.5rem; font-weight:500; color:#555; word-break:keep-all; }

@media screen and ( max-width:1024px ) {
	.process {margin-top:1.85rem;}
	.process li {   width:calc(33.3% - .6rem); margin-left:.9rem;margin-bottom:1rem; }
	.process li h2 {  height:3.5rem; line-height:3.5rem;font-size:1.125rem; }
	.process li h2 span { height:1.25rem; line-height:1.25rem; padding:0 .65rem;  font-size:.85rem;}
	.process li p {padding:1.2rem .5rem; font-size:1rem;}

}
@media screen and ( max-width:780px ) {
	.process li {   width:calc(50% - .4rem); margin-left:.8rem !important;margin-bottom:1rem; }
	.process li:nth-child(1),
	.process li:nth-child(2n+1) {margin-left:0 !important; }
	.process li p { font-size:.9rem;}
}
@media screen and ( max-width:460px ) {
    .title_wrap label {font-size:1.05rem;}
	.process li h2 {text-align:left; padding-left:2rem; }
	.process li {   width:100%; margin-left:0 !important; }
	.process li p {padding:1.5rem 2rem; line-height:1.4rem; font-size: 1rem;text-align:left;}
	.process li p br {display:none;}
}


.mainSec3 {background-color:#fff; }
.mainSec3 .title_wrap label {color:#fb7a33;}

.mainSec4 {background-color:#f2f1f1; }
.mainSec4 .title_wrap label {color:var(--color-main)}
.mainSec4 .process li {background-color:#fff;}
.mainSec4 .process li h2 { background-color:#e9613c; }
.mainSec4 .process li h2 em {font-size:75%; font-weight:500;}
.mainSec4 .process li h2 span { color:#e9613c;}