/* Visual */
.visual__background { 
    display: block;
    height: 980px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.visual__background--1 { background: url('/child/img/visual/v1.png') no-repeat center / cover; }
.visual__background--2 { background: url('/child/img/visual/v2.png') no-repeat center / cover; }
.visual__background--3 { background: url('/child/img/visual/v3.png') no-repeat center / cover; }
.visual__background--4 { background: url('/child/img/visual/v4.png') no-repeat center / cover; }
.visual__background--5 { background: url('/child/img/visual/v5.png') no-repeat center / cover; }
.visual__background--6 { background: url('/child/img/visual/v6.png') no-repeat center / cover; }
.visual__background--7 { background: url('/child/img/visual/v7.png') no-repeat center / cover; }
.visual__background--8 { background: url('/child/img/visual/v8.png') no-repeat center / cover; }
.visual-container{position: relative;}
.slide-visual-container{
  max-width: 1200px;
  margin: auto;
  padding-top: 300px;
}
.visual-label{
  display: inline-block;
  font-size: 16px;
  color: #fff;
  border: 1px solid #fff;
  padding: 2px 19px;
  margin-bottom: 50px;
}
.visual-tit{
  font-size: 46px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -.008em;
  color: #fff;
  margin-bottom: 30px;
}
.visual-txt,
.visual-txt p{
  font-size: 30px !important;
  font-weight: 100 !important;
  line-height: 1.2 !important;
  letter-spacing: -.008em !important;
  color: #fff !important;
}
.visual-txt{
    margin-bottom: 50px;
}
.visual-txt2,
.visual-txt2 p{
  font-size: 18px !important;
  font-weight: 100 !important;
  line-height: 1.7 !important;
  letter-spacing: -.008em !important;
  color: #fff !important;
}
.visual__prev,
.visual__next { 
  z-index: 2; position: absolute; top: 0; bottom: 0; margin: auto; cursor: pointer !important;
  width: 300px;
  height: 32px;
  font-size: 16px;
  font-weight: 600;
  text-align: left;
  color: #fff;
  border-bottom: 1px solid #fff;
  background-color: transparent;
  padding: 0 20px;
}
.visual__prev { left: 0; /* background: url('/child/img/visual/prev.png') no-repeat center; */ }
.visual__next { right: 0; /* background: url(/child/img/visual/next.png) no-repeat center; */ }
.visual__scroll{
  position: absolute;
  bottom: 31px;
  left: 50%;
  z-index: 1;
  transform: translate(-50%, 0) rotate(90deg);
  display: inline-block;
  font-size: 10px;
  font-weight: 300;
  letter-spacing: 2px;
  color: #fff;
  padding: 8px 36px 8px 8px;
  border: 1px solid #fff;
  border-right: 0;
  cursor: pointer;
  background-image:url(/child/img/visual/scroll-arrow.png);
  background-position: right 10px top 50%;
  background-repeat: no-repeat;
}
.visual__pagination {
  z-index: 2; position: absolute; top: 0; bottom: 0; left:0; margin: auto;
  width: 300px !important;
  height: 32px;
  font-size: 16px;
  font-weight: 300;
  text-align: right;
  color: #fff;
  border-bottom: 1px solid #fff;
  background-color: transparent;
  padding: 0 20px;
}
.swiper-pagination-current{
  font-weight:500;
}
.visual__pagination .swiper-pagination-bullet { width: 15px; height: 15px; background: #ffffff; }
@media(max-width:1850px){
  .visual__prev, .visual__next, .visual__pagination{
    width:100px !important;
  }
}
@media(max-width:1430px){
  .slide-visual-container{
    max-width:900px;
  }
  .visual__prev, .visual__next, .visual__pagination{
    width:100px !important;
  }
}
@media(max-width:1200px){
  .slide-visual-container{
    padding: 130px 20px 0;
  }
  .visual-label{
    font-size: 12px;
    padding: 2px 10px;
    margin-bottom: 20px;
  }
  .visual-tit{
    font-size: 20px;
    margin-bottom: 10px;
  }
  .visual-txt,
  .visual-txt p{
    font-size: 20px !important;
  }
  .visual-txt{
    margin-bottom: 25px;
  }
  .visual-txt2,
  .visual-txt2 p{
    font-size: 14px !important;
  }
  .visual__background { height: 460px; }
  .visual__prev, .visual__next, .visual__pagination, .visual__scroll{ display: none; }
}
@media(max-width:768px){
  .slide-visual-container{padding: 75px 20px 0;}
  .visual__background { height: 340px; }
  .visual__pagination { bottom: 20px; }
  .visual__pagination .swiper-pagination-bullet { width: 10px; height: 10px; }
}
@media(max-width:500px){
  .slide-visual-container{padding: 65px 20px 0;}
  .visual-label{
    font-size: 12px;
    margin-bottom: 15px;
  }
  .visual-tit{
    font-size: 18px;
    margin-bottom: 7px;
  }
  .visual-txt,
  .visual-txt p{
    font-size: 16px !important;
  }
  .visual-txt{
    margin-bottom: 7px;
  }
  .visual-txt2,
  .visual-txt2 p{
    font-size: 12px !important;
  }
  .visual-txt2 br{display:none;}
  .visual__background { height: 280px; }
}



/* 메인배너 */
.main-banner .grid>li{
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.main-banner .grid-12:nth-child(1){
  text-align: right;
  background-image: url(/child/img/main/main-banner1.png);
}
.main-banner .grid-12:nth-child(2){
  background-image: url(/child/img/main/main-banner2.png);
}
.main-banner .grid-8:nth-child(1){
  background-image: url(/child/img/main/main-banner3.png);
}
.main-banner .grid-8:nth-child(2){
  background-image: url(/child/img/main/main-banner4.png);
}
.main-banner .grid-8:nth-child(3){
  background-image: url(/child/img/main/main-banner5.png);
}
.main-banner-contents{
  padding: 115px 80px;
}
.mb-tit{
  display: block;
  font-size: 16px;
  font-weight: 100;
  letter-spacing: 6px;
  color: #fff;
  margin-bottom: 80px;
}
.mb-tit2{
  font-size: 50px;
  font-weight: 600;
  color: #fff;
  line-height: 1.8;
  letter-spacing: 4px;
  margin-bottom: 80px;
}
.main-banner .grid-12:nth-child(1) .button{
  justify-content: flex-end;
  text-align: right;
}
.main-banner .grid-12:nth-child(2) .button{
  justify-content: flex-start;
  text-align: left;
}
.main-banner2-contents{
  padding: 195px 20px;
  text-align: center;
}
.mb2-tit{
  display: block;
  font-size: 14px;
  font-weight: 100;
  line-height: 1.2;
  letter-spacing: 5px;
  color: #fff;
  margin-bottom: 85px;
}
.mb2-tit2{
  font-size: 40px;
  font-weight: 600;
  line-height: 1.8;
  letter-spacing: 2px;
  color: #fff;
  margin-bottom: 75px;
}
@media(max-width:1200px){
  .main-banner-contents{
    padding: 80px;
  }
  .mb-tit{
    font-size: 14px;
    margin-bottom: 20px;
  }
  .mb-tit2{
    font-size: 20px;
    margin-bottom: 20px;
  }
  .main-banner2-contents{
    padding: 60px;
  }
  .mb2-tit{
    line-height: 1.4;
    margin-bottom: 20px;
  }
  .mb2-tit2{
    font-size: 20px;
    line-height: 1.5;
    margin-bottom: 25px;
  }
}
@media(max-width:992px){
  .main-banner-contents{
    padding: 40px;
  }
  .main-banner2-contents{
    padding: 20px;
  }
}
@media(max-width:768px){
  .main-banner-contents {
      padding: 20px 10px;
  }
  .mb-tit {
      font-size: 12px;
      margin-bottom: 15px;
  }
  .mb-tit2 {
      font-size: 16px;
      margin-bottom: 15px;
  }
  .main-banner2-contents {
      padding: 20px 10px;
  }
  .mb2-tit {
      font-size: 12px;
      margin-bottom: 15px;
  }
  .mb2-tit2 {
    font-size: 16px;
    margin-bottom: 15px;
  }
}
@media(max-width:768px){
  .main-banner .grid-12,
  .main-banner .grid-8{
    width:100%;
  }
  .main-banner-contents{
    text-align: center;
  }
  .main-banner .grid-12:nth-child(1) .button,
  .main-banner .grid-12:nth-child(2) .button{
    justify-content:center;
    text-align: center;
  }
}

/* partnership */
.main-partnership{
  background-color: #222;
  padding: 110px 20px 80px;
}
.main-partnership h3{
  font-size: 40px;
  font-weight: 600;
  text-align: center;
  line-height: 1.2;
  letter-spacing: 4px;
  color: #fff;
  margin-bottom: 40px;
}
.partner-list{
  display: flex;
  flex-wrap: wrap;
}
.partner-list li{
  width: 20%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px 0;
}
@media(max-width:1200px){
  .main-partnership{
    padding: 90px 20px 60px;
  }
  .main-partnership h3{
    font-size: 35px;
    margin-bottom: 30px;
  }
  .partner-list li{
    padding:20px 0;
  }
}
@media(max-width:992px){
  .main-partnership{
    padding: 60px 20px 40px;
  }
  .main-partnership h3{
    font-size: 30px;
    margin-bottom: 25px;
  }
}
@media(max-width:768px){
  .main-partnership{
    padding: 50px 20px 30px;
  }
  .main-partnership h3{
    font-size: 25px;
    margin-bottom: 20px;
  }
  .partner-list li{
    padding:20px;
  }
  .partner-list li img{
    min-width: 100%;
    max-width: 100%;
    max-height: 100%;
  }
}
@media(max-width:576px){
  .main-partnership{
    padding: 30px 20px;
  }
  .main-partnership h3{
    font-size: 18px;
  }
  .partner-list li{
    padding:5px 10px;
  }
}

/* about link */
.main-about{
  padding: 200px 20px 120px;
  text-align: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-image: url(/child/img/main/main-about.png);
}
.main-about p{
  font-size: 18px;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0px;
  color: #fff;
  margin-bottom: 45px;
}
.main-about .button{
  font-size: 30px;
  font-weight: 600;
  color: #fff;
  padding: 10px 200px 10px 18px;
  border-bottom: 5px solid #fff;
  background-color: #1d31c7;
  background-repeat: no-repeat;
  background-position: right 18px top 50%;
  background-image: url(/child/img/icon/icon-arrow.png);
}
@media(max-width:1200px){
  .main-about{
    padding: 100px;
  }
  .main-about br{display:block;}
  .main-about p{
    font-size: 18px;
  }
  .main-about .button{
    font-size: 20px;
  }
}
@media(max-width:992px){
  .main-about{
    padding: 70px;
  }
}
@media(max-width:768px){
  .main-about{
    padding: 60px;
  }
  .main-about p{
    font-size: 16px;
    margin-bottom:30px;
  }
  .main-about .button{
    font-size: 18px;
    padding: 10px 150px 10px 18px;
  }
}
@media(max-width:576px){
  .main-about{
    padding: 30px 40px;
  }
  .main-about p{
    font-size: 14px;
    margin-bottom: 20px;
  }
  .main-about br{
    display:none;
  }
  .main-about .button {
    font-size: 16px;
    padding: 10px 130px 10px 18px;
  }
}