@charset "utf-8";
/* @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&family=Roboto:wght@300;500;700;900&display=swap'); */

/* Reset */
 * {/* outline:0 !important; outline-color: black;*/  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%; font-family: 'Noto Sans KR', sans-serif !important;}
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:normal; text-align:justify;}
body,input,select,textarea,button {border:none;font-size:11pt; font-family: 'Noto Sans KR', sans-serif !important; color:#222; 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:#222;text-decoration:none;}
 
.clear {clear:both;}
.clear:after { content:""; display:block; clear:both;}
.noto {font-family: 'Noto Sans KR', sans-serif;}

/* 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] {height: 38px; padding: 0 5px; -webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px;}

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=submit] {border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px;}




input[type=radio] {
	display: inline-block; vertical-align: middle; width: 24px; height: 24px; border: solid 2px #dce0e2; 
	-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;
}
input[type=radio]:checked {border-color: #2d4d42;}
input[type=radio]:checked:after {content: ''; display: block; background: #2d4d42; position: absolute; left: 3px; right: 3px; top: 3px; bottom: 3px; border-radius: 20px 20px 20px 20px; -moz-border-radius: 20px 20px 20px 20px; -webkit-border-radius: 20px 20px 20px 20px;}
input[type=radio] + label {display: inline; vertical-align: middle; margin-left: 10px; font-size: 11pt; font-weight: 500; cursor: pointer;}



input[type=checkbox] {
	display: inline-block; vertical-align: middle; width: 16px; height: 16px; border: solid 1px #dae1e6; cursor: pointer;
	-webkit-appearance:none; -moz-appearance:none; appearance:none; position: relative; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;
}
input[type=checkbox]:checked {background: url('/images/front/common/checkbox.png')no-repeat center center; background-size: 16px auto !important;}
input[type=checkbox] + label {display: inline; vertical-align: middle; margin-left: 5px; font-size: 11pt; font-weight: 500; cursor: pointer;}

select {
	height: 38px; background: #fff url('/images/front/common/select_arrow.png')no-repeat right center; padding-right: 34px; padding-left: 10px; border: solid 1px #aaa; font-size: 15px;
	-webkit-appearance:none; -moz-appearance:none; appearance:none; cursor: pointer; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
}



@media (max-width:991px) {
	input[type=radio] {width: 20px; height: 20px;}
	select {font-size: 10pt; padding-left: 8px;}
}



a:focus,
button:focus,
select:focus,
input:focus,
.slick-slide:focus,
*[tabindex]:focus {/* outline: #000 solid 2px !important; */ outline: none !important;}
button{cursor:pointer;}