html {
  scroll-behavior: smooth;
}


.f10{font-size: 10px}
.f11{font-size: 11px}
.f12{font-size: 12px}
.f13{font-size: 13px}
.f14{font-size: 14px}
.f15{font-size: 15px}
.f16{font-size: 16px}
.f17{font-size: 17px}
.f18{font-size: 18px}
.f19{font-size: 19px}
.f20{font-size: 20px}
.f21{font-size: 21px}
.f22{font-size: 22px}
.f23{font-size: 23px}
.f24{font-size: 24px}
.f25{font-size: 25px}
.f26{font-size: 26px}
.f27{font-size: 27px}
.f28{font-size: 28px}
.f29{font-size: 29px}
.f30{font-size: 30px}
.f35{font-size: 35px}
.f40{font-size: 40px}
.f45{font-size: 45px}

.emt10{height: 10px}
.emt20{height: 20px}
.emt30{height: 30px}
.emt40{height: 40px}
.emt50{height: 50px}
.emt60{height: 60px}
.emt70{height: 70px}
.emt80{height: 80px}
.emt90{height: 90px}
.emt100{height: 100px}
.emt110{height: 110px}
.emt120{height: 120px}
.emt130{height: 130px}
.emt140{height: 140px}
.emt150{height: 150px}


.inner{padding: 0 80px; width: 100%}


#fullpage {
  width:100%;
  height:100%;
}

/* header */


/* CUSTOM NAVIGATION */





.fp-viewing-foot > #my-nav{display: none}
.fp-watermark{display: none}







/* main_banner */

#my-nav{position: fixed; right: 70px; top: 50%; transform: translateY(-50%);}
#my-nav li{width: 36px; border-radius: 36px; border: 1px solid rgba(255,255,255,0); height: 36px; position: relative}
#my-nav li.active{border: 1px solid rgba(255,255,255,1); }
#my-nav li span{position: absolute; width: 10px; height: 10px; left: 50%; top: 50%; border-radius: 10px; background: #fff; opacity: .4;
transform: translate(-50%, -50%);}
#my-nav li i{display: none}

#my-nav li.active span{opacity: 1}


.scrolldown i span{position: absolute; left: 4px; width: 2px; height: 4px; background: #fff; top: 5px; animation: move-box 2s infinite;}


@keyframes move-box {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(4px);
    }
    100% {
        transform: translateY(0);
    }
}







.header{position: fixed; left: 0; top: 8px; width: 100%; 
height: 92px; z-index: 9990;  transition-duration: .5s; background: #fff}
.header .inner{position: relative}
.logo{position: fixed; left: 80px; top: 45px; width: 118px; height: 23px; 
background: url(../img/logo.png); background-size: 100% auto; background-repeat: no-repeat; z-index: 9999}


.top_nav{display: flex; align-items: flex-start;
    justify-content: center; gap:80px;}
    
.top_nav li{height: 92px; display: flex; text-align: center; justify-content: center;
    align-items: center; position: relative;}    
.top_nav li a.deps_big{color: #222; font-size: 18px; opacity: .6}    







/* Progress Bar Styling */
    #progress-bar-container {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 8px;
      background-color: #CCEACB; z-index: 9999
    }

    #progress-bar {
      width: 0;
      height: 100%;
      background-color: #08C507;
      transition: width 0.3s ease;
    }




.intro{position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #fff; z-index: 9998;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end; padding: 80px 60px;
    
    animation: introout 3s ease-in-out 1; animation-fill-mode: forwards;
    animation-delay: 2s;
    }
.intro .txt{display: flex; gap:40px;
align-items: flex-end;
    justify-content: flex-start;}
