@charset "euc-kr";

/* Tablet  1024px ÀÌÇÏ */
@media all and (max-width:1024px) {
  html{font-size: 5.64%;}
  .section{border:0;}

  .ev-process-2{padding:0px 8%;}



}


/* Mobile 768px ÀÌÇÏ */
@media all and (max-width:768px) {   
  html{font-size: 5.0%;}

  .section{padding:60px 5%;}
  .title-wrap{margin:0px auto 40px;}
  .title-wrap .roundBox1{font-size:22rem;padding:0 50px 0 20px; height:45px;border-radius:36px;}
  .title-wrap .roundBox2{font-size:22rem;padding:0 20px; height:45px;margin-left:-40px;}
  .title-wrap .roundBox2 > em{font-size:24rem;margin-right:10px;padding-bottom:4px;}
  
  .title-big{font-size:55rem;}  
  .txt-m{font-size:24rem;margin:0px auto 60px;}
  
  .imgArea{margin:0px auto 60px;}

  .ev-process{border:1px solid var(--point-color); padding:40px 20px;}
  .ev-process ul{display:flex; width:100%;}
  .ev-process li{flex:1;padding-right:20px;}
  .ev-process li::before{background-size:15px auto;width:20px;}

  .ev-process-2{padding:0px 5%;}
  .ev-process-2 ul{display:flex; width:100%;}
  .ev-process-2 li{flex:1;padding-right:40px;}
  .ev-process-2 li::before{background-size:15px auto;width:40px;}

  .btn_form {padding:18px 30px;font-size:17px;}

  .ending-list .txt br{display:none;}
  .ending-list{margin-bottom:60px;}
  .ending-list li {display:inline-block;width:33.3333%;text-align:center;padding:0 10px;}
  .ending-list .iconArea{width:100%; margin-bottom:20px;}
  .ending-list .stit{font-size:17px;}
  .ending-list .tit{font-size:17px;margin-bottom:15px;}
  .ending-list .txt{font-size:14px;}

  .form_sty{padding-bottom:60px;}
  .form_sty .tit{flex:0 0 120px;font-size: 18rem;}
  .form_sty .cont{flex:1;font-size: 18rem;}
  .f-group-A .sm{font-size:13px;}

  .form_sty .col100{padding-left:120px;padding-top:10px;}


  

}



