#wrap{width: 100%; height: 100%; position: relative; top: 0; left: 0;}
#wrap #secWrap .sec_inner{font-family: "Pretendard"; display: flex; justify-content: space-between; max-width: 1200px; margin: 0 auto;}


/* input type=number일 때 위아래 버튼 없애기  */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none;}



/******** 공통 모달창 ********/
.certiWrap{display: block; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 301; background: rgba(0, 0, 0, 0.5); font-family: "Pretendard";}
.certiWrap .certiBox{width: 40%; padding: 80px 50px; background-color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}
.certiWrap #modal_text{padding: 20px 0; font-family: "Pretendard"; font-size: 1.1em; font-weight: 500; margin-bottom: 10px;}
.certiBox #modal_btn{width: 40%; background-color: #01033c; padding: 15px 0; color: #fff; font-weight: 500; font-size: 1.05em; font-family: "Pretendard"; margin-left: 50%; transform: translateX(-50%);}



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

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

 
}

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

  
}

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

  
}

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


}

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

 

}

@media screen and (max-width: 768px){
    .certiBox #modal_btn{width: 50%;}




}

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

	

}

/* ********************************************* *
* 500px
* ********************************************* */
@media screen and (max-width: 500px){
    .certiWrap .certiBox{width: 70%;}
    .certiBox #modal_btn{width: 70%;}

  
}

/* ********************************************* *
* 400px
* ********************************************* */
@media screen and (max-width: 400px){
    .certiBox #modal_btn{font-size: 1em;}
    .certiWrap .certiBox{padding: 60px 25px;}


}