@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

/* Reset */
 * {outline:0 !important; padding: 0; margin: 0; box-sizing: border-box;}
html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,menu,nav,section,article,aside,
dl,dt,dd,table,thead,tbody,tfoot,label,caption,th,td,form,fieldset,legend,hr,input,button,textarea,object,figure,figcaption {margin:0;padding:0;}
html, body{width:100%;}
html{-webkit-touch-callout:none; /*-webkit-user-select:none;*/ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); font-size: 62.5%;}
body{width:100%; background:#fff; min-width:320px; -webkit-text-size-adjust:none;word-wrap:break-word;word-break:break-all;}
body,input,select,textarea,button {border:none; font-size: 1.4rem; line-height: 1.4; font-weight: 400; color: #333; letter-spacing: -0.07em; font-family: 'Noto Sans KR', sans-serif !important;}
ul{list-style:none;}
table{width:100%;border-spacing:0;border-collapse:collapse;}
img,fieldset{border:0;}
address,cite,code,em{font-style:normal;font-weight:normal;}
label,img,input,select,textarea,button{vertical-align:middle;}
.hide,caption,legend{line-height:0;font-size:1px;overflow:hidden;}
hr{display:none;}
main,header,section,nav,footer,aside,article,figure{display:block;}
a{color:#333; text-decoration:none;}
 
/* Form */
textarea {}
select,
input[type=tel],
input[type=time],
input[type=text],
input[type=password],
input[type=search],
input[type=email],
input[type=file],
input[type=url],
input[type=number],
input[type=date],
textarea {color: #333; background:#fff; max-width: 100%; height: 40px; border: 1px solid #888; text-indent: 10px; vertical-align:middle;}
input::-webkit-input-placeholder,
input::placeholder {color: #ccc;}
textarea {}
select:focus,
textarea:focus,
input:focus {}
select {text-indent: 0; padding-left: 5px;}

input[type=tel][readonly],
input[type=text][readonly],
input[type=password][readonly],
input[type=email][readonly], 
input[type=search][readonly], 
input[type=tel][disabled],
input[type=text][disabled],
input[type=password][disabled],
input[type=search][disabled],
input[type=email][disabled]{-webkit-appearance:none; background: #f5f5f5; color: #aaa;}
textarea[readonly],
textarea[disabled]{}


input[type=tel]:focus,
input[type=time]:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=email]:focus,
input[type=file]:focus,
input[type=url]:focus,
input[type=number]:focus,
input[type=date]:focus,
textarea:focus {border-color: #000;}



.clear {clear:both;}
.clear:after { content:""; display:block; clear:both;}


input[type="radio"],
input[type="checkbox"] {width: 20px; height: 20px; border: 1px solid #888; background: #fff; position: relative; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer;}
input[type="radio"] {border-radius: 100%;}
input[type="checkbox"] {}
input[type="radio"]:after,
input[type="checkbox"]:after {display: none; content: ''; background: #333; position: absolute; left: 4px; right: 4px; top: 4px; bottom: 4px;}
input[type="radio"]:after {border-radius: 100%;}
input[type="checkbox"]:after {}
input[type="radio"]:checked:after,
input[type="checkbox"]:checked:after {display: block;}
button, label {cursor: pointer;}
a, button {cursor: pointer;}