@charset "utf-8";
@import url("font.css"); 
html, body{font-size:16px; overflow-x:hidden; word-break: keep-all;}
html h1{font-size:16px;}
body, p, img, div, ul, ol, li, dl, dt, dd, table, tr, th, td, input, select, textarea{margin:0; padding:0; border:none; list-style:none; border-collapse: collapse; border-spacing:0; resize:none; }
h1, h2, h3, h4, h5, h6, p{ margin:0; padding:0; line-height: 1.6; letter-spacing: -0.03em; word-break: keep-all;}
a{text-decoration:none; color:#202124; word-break: keep-all; letter-spacing: -0.03em; }
a:hover{color:#334397;}

@media screen and (max-width: 480px) {
    html, body{font-size: 15px;}
    html h1{font-size:15px;} 
}

@media screen and (max-width: 320px) {
    html, body{font-size: 13px;}
    html h1{font-size:12px;} 
}

@media screen and (max-width: 300px) {
    html, body{font-size: 12px;}
}


* {	font-family: 'pretendard';}


input[type="text"],
input[type="password"],
input[type="number"],
input[type="date"]{ height:32px; border:1px solid #bcbec0; border-radius:3px; padding:0 6px; font-family: 'pretendard'; font-size:1em; color:#505157; background-color:#ffffff;    }
input:disabled{ background-color:#dbdbdb; border-color:#bcbec0; color:#808285; opacity:1; -webkit-text-fill-color:#808285;   }
input::placeholder{ color:#a7a9ac;    }
select{ height:32px;border-radius: 0.375rem; font-family: 'pretendard'; font-size:1em; background-color:#E3E4F0; color:#505157; padding: 0 10px;box-sizing: border-box;}
textarea{   min-height:32px; border:1px solid #bcbec0; border-radius:3px; font-family: 'pretendard'; font-size:1em; color:#505157; letter-spacing:-1px;  }
button{ font-family: 'pretendard'; font-size:0.8em; cursor:pointer;  }
input, select, textarea, button, img{   vertical-align:middle;  }
input[type="radio"] + label{    display:inline-block; margin-right:10px;    }

@media screen and (max-width: 320px) {
    input[type="text"],
input[type="password"],
input[type="number"],
input[type="date"]{font-size:13px;} 
}

.ml5{   margin-left:5px !important; }

.pl20{  padding-left:20px !important;   }

.mt5{   margin-top:5px !important;  }
.mt10{  margin-top:10px !important; }
.mt20{  margin-top:20px !important; }
.mt30{  margin-top:30px !important; }
.mt40{  margin-top:40px !important; }
.mt50{  margin-top:50px !important; }
.mt60{  margin-top:60px !important; }
.mt70{  margin-top:70px !important; }
.mt80{  margin-top:80px !important; }

.mr5{   margin-right:5px !important;  }
.mr10{  margin-right:10px !important; }

.mb10{  margin-bottom:10px !important;  }
.mb20{  margin-bottom:20px !important;  }
.mb30{  margin-bottom:30px !important;  }
.mb40{  margin-bottom:40px !important;  }
.mb50{  margin-bottom:50px !important;  }
.mb60{  margin-bottom:60px !important;  }
.mb70{  margin-bottom:70px !important;  }
.mb80{  margin-bottom:80px !important;  }

.ml5{   margin-left:5px !important;  }
.ml10{  margin-left:10px !important; }


.w49p{  width:49% !important;   }
.w50p{  width:50% !important;   }
.w70p{ width:70% !important;  }
.w100p{ width:100% !important;  }
.w50{   width:50px !important;  }
.w100{  width:100px !important; }
.w200{  width:200px !important; }
.w300{  width:300px !important; }
.w400{  width:400px !important; }
.w500{  width:500px !important; }
.w600{  width:600px !important; }
.w700{  width:700px !important; }
.w800{  width:800px !important; }
.w900{  width:900px !important; }
.w1000{  width:1000px !important; }

.p10{padding:10px;   }


.align-l{   text-align:left !important; }
.align-r{   text-align:right !important;    }
.align-c{   text-align:center !important;   }


.black{ color:#000000 !important;   }


/* @media screen and (max-width:420px){
    input[type="text"]{ font-size:0.8em;    }
    select{ font-size:0.8em;    }
    textarea{   font-size:0.8em;    }
} */