.page_txt{background: linear-gradient(to left bottom, #3E92D0, #203F99);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-weight: bolder;margin-bottom: 10px;}
.sec_title{text-align: center;margin-bottom: 60px;;}
.sec_title i{margin:0 auto;display: block;margin-bottom: 20px;;}
.sec_title i img{margin:0 auto;}
.sec_title p.tit02{font-size: 30px;font-weight: 600;margin-bottom: 20px;color: #222;}
.sec_title p.tit{font-size: 60px;font-weight: bold;line-height: 1.2;font-family: 'Merriweather', serif;color: #006934;}
.sec_title p.txt{font-size: 23px;color: #666;margin-top:20px;}

.sec_title button{color: #888;padding:0;position: relative;font-size: 16px;}
.sec_title button::before{content: '';display: block;width: 30px;height: 1px;position: absolute;right:-42px;top:50%;transform: translateY(-50%);background: #888;}



.idext_wrap .section_top{padding-top: 200px;}
.idext_wrap .section_bot{padding-bottom: 200px;}
.idext_wrap .section_tb{padding-top: 200px;padding-bottom: 200px;}

.idext_wrap section{overflow: hidden;}

/*slide*/
.main_slide {height: 100vh;}
.slide_bg{background: #ddd;width: 100%;height: 100%;}
.main_slide .tbox{position: absolute;top:50%;transform: translate(-50%,-50%);left:50%;color: #fff;}
.main_slide .tbox h3{font-family:'Merriweather';font-size: 80px;font-weight: 500;line-height: 1.3; }
.main_slide .tbox p{line-height: 1.8;margin-top: 20px;font-size: 20px;font-weight: 400;color: rgba(255,255,255,0.6);}
.main_slide .tbox p span{font-weight: 500;opacity: 1;color: #fff;}
.main_slide .swiper-button-next,
.main_slide .swiper-button-prev {color: #fff;}
.main_slide .swiper-button-next::after,
.main_slide .swiper-button-prev::after{font-weight: 100;}
.main_slide .slide_but{display: flex;position: absolute;left:50%;transform:translateX(-50%);    bottom: 10%; z-index: 99;}
.main_slide .slide_but > div{position: relative;    height: auto; margin: 0;left: 0;}
.main_slide .slide_but .swiper-pagination{width: auto !important;margin:0 30px;color: #fff;top: auto; bottom: auto;font-size: 0;}
.main_slide .slide_but .swiper-pagination span{font-size: 18px;}
.main_slide .slide_but .swiper-pagination span + span{margin-left:15px;padding-left: 15px;;position: relative;}
.main_slide .slide_but .swiper-pagination span + span::after{content: '';display: block;width: 2px;height: 15px;background: #fff;position: absolute;left:0px;top:50%;transform: translate(0,-50%);opacity: 0.5;}
.main_slide .slide_but .swiper-pagination span::before{content: '0';display: inline-block;}
.main_slide .slide_but .swiper-button-prev::before,
.main_slide .slide_but .swiper-button-next::before{content:'';display: block;width: 20px;height: 2px;background: #fff;position: absolute;top:50%;transform: translateY(-50%);}
.main_slide .slide_but .swiper-button-prev::after,
.main_slide .slide_but .swiper-button-next::after{font-size: 20px;}
.main_slide .slide_but .swiper-button-prev::before{left: 10px;}
.main_slide .slide_but .swiper-button-next::before{right: 10px;}

.main_slide .swiper-slide.textcenter .tbox{text-align: center;top: 70%;}


/*aboutus*/
.aboutus{position: relative;}
.aboutus::before{content: '';background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/CAIA/165982992942125.png) no-repeat center/cover;position: absolute;right:0;top:-250px;width: 1600px;height: 1400px;}
.mission_sec{position: relative;}
.mission_sec::after{content: '';background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/CAIA/165982997520996.png) no-repeat center/cover;position: absolute;left:-210px;top:0px;width: 700px;height: 700px;z-index: -1;}
.mission_sec::before{content: '';background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/CAIA/165988270557865.png) no-repeat center/cover;position: absolute;right:-210px;bottom:-200px;width: 700px;height: 700px;z-index: -1;}

.aboutus .con{margin-top: 80px;;}
.aboutus .con .tit{font-family:'Merriweather';font-size: 30px;font-weight: bold;text-align: center;margin-bottom: 40px;;}
.aboutus .con ul{display: flex;width: 80%;margin:0 auto;position: relative;}
.aboutus .con ul li{width: 50%;;position: relative;padding:25px 0;text-align: center;font-size: 25px;font-family:'Merriweather';font-weight: bold;}
.aboutus .con ul li::before{content:'';display: block;width: calc(100% + 45px);height: 100%;position: absolute;top:50%;transform: translateY(-50%);z-index: -1;border-radius: 50px;opacity: 0.5;;}
.aboutus .con ul:before{content: '';display: block;background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/CAIA/16598983832224.png)no-repeat center/cover;width: 14px;height: 22px;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);}

.aboutus .con ul li br{display: none;}
.aboutus .con ul li:first-child:before{left:0;background: #DFAF43;}
.aboutus .con ul li:last-child:before{right: 0;background-color: #006934;}
.aboutus .con ul li:last-child{color: #fff;}



/*unlocking*/
.unlocking{position: relative;padding-bottom: 25%;}
.unlocking::before{content: '';background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/CAIA/165988275335486.png) no-repeat center/cover;position: absolute;right:0%;bottom:0px;width: 100%;height: 100%;z-index: -1; background-attachment: fixed;}
.unlocking .sec_title .tit,
.unlocking .sec_title .txt,
.unlocking .sec_title .tit02{color: #fff;}
.unlocking .sec_title .tit{margin-bottom: 80px;font-size: 70px;}
.unlocking .sec_title .txt+.txt{margin-top: 40px;}




.value{background: #f5f5f5;}
.value .con{display: flex;align-items: center;}
.value .left {position: relative;width: 40%;}
.value .left i{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);}

.value .ring-2 { position: relative; width: 470px; height: 470px; margin: 0 auto; border: 1px solid #006934; border-radius: 100%;}
.value .ball-holder { position: absolute; width: 337px; height: 337px;left: 50%;  transform: translate(-50%,-50%);  top: 50%;}
.value .ball { position: absolute; top: -11px; left: 0; width: 16px; height: 16px; border-radius: 100%; background: #006934;}
.value .letter-holder { padding: 16px; }
.value .load-5 .ball-holder.holder01 { animation: loadingE 16s linear infinite;    width: 470px;height: 470px; z-index: 99;}
.value .load-5 .ball-holder.holder02 { animation: loadingE 10s linear infinite;width: 470px;height: 470px; z-index: 99; }
.value .load-5 .ball-holder.holder03 { animation: loadingE 6s linear infinite;}
.value .load-5 .ball-holder.holder04 { animation: loadingE 14s linear infinite;}
  
.value .load-5 .ball-holder.holder03 .ball {width: 26px;height: 26px;    top: -22px;}
.value .load-5 .ball-holder.holder02 img{ animation: loadingE_img 10s linear infinite; }
.value .load-5 .ball-holder.holder01 img{ animation: loadingE_img 16s linear infinite; }
  @keyframes loadingE {
    0 {
      transform:translate(-50%,-50%) rotate(0deg);
    }
    100% {
      transform:translate(-50%,-50%) rotate(360deg);
    }
  }
  
  @keyframes loadingE_img {
    0 {
      transform:rotate(0deg);
    }
    100% {
      transform:rotate(-360deg);
    }
  }
  
  .value .right{width: 60%;    padding-left: 50px;}
  .value .right ul{display: flex;flex-wrap: wrap;margin:0 -15px}
  .value .right ul li{width: 50%;padding:0 15px;margin:15px 0;} 
  .value .right ul li>div{background: #fff;padding:30px;border-radius: 20px;}
  .value .right ul li .tit{font-size: 23px;font-weight: bold;margin:10px 0;}
  .value .right ul li .txt{font-size: 18px;color: #666;}





/*mission_sec*/
.mission_sec li >div{border-radius: 30px;padding-bottom:65%;background: #ddd;position: relative;overflow: hidden;}
.mission_sec li >div img{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);width: 100%;height: 100%;}
.mission_sec li >div p{position: absolute;left:50%;bottom:20px;transform: translateX(-50%);font-family:'Merriweather';color: #fff;font-size: 23px;    width: 100%;text-align: center;}


/*partners*/
.partners .part01 + .part02{margin-top: 60px;;}
.partners .top{display: flex;justify-content: space-between;align-items: center;margin-bottom: 10px;;}
.partners .top .tit{font-size: 35px;font-weight: 600;}
.partners .top button{display: flex;align-items: center;color: #666;}
.partners .top button img{margin-left: 10px;}
.partners .con{position: relative;}
.partners .swiper {overflow: initial;} /* 0925 혜인 추가 */
.partners .partners_slide .swiper-slide{border:1px solid #ddd;padding-bottom: 6%;    overflow: hidden;}
.partners .partners_slide .swiper-slide img{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);width: auto;height: auto;}
.partners .swiper-button-next,
.partners .swiper-button-prev{border:1px solid #ddd;width: 50px;height: 50px;border-radius: 50%;top:50% !important;transform: translateY(-50%);margin:0; background-color: #fff;}

.partners .swiper-button-next::after,
.partners .swiper-button-prev::after{font-size: 18px;color: #888;}

.partners .swiper-button-next{right:-80px !important}
.partners .swiper-button-prev{left:-80px !important}
.partners .swiper-button-next::after{transform: translateX(2px);}
.partners .swiper-button-prev::after{transform: translateX(-2px);}

.notice li > div{border:1px solid #ddd;}
.notice .txtbox{padding:30px;}
.notice .con i{padding-bottom:60%;display: block;background: #ddd;overflow: hidden;position: relative;}
.notice .con i{border-bottom:1px solid #ddd;}
.notice .con i img{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);width: 100%;height: 100%;;}
.notice .con .tit{font-size: 23px;font-weight: 600;}
.notice .con .txt{font-size: 18px;color: #666;margin:10px 0 20px;}
.notice .con .day{font-size: 16px;color: #888;}
.notice .con > button{display: flex;align-items: center;color: #666;padding:25px 50px;border:1px solid #ddd;border-radius: 40px;margin:0 auto;margin-top: 60px;;;}
.notice .con > button img{margin-left: 10px;}

/* ********************************************* *
 * 1600px
 * ********************************************* */
 @media screen and (max-width: 1660px){
   
   
    
}

/* ********************************************* *
* 1400px
* ********************************************* */
@media screen and (max-width: 1400px){

  .value .right ul li i {display: block;width:35px;height: 35px; ;}
  .value .right ul li i img{width: 100%;}
  .value .right ul li .tit{font-size: 18px;;}
  .value .right ul li .txt{font-size: 16px;;}

  .value .left i{width: 330px;height: 330px;;}
  .value .left i img{width: 100%;height: 100%;;}
  .value .ring-2 { width: 400px; height: 400px;}
  .value .ball-holder { width: 285px; height: 285px;}

  .value .load-5 .ball-holder.holder02 img{width: 100px;height: 100px;;}
  .value .load-5 .ball-holder.holder02{width: 380px; height: 380px;}

  .value .load-5 .ball-holder.holder01 img{width: 140px;height: 140px;;}
  .value .load-5 .ball-holder.holder01 { width: 430px; height: 430px;}


}

/* ********************************************* *
* 1200px
* ********************************************* */
@media screen and (max-width: 1200px){



  .aboutus .con ul li{font-size: 18px;}
  .aboutus .con .tit{font-size: 25px;}

  .value .right ul li .txt{word-break: keep-all;}
  .value .right ul li .txt br{display: none;;}
  .value .right ul li{display: flex;}



  .partners .partners_slide .swiper-slide {  padding-bottom: 9%;}
  .notice .con .txtbox {padding: 20px;}
  .notice .con .tit {font-size: 20px;}
  .notice .con .txt {font-size: 16px;}
  .notice .con .day {font-size: 14px;}


}

/* ********************************************* *
* 1024px
* ********************************************* */
@media screen and (max-width: 1024px){


  .mission_sec li >div {border-radius: 20px;}
  .mission_sec li >div p{font-size: 18px;}


  .value .right ul li{width: 100%;    margin: 8px 0;}
  .value .right ul li>div { padding: 20px; border-radius: 15px; width: 100%;position: relative;}
  .value .right ul li .tit { padding-left: 30px;margin-top: 0;;}
  .value .right ul li i{position: absolute;width: 20px;top:23px;}

  .value .left{width: 450px;;}



}


/* ********************************************* *
* 960px
* ********************************************* */
@media screen and (max-width: 960px){

  .aboutus .con ul{width: 100%;}



  .partners .partners_slide .swiper-slide {  padding-bottom: 10%;}
}


/* ********************************************* *
* 768px
* ********************************************* */
@media screen and (min-width: 769px){
 

 
}
@media screen and (max-width: 768px){

  .idext_wrap .section_top{padding-top: 120px;}
  .idext_wrap .section_bot{padding-bottom: 120px;}
  .idext_wrap .section_tb{padding-top: 120px;padding-bottom: 120px;}
  

  .main_slide .tbox h3 { font-size: 50px;}
  .aboutus .con ul li,
  .sec_title p.txt,
  .main_slide .slide_but .swiper-pagination span,
  .main_slide .tbox p{font-size: 16px;word-break: keep-all;}

  .main_slide .slide_but {top:auto;bottom: 60px;}
  .main_slide .slide_but .swiper-button-prev::before, 
  .main_slide .slide_but .swiper-button-next::before { width: 16px;}
  .main_slide .slide_but .swiper-button-prev::after, 
  .main_slide .slide_but .swiper-button-next::after {font-size: 16px;}
  .main_slide .slide_but .swiper-pagination { margin: 0 20px;}
  

  .sec_title i{width: 120px;}
  .sec_title i img{width: 100%;height: 100%;}

  .sec_title p.tit02 {font-size: 23px;}
  .unlocking .sec_title .tit,
  .sec_title p.tit {font-size: 40px;}
  .aboutus .con .tit{font-size: 22px;}
  .aboutus .sec_title p.txt{width: 95%;margin-left: auto;margin-right: auto;;}
  .aboutus .con ul li br{display: block;}
  .aboutus .con ul li::before { width: calc(100% + 50px);}

  .mission_sec ul{margin:0;}
  .mission_sec ul li{padding:0;width: 100%;margin:12px 0;}
  .mission_sec li >div { padding-bottom: 25%;border-radius: 15px;width: 80%;}

  .mission_sec ul li:nth-child(2n) >div{margin-left:auto}


  .value .con{display: block;}

  .value .left{margin:0 auto;}
  .value .right{width: 100%;padding-left: 0;margin-top: 40px;;}
  .value .right ul{margin:0 -6px}
  .value .right ul li{width:50%;    margin: 8px 0;padding:0 6px;}
  .value .right ul li>div { padding: 20px; border-radius: 15px; width: 100%;position: relative;}
  .value .right ul li .tit { padding-left: 30px;margin-top: 0;;}
  .value .right ul li i{position: absolute;width: 20px;top:23px;}

  .value .left{width: 450px;;}

  .value .right ul li>div {padding: 16px;}


  .partners .top .tit {font-size: 23px;}

  
  .notice li{width: 50%;}
  .notice li:nth-child(3){display: none;}
  
  .notice .con .txtbox {padding: 16px;}
  .notice .con .tit {font-size: 18px;}
  .notice .con .txt {font-size: 16px;}
  .notice .con .day {font-size: 14px;}

  .notice .con > button {padding: 20px 40px;font-size: 14px;}
  .partners .top button img,
  .notice .con > button img{width: 6px;display: block;}

  .partners .top button{font-size: 14px;}
}


/* ********************************************* *
* 640px
* ********************************************* */
@media screen and (max-width: 640px){
  .sec_title {margin-bottom: 40px;}
  .sec_title p.txt { margin-top: 10px;}

  .value .left i{width: 250px;height: 250px;;}
  .value .left i img{width: 100%;height: 100%;;}
  .value .ring-2 { width: 300px; height: 300px;}
  .value .ball-holder { width: 215px; height: 215px;}

  .value .load-5 .ball-holder.holder02 img{width:80px;height:80px;;}
  .value .load-5 .ball-holder.holder02{width: 290px; height: 290px;}

  .value .load-5 .ball-holder.holder01 img{width: 100px;height: 100px;;}
  .value .load-5 .ball-holder.holder01 { width: 320px; height: 320px;}

  .partners .partners_slide .swiper-slide {padding-bottom: 15%;}

  .notice .row{margin-left: -6px;margin-right: -6px;;}
  .notice .row > [class*='col']{padding-left: 6px;padding-right: 6px;;}
  .notice .txt{-webkit-line-clamp:2;}

.unlocking .sec_title{margin-bottom: 0;}
.unlocking .sec_title .tit {  margin-bottom: 40px;}
.unlocking .sec_title .txt+.txt {  margin-top: 20px;}
.value  .sec_title{margin-bottom: 60px;}













}


/* ********************************************* *
* 500px
* ********************************************* */
@media screen and (max-width: 500px){
  .unlocking .sec_title .tit, .sec_title p.tit {font-size: 35px;}
  .aboutus .sec_title p.txt{margin-top: 20px;}
  .main_slide .tbox h3 { font-size: 40px;}
  .value .right ul li .txt,
  .aboutus .con ul li,
  .sec_title p.txt,
  .main_slide .slide_but .swiper-pagination span,
  .main_slide .tbox p{font-size: 14px;word-break: keep-all;}
  .main_slide .slide_but .swiper-button-prev::after, 
  .main_slide .slide_but .swiper-button-next::after {font-size: 14px;}

  .sec_title p.tit02 {font-size: 16px;width: 90% ;margin-left: auto;margin-right: auto;word-break: keep-all;}
  .unlocking .sec_title .tit,
  .sec_title p.tit {font-size: 30px;}
  .aboutus .con .tit{font-size: 18px;}
  
  .notice .txtbox {padding: 16px;}
  .notice .tit {font-size: 18px;}
  .notice .txt {font-size: 16px;}
  .notice .day {font-size: 14px;}

  
  .notice .con > button {padding: 20px 40px;font-size: 14px;}

  .aboutus .con ul li {padding-bottom:50%;display: flex; align-items: center; justify-content: center;position: relative;}
  .aboutus .con ul li::before{border-radius: 50%;width: calc(100% + 30px);}
  .aboutus .con ul li p{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);width: 100%;text-align: center;}

  .mission_sec .row{margin-left: 0;margin-right: 0;;}
  .mission_sec .row > [class*='col']{padding-left: 0;padding-right: 0;;margin: 8px 0;;}
  .value .right ul li>div,
  
  .mission_sec li >div { border-radius: 10px; width: 100%;}
  .value .right ul li i { top: 19px;}
  .value .right ul li .tit {font-size: 16px;}
  .value .left {    width: 100%;}

  .value .left i{width: 180px;height: 180px;;}
  .value .left i img{width: 100%;height: 100%;;}
  .value .ring-2 { width: 230px; height: 230px;}
  .value .ball-holder { width: 160px; height: 160px;}

  .value .load-5 .ball-holder.holder02 img{width:50px;height:50px;;}
  .value .load-5 .ball-holder.holder02{width: 210px; height: 210px;}

  .value .load-5 .ball-holder.holder01 img{width: 90px;height: 90px;;}
  .value .load-5 .ball-holder.holder01 { width: 250px; height: 250px;}

  .value .ball{width: 10px;height: 10px;;}
  .value .ball-holder.holder03 { width: 155px; height: 155px;}
  .value .load-5 .ball-holder.holder03 .ball {width: 16px; height: 16px;}

  .aboutus .sec_title p.txt br{display: none;}

  .notice .con .txtbox {padding: 12px;}
  .notice .con .tit {font-size: 16px;}
  
  .notice .con .txt{font-size: 14px;    margin: 4px 0 8px;}
  .notice .con > button { padding: 14px 30px; margin-top: 40px;}
  .notice .con .day{font-size: 12px;}
  
  .value .right ul li>div {padding: 12px;}
  .value .right ul li .tit{word-break: keep-all;padding-left: 22px;}
  .value .right ul li{width: 100%;}
  .value .right ul li i { top: 17px;    width: 16px;}

  .partners .partners_slide .swiper-slide { padding-bottom: 23%;}

  .main_slide {height: 95vh;}



}

/* ********************************************* *
* 350px
* ********************************************* */
@media screen and (max-width: 350px){

  .unlocking .sec_title .tit, .sec_title p.tit { font-size: 25px;}


}