.main .section .cont {position:relative;}
section {position:relative; padding:6.25rem 0}
@media screen and ( max-width:1150px ) {
section {  padding:3.85rem 0;}
}
@media screen and ( max-width:1024px ) {
section {  padding:2rem 0 4rem;}
}

/* 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:800px; min-height:800px;  overflow: hidden;  z-index: 10; background:url('/images/main/visual_01.jpg?ver=0830') no-repeat center ; background-size:cover; }
.main-visual .arr-down {  position: absolute;  left: 50%;  bottom: 30px;  margin-left: -23px;  width: 46px;  height: 36px;  z-index: 10;}
.main-visual .arr-down a {  display: block;  width: 46px;  height: 36px;  background: url(/images/main/ic_scroll_down.svg) center no-repeat;  text-indent: -9999px;  text-align: left;  overflow: hidden;}
.main-visual .swiper-slide {  width: 100%;  height: 100%;  position: relative;  display: flex;  align-items: center; background-repeat:no-repeat; background-size:cover; background-position:center center; }
.main-visual .swiper-slide.n01 { background-image:url('/images/main/visual_01.jpg?ver=250321'); }
.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 {  width: 100%;  max-width: 1150px;  margin: 0px auto 0 auto;  text-align: left; padding: 0 30px; position: relative; z-index: 10;}
.visual-copy .main-copy { font-size: 1.75rem; font-weight: 400; line-height: 1.19em; color: #fff; transform: translateY(30px);  opacity: 0;  transition: all 0.8s 0.2s;}
.visual-copy .main-logo {display:block; transform: translateY(30px);  opacity: 0;  transition: all 0.8s 0.4s;  margin-left:-.9rem; margin-top:.5rem;}
.visual-copy .main-logo img{ height:7.65rem; }
.visual-copy .main-copy-title {  font-size: 1.563rem;  line-height: 2.5rem;  font-weight: 400;  color: #fff; margin-top:1rem; transform: translateY(30px);  opacity: 0;  transition: all 0.8s 0.6s;}
.visual-copy .main-button {display:flex; gap:.5rem; align-items: center; margin-top:2.5rem; transform: translateY(30px); opacity: 0;  transition: all 0.8s 0.8s; }
.visual-copy .main-button a { width:11.25rem; height:3.438rem ;  border-radius:var(--radius-basic); border:1px solid rgba(255,255,255,0.2); background-color:rgba(0,0,0,0.1);transition: all 0.2s ease-in; background-size:auto 1.65rem; background-position:center center; background-repeat:no-repeat;}
.visual-copy .main-button a img {height:1.75rem;}
.visual-copy .main-button a:hover {background-color:var(--color-default);}
.visual-copy .main-button a.google { background-image:url('/images/main/google_mb.png')}
.visual-copy .main-button a.apple { background-image:url('/images/main/apple_mb.png')}

.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;
  }
}

.main_visual { position: relative;  left: 0;  right: 0;  top: 0;  display: flex;  align-items: center;  width:100%;height:800px; min-height:800px;  overflow: hidden;  background:url('/images/main/visual_01.jpg?ver=0830') no-repeat center ; background-size:cover; }

.main_visual .visual-copy .main-copy { transform:translateY(20px);-moz-transform:translateY(20px);-webkit-transform:translateY(20px);-ms-transform:translateY(20px);-o-transform:translateY(20px); }
.main_visual .main-logo{ transform:translateY(20px);-moz-transform:translateY(20px);-webkit-transform:translateY(20px);-ms-transform:translateY(20px);-o-transform:translateY(20px); }
.main_visual .main-copy-title{ transform:translateY(20px);-moz-transform:translateY(20px);-webkit-transform:translateY(20px);-ms-transform:translateY(20px);-o-transform:translateY(20px); }
.main_visual .main-button{ transform:translateY(20px);-moz-transform:translateY(20px);-webkit-transform:translateY(20px);-ms-transform:translateY(20px);-o-transform:translateY(20px); }

.main_visual.active .visual-copy .main-copy {opacity:1; transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transition-delay: 0.2s;}
.main_visual.active .main-logo {opacity:1; transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transition-delay: 0.4s;}
.main_visual.active .main-copy-title {opacity:1; transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transition-delay: 0.6s;}
.main_visual.active .main-button {opacity:1; transform:translateY(0px);-moz-transform:translateY(0px);-webkit-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transition-delay: 0.8s;}

@media screen and ( max-width:800px ) {
	.main-visual { height:580px; min-height:580px; background-position:60% ; }
	.main-visual .swiper-slide.n01 {background-position:60% ;}
    .visual-copy {padding:0 1.5rem;}
	.visual-copy .main-copy { font-size: 1.1rem; line-height: 1.5em; }
	.visual-copy .main-logo { margin-left:-.5rem;  }
	.visual-copy .main-logo img{ height:3.8rem; }
	.visual-copy .main-copy-title {  font-size: 1.215rem; font-weight:500; line-height:1.85rem;  margin-top:.8rem;  }
	.visual-copy .main-button {display:flex; gap:.35rem;  margin-top:2.5rem;  }
	.visual-copy .main-button a {width:10rem; height:3.125rem;background-size:auto 1.5rem;  }
	.visual-copy .main-button a img {height:1.15rem;}

	.main_visual { height:580px; min-height:580px; background-position:60% ; }

}



/* ŸÀÌƲ */
.title_wrap {position:relative;  }
.title_wrap h2 {font-weight:700;font-size:3.35rem ;line-height:4.25rem;letter-spacing:-.02rem;color:var(--color-dark-blue)}
.title_wrap h2 strong {color:var(--color-default); }
.title_wrap h2 p {margin:.5rem 0 0;}
.title_wrap h3 {font-weight:700;font-size:2.188rem ;line-height:3.25rem;letter-spacing:-.02rem; color:var(--color-dark-blue)}
.title_wrap h3 strong {color:var(--color-default);  }
.title_wrap p { font-size:1.563rem; line-height:2.5rem;color:var(--color-dark-blue); opacity:.9; margin-top:1.5rem; font-weight:300; word-break:keep-all; }


