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

/* **************************************** *
 * 폰트설정
 * **************************************** */
@font-face{
	font-family:NotoCJkr;
	src:url(font/NotoSansKR-Light.eot);
	src:url(font/NotoSansKR-Light.eot?#iefix) format('embedded-opentype'),
	url(font/NotoSansKR-Light.woff) format("woff"),url(font/NotoSansKR-Light.woff2) format("woff2");
	font-weight:300;
	font-style:normal;
}
@font-face{
	font-family:NotoCJkr;
	src:url(font/NotoSansKR-Regular.eot);
	src:url(font/NotoSansKR-Regular.eot?#iefix) format('embedded-opentype'),
	url(font/NotoSansKR-Regular.woff) format("woff"),url(font/NotoSansKR-Regular.woff2) format("woff2");
	font-weight:400;
	font-style:normal;
}
@font-face{
	font-family:NotoCJkr;
	src:url(font/NotoSansKR-Medium.eot);
	src:url(font/NotoSansKR-Medium.eot?#iefix) format('embedded-opentype'),
	url(font/NotoSansKR-Medium.woff) format("woff"),url(font/NotoSansKR-Medium.woff2) format("woff2");
	font-weight:500;
	font-style:normal;
}
@font-face{
	font-family:NotoCJkr;
	src:url(font/NotoSansKR-Bold.eot);
	src:url(font/NotoSansKR-Bold.eot?#iefix) format('embedded-opentype'),
	url(font/NotoSansKR-Bold.woff) format("woff"),url(font/NotoSansKR-Bold.woff2) format("woff2");
	font-weight:700;
	font-style:normal;
}
/* fallback */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url('https://fonts.gstatic.com/s/materialicons/v47/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2') format('woff2');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

/* **************************************** *
 * reset
 * **************************************** */
*{box-sizing:border-box;margin:0;padding:0;}
html, body {font-family:NotoCJkr; font-size:15px;color:#171717;letter-spacing:-0.03em;}
html, body, body div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video, button {
    margin:0;
    padding:0;
    border:0;
    font-family:NotoCJkr !important; 
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display:block;
	margin:0;
	padding:0;
}
table {border-collapse:collapse;border-spacing:0;}
ol,ul,li {list-style:none;}
legend, caption { 
	visibility:hidden;
	width:0;
	height:0;
	font-size:0;
	line-height:0
}
i,em,address{font-style:normal}
body {
    /* -webkit-text-size-adjust:none; */
    -webkit-text-size-adjust:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
	/* overflow-x:hidden; */
}

a {text-decoration:none;
    color:#171717;}
button {cursor: pointer; background: transparent; border: none;}
textarea {border:1px solid #e6e6e6;box-sizing:border-box;
    resize:none;
	font-size:1rem;
	line-height:28px;
	font-family:NotoCJkr;
	width:100%;height:400px;padding:15px 20px;border:1px solid #e6e6e6;
	color:#666;
}
select {height:40px;line-height:39px;
	font-size:1rem;
	font-family:NotoCJkr;
	padding:0 40px 0 10px;border:1px solid #e6e6e6;box-sizing:border-box;
    background: url('../../images/common/select_arrow.png') no-repeat 96% center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
select::-ms-expand { display: none; }
input{height:40px;line-height:40px;
	font-size:1rem;
    padding:0 10px;
	font-family:NotoCJkr; border:1px solid #e6e6e6;box-sizing:border-box;
}
input.formText{width:100%;height:50px;padding:10px 20px;border:1px solid #e6e6e6;}
input.file_text{clear:both;float:left;width:350px !important;}
span.file_wrap{float:left;display:inline-block;width:150px;height:50px;margin:0 10px;vertical-align:top;background:url('images/btn_file.gif') no-repeat;}
input.file_add{width:150px;height:50px;opacity:0;cursor:pointer;}

input::-webkit-input-placeholder {color:#666}
input::-moz-placeholder {color:#666}
input::-ms-input-placeholder {color:#666}
input:-moz-placeholder {color:#666}
input[type="checkbox"]{display:none;}
input[type="checkbox"]+label{display:inline-flex; align-items:center;height:22px;color:#666;background:url('../../images/common/bg_checkBox.png') no-repeat left top;cursor:default;}
input[type="checkbox"]:checked+label{background-position:left bottom;}

input[type="radio"]{display:none;}
input[type="radio"]+label{display:inline-flex; align-items:center;height:22px;color:#666;background:url('../../images/common/bg_radioBox.png') no-repeat left top;cursor:default;z-index:99;}
input[type="radio"]:checked+label{background-position:left bottom;}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

img, iframe{font-size:0;line-height:0;}

h1,h2,h3,h4,strong,th{font-family:NotoCJkr;}
@media all and (max-width: 1200px) {
	html, body {font-size:14px;}
}

@media all and (max-width: 980px) {
    html, body {font-size:13px;}
    select {height:35px;line-height:35px;padding:0 14px 0 7px;background-size: 10px;}
    input{height:35px;line-height:35px; font-size: 1.2rem;}
}

@media all and (max-width: 400px) {
	html, body {font-size:10px;}
	a { font-size: 1.1rem; }
}