@charset "utf-8";
@font-face { font-weight:300;font-family:'Noto Sans KR'; font-style:normal; src:url("../fonts/NotoSansKR-Light.woff2") format('woff2'),	url("../fonts/NotoSansKR-Light.woff") format('woff'),	url("../fonts/NotoSansKR-Light.otf") format('opentype')}
@font-face { font-weight:400;font-family:'Noto Sans KR'; font-style:normal; src:url("../fonts/NotoSansKR-Regular.woff2") format('woff2'),	url("../fonts/NotoSansKR-Regular.woff") format('woff'),	url("../fonts/NotoSansKR-Regular.otf") format('opentype')}
@font-face { font-weight:500;font-family:'Noto Sans KR'; font-style:normal; src:url("../fonts/NotoSansKR-Medium.woff2") format('woff2'),	url("../fonts/NotoSansKR-Medium.woff") format('woff'),	url("../fonts/NotoSansKR-Medium.otf") format('opentype')}
@font-face { font-weight:700;font-family:'Noto Sans KR'; font-style:normal; src:url("../fonts/NotoSansKR-Bold.woff2") format('woff2'),	url("../fonts/NotoSansKR-Bold.woff") format('woff'),	url("../fonts/NotoSansKR-Bold.otf") format('opentype')}
@font-face {
  font-weight:100 700;
  font-family:'iconFont';
  font-style:normal;
  src:url("../fonts/icon.woff2") format('woff2')}
i { display:inline-block; white-space:nowrap; line-height:1; letter-spacing:normal; font-size:24px; font-weight:normal;font-family:'iconFont'; font-style:normal; text-transform:none; word-wrap:normal; direction:ltr; -webkit-font-feature-settings:'liga'; -webkit-font-smoothing:antialiased}
* {margin:0; padding:0; box-sizing:border-box; font-style:normal}
body, html {/*overflow:hidden; overflow-x:auto; */ height:100vh; word-break:keep-all; line-height:25px; letter-spacing:-0.025em; font-size:13px; font-family:'Noto Sans KR', Dotum, Arial, sans-serif; color:#000; background:#eee}
/*body, html {overflow-y:auto; overflow-x:auto; height:100vh; word-break:keep-all; line-height:25px; letter-spacing:-0.025em; font-size:13px; font-family:'Noto Sans KR', Dotum, Arial, sans-serif; color:#000; background:white}*/
/*body, html {overflow-y:auto; overflow-x:auto; height:100vh; word-break:keep-all; line-height:25px; letter-spacing:-0.025em; font-size:13px; font-family:'Noto Sans KR', Dotum, Arial, sans-serif; color:#000; background:floralwhite}*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, address {margin:0; padding:0}
pre { white-space:pre-line;margin:0; padding:0; word-wrap:break-word}
table {border:0; border-collapse:collapse; border-spacing:0; width:100%}
fieldset, img {border:0; vertical-align:top}
ul, li {list-style:none}
h1, h2, h3, h4, h5, h6 { line-height:1em;font-size:100%; font-weight:normal}
a {text-decoration:none; color: inherit; cursor:pointer;}
body {position:relative}
em {font-style:normal}
a, button {cursor:pointer}
legend, hr, caption {position:absolute; top:-9999px; left:-9999px; width:1px; height:1px; opacity:0}
iframe {border: 0 !important}

*:before,
*:after {box-sizing:border-box}

/* input type */
input[type=number],
input[type=tel],
input[type=text],
input[type=password],
select,
textarea {padding:0 8px; border:1px solid #ddd;
    border-radius: 4px; width:100%; height:27px; font-family:'Noto Sans KR', Dotum, Arial, sans-serif; color:#444; background:#fff; -webkit-appearance:none; user-select:none;
}
select {padding-right:25px; background:#fff url("../images/bl-arrow.png") no-repeat right 10px center}
textarea {padding:10px 15px;}
/* .month {width:105px} */
.month {width:120px}
.month input {padding-right:30px; background:url("../images/ico-date.png") no-repeat right 9px top 7px; cursor:pointer}
.date {position:relative; width:120px}
.date input {padding-right:30px; cursor:pointer}
.date img {position:absolute; top:7px; right:9px; cursor:pointer}

::-webkit-input-placeholder {color:#999 !important; }
::-moz-placeholder {color:#999 !important; }
:-ms-input-placeholder {color:#999 !important; }
:-moz-placeholder {color:#999 !important; }
textarea::placeholder {color:#999 !important; }
input.placeholder {color:#999 !important; }

*:disabled { background-color:#efefef;opacity:0.8}
input[type=number]:read-only,
input[type=tel]:read-only,
input[type=text]:read-only,
input[type=password]:read-only,
textarea:read-only { background-color:#efefef;opacity:0.8}
input:-moz-read-only { background-color:#efefef;opacity:0.8}

/* 디자인스크롤 */
.mCustomScrollbar .mCustomScrollBox {position:relative; overflow:hidden; max-width:100%; height:100%; outline:none; direction:ltr}
.mCustomScrollbar .mCSB_scrollTools.mCSB_scrollTools_horizontal {position:absolute; top:auto; right:0; right:0; bottom:-6px; bottom:0; left:0; left:0; width:auto; height:6px; height:6px; background:#f4f7f9}
.mCustomScrollbar .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerContainer {position:absolute; right:0; bottom:0; left:0; height:6px}
.mCustomScrollbar .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { margin:7px 0;width:100%; height:2px}
.mCustomScrollbar .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger { left:0;width:30px; height:100%}
.mCustomScrollbar .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {width:100%; height:6px; background:#ddd; cursor:pointer}
.mCustomScrollbar .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCustomScrollbar .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {display:block; position:absolute; overflow:hidden; margin:0 auto; width:20px; height:100%; cursor:pointer}
.mCustomScrollbar .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {left:0}
.mCustomScrollbar .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {right:0}
.mCustomScrollbar .mCSB_scrollTools_vertical {position:absolute; top:0; right:2px; bottom:0; left:auto; z-index:10; border-radius:5px; width:2px; height:auto; background:#eee}
.mCustomScrollbar .mCSB_scrollTools_vertical .mCSB_draggerContainer {position:absolute; top:0; right:0; bottom:0; left:0; height:auto}
.mCustomScrollbar .mCSB_scrollTools_vertical a + .mCSB_draggerContainer {margin:20px 0}
.mCustomScrollbar .mCSB_scrollTools_vertical .mCSB_draggerRail { margin:0 auto; -webkit-border-radius:16px; -moz-border-radius:16px; border-radius:16px;width:2px; height:100%}
.mCustomScrollbar .mCSB_scrollTools_vertical .mCSB_dragger { left:-2px; z-index:1; width:100%; height:30px;cursor:pointer}
.mCustomScrollbar .mCSB_scrollTools_vertical .mCSB_dragger .mCSB_dragger_bar {position:relative; margin:0 auto; -webkit-border-radius:16px; -moz-border-radius:16px; border-radius:16px; width:6px; height:100%; text-align:center; background:#dbdbdb}
.mCustomScrollbar .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCustomScrollbar .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {width:12px}
.mCustomScrollbar .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail,
.mCustomScrollbar .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {width:8px}
.mCustomScrollbar .mCSB_scrollTools_vertical .mCSB_buttonUp,
.mCustomScrollbar .mCSB_scrollTools_vertical .mCSB_buttonDown {display:block; position:absolute; overflow:hidden; margin:0 auto; width:100%; height:20px; cursor:pointer}
.mCustomScrollbar .mCSB_scrollTools_vertical .mCSB_buttonDown {bottom:0}