@charset "UTF-8";
/*-------------------------------------------------------------------
    File Name : reset.scss
    Date : 2020.06.23. Lee Hye Jin
    Summary : Brower Reset Style
-------------------------------------------------------------------*/
/* [s] font - Noto Sans */
@font-face { font-family: "Noto Sans KR"; font-weight: 300; src: url("../font/NotoSansKR-Light.otf"); src: url("../font/NotoSansKR-Light.otf?#iefix") format("embedded-opentype"), url("../font/NotoSansKR-Light.woff2") format("woff2"), url("../font/NotoSansKR-Light.woff") format("woff"); }
@font-face { font-family: "Noto Sans KR"; src: url("../font/NotoSansKR-Regular.otf"); src: url("../font/NotoSansKR-Regular.otf?#iefix") format("embedded-opentype"), url("../font/NotoSansKR-Regular.woff2") format("woff2"), url("../font/NotoSansKR-Regular.woff") format("woff"); }
@font-face { font-family: "Noto Sans KR"; font-weight: 700; src: url("../font/NotoSansKR-Medium.otf"); src: url("../font/NotoSansKR-Medium.otf?#iefix") format("embedded-opentype"), url("../font/NotoSansKR-Medium.woff2") format("woff2"), url("../font/NotoSansKR-Medium.woff") format("woff"); }
/*-- [e] font - Noto Sans */
/* [s] reset */
html, body { height: 100%; }
body { -webkit-text-size-adjust: none; }
h1, h2, h3, h4, h5, h6, th { font-weight: normal; }
html, body, div, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input, select, textarea, button { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; margin: 0; padding: 0; border: 0; font-family: "Noto Sans KR", sans-serif; font-size: 15px; color: #222; line-height: 150%; }
@media screen and (max-width: 768px) { html, body, div, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input, select, textarea, button { line-height: 140%; } }
table { width: 100%; border-collapse: collapse; border-spacing: 0; table-layout: fixed; }
legend, caption, .hidden { text-indent: 100%; white-space: nowrap; overflow: hidden; width: 0.1px; height: 0.1px; }
ul:after, ol:after, dl:after { content: ''; display: block; clear: both; }
strong { font-weight: 700; }
ol, ul, dl, menu { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
button { border: 0 none; background-color: transparent; cursor: pointer; }
img, input, select, textarea, button { vertical-align: middle; }
a { text-decoration: none; }
a:active, a:focus, a:hover { text-decoration: none; }
embed, iframe, img, object, video { max-width: 100%; }
input[type='text'], input[type='password'], input[type='file'], textarea, select { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; display: inline-block; max-width: 100%; height: 40px; line-height: 38px; padding: 0 10px; border: 1px solid #c0c0c0; background-color: #fff; }
textarea { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; width: 100%; height: 50px; background-color: #fff; resize: none; /* both. IE and Edge not support */ }
input::-webkit-input-placeholder { color: #949494; }
/* Chrome 4–56 */
input:-moz-placeholder { color: #949494; opacity: 1; }
/* FireFox 4–18 */
input::-moz-placeholder { color: #949494; opacity: 1; }
/* FireFox 19–50 */
input:-ms-input-placeholder { color: #949494; }
/* IE 10+ */
input::-moz-placeholder { color: #949494; opacity: 1; }
input:-ms-input-placeholder { color: #949494; opacity: 1; }
input::-ms-input-placeholder { color: #949494; opacity: 1; }
input::placeholder { color: #949494; opacity: 1; }
/* FireFox 51+, Chrome 57+ */
input[readonly='readonly'] { background: #fafafa; }
textarea::-webkit-input-placeholder { color: #949494; }
/* Chrome 4–56 */
textarea:-moz-placeholder { color: #949494; opacity: 1; }
/* FireFox 4–18 */
textarea::-moz-placeholder { color: #949494; opacity: 1; }
/* FireFox 19–50 */
textarea:-ms-input-placeholder { color: #949494; }
/* IE 10+ */
textarea::-moz-placeholder { color: #949494; opacity: 1; }
textarea:-ms-input-placeholder { color: #949494; opacity: 1; }
textarea::-ms-input-placeholder { color: #949494; opacity: 1; }
textarea::placeholder { color: #949494; opacity: 1; }
/* FireFox 51+, Chrome 57+ */
/*button,input[type='button'],input[type='submit'],
input[type='reset'],input[type='file'] {
	@include appearance(button);
	@include borderRadius(0);
}*/
/*input[type=search]::-ms-clear,input[type=search]::-ms-reveal,
input[type=text]::-ms-clear,input[type=text]::-ms-reveal {display:none;width:0; height:0}
input[type=search]::-webkit-search-cancel-button {-webkit-appearance:none}*/
/*-- [e] reset */
/*-------------------------------------------------------------------
    File Name : common.scss
    Date : 2020.06.23. Lee Hye Jin
    Summary : Common Style    
-------------------------------------------------------------------*/
/* css : ETC.*/
.hide, .disabled { display: none !important; }
.ir-text, .blind { position: absolute; top: -3000%; left: -3000%; }
.no_scroll { height: 100%; overflow: hidden; }
.tblock, .mblock { display: none !important; }
@media screen and (max-width: 1024px) { .no_scroll_m { height: 100%; overflow: hidden; }
  .thide { display: none !important; }
  .tblock { display: table !important; }
  .mhide { display: none !important; }
  .mblock { display: block !important; } }
.floatBox:after { content: ''; display: block; clear: both; }
.flBox { float: left; }
.frBox { float: right; }
.cb { clear: both !important; }
/* css : Text Color */
.fc-g { color: #00ac97 !important; }
.fc-g2 { color: #10948f !important; }
.fc-g3 { color: #10948f !important; }
.fc-b { color: #0061ac !important; }
.fc-v { color: #974cd1 !important; }
.fc-gr { color: #444 !important; }
.fc-r { color: #c85738 !important; }
.fc-n { color: #45439c !important; }
.fc-bl { color: #000 !important; }
/* css : Text Align */
.al { text-align: left !important; }
.ac { text-align: center !important; }
.ar { text-align: right !important; }
.vt, .avt * { vertical-align: top !important; }
.vm, .avm * { vertical-align: middle !important; }
.vb, .avb * { vertical-align: bottom !important; }
/* css : Text Style */
.n { font-weight: normal !important; }
.b { font-weight: bold !important; }
.u { text-decoration: underline !important; }
/* css : width & height */
.w5 { width: 5% !important; }
.w10 { width: 10% !important; }
.w15 { width: 15% !important; }
.w20 { width: 20% !important; }
.w25 { width: 25% !important; }
.w30 { width: 30% !important; }
.w35 { width: 35% !important; }
.w40 { width: 40% !important; }
.w80 { width: 80% !important; }
.w100 { width: 100% !important; }
.h100 { height: 100% !important; }
.h98px { height: 98px; }
.w90px { width: 90px !important; }
.w100px { width: 100px !important; }
.w130px { width: 130px !important; }
.w150px { width: 150px !important; }
.w180px { width: 180px !important; }
.w200px { width: 200px !important; }
.w220px { width: 220px !important; }
.w230px { width: 230px !important; }
.w230px2 { width: 230px !important; }
.w380px { width: 380px !important; }
@media screen and (max-width: 1300px) { .w90px { width: 80px !important; }
  .w130px { width: 100px !important; }
  .w200px { width: 150px !important; }
  .w220px { width: 150px !important; } }
@media screen and (max-width: 768px) { .mW100 { width: 100% !important; }
  .w230px2 { width: 90px !important; } }
/* css : Border */
.bno { border: none !important; }
.btno { border-top: none !important; }
.brno { border-right: none !important; }
.bbno { border-bottom: none !important; }
.blno { border-left: none !important; }
/* css : Padding */
.p00 { padding: 0px !important; }
.p10 { padding: 10px !important; }
.p15 { padding: 15px !important; }
.p20 { padding: 20px !important; }
.p25 { padding: 25px !important; }
.p30 { padding: 30px !important; }
.t00 { padding-top: 0px !important; }
.t03 { padding-top: 3px !important; }
.t05 { padding-top: 5px !important; }
.t08 { padding-top: 8px !important; }
.t10 { padding-top: 10px !important; }
.t15 { padding-top: 15px !important; }
.t20 { padding-top: 20px !important; }
.t25 { padding-top: 25px !important; }
.t30 { padding-top: 30px !important; }
.t35 { padding-top: 35px !important; }
.t40 { padding-top: 40px !important; }
.t45 { padding-top: 45px !important; }
.t50 { padding-top: 50px !important; }
.r00 { padding-right: 0px !important; }
.r05 { padding-right: 5px !important; }
.r10 { padding-right: 10px !important; }
.r15 { padding-right: 15px !important; }
.r20 { padding-right: 20px !important; }
.r25 { padding-right: 25px !important; }
.r30 { padding-right: 30px !important; }
.b00 { padding-bottom: 0px !important; }
.b05 { padding-bottom: 5px !important; }
.b10 { padding-bottom: 10px !important; }
.b15 { padding-bottom: 15px !important; }
.b20 { padding-bottom: 20px !important; }
.b25 { padding-bottom: 25px !important; }
.b30 { padding-bottom: 30px !important; }
.b40 { padding-bottom: 40px !important; }
.l00 { padding-left: 0px !important; }
.l05 { padding-left: 5px !important; }
.l08 { padding-left: 8px !important; }
.l10 { padding-left: 10px !important; }
.l15 { padding-left: 15px !important; }
.l20 { padding-left: 20px !important; }
.l25 { padding-left: 25px !important; }
.l30 { padding-left: 30px !important; }
.l50 { padding-left: 50px !important; }
.l55 { padding-left: 55px !important; }
.l85 { padding-left: 85px !important; }
/* css : Margin */
.m00 { margin: 0px !important; }
.m10 { margin: 10px !important; }
.m20 { margin: 20px !important; }
.m30 { margin: 30px !important; }
.mt00 { margin-top: 0px !important; }
.mt05 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }
.mt65 { margin-top: 65px !important; }
.mr00 { margin-right: 0px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr40 { margin-right: 40px !important; }
.ml00 { margin-left: 0px !important; }
.ml05 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml60 { margin-left: 60px !important; }
.mb00 { margin-bottom: 00px !important; }
.mb05 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mt_05 { margin-top: -5px !important; }
.mt_10 { margin-top: -10px !important; }
.mt_15 { margin-top: -15px !important; }
.mt_20 { margin-top: -20px !important; }
.mt_25 { margin-top: -25px !important; }
.mt_30 { margin-top: -30px !important; }
.mt_35 { margin-top: -35px !important; }
.mt_40 { margin-top: -40px !important; }
.mt_80 { margin-top: -80px !important; }
.ml_05 { margin-left: -5px !important; }
.ml_10 { margin-left: -10px !important; }
.ml_15 { margin-left: -15px !important; }
.ml_20 { margin-left: -20px !important; }
.ml_25 { margin-left: -25px !important; }
.ml_30 { margin-left: -30px !important; }