@charset"utf-8";
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 100;
    src: url(fonts/NotoSansKR-Thin.woff2) format('woff2'),
         url(fonts/NotoSansKR-Thin.woff) format('woff'),
         url(fonts/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
    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-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    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-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
    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-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
    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-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 900;
    src: url(fonts/NotoSansKR-Black.woff2) format('woff2'),
         url(fonts/NotoSansKR-Black.woff) format('woff'),
         url(fonts/NotoSansKR-Black.otf) format('opentype');
}
body,div,ul,li,dl,dt,dd,ol,p,h1,h2,h3,h4,h5,h6,form, table, th, td,select,input {margin:0;_margin:0;padding:0}
ul,ol,dl {list-style:none}
img {border:0; vertical-align:middle}
ul {list-style:none; padding:0; margin:0;_margin:0;}
input, select{padding:0 0 0 1px;}
input,select{vertical-align:middle;}
textarea {padding:5px;border-top:1px solid #a2a2a2; border-left:1px solid #a2a2a2; border-right:1px solid #dedede; border-bottom:1px solid #dedede}
input.type-image {margin:0 !important;padding:0 !important;border:none !important;vertical-align:middle}
table {border-collapse:collapse;width:100%;}
a {text-decoration:none;cursor:pointer;outline:none; select-dummy: expression(this.hideFocus=true);}
a:hover,a:visited,a:link{text-decoration:none;}
hr {display:none;}
em{font-style:normal;font-weight:bold;}
iframe{border:none !important;}
iframe html{border:none;}

/* font */
body, input, textarea, select, button, table, a {
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 10px;
    color: #0f0000;
}
html, body {
    font-size: 10px;
    -webkit-text-size-adjust: 100%;
}
/* common */
.mo-br{display:none;}
.web-br {
    display: block;
    height: 1px;
    overflow: hidden;
}
.web-hide{display:none !important;}
.web-hide-inline {display: none !important;}
.mo-hide {display: block !important;}
.mo-hide-inline {display: inline !important;}
/* common */
.mb-0{margin-bottom:0 !important;}
.mb-5 {margin-bottom: 5px !important;}
.mb-10 {margin-bottom: 10px !important;}
.mb-15 {margin-bottom: 15px !important;}
.mb-20 {margin-bottom: 20px !important;}
.mb-25 {margin-bottom: 25px !important;}
.mb-30 {margin-bottom: 30px !important;}
.mb-35 {margin-bottom: 35px !important;}
.mb-40 {margin-bottom: 40px !important;}
.mb-45 {margin-bottom: 45px !important;}
.mb-50 {margin-bottom: 50px !important;}
.mr-10 {margin-right: 10px !important;}
.mr-20 {margin-right: 20px !important;}
.mr-30 {margin-right: 30px !important;}
.ml-10 {margin-left: 10px !important;}
.ml-20 {margin-left: 20px !important;}
.ml-30 {margin-left: 30px !important;}
.pb-0{padding-bottom:0 !important;}
.pb-10 {padding-bottom: 10px !important;}
.pb-15 {padding-bottom: 15px !important;}
.pb-20 {padding-bottom: 20px !important;}
.pb-25 {padding-bottom: 25px !important;}
.pb-30 {padding-bottom: 30px !important;}
.pb-35 {padding-bottom: 35px !important;}
.pb-40 {padding-bottom: 40px !important;}
.pb-45 {padding-bottom: 45px !important;}
.pb-50 {padding-bottom: 50px !important;}
.fl{float:left;}
.fr{float:right;}
.w10 {width: 10%;}
.w20 {width: 20%;}
.w30 {width: 30%;}
.w40 {width: 40%;}
.w48 {width: 48%;}
.w49 {width: 49%;}
.w50 {width: 50%;}
.w60 {width: 60%;}
.w70 {width: 70%;}
.w80 {width: 80%;}
.w90 {width: 90%;}
.w91 {width: 91%;}
.w97 {width: 97%;}
.w98 {width: 98%;}
.w99 {width: 99%;}
.w100 {width: 100%;}
.h100{height:100px;}
.h200 {height: 200px;}
.h300 {height: 300px;}
.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}
.text-left {text-align: left !important;}
.text-center {text-align: center;}
.text-right {text-align: right;}
@media (max-width: 799px) {
    .mo-br {
        display: block;
        height: 1px;
        overflow: hidden;
    }
    .web-br {display: none;}
    .web-hide {display: block !important;}
    .web-hide-inline {display: inline !important;}
    .mo-hide {display: none !important;}
    .mo-hide-inline {display: none !important;}
}
@media (min-width: 600px) and (max-width: 800px) {
   html,body{font-size:12px;}
}