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

/* Reset */
* {outline:0 !important;}
 *:not(.lgWrap *) {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);}
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:12px; font-family: 'Noto Sans KR', sans-serif;color:#333; letter-spacing: -0.05em;}
ul,ol,li{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:400;}
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 */

select {height:26px; font-size:9pt; color:#333; border:1px solid #bbb; text-indent: 5px; padding-right: 22px; min-width: 120px; background: #fff url('../../img/common/select_arrow.png')no-repeat right 7px center; background-size: 8px auto; -webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; cursor: pointer;}
select::-ms-expand {display: none;}

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 {height:26px; font-size:9pt; color:#333; border:1px solid #bbb; background:#fff; text-indent:5px; transition: all 0.5s; vertical-align:middle; -webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;}
input::-webkit-input-placeholder{color: #b5b5b5;}

select:focus,
textarea:focus,
input:focus { border: 1px solid #727272;}
textarea {padding: 5px; min-height: 60px; resize: none; text-indent: 0px;}
input[type=radio] {
	width: 14px; height: 14px; border: solid 1px #bbb; display: inline-block; vertical-align: middle; cursor:pointer;
	-webkit-appearance:none; -moz-appearance:none; appearance:none; background: #fff; position: relative;
	border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px;
}
input[type=radio]:checked {border-color: #333;}
input[type=radio]:checked:after {content: ''; display: block; position: absolute; background: #333; top: 3px; left: 3px; right: 3px; bottom: 3px; border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px;}
input[type=radio] + label {display: inline-block; vertical-align: middle; margin-left: 3px; cursor:pointer; line-height: 1.0em; font-size: 9pt;}

input[type=checkbox] {width: 14px; height: 14px; line-height:14px; background: #fff; border: solid 1px #bbb; position: relative; cursor:pointer; -webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;}
input[type=checkbox]:checked {border-color: #333;}
input[type=checkbox]:checked:after {content: ''; display: block; position: absolute; background: #333; top: 3px; left: 3px; right: 3px; bottom: 3px;}
input[type=checkbox] + label {display: inline-block; vertical-align: middle; margin-left: 3px; cursor:pointer; line-height: 1.0em; font-size: 9pt;}



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;font-size:12px; background: #f5f5f5;}
textarea[readonly],
textarea[disabled]{padding:11px; font-size:16px; color:#666; font-weight:400; line-height:140%; height:78px; background:#eaeaea;border:1px solid #c0c0c0;}
input[type=submit] {border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;}
.clear {clear:both;}
.clear:after { content:""; display:block; clear:both;}


input[type=text][disabled] {background: #f5f5f5 !important;}



@media (max-width:800px) {
	input[type=radio] {width: 14px; height: 14px;}
	input[type=radio]:checked:after {top: 3px; left: 3px; right: 3px; bottom: 3px;}
	input[type=radio] + label {font-size: 9pt;}
}


::selection {background:#2ecc71; color:#FFF; text-shadow:none;}
::-moz-selection {background:#2ecc71; color:#FFF; text-shadow:none;}
::-webkit-selection {background:#2ecc71; color:#FFF; text-shadow:none;}



.pt0 {padding-top: 0 !important;}
.pb0 {padding-bottom: 0 !important;}
.pr0 {padding-right: 0 !important;}
.mt0 {margin-top: 0 !important;}
.mt10 {margin-top: 10px !important;}
.mt20 {margin-top: 20px !important;}
.mt30 {margin-top: 30px !important;}
.ml20 {margin-left: 20px !important;}
.hidden {position: absolute; left: -9999px; top: -9999px; font-size: 1px; width: 0; height: 0; overflow: hidden;}


.addrON { background-color: #ddd; }