@media screen and ( max-width:1024px ) {
    .title_wrap h2 {font-size:1.95rem; line-height:2.65rem; }
	.title_wrap p {margin-top:1.35rem; font-size:1.1rem; line-height:1.5rem;}
	.title_wrap h2 p img{height:2.5rem;}

}


/* main-content */
.section_content  {align-items: center; display: flex;  justify-content: space-between;  justify-content: 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;}
	.section_txt,
	.section_img { width:90%;  }

	.sub .section_content .section_txt {padding-left:0;padding-top:1rem;}
}


.mainSec2,
.mainSec4 { background-color:var(--bg-light)}

/* ÆóÂ÷ÀýÂ÷ */
.mainSec4 .list {margin-top:4rem; padding:0 0rem; font-size:0;}
.mainSec4 .list li { position:relative; width:25%; display:inline-block; vertical-align:top;text-align:center; }
.mainSec4 .list li:before {content:''; position:absolute;left:-10px; top:50%; margin-top:-50px; width:20px; height:35px; background:url('/images/main/arrow.png?ver=0830') no-repeat center ;}
.mainSec4 .list li:nth-child(1):before{ display:none; }
.mainSec4 .list li img  {display:inline-block;}
.mainSec4 .list li p {display:block; margin-top:1rem; font-size:1.25rem; line-height:1.3em; color:#313d4e; font-weight:500;   }

@media screen and ( max-width:1100px ) {
.mainSec4 .list {margin-top:2rem;}
.mainSec4 .list li img  {height:8rem;}
.mainSec4 .list li p {  font-size:1rem; }
.mainSec4 .list li:before { left:-10px;  margin-top:-50px; width:20px; height:35px; background-size:auto 20px;}

}
@media screen and ( max-width:1024px ) {
    .mainSec4 {padding-top:3.5rem}
	.mainSec4 .column {padding:0; }
	.mainSec4 .title_wrap {padding-left:1rem;}
    .mainSec4 .list{ padding-bottom:1rem;white-space: nowrap; overflow-x: auto; }
	.mainSec4 .list li {width:40%;}
	.mainSec4 .list li img  {height:7rem;}

}
/* post */
.mainSec5 .title_wrap p {margin:.5rem 0; }
.mainSec5 ul {margin-top:3rem; font-size:0; display:block;  }
.mainSec5 ul li {display:inline-block; vertical-align:top; width:calc(33.3% - 10px); margin:0 10px; background-color:var(--bg-light); border-radius:1rem; padding:4.1rem 0;}
.mainSec5 ul li a {display:block;}
.mainSec5 ul li .title_wrap {margin-top:.5rem; text-align:center; }
.mainSec5 ul li .title_wrap h2 {font-size:1.35rem; line-height:1.875rem;font-weight:600; color:var(--color-dark-blue); }
.mainSec5 ul li .title_wrap p { margin-top:1rem; color:var(--color-dark-blue); font-size:1.05rem; line-height:1.5rem;font-weight:400; opacity:.8; letter-spacing:-.04em;}
.mainSec5 ul li .img { display:block; text-align:center; }
.mainSec5 ul li .img img {display:inline-block;}

@media screen and ( max-width:1024px ) {
.mainSec5 {padding-top:3.5rem;}
.mainSec5 ul {margin-top:1.65rem;  padding: 0 10px; overflow: visible;}
.mainSec5 ul li { padding:3rem 0; margin-left:8px; margin-right:8px; }
.mainSec5 ul li .title_wrap h2 {font-size:1.25rem; line-height:1.65rem;  }
.mainSec5 ul li .title_wrap p { margin-top:.5rem; font-size:1rem; line-height:1.4rem; padding:0 1rem; min-height:70px;}
.mainSec5 ul li .title_wrap p br {display:none;}
.mainSec5 ul li .img img {height:6rem;}

.mainSec5 .slick-list {overflow: visible;}

}


/* ¾Û´Ù¿î */
.app_down {background-color:var(--color-default); }
.app_down .title_wrap h1 img {height:8.125rem; margin-left:-.5rem;}
.app_down .title_wrap h2 {font-size:2.813rem; line-height:4.25rem; color:#fff; margin-top:1.5rem;}
.app_down .app_btn {display:flex; gap:.65rem; align-items: center; margin-top:2.5rem; }
.app_down .app_btn a {width:12.5rem; height:3.438rem;  border-radius:var(--radius-basic); border:1px solid rgba(255,255,255,0.5); background-size:auto 1.65rem; background-position:center center; background-repeat:no-repeat; }
.app_down .app_btn a img {height:1.75rem;}
.app_down .app_btn a.google { background-image:url('/images/main/google_mb.png')}
.app_down .app_btn a.apple { background-image:url('/images/main/apple_mb.png')}


@media screen and ( max-width:1024px ) {
.app_down {padding:4rem 0;}
.app_down .title_wrap {0 1.1rem }
.app_down .title_wrap h1 img {height:5.25rem; margin-left:0;}
.app_down .title_wrap h2 {font-size:1.58rem; line-height:2.35rem; margin-top:1.5rem; padding-left:.5rem;}
.app_down .app_btn {  padding:0 0rem; width:95%; margin:1.5rem auto 0; }
.app_down .app_btn a img {height:1.2rem;}
.app_down .app_btn a {width:10rem; height:3.125rem;background-size:auto 1.5rem; } 

}
@media screen and ( max-width:360px ) {
.app_down .title_wrap h1 img {height:4.5rem;  }
.app_down .title_wrap h2 {font-size:1.25rem; line-height:1.85rem;}

}