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


/* Reset */
 * {outline:0 !important; 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:11pt; font-family: 'Noto Sans KR', sans-serif; color:#282828; letter-spacing: -0.05em;}
ul,ol,li{list-style:none;}
table{width:100%;border-spacing:0;border-collapse:collapse; table-layout: fixed;}
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;}
 
.clear {clear:both;}
.clear:after { content:""; display:block; clear:both;}


/* Form */
input::-webkit-input-placeholder{color:#b5b5b5; font-size:inherit;}


input[type=tel],
input[type=text],
input[type=password],
input[type=email], 
input[type=search],
input[type=submit] {
	height: 46px; padding-left: 10px; padding-right: 10px; border: solid 1px #ddd;
	-webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-transition: all 0.3s; transition: all 0.3s;
	border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px;
}

input[type=tel]:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus, 
input[type=search]:focus,
input[type=submit]:focus {border-color: #01adad;}



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]{background:#f5f5f5; border-color:#c0c0c0; color:#666;}
textarea[readonly],
textarea[disabled]{color:#666;}




input[type=radio] {
	display: inline-block; vertical-align: middle; width: 18px; height: 18px; border: solid 1px #aaa; 
	-webkit-appearance:none; -moz-appearance:none; appearance:none; position: relative; cursor: pointer;
	border-radius: 20px 20px 20px 20px; -moz-border-radius: 20px 20px 20px 20px; -webkit-border-radius: 20px 20px 20px 20px;
	-webkit-transition: all 0.3s; transition: all 0.3s;
}
input[type=radio]:checked {border-color: #2d4d42;}
input[type=radio]:checked:after {content: ''; display: block; background: #2d4d42; position: absolute; left: 4px; right: 4px; top: 4px; bottom: 4px; border-radius: 20px 20px 20px 20px; -moz-border-radius: 20px 20px 20px 20px; -webkit-border-radius: 20px 20px 20px 20px; -webkit-transition: all 0.3s; transition: all 0.3s;}
input[type=radio] + label {display: inline; vertical-align: middle; margin-left: 10px; font-size: 11pt; font-weight: 500; cursor: pointer;}
input[type=radio]:focus {border-color: #01adad;}


input[type=checkbox] {
	display: inline-block; vertical-align: middle; width: 22px; height: 22px; border: solid 1px #aaa; cursor: pointer;
	-webkit-appearance:none; -moz-appearance:none; appearance:none; position: relative;
}
input[type=checkbox]:checked {border-color: #2d4d42; background: #fff url('/img/common/checkbox.png')no-repeat center center; background-size: 15px auto !important;}
input[type=checkbox] + label {display: inline; vertical-align: middle; margin-left: 10px; font-size: 11pt; font-weight: 500; cursor: pointer;}

select {
	height: 46px; background: #fff url('/img/common/select_arrow.png')no-repeat center right 8px; border: solid 1px #ddd; 
	-webkit-appearance:none; -moz-appearance:none; appearance:none; padding-left: 10px; padding-right: 25px; cursor: pointer;
	border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px;
	-webkit-transition: all 0.3s; transition: all 0.3s;
}
select:focus {border-color: #01adad;}


button {-webkit-appearance:none; -moz-appearance:none; appearance:none;}
textarea {padding: 10px; border: solid 1px #ddd; display: block; width: 100%; -webkit-appearance:none; -moz-appearance:none; appearance:none; -webkit-transition: all 0.3s; transition: all 0.3s;}
textarea:focus {border-color: #01adad;}

@media (max-width:991px) {
	input[type=radio] {width: 20px; height: 20px;}
	select {font-size: 10pt; padding-left: 8px; background-position: 90% center;}
}



/* a:focus,
button:focus,
select:focus,
input:focus,
.slick-slide:focus,
*[tabindex]:focus {outline: #000 solid 2px !important;} */