/*mobile 520 ÀÌÇÏ */
@media all and (max-width:520px){
  
  .form_sty{padding-bottom:60px;}
.form_sty ul{display:flex;flex-wrap: wrap;margin-top:15px;}
.form_sty .top{margin-top:0px;}
.form_sty .tit{flex:0 0 100%;font-size: 18rem;margin-bottom:8px;}
.form_sty .cont{flex:0 0 100%;font-size: 18rem;}
.form_sty .txt1{font-size: 18rem;}
.f-group-A{flex-wrap: wrap;}
.f-group-A > * {margin-left:10px;}
.f-group-A > *:nth-child(4){margin-left:0px;}
.f-group-A .w2{width:50%;}
.f-group-A .select-w{width:100%; margin-top:10px;}

.form_sty .txt-point{font-size: 14px;}
.form_sty .col100{padding-left:0px;padding-top:10px;}


  .col50{width:100%}

  .title-wrap .roundBox1{flex:0 0 50%;font-size:18rem;padding:0 10px 0 10px; height:40px;border-radius:4px 0px 0px 4px;text-align:center;justify-content: center;}
  .title-wrap .roundBox2{flex:0 0 50%;font-size:18rem;padding:0 10px; height:40px;margin-left:0px;border-radius:0px 4px 4px 0px;text-align:center;justify-content: center;}
  .title-wrap .roundBox2 > em{font-size:20rem;margin-right:5px;padding-bottom:4px;}
  
  .title-big{font-size:40rem;margin:0px auto 15px;}  
  .txt-m{font-size:20rem;margin:0px auto 60px;}
  .txt-s br{display:inline;}

  .ev-process{padding:40px 20px 20px;}
  .ev-process ul{display:flex;flex-wrap: wrap;justify-content: center; }
  .ev-process li{flex:0 0 120px;padding-right:20px;margin-bottom:20px;}
  .ev-process li::before{background:url(../images/arrow.png) 50% 30% no-repeat; background-size:15px auto !important;width:20px;}
  .ev-process li:last-child {flex:0 0 100px;}

  .ev-process-2{padding:0px 20px 0px;}
  .ev-process-2 ul{display:flex;flex-wrap: wrap;justify-content: center;}
  .ev-process-2 li{flex:0 0 140px;padding-right:50px;margin-bottom:20px;}
  .ev-process-2 li::before{background:url(../images/arrow.png) 50% 30% no-repeat;background-size:15px auto !important;width:50px;}
  .ev-process-2 li:last-child {flex:0 0 90px;}
  
  .pc_only{display: none !important;}	
  .mo_only{display: inline-block !important;}

  .btn_form {padding:15px 20px;font-size:15px;}

  .imgArea{padding:0 10%;}
  .imgArea.full{padding:0 4%;}

  .title-ending{font-size:28rem;}
  .txt-ending > p{font-size:24rem;}
  .txt-ending > p > span{font-size:24rem;}

  .section-img{padding:70px 10px 140px 7%;background:url(../images/ev3-m.png) 50% 100% no-repeat;background-size: 100% auto;}
  .section-img > p{display: inline-block;font-size:30rem;position: relative;z-index:1;}
  .section-img > p:before {content: "";position: absolute; left:0; top:0; width:100%; height:100%; background:rgba(255,255,255, .0);z-index:-1;}

  .ending-list{margin-bottom:60px;}
  .ending-list li {display:flex;width:100%;text-align:left;padding:20px 0px 20px; border-top:1px solid #e1e1e1;}
  .ending-list li:first-child{padding:0px 0px 20px; border-top:0px;}
  .ending-list .iconArea{flex:0 0 100px; margin-bottom:0px; margin-right:20px;}
  .ending-list .txtArea{flex:1;}
  .ending-list .stit{font-size:16px;}
  .ending-list .tit{font-size:16px;margin-bottom:10px;}
  .ending-list .txt{font-size:13px;}

  .txt-ending-2{margin-bottom:40px;}
  .txt-ending-2 > p{font-size:24rem;}
  .txt-ending-2 > p > span{font-size:24rem;padding:0 10px; margin:0 5px;}
  .txt-ending-2 > p > span:before {border-radius:4px; }
  .txt-ending-2 em{font-size:10px;padding:5px 5px 0px;}

  .cell{font-size:13px;}  
  .col-head {font-size:14px;}

.table.type1 th{font-size:13px;}
.table.type1 td{font-size:13px;}

.title-form{height:60rem;font-size:20rem; }


}

/*mobile 420 ÀÌÇÏ */
@media all and (max-width:420px){
  .ev-process li{flex:0 0 100px;padding-right:20px;}
  .ev-process li:last-child {flex:0 0 80px;}

  .txt-ending > p br{display:inline;}

  .terms-tit{display:block;margin-bottom:15px;}
  .terms-tit .tit{width:100%;}
  .terms-tit .terms--btn{width:100%; text-align:right;margin-top:10px;}

}
 

/*mobile 390 ÀÌÇÏ */
@media all and (max-width:390px){
  .section{padding:50px 5%;}
  .title-wrap{margin:0px auto 30px;}
  .title-wrap .roundBox1{font-size:17rem; height:40px;}
  .title-wrap .roundBox2{font-size:17rem;height:40px;}
  .title-wrap .roundBox2 > em{font-size:18rem;margin-right:5px;padding-bottom:4px;}


}

/*mobile 360 ÀÌÇÏ */
@media all and (max-width:360px){
  html{font-size: 4.4%;}

  .section{padding:40px 5%;}
  .title-wrap{margin:0px auto 30px;}
  .title-wrap .roundBox1{font-size:13px;height:40px;}
  .title-wrap .roundBox2{ font-size:13px;height:40px;}
  .title-wrap .roundBox2 > em{margin-right:4px;padding-bottom:0px;}

  .ev-process{border:1px solid var(--point-color); padding:40px 10px 20px;}
  .ev-process li{flex:0 0 96px;padding-right:16px;}
  .ev-process li::before{background-size:12px auto !important;width:16px;}
  .ev-process li:last-child {flex:0 0 80px;}

  .ev-process-2{padding:0px 20px 0px;}
  .ev-process-2 li{flex:0 0 120px;padding-right:40px;margin-bottom:20px;}
  .ev-process-2 li::before{background-size:15px auto !important;width:40px;}
  .ev-process-2 li:last-child {flex:0 0 80px;}



}

/*mobile 320 ÀÌÇÏ */
@media all and (max-width:320px){
  .ev-process{border:1px solid var(--point-color); padding:30px 10px 10px;}
  .ev-process li{flex:0 0 100px;padding-right:20px;}
  .ev-process li::before{background-size:12px auto !important;width:20px;}
  .ev-process li:last-child {flex:0 0 80px;}

  .ev-process-2{padding:0px 10px 0px;}
  .ev-process-2 li{flex:0 0 100px;padding-right:20px;}
  .ev-process-2 li::before{background-size:12px auto !important;width:20px;}
  .ev-process-2 li:last-child {flex:0 0 80px;}


  .btn_form {padding:15px 20px;font-size:14px;}

  .cell{font-size:12px;}  
  .col-head {font-size:13px;}

  .table.type1 th{font-size:12px;}
.table.type1 td{font-size:12px;}

.title-form{font-size:18rem; }
.title-form em{font-size:24rem;margin:0 2px;padding-bottom:4px;}

}

/*mobile 280 ÀÌÇÏ */
@media all and (max-width:280px){

  .title-wrap .roundBox1{font-size:12px;}
  .title-wrap .roundBox2{ font-size:12px;}

  .title-ending{font-size:24rem;}
  .txt-ending > p{font-size:20rem;}
  .txt-ending > p > span{font-size:20rem;}




}