@charset 'utf-8';
@import url("fonts.css");


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,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,select,button,
ul,li,fieldset,form,label,legend,caption,tbody,tfoot,thead,tr,textarea {margin:0;padding:0;transition: 0.3s all;}
fieldset,img {border:0 none}
dl,ul,ol,menu,li {list-style:none}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {display:block;margin:0;padding:0;}
img {-ms-interpolation-mode:bicubic !important;}
a,input,select,textarea,button,img {vertical-align:middle;font-family:inherit;}
input {margin:0;padding:0;}
table,th,td {margin:0;padding:0;border-spacing:0;border-collapse:collapse;}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal;}
legend,caption {height:0;text-indent:-9999px;overflow:hidden;font-size:0;}
input,button {border-radius:0;outline:none;cursor:pointer;}
button,input[type='button'],input[type='submit'] {-webkit-appearance:none;outline:none;cursor: pointer;}
button::-moz-focus-inner {padding:0;border:0; }
select {border-radius:0;}

html {font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-y:scroll;}
html,body,button,input,select,textarea {font-family:'Pretendard Variable', 'Noto Sans KR', Malgun Gothic,dotum,arial,sans-serif; color:#666; font-size:16px; font-weight:300;-webkit-text-size-adjust:none; letter-spacing:-1px;}

a {text-decoration:none;color:#666;}
a:hover {text-decoration:none;}
a:focus {outline: thin dotted;}
a:active,a:hover {outline: 0;}


.clear {clear:both;display:block;float:none;font-size:0 !important;height:0;line-height:0 !important;margin:0 !important;overflow:hidden;padding:0 !important;width:100%;}
.clearfix {*zoom:1;}
.clearfix:after {content:'';display:block;clear:both;font-size:0;}
.hide {position:absolute;left:-9999px;top:-9999px;overflow:hidden;width:0;height:0;font-size:0;visibility:hidden;}

legend, caption{visibility:hidden; position:absolute; top:0; left:0; width:0px; height:0px; font-size:0; line-height:0;}
input[type=text]::-ms-clear {display:none;}
input[type=text]:-ms-clear {display:none;}
pre {word-wrap: break-word;white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-break:break-all;}
html {overflow-y:scroll; overflow-x:hidden;}
body {font-family:'Pretendard Variable', 'Noto Sans KR', Malgun Gothic,dotum,arial,sans-serif; font-size:16px; color:#666; font-weight:400; background:#f5f2f0; line-height:1; letter-spacing:-1px;-webkit-text-size-adjust:none;}
a { text-decoration:none; margin:0; padding:0;}
a:hover { text-decoration:none;}


/* placeholder */
[placeholder]::-webkit-input-placeholder {color:#999; font-weight:400;}
[placeholder]:-moz-placeholder {color:#999; font-weight:400;}
[placeholder]::-moz-placeholder {color:#999; font-weight:400;}
[placeholder]:-ms-input-placeholder {color:#999; font-weight:400; }
textarea {width:100%;padding:8px;border:1px solid #999; resize:none}


input[type="checkbox"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0 }
.checks input[type="checkbox"] + label { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } 
input[type="checkbox"] + label:before {content: ' '; display: inline-block; width: 21px; height: 21px; line-height: 21px; margin: -2px 8px 0 0; text-align: center; vertical-align: middle;  background:url('../images/ico_checkbox_off.png') no-repeat 0 0; background-size:21px 21px; }
input[type="checkbox"] + label:active:before, input[type="checkbox"]:checked + label:active:before {background-size:21px 21px; background-image:url('../images/ico_checkbox_on.png'); background-size:21px 21px;}
input[type="checkbox"]:checked + label:before {background-image:url('../images/ico_checkbox_on.png'); background-size:21px 21px;} 
input[type=checkbox] {-webkit-appearance: none; -moz-appearance: none;border:none;outline: none; width:21px; height:21px; background:url('../images/ico_checkbox_off.png') no-repeat 0 0; background-size:21px 21px; margin:0;}
input[type=checkbox]:checked{ background-image:url('../images/ico_checkbox_on.png');}

input[type=radio] { position:absolute; left:-9999em; top:-9999em; display:inline-block; width:0; height:0; opacity:0;}
input[type=radio] + label {-webkit-appearance: none; -moz-appearance: none; display:inline-block; font-size:20px; background:url('../images/ico_radio.png') no-repeat 0 0; color: #333; padding-left: 45px; margin: 0 30px; line-height: 25px; cursor: pointer;}
input[type=radio]:hover + label,
input[type=radio]:focus + label{ }
input[type=radio]:checked + label {background-image:url('../images/ico_radio_on.png');}

select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; background:#fff url('../images/select_arr.png') no-repeat right 10px top center ; outline:none;}
select::-ms-expand { display: none; } 

.mgB10{margin-bottom:10px;}
.mgB20{margin-bottom:20px;}
.mgB40{margin-bottom:40px;}

.mgT10{margin-top:10px;}
.mgT20{margin-top:20px;}
.mgT30{margin-top:30px;}