@charset "utf-8";

 /* NotoSans KR / Nanum Myeongjo */
  /* 20px 이상 rem 이하 em */
@import url("fonts.css");
.nts {font-family: 'Noto Sans KR', sans-serif;}
.nmj {font-family: '나눔명조', 'Nanum Myeongjo', serif;}

.light {font-weight: 300;}
.regular {font-weight: 400;}
.medium {font-weight: 500;}
.bold {font-weight: 700;}
.etbold {font-weight: 900;}


/* 초기화 */
 * {outline:0 !important;}
 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, img {margin: 0; padding: 0;}
 html, h1, h2, h3, h4, h5, h6, form, fieldset, img {border: 0;}

 /* 폰트 초기화 */
body, input, textarea, select, button, table {font-family: 'Noto Sans KR', AppleSDGothicNeo-Regular,dotum,'돋움',sans-serif; letter-spacing: -0.03em; color: #222;}
h1, h2, h3, h4, h5, h6 {font-size: 1em; font-family: 'Noto Sans KR', sans-serif; letter-spacing: -0.03em;}

html, body {width: 100%;}
html {-webkit-touch-callout: none; /*-webkit-user-select:none;*/ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-size: 20px;}
body {background:#fff; font-size: 1rem; font-weight: 400; -webkit-text-size-adjust:none; word-wrap:break-word; word-break:break-all;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display: block}

ul, ol, li, dl, dt, dd {list-style: none;}
table {width: 100%; border-spacing: 0; border-collapse: collapse;}
legend {position: absolute; margin: 0; padding: 0; font-size: 0; line-height: 0; text-indent: -9999em; overflow: hidden}
address, cite, code, em {font-style: normal; font-weight: normal;}

input, select, textarea, button {border: none; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; font-size:1em; font-weight: 300; color: #222;}
label, img, input, select, textarea, button {vertical-align:middle; border-radius: 0;}
select {margin: 0; background: none;}
input[type="submit"] {cursor: pointer;}
button {cursor: pointer;}

hr {display: none;}
pre {overflow-x: scroll; font-size: 1.1em}

a {color: #222; text-decoration: none;}

*, :after, :before {
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    /*
    transition:all .3s ease;
    -webkit-transition:all .3s ease;
    -moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;
    */
}

input[type=text],input[type=password], textarea {
    -webkit-transition:all 0.30s ease-in-out;
    -moz-transition:all 0.30s ease-in-out;
    -ms-transition:all 0.30s ease-in-out;
    -o-transition:all 0.30s ease-in-out;
    outline:none;
}

input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
    border:1px solid #558ab7 !important;
}
.placeholdersjs {color:#aaa !important}

.hidden {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;}