.intro .txt h2{font-size: 190px; color: #222}
.intro .txt p{font-size: 24px; color: #222; line-height: 1.4; font-weight: bold; margin-bottom: 25px}
.intro .txt img{width: 400px; 





animation: exampleAnimation 3s ease-in-out 1; animation-fill-mode: forwards;
}



@keyframes exampleAnimation {
    0% {
        transform: scale(1) translate(0%, 0%);
    }
    100% {
        transform: scale(5.0) translate(-10%, -25%);
    }
}


@keyframes introout {
    0% {
        opacity: 1;
        visibility: visible;
       
    }
    100% {
        opacity: 0;
        visibility: hidden;
        
   
       
    }
}


.main_visual{background: url(../img/main/visual.png); background-position: center; background-size: cover;}

.main_visual .box{ display: flex;
    justify-content: flex-start;
    align-items: flex-end; padding: 80px 60px; width: 100%; height: 100vh}

.main_visual h2{color: #fff; font-size: 190px; font-weight: bold;}
.main_visual p{font-size: 24px; font-weight: bold; color: #fff}






.main_company{background: url(../img/main/main_company.png); background-position: center; background-size: cover;}
          
          
.main_title{}
.main_title h3{font-size: 20px; color: #08C507; margin-bottom: 10px;}
.main_title h2{font-size: 52px; line-height: 1.4; word-break: keep-all;}
.main_title p{font-size: 20px; line-height: 140%; word-break: keep-all; }

.main_title h2 + p{margin-top: 50px}

.company_flex .main_title{width: 50%}
.company_flex .main_title h2{color: #fff}
              

.company_flex{display: flex; width: 100%; margin-top: 120px; overflow: hidden}


.company_flex .toogle_are{flex:1; max-width: 740px;}

/* 아코디언 메뉴 */
.accordion-list {width: 100%}
.accordion-list .accordion-item {border-bottom: 1px solid rgba(255,255,255,.4); width: 100%}
.accordion-list .accordion-item .accordion-link {display: block; position: relative; padding: 30px 20px; 
border-bottom: 1px solid #ddd; transition: all 0.3s; opacity: .6; width: 100%; }
.accordion-list .accordion-item.active .accordion-link {opacity: 1}
.accordion-list .accordion-item .accordion-link::before {content: ""; display: inline-block; position: absolute; top: 50%; right: 20px; 
transform: translateY(-50%); width: 28px; height: 4px; background-color: #fff; border-radius: 4px}
.accordion-list .accordion-item .accordion-link::after  {content: ""; display: inline-block; position: absolute; top: 50%; right: 20px; 
transform: translate(-12px, -50%); width: 4px; height: 28px; background-color: #fff; border-radius: 4px}

.accordion-list .accordion-item.active .accordion-link::after{opacity: 0}

.accordion-list .accordion-name {position: relative; width: calc(100% - 50px); 
color: #fff; font-size: 32px; line-height: 1.5; font-weight: bold;
display: flex; 
word-break: keep-all; gap:10px;
justify-content: flex-start;
    align-items: center;}

.accordion-list .accordion-item .accordion-desc {display: none; padding: 50px 25px; color: #fff; font-size: 20px; line-height: 1.5; word-break: keep-all}





.fp-viewing-company .top_nav li:nth-child(1) a.deps_big{opacity: 1}
.fp-viewing-product .top_nav li:nth-child(2) a.deps_big{opacity: 1}
.fp-viewing-robot .top_nav li:nth-child(3) a.deps_big{opacity: 1}
.fp-viewing-step .top_nav li:nth-child(4) a.deps_big{opacity: 1}
.fp-viewing-skill .top_nav li:nth-child(5) a.deps_big{opacity: 1}
.fp-viewing-foot .top_nav li:nth-child(6) a.deps_big{opacity: 1}

.product_flex{display: flex; overflow: hidden;
    align-items: center;
    justify-content: flex-start; height: 100vh; }
.product_flex .main_title{padding: 0 80px; width: 45%}
.product_flex .mid_slide01{width: 55%}


.slide_btn_box{margin: 50px 0 70px; display: flex; gap:12px;align-items: center;
    justify-content: flex-start;}

.slide_btn_box .arr{cursor: pointer}

.slider_controls{display: flex;align-items: center;
    justify-content: flex-start; gap:5px}
.slider_controls p{font-size: 20px; color: #222; font-weight: bold}
.slider_controls p.total_num{color: #DCDCDC}


.btn_are{}
.btn_are a{display: inline-flex; border-radius: 70px; height: 64px; border: 1px solid #08C507; padding: 5px;
font-size: 20px; color: #08C507; gap:20px; align-items: center;
    justify-content: center; padding-left:30px}
.btn_are a i{width: 56px; height: 56px; background: #08C507; display: flex; align-items: center;
    justify-content: center; border-radius: 56px}




.pop-layer .pop-container {
  max-width: 1160px; width: 100%;
  position: absolute; left: 50%; top: 50%;
  background: #fff; display: flex; 
      transform: translate(-50%, -50%);
      border-radius: 8px; 
      max-height: 600px; overflow: hidden
}


.pop-layer .pop-container .txt{
	position: relative;
	padding: 25px;
	flex:1;
	
}

.pop-layer .pop-container .txt_info{
	margin-top: 40px;
	height: 430px; overflow-x: auto; 
	padding-right: 25px;
}

.pop-layer .pop-container .txt_info h3{font-size: 24px; word-break: keep-all; line-height: 1.5}
.pop-layer .pop-container .txt_info p{margin-top: 10px; font-size: 18px; word-break: keep-all; line-height: 140%;
color: #999}


.tlb{margin-top: 32px}
.tlb table{width: 100%; border-top: 1px solid #222; border-spacing: 0}

.tlb th{vertical-align: middle; font-size: 16px; color: #222;
 word-break: keep-all; padding: 10px; background:#f9f9f9 ;
  border-bottom: 1px solid #E5E5E5; width: 120px }
.tlb td{padding: 24px 20px; border-bottom: 1px solid #E5E5E5; border-left: 1px solid #e5e5e5}

.tlb td ul{}
.tlb td ul li{padding-left: 15px; position: relative; font-size: 16px; line-height: 140%; color: #999; word-break: keep-all}
.tlb td ul li b{color: #222; display: block; }
.tlb td ul li + li{margin-top: 10px;}



.pop-layer .pop-container .txt_info::-webkit-scrollbar {
    width: 4px;
  }
.pop-layer .pop-container .txt_info::-webkit-scrollbar-thumb {
    background-color: #222;
  }
.pop-layer .pop-container .txt_info::-webkit-scrollbar-track {
    background-color: #f9f9f9;
  }


.pop-layer {
  display: none;
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.5);
  z-index: 9999;
}

.go_inq{margin-top: 24px;}
.go_inq a{background: #08C507; border-radius: 4px; display: block; text-align: center; 
font-size: 20px; color: #fff; height: 52px; line-height: 52px; }


a.btn-layerClose {
 position: absolute; right: 25px; top: 25px
}



.robot_flex{display: flex; gap:150px;}
.robot_flex .thum{width: 55%; background: #F9F9F9}
.robot_flex .thum img{width: 100%; height: 100%;
object-fit: contain;}
.robot_flex .main_title{flex:1; padding-top: 220px;}


.main_step{background: url(../img/main/robot_bg.png); background-position: center; background-size: cover;}

/**
 *  Progress Bar
 */

.step_are{margin: 120px auto 0;
  width: 100%;
  overflow: hidden;
	padding-bottom: 60px
}

.step_slide .slick-list{padding: 0px 50vh 0 0 !important;
overflow: visible; max-width: 1440px; margin: 0 auto}


.step_slide{padding-bottom: 80px}

.step_slide .slick-dots{display: flex; max-width: 1440px;
    position: absolute;
    width: 100%;
    left: 50%;
    bottom: -45px;
    transform: translateX(-50%);    justify-content: space-between;
    align-items: center;}
 
.step_slide .slick-dots li button{width: 24px; height: 24px; background: #048513; 
border-radius: 24px; border: 0; font-size: 0; margin: 0 auto; display: block}    
   
.step_slide .slick-dots li.slick-active button{background: #08C507; }

.step_slide .slick-dots li:after{content: ''; display: block; text-align: center; color: #fff; margin-top: 10px;
font-size: 20px;}
.step_slide .slick-dots li:first-child:after{content: '1번 공정'}
.step_slide .slick-dots li:nth-child(2):after{content: '2번 공정'}
.step_slide .slick-dots li:nth-child(3):after{content: '3번 공정'}
.step_slide .slick-dots li:nth-child(4):after{content: '4번 공정'}
.step_slide .slick-dots li:nth-child(5):after{content: '5번 공정'}

.step_are .main_title{margin-bottom: 50px; text-align: center}
.step_are .main_title h3,
.step_are .main_title h2{color: #fff}



.step_slide .slick-slide{opacity: .5}
.step_slide .slick-slide.slick-current{opacity: 1}

.progress {
  display: block;
 width: 100%;
  height: 2px;
  border-radius: 10px;
  overflow: hidden;
  
  background-color: #048513;
  background-image: linear-gradient(to right, #08C507, #08C507);
  background-repeat: no-repeat;
  background-size: 0 100%;
  
  transition: background-size .4s ease-in-out;
  margin: 0px auto 0;
  max-width: 1390px
  
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}


.step_slide .box{max-width: 710px; position: relative}
.step_slide .box img{width: 100%; height: 100%;object-fit: cover;}

.step_slide .box .txt{position: absolute; left: 0; top: 0; width: 100%; background: rgba(0,0,0,0.5); height: 100%;
padding: 30px;display: flex;
    flex-direction: column;
    gap: 15px;
    justify-content: flex-end;
    align-items: flex-start; opacity: 0; transition-duration: .5s}

.step_slide .box:hover .txt{opacity: 1}

.step_slide .box .txt h3{font-size: 24px; line-height: 135%; word-break: keep-all; color: #fff}
.step_slide .box .txt p{font-size: 18px; word-break: keep-all; color: #fff; line-height: 140%}





.main_skill{background: url(../img/main/main_skill.png); background-position: center; background-size: cover;}
.main_skill .skill{display: flex; padding: 0 80px 150px; margin-top: 200px;
    justify-content: space-between;
    align-items: flex-start;}
.main_skill .skill .main_title{padding-top: 100px; flex:1;
position: sticky;
    top: 100px;
    left: 0;}
.main_skill .skill .main_title h2{color: #fff}

.main_skill .skill .ink{width: 60%; max-width: 880px}
.main_skill .skill .ink ul{display: flex;flex-wrap: wrap;
    gap: 50px; align-items: flex-start; }
.main_skill .skill .ink img{max-width: 100%}

.main_skill .skill .ink ul li{width: calc(50% - 30px); max-width: 420px}
.main_skill .skill .ink ul li:nth-child(2){margin-top: 50vh}

.main_skill .skill .ink ul li .txt{margin-top: 24px}
.main_skill .skill .ink ul li .txt h3{color: #fff; font-size: 24px; word-break: keep-all; line-height: 135%}
.main_skill .skill .ink ul li .txt p{margin-top: 10px; color: #fff; font-size: 16px; line-height: 135%; word-break: keep-all}


.main_inq_form{ padding: 150px 0; max-width: 720px; margin: 120px auto 0}
.main_inq_form .main_title{text-align: center}




.form_in{margin-top: 80px;}
.form_in ul{display: flex; flex-wrap: wrap;gap:30px 10px}
.form_in ul li{width: calc(50% - 5px);}
.form_in ul li.w100{width: 100%}

.form_in ul li label{display: flex; gap:5px; font-size:18px; color: #222; margin-bottom: 10px; justify-content: flex-start;
    align-items: center; font-weight: bold}
.form_in ul li label span{background: #08C507; width: 6px; height: 6px; border-radius: 6px}

.form_in ul li input,
.form_in ul li select{width: 100%; border: 1px solid #e5e5e5; border-radius: 8px; padding: 24px; font-size: 18px; }

.form_in ul li textarea{width: 100%; border: 1px solid #e5e5e5; border-radius: 8px; 
padding: 24px; font-size: 18px; height: 200px; line-height: 140%; word-break: keep-all}

.form_in ul li .flex_input{display: flex; gap:10px;}

.ck_agree{margin-top: 25px; display: flex; gap:5px;}
.ck_agree p{font-size: 18px; color: #222; font-weight: bold; line-height: 140%; word-break: keep-all}
.ck_agree p b{color: #D60000}

.common_btn{display: flex; padding: 22px 100px; text-align: center; color: #fff;
font-size: 24px; font-weight: bold; background: #08C507; border-radius: 100px; border: 0; 
margin: 80px  auto 0; max-width: 350px}

.partner_slide{}
.partner_slide .p_logo{text-align: center}
.partner_slide .p_logo img{margin: 0 auto}

.partner_slide .slick-slide{padding: 0 60px}


.partner_foot{padding: 50px 0; border-top: 1px solid #E5E5E5;}

.foot_info{padding: 35px 80px; background: #08C507; display: flex; align-items: center;
    justify-content: space-between;}
.foot_info p{font-size: 18px; color: #fff; line-height: 140%; word-break: keep-all}

@media (max-width: 1660px) {

.intro .txt h2{font-size: 140px}
.intro .txt p{font-size: 16px;}

.main_visual h2{font-size: 140px;}

.accordion-list .accordion-name{font-size: 24px}
.accordion-list .accordion-item .accordion-desc{font-size: 18px;} 

.robot_flex{gap:100px}

.step_slide .slick-list{max-width: 1000px}
.step_slide .slick-slide{padding:0 20px}

.step_slide .slick-dots li:after{font-size: 16px}

.main_skill .skill .ink{width: 50%}

.main_title h2{font-size: 44px}

}


@media (max-width: 1580px) {

.accordion-list .accordion-name{font-size: 20px}
.accordion-list .accordion-item .accordion-desc{font-size: 16px;} 
.accordion-list .accordion-name img{max-width: 30px}

.btn_are a {
    height: 54px;
    font-size: 16px;
    gap: 15px;
    padding-left: 30px;
}  

.btn_are a i{width: 46px; height: 46px}
.btn_are a i img{max-width: 16px}  
  

.slider_controls p{font-size: 16px}

.robot_flex .main_title{padding-right: 80px;}
.robot_flex .main_title p{font-size: 16px}

.step_slide .slick-dots{max-width: 1000px}
.progress{max-width: 960px}

.step_slide .slick-list{max-width: 900px}

.main_skill .skill .ink ul li .txt h3{font-size: 20px;}

.form_in ul li label{font-size: 16px}
.form_in ul li textarea,
.form_in ul li input, .form_in ul li select{font-size: 16px; padding: 20px}
.ck_agree p{font-size: 16px;}

.common_btn{font-size: 18px}

.foot_info p{font-size: 16px}


}


@media (max-width: 1280px) {

  
.intro .txt h2{font-size: 100px}
.intro .txt p{font-size: 14px;}

.main_visual h2{font-size: 100px;}  
.main_visual p{font-size: 18px}  


.top_nav {
    align-items: flex-start;
    justify-content: flex-end;
    gap: 40px;
}

.top_nav li a.deps_big{font-size: 16px}

.product_flex .mid_slide01 img{width: 100%;
height: 100%;
        object-fit: cover;}

.product_flex .mid_slide01 .slick-slide{height: 100vh}


.main_title h3{font-size: 16px}
.main_title h2{font-size: 34px}

.robot_flex .thum{height: 100vh}
.partner_slide .p_logo img{width: 100%}

.main_inq_form {
    padding: 50px 0 150px;
}


}




@media (max-width: 1024px) {

.intro{display: none}

.main_visual .box .txt{
	animation: txtop 2s ease-in-out 1; animation-fill-mode: forwards;
}






@keyframes txtop {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}


.inner{padding: 0 30px}
.logo{left: 30px}


.company_flex {
    display: flex;
    width: 100%;
    margin-top: 0;
    overflow: hidden;
    flex-direction: column;
    gap: 50px;
}
.company_flex .main_title{width: 100%; text-align: center}
.company_flex .toogle_are{max-width: 100%; flex:none; width: 100%}

.product_flex {
    display: flex;
    overflow: hidden;
    align-items: center;
    justify-content: flex-end;
    height: 100vh;
    flex-direction: column-reverse;
}


.product_flex .main_title {
    padding: 100px 30px 50px;
    width: 100%;
    text-align: center;
}



.slide_btn_box {
    margin: 50px 0 70px;
    gap: 12px;
    align-items: center;
    justify-content: center;
}

.product_flex .mid_slide01 {
    width: 100%;
}

.product_flex .mid_slide01 .slick-slide {
        height: 50vh;
}

.pop-layer .pop-container{max-width: 90%}


.robot_flex {
    gap: 0px;
    flex-direction: column;
    overflow: hidden
}

    .robot_flex .thum {
        height: 60vh;
        width: 100%;
    }
    
    
    
.robot_flex .main_title   {
	 padding: 100px 30px 50px;
    width: 100%;
    text-align: center;
} 

.step_slide .slick-list{padding: 0 50px !important}
    
.step_slide .slick-slide img{width: 100%}    
.step_slide .slick-dots{max-width: 800px}    

.step_slide .box{max-width: 100%}



.main_skill .skill {
    padding: 0 30px 150px;
    margin-top: 150px;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
    gap: 80px;
}

.main_skill .skill .main_title {
    padding-top: 100px;
    flex: 1;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
}

.main_skill .skill .ink {
        width: 100%; max-width: 100%
    }

.main_skill .skill .ink ul li:nth-child(2) {
    margin-top: 30vh;
}

.main_skill .skill .ink ul li {
    width: calc(50% - 25px);
    max-width: 100%;
}


}




@media (max-width: 860px) {

 
.main_visual .box{padding: 80px 30px} 
  
.main_company,
.main_step {
    min-height: max-content !important;
    padding: 150px 0;
}  
.main_product{
	min-height: max-content !important;
}
  
.product_flex{height: auto}  

.top_nav{display: none}

.step_are{margin-top: 0}

.step_slide .slick-dots {
        max-width: 500px;
    }


.foot_info{padding: 35px 30px}


.pop-layer .pop-container {
        max-width: 90%;
        display: flex;
        flex-direction: column;
}

.pop-layer .pop-container .thum{display: none}



}




@media (max-width: 600px) {
	
	
.header{height: 80px}	
    .logo {
        left: 30px;
        top: 40px;
    }	

.main_visual p{font-size: 16px; word-break: keep-all}
.main_visual h2{font-size: 40px;}

.main_title h3{font-size: 14px}
.main_title h2{font-size: 24px}


.accordion-list .accordion-item .accordion-link{padding: 20px 0}

.accordion-list .accordion-name {
    position: relative;
    width: 100%;
    color: #fff;
    font-size: 18px;
    line-height: 1.5;
    font-weight: bold;
    display: flex;
    word-break: keep-all;
    gap: 5px;
    justify-content: flex-start;
    align-items: flex-start;
}

.accordion-list .accordion-item .accordion-link::after,
.accordion-list .accordion-item .accordion-link::before{display: none}

.accordion-list .accordion-item .accordion-desc {
        font-size: 14px;
        padding: 30px 0;
    }
    

 .product_flex .main_title,
 .robot_flex .main_title {
        padding: 100px 30px 100px;
        width: 100%;
        text-align: center;
    }
    

    
.main_product .fp-overflow{max-height: max-content}
       
.main_robot .fp-overflow  {max-height: max-content}  


.robot_flex .main_title p {
        font-size: 14px;
        margin-top: 30px;
    }
.step_slide{padding: 0 30px}
.step_slide .slick-slide{padding: 0}
    .step_slide .slick-list {
        padding: 0px !important;
        overflow: hidden;
    }


.progress{display: none}

.step_are{padding: 0}

.step_slide .box .txt{gap:5px; padding: 20px}
.step_slide .box .txt h3{font-size: 16px}
.step_slide .box .txt p{font-size: 14px;}

.main_skill .skill .main_title{padding: 0}

.main_skill .skill .ink ul li {
        width: 100%;
        max-width: 100%;
    }
    .main_skill .skill .ink ul li:nth-child(2) {
        margin-top: 0;
    }

.main_skill .skill .ink ul li .txt h3{font-size: 16px}
.main_skill .skill .ink ul li .txt p{font-size: 14px}

.main_inq_form{margin: 0; padding: 150px 30px}

.form_in ul li{width: 100%}
.form_in ul li label{font-size: 14px}
.form_in ul li textarea, .form_in ul li input, .form_in ul li select{font-size: 14px; padding: 15px; 
border-radius: 5px;
appearance: none;

-webkit-border-radius: 0;}

.ck_agree p{font-size: 14px}


    .common_btn {
        font-size: 16px;
        padding: 15px;
        max-width: 100%;
        margin: 60px auto 0;
        width: 100%;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    

.partner_slide .slick-slide {
    padding: 0 20px;
}

.foot_info {
    padding: 35px 30px;
    background: #08C507;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    gap: 30px;
}

    .foot_info p {
        font-size: 14px;
        text-align: center;
    }
}



@media (max-width: 410px) {

 

}