* { box-sizing: border-box; margin: 0;padding: 0; }
body { font-family: "Noto Sans KR", sans-serif, "Lato" ; line-height: 1; font-size:14px; font-weight:300; color: var(--main-font-color);}
.num {font-family: "Lato" ; }
.num > span { font-family: "Noto Sans KR", sans-serif, "Lato" ;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;padding: 0;
border: 0;
vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {box-sizing: border-box; display: block; }
ol, ul, li { list-style: none; box-sizing: border-box; padding:0; margin:0;}
a{ color: inherit; text-decoration: none; -webkit-tap-highlight-color: transparent;}
input, select {box-sizing: border-box;}
a:active, button:active, input:active, input:focus, select:active, select:focus { outline: 0; }
button{ cursor: pointer; border:0; outline: 0; box-shadow: none; background: none; font-family: "Noto Sans KR", sans-serif, "Lato" ;}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none; }
table { border-collapse: collapse; border-spacing: 0;}

ol, ul {list-style: none;}

a{ color: inherit; text-decoration: none; }
blockquote, q { quotes: none;}
blockquote:before,
blockquote:after,
q:before, q:after {content: '';content: none;}
table { border-collapse: collapse;border-spacing: 0;}

/* scrollbar */
::-webkit-scrollbar { width: 5.2px; }
::-webkit-scrollbar-track { background-color:#fff; }
::-webkit-scrollbar-thumb { background: #ddd; border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background: #404040; }
::-webkit-scrollbar-thumb:active { background: #808080; }
::-webkit-scrollbar-button { display: none; }

/* pagination */
.pagination { padding: 50px 0 ;}
.pagination ul { display:flex;align-items: center; justify-content: center;}
.pagination ul li { cursor: pointer; display: block; margin: 0 2px; line-height: 26px;width:30px; height:30px; font-size:11px; font-weight:400; color:var(--sub-font-color); border:1px solid var(--main-border-color) }
.pagination ul li.sel { border-color: var(--basic-point-color); color: var(--basic-white-color); background:var(--basic-point-color); font-weight:500;}
.pagination ul li:hover { border-color: var(--basic-point-color); color: var(--basic-point-color); }
.pagination ul li.paver { height: 10px;width: 10px;border: 1px solid var(--main-font-color);border-top: 0;border-left: 0;transform: rotate(-220deg);}
.pagination ul li.next { height: 10px;width: 10px;border: 1px solid var(--main-font-color);border-top: 0;border-left: 0;transform: rotate(-45deg);}
.pagination ul li.paver:hover, .pagination ul li.next:hover {opacity: 0.4;}

.agree {display:flex;align-items: center; margin-bottom:10px;}
.agree p {font-size: 14px !important;cursor: pointer;}
textarea {width:100%;height: 235px;overflow-y: auto;box-sizing: border-box;border: 1px solid var(--main-border-color);margin: 10px 0 0;padding: 10px;outline: 0;box-shadow: none;resize: none;background:var(--basic-white-color);}
input {width:100%;height: 48px;font-size: 14px;font-weight: 300;border: 1px solid var(--main-border-color);margin: 10px 0;padding: 0 10px;}
input::placeholder, textarea::placeholder { color: var(--sub-font-color); font-size:12px; font-weight:300}
input:disabled { background:var(--basic-gray-color); color:var(--sub-font-color); border:1px solid var(--main-border-color) !important;cursor: no-drop;}
.clearbtn {display:none; position: absolute;float: right;right: 12px;top: 26px;cursor: pointer;margin: 0 !important;}
.clearbtn > img {height: 14px;width: 13px;}

/* check box */
input[type="checkbox"]{ display: none; }
input[type="checkbox"] + label{display: inline-block;width: 20px;height: 20px;border-radius: 3px;border:1px solid var(--main-border-color);background: var(--basic-white-color); position: relative;cursor: pointer;margin-right: 5px;}
input[type="checkbox"]:checked + label::after{position: absolute;display: table;width: 4px;border: 2px solid #131313;border-top: 0;border-left: 0;content: ' ';transform:rotate(45deg);top: 9px;left: 4px;}
input[type="checkbox"]:checked + label::before{position: absolute;display: table;width: 6px;border: 2px solid #131313;border-top: 0;border-left: 0;content: ' ';transform:rotate(-45deg);top: 8px;left: 7px;}

.h_color { background : var(--basic-hover-color) !important; }
.check_icon {background: url(/images/check_icon.svg)no-repeat center;}
.required::after { content: "*" ;margin-left: 4px;color: #f5222d;font-size: 14px; }