@charset"utf-8";
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');



*, html {box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } 
*, *:before, *:after {box-sizing: border-box;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;}

html, body{font-size:16px}
html, body, div, p, span, strong, b, em, iframe, pre, h1, h2, h3, h4, h5, h6, img, dl, dt, dd, fieldset, form, legend, label, table, caption, thead, tbody, tfoot, tr, th, td, ul, ol, li, a, input, select, textarea {margin: 0;padding: 0; border:none;word-break:keep-all; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; padding:0;margin:0} 
body { line-height:1.5;font-family:"ONEMobile","Noto Sans KR", "NanumGothic", dotum ,sans-serif;} 

ul,li,ol,dl,dd,dt{list-style:none;word-break:keep-all;line-height:1}
em, address {font-style: normal;}
caption {overflow: hidden;width: 0;height: 0;font-size: 0; line-height: 0;}
table{margin:0px;border-collapse:collapse;border-spacing: 0;}
td,th{-ms-word-break:break-all;word-break: break-all;vertical-align: middle;}

img{border:0;line-height:0;vertical-align:middle}

a:link, a:visited{text-decoration:none;color:inherit}
a:active, a:hover{color:inherit;text-decoration:none;}
a img, input.type-image {border:none;}


form{margin:0; padding:0}
input, textarea {border:1px solid #ddd;background:#fff;padding:1px;}
input[type=button] {cursor: pointer;}
select{border:1px solid #ddd;padding:1px}

.overflow{overflow:hidden}
.cs-form{background:#f6f6f6}
.form-wrap{margin:40px auto;width:90%;; background:#fff; border-radius:15px; overflow:hidden; box-shadow:1px 1px 20px rgba(0,0,0,.1)}
.form-wrap h1{background:#216bf3;color:#fff; font-size:25px;padding:10px; text-align:center}
.form-contents{padding:50px}
.form-contents h2{font-size:20px}
.form-contents h2 strong{color:#216bf3;font-weight:600}
.form-contents h2 span{margin-left:15px; font-size:14px; color:#666;}
.form-contents h2 span em{color:#ed1b23;margin-right:5px;vertical-align:middle}
.tbl-form{margin-top:20px; border-top:1px solid #ddd;border-left:1px solid #ddd; width:100%; table-layout:fixed}
.tbl-form th{border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:10px;background:#f6f6f6}
.tbl-form th em{color:#ed1b23}
.tbl-form td{border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:10px;}
.tbl-form td input[type="text"]{height:45px; width:100%; border-radius:5px;padding:0 10px;font-family:"ONEMobile","Noto Sans KR", "NanumGothic", dotum ,sans-serif;}
.tbl-form td.address div:nth-child(n+2){margin-top:5px}
.tbl-form td .zipcode input[type="text"]{width:100px; vertical-align:middle}
.tbl-form td .zipcode a,.tbl-form td.cs-center a{display:inline-block; background:#216bf3; width:80px; height:45px; border-radius:5px; color:#fff; vertical-align:middle;line-height:45px;text-align:center}
.tbl-form td .zipcode a:hover,.tbl-form td.cs-center a:hover{background:#5498f5}
.tbl-form td .add {display:flex; flex-wrap:wrap; justify-content:space-between}
.tbl-form td .add input[type="text"]{width:calc(50% - 5px)}
.tbl-form td.cs-center input[type="text"]{max-width:200px}
.tbl-form td select{width:100%; height:45px; border-radius:5px;font-family:"ONEMobile","Noto Sans KR", "NanumGothic", dotum ,sans-serif;padding:0 10px;font-weight:600}
.tbl-form td textarea{width:100%;height:100px; border-radius:5px;padding:10px;font-family:"ONEMobile","Noto Sans KR", "NanumGothic", dotum ,sans-serif;}

.privacy-wrap{margin-top:20px;}
.privacy-wrap .con{width:100%;font-size:14px;border:1px solid #ddd; height:80px;overflow-y:auto;padding:15px; color:#666}
.privacy-wrap .cehckbox{margin-top:10px; font-size:14px}
.privacy-wrap .cehckbox input[type="checkbox"]{vertical-align:middle;margin-right:5px}

.btn-wrap{margin-top:30px; text-align:center}
.btn-wrap a{display:inline-block;background:#222; height:55px; width:200px; text-align:center; line-height:55px; color:#fff; border-radius:50px}

.ascenter-search{width:100%; max-width:1000px;margin:0 auto }
.ascenter-search .search-form{display:flex; flex-wrap:wrap;}
.ascenter-search .search-form input[type="text"]{width:calc(100% - 90px); border:0; border-bottom:2px solid #216bf3; height:50px;font-family:"ONEMobile","Noto Sans KR", "NanumGothic", dotum ,sans-serif;font-size:18px}
.ascenter-search .search-form button{width:80px; margin-left:10px; background:#216bf3; color:#fff;border:0;font-family:"ONEMobile","Noto Sans KR", "NanumGothic", dotum ,sans-serif;border-radius:5px; cursor:pointer;font-size:18px}
.ascenter-search .txt{text-align:center; margin-top:15px;margin-bottom:30px}
.ascenter-search .txt .ex{color:#ed1b23; font-weight:600}

.tbl-basic{margin-top:10px; border-top:1px solid #222; width:100%; table-layout:fixed}
.tbl-basic thead th{background:#f6f6f6;padding:15px; border-right:1px solid #ddd; border-bottom:1px solid #ddd}
.tbl-basic thead th:last-child{border-right:0}
.tbl-basic tbody td,.tbl-basic tbody th{border-bottom:1px solid #ddd;padding:15px;}
.tbl-basic tbody th{border-right:1px solid #ddd}

@media(max-width:1024px){
.tbl-form{font-size:14px}
.tbl-form td .add input[type="text"]{width:100%}
.tbl-form td .add input[type="text"]:last-child{margin-top:5px}
}


@media(max-width:768px){
.form-wrap h1{font-size:20px}
.form-contents{padding:30px 20px}
.form-contents h2{font-size:17px}
.tbl-form{font-size:13px;table-layout:auto}
.tbl-form colgroup{display:none}
.tbl-form th{width:80px}

.ascenter-search .search-form input[type="text"],.ascenter-search .search-form button{font-size:15px}
.ascenter-search .txt{font-size:13px}
.tbl-basic{table-layout:auto; font-size:14px}
.tbl-basic colgroup{display:none}

.privacy-wrap .con{font-size:13px;}
.privacy-wrap .cehckbox{font-size:13px}
}