@charset "utf-8";
/* CSS Document */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.6/dist/web/static/pretendard.css");
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700&display=swap');

.font_mont {font-family: 'Montserrat', sans-serif;}

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}
fieldset,img {border:0 none;vertical-align:top;}
dl,ul,ol,li {list-style:none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {vertical-align:middle}
button {border:0 none;background-color:transparent;cursor:pointer}
body {background:#fff;}
body,th,td,input,select,textarea,button {font-size:12px;font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;color:#000}
a {color:#000;text-decoration:none}
a:active, a:hover {text-decoration:none;}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}

table {table-layout:fixed;border-collapse:collapse;width:100%;text-align: center;vertical-align: middle;border-spacing: 0}

.check_wrap {position: relative; line-height:18px; padding-left:28px;cursor: pointer; color:#303e47; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.check_wrap input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.checkmark {position: absolute;top: 0;left: 0;height: 18px;width: 18px;background:url("../images/checkbox_bg.png") no-repeat left center / 18px 18px;}
.check_wrap input:checked ~ .checkmark {background:url("../images/checkbox_check.png") no-repeat left center / 18px 18px;}
.checkmark::after {content:""; position:absolute; display:none;}
.check_wrap input:checked ~ .checkmark:after {display:block;}
.radiomark {position:absolute; top:0;left:0;height:20px;width:20px; border:1px solid #ddd; border-radius:100%;}
.check_wrap input:checked ~ .radiomark:after {content:""; position:absolute; width:10px; height:10px; background-color:#ffc000; left:4px; top:4px; border-radius:100%;}


input[type="text"],input[type="password"] {-webkit-appearance:none; -webkit-border-radius:0; width:100%; height:50px; line-height:1; padding:0 20px; vertical-align:top; border:1px solid #ddd; background:#fff; outline:0; box-sizing:border-box; border-radius:0; font-size:15px; color:#000;}
select {border:1px solid #ddd; min-width:160px; height:50px; font-size:15px; line-height: 1; -webkit-appearance: none; color:#000; padding:0 20px; background:#fff url('../images/select_bg.png') no-repeat center right 20px; box-sizing:border-box; border-radius:0; width:100%;}
select:focus,input:focus {border:1px solid #c39a64;}
textarea {min-height:200px; -webkit-appearance: none; -webkit-border-radius: 0;display: block;width: 100%;line-height: 1;padding:20px;border: 1px solid #ddd;border-radius:0;vertical-align: top;background: #fff;outline: 0;box-sizing: border-box;color: #000;font-size:15px; line-height:24px;}