/* 공통 */ 

.sec{padding: 100px 0;}
.main_page{}

.main_title{display: flex; justify-content: space-between; align-items: center; margin-bottom: 32px;}
.main_title h2{font-size: 25px; font-weight: 600;}
.main_title h2 i{font-weight: 700;}
.main_title a{display: block; font-size: 18px; font-weight: 600;}

/* sec01 */
.sec01_con{padding: 0;  position: relative; margin-top: 130px;}
.sec01_con .main_slide {width: 100%;  overflow: hidden;  }
.sec01_con .main_slide .con_wrap{width: 100%;height: 100%;position: relative; overflow: hidden; padding-bottom: 20%;}
.sec01_con .main_slide .swiper-slide01 .con_wrap{background: url(../img/s3/166422987977126.png)no-repeat 70% 50% /cover;}
.sec01_con .main_slide .swiper-slide02 .con_wrap{background: url(../img/s3/166422987977126.png)no-repeat 70% 50% /cover;}
.sec01_con .main_slide .swiper-slide03 .con_wrap{background: url(../img/s3/166422987977126.png)no-repeat 70% 50% /cover;}


/* sec02 */
.sec02_con{padding: 32px 0;width: 1440px; max-width: 100%; margin: 0 auto;}
.sec02_con ul{display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin-bottom: -32px;}
.sec02_con ul li{margin-bottom: 32px;}
.sec02_con ul li .con_wrap{width: 100%; display: block;}
.sec02_con ul li .con_wrap .icon_wrap{display: flex; align-items: center; justify-content: center; margin: 0 auto; width: 120px; height: 120px; background-color: #f5f5f5; border-radius: 15px;}
.sec02_con ul li .con_wrap .icon_wrap:hover img{animation: move_e 0.5s ease-in-out 0s 1;}


.sec02_con ul li .con_wrap p{text-align: center; margin-top: 16px; font-weight: 600; transition-duration: 0.3s; width: 100%; text-align: center;}
.sec02_con ul li:hover .con_wrap p{color: #4f00cc;}
.sec02_con ul li .con_wrap .img_wrap{position: relative;}
@keyframes move_e{
  0%{transform: rotate(0);}
  50%{transform: rotate(-15deg);}
  100%{transform: rotate(0);}
}


/* sec03 */
.sec03_con {padding-top: 32px;}

/* se04 */
.sec04_con{position: relative; width: 100%;}
.sec04_con .sub-banner {width: 100%; height: 100%; overflow: hidden; border-radius: 15px;  }
.sec04_con .sub-banner .con_wrap{width: 100%;height: 100%;position: relative; overflow: hidden;}
.sec04_con .sub-banner .swiper-slide01 .con_wrap{background: url(../img/s3/165824898535691.png)no-repeat 70% 50% /cover;}
.sec04_con .sub-banner .swiper-slide02 .con_wrap{background: url(../img/s3/165824898535691.png)no-repeat 70% 50% /cover;}
.sec04_con .sub-banner .swiper-slide03 .con_wrap{background: url(../img/s3/165824898535691.png)no-repeat 70% 50% /cover;}
.sec04_con .bd-lg{height: 100%;}
.sec04_con .sub-banner .swiper-slide .con_wrap{padding-bottom: 19%;}
.sec04_con .sub-banner .swiper-pagination{text-align: center; width: 70px; background-color: rgba(255,255,255,0.8); z-index: 3; border-radius: 5px; padding: 4px 12px; left: 20px; bottom: 20px;}
.sec04_con .sub-banner .swiper-pagination-current{color: #4f00cc !important; font-weight: 600;}
.sec04_con .sub-banner .swiper-pagination span{margin: 0 2px; font-weight: 600; color: #000;}

/* sec05 */
.sec05_con ul{display: flex; flex-wrap: wrap; margin-bottom: -32px;}
.sec05_con ul li{width: 25%; margin-bottom: 32px;}
.sec05_con ul li .con_wrap{position: relative; transition-duration: 0.3s; padding-bottom: 100%; width: 100%; display: block; border-radius: 15px; overflow: hidden;}
.sec05_con ul li .con_wrap.img01{background-repeat: no-repeat; background-position: center center; background-size: cover;}
.sec05_con ul li .con_wrap.img02{background: url(../img/s3/165825587422590.png)no-repeat center center / cover;}
.sec05_con ul li .con_wrap.img03{background: url(../img/s3/165825587894855.png)no-repeat center center / cover;}
.sec05_con ul li .con_wrap.img04{background: url(../img/s3/165825588190650.png)no-repeat center center / cover;}
.sec05_con ul li .txt_wrap{position: absolute;left: 50%; top: 50%; transform: translate(-50%, -50%); 
  font-size: 25px; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); color: #fff; display: flex; align-items: center; justify-content: center;
  flex-direction: column; z-index: 3;
}
.sec05_con ul li .txt_wrap p{font-size:1em;}
.sec05_con ul li .txt_wrap a{height: 0; transition-duration: 0.3s; overflow: hidden; font-size: 0.65em; margin-top: 8px;}
.sec05_con ul li .txt_wrap:hover a{height: 20px;}
/* ********************************************* *
 * 1520px
 * ********************************************* */
 @media screen and (max-width: 1520px){
   
   .sec01_con .main_arrow{padding: 0 20px;}
   
    
 }
 
 /* ********************************************* *
 * 1400px
 * ********************************************* */
 @media screen and (max-width: 1400px){
 
  .sec02_con{padding-left: 16px; padding-right: 16px;}
  
 }
 
 /* ********************************************* *
 * 1200px
 * ********************************************* */
 @media screen and (max-width: 1200px){
 
   .sec01_con .main_arrow{padding: 0 20px 0 190px;}
   .sec02_con ul li .con_wrap .icon_wrap{width: 105px; height: 105px;}


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

  .sec05_con ul li .txt_wrap p{font-size: 0.8em;}
   
 }
 
 
 /* ********************************************* *
 * 960px
 * ********************************************* */
 @media screen and (max-width: 960px){

   .sec{padding: 100px 0;}
   .sec02_con{padding: 32px 16px 0 16px;}
 
   .sec01_con{margin-top: 80px; padding: 0 !important; height: auto;}
   .main_slide .swiper-slide{min-height: auto; max-height: auto;}


   .sec02_con ul li .con_wrap .icon_wrap{width: 95px; height: 95px;}

   .main_title h2{font-size: 22px;}
   .main_title a{font-size: 17px;}

 }
 

  /* ********************************************* *
 * 850px
 * ********************************************* */
 @media screen and (max-width: 850px){
  .sec02_con ul{}
  .sec02_con ul li{width:16.6666%;}
  .sec02_con ul li .con_wrap p{font-size: 15px;}
  .sec02_con ul{justify-content: flex-start; width:768px; max-width: 100%;margin: 0 auto; margin-bottom: -32px; }
 }
 
 /* ********************************************* *
 * 768px
 * ********************************************* */
 @media screen and (min-width: 769px){
  
 
  
 }
 @media screen and (max-width: 768px){

  .sec{padding: 80px 0;}

  .sec01_con .swiper-pagination-clickable .swiper-pagination-bullet{font-size: 15px;}
  .sec01_con .main_arrow{padding: 0 20px;}
  .sec01_con .main_arrow{display: none;}


  .sec01_con .main_slide .swiper-slide .con_wrap{padding-bottom: 62%;}
  .sec01_con .main_slide .swiper-slide01 .con_wrap{background: url(../img/s3/166887090495704.png)no-repeat 70% 50% /cover;}
  .sec01_con .main_slide .swiper-slide02 .con_wrap{background: url(../img/s3/166887090495704.png)no-repeat 70% 50% /cover;}
  .sec01_con .main_slide .swiper-slide03 .con_wrap{background: url(../img/s3/166887090495704.png)no-repeat 70% 50% /cover;}

  .sec04_con .sub-banner .swiper-slide01 .con_wrap{background: url(../img/s3/166887603026609.png)no-repeat center center /cover;}
  .sec04_con .sub-banner .swiper-slide02 .con_wrap{background: url(../img/s3/166887603026609.png)no-repeat center center /cover;}
  .sec04_con .sub-banner .swiper-slide03 .con_wrap{background: url(../img/s3/166887603026609.png)no-repeat center center /cover;}


  .sec02_con ul li .con_wrap .icon_wrap{width: 90px; height: 90px;}



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

  .sec{padding: 60px 0;}

  .sec04_con .sub-banner .swiper-pagination{left: 13px; bottom: 13px;}
  .sec05_con ul li{width: 33.333%;}
  .sec05_con ul li .txt_wrap p{font-size:0.7em;}
  .sec05_con ul li .txt_wrap a{font-size:0.55em;}
  /* .sec01_con .main_slide .swiper-slide .con_wrap{padding-bottom: 30%;} */

  .sec05_con ul li .txt_wrap:hover a{height: 17px;}

  .sec02_con ul li{width: 20%;}

 }
 
 
 
 /* ********************************************* *
 * 500px
 * ********************************************* */
 @media screen and (max-width: 500px){
  
  .sec.sec02_con{border-bottom: 8px solid #f5f5f5; padding-bottom: 60px !important;}
  .sec02_con ul li .con_wrap .icon_wrap{width: 100%;  height: 6.0em; padding:16px 0;}
  .sec02_con ul li .con_wrap .icon_wrap img{height: 100%; width: 80%; object-fit: contain;}
  .sec02_con ul li{padding: 0 6px !important;}

  .sec05_con ul li {width: 50%;}

  .sec02_con ul{margin-bottom: -24px;}
  .sec02_con ul li{width: 25%; margin-bottom: 24px;}
 }
 
 /* ********************************************* *
 * 400px
 * ********************************************* */
 @media screen and (max-width: 400px){


  .sec02_con ul li .con_wrap .icon_wrap{width: 100%; height: 5.5em;}
  .sec02_con ul li .con_wrap{width: 100%;}
  .sec02_con ul li .con_wrap p{font-size: 14px;}

  .main_title h2{font-size: 19px;}
  .main_title a{font-size: 15px;}


  .sec02_con ul li{width: 33.333%;}
  .sec01_con { margin-top: 144px;}
 }


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

  .sec02_con ul li{width: 50%;}
 
   
 }