@charset "utf-8";

@font-face {
    font-family: 'NotoSans';
    font-style: lighter;
    font-weight: 300;
    src: url(../fonts/notokr-light.eot);
    src: url(../fonts/notokr-light.eot?#iefix) format('embedded-opentype'),
    url(../fonts/notokr-light.woff2) format('woff2'),
    url(../fonts/notokr-light.woff) format('woff'),
    url(../fonts/notokr-light.ttf) format('truetype');
}
@font-face {
    font-family: 'NotoSans';
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/notokr-regular.eot);
    src: url(../fonts/notokr-regular.eot?#iefix) format('embedded-opentype'),
    url(../fonts/notokr-regular.woff2) format('woff2'),
    url(../fonts/notokr-regular.woff) format('woff'),
    url(../fonts/notokr-regular.ttf) format('truetype');
}
@font-face {
    font-family: 'NotoSans';
    font-style: bold;
    font-weight: 700;
    src: url(../fonts/notokr-medium.eot);
    src: url(../fonts/notokr-medium.eot?#iefix) format('embedded-opentype'),
    url(../fonts/notokr-medium.woff2) format('woff2'),
    url(../fonts/notokr-medium.woff) format('woff'),
    url(./notokr-medium.ttf) format('truetype');
}
@font-face {
    font-family: 'NotoSans';
    font-style: bolder;
    font-weight: 900;
    src: url(../fonts/notokr-bold.eot);
    src: url(../fonts/notokr-bold.eot?#iefix) format('embedded-opentype'),
    url(../fonts/notokr-bold.woff2) format('woff2'),
    url(../fonts/notokr-bold.woff) format('woff'),
    url(../fonts/notokr-bold.ttf) format('truetype');
}




/* reset */
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; word-wrap:break-word  !important; word-break:break-all  !important;}
html,body{margin:0;padding:0}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button,strong,span,em,iframe,img, textarea,input {margin:0;padding:0}
body {background:#fff;font-family: "NotoSans", "NanumGothic", "Malgun Gothic", "맑은고딕", sans-serif;  font-weight: 500; letter-spacing:-0.5px;font-size:16px;line-height:160%;color:#525252;text-align:left;word-break:break-all;-ms-word-break:break-all;}
dl,ul,ol,li {list-style:none;}
fieldset, img {border:none;}
img {vertical-align:top;}
hr {display:none;}
input,textarea,select{font-size:14px;color:#333;vertical-align:top;font-family:'NotoSans';}
table {width:100%;border-spacing:0;border-collapse:collapse;empty-cells:show;}
legend, caption {width:0; height:0; font:0/0 Sans-serif; visibility:hidden; z-index:-1;}
em, address {font-style:normal;}
a {cursor:pointer;   -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; }


#hd ul, nav ul, #ft ul {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-family:NotoKrR;font-size:1em}
button {cursor:pointer}


select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited {color:#000;text-decoration:none}
a:hover, a:focus, a:active {color:#000;text-decoration:none}



.txtLef {text-align:left !important;}
.txtRig {text-align:right !important;}
.txtCen {text-align:center !important;}
.txtJus {text-align:justify !important;}
.clear {clear:both; content:''; display:block;}

.dis_none {display:none !important;}

hr.h5 {display:block; border:none; height:5px;margin:0px; padding:0px; font-size:0px;}
hr.h10 {display:block; border:none; height:10px;margin:0px; padding:0px; font-size:0px;}
hr.h15{display:block; border:none; height:15px;margin:0px; padding:0px; font-size:0px;}
hr.h20 {display:block; border:none; height:20px;margin:0px; padding:0px; font-size:0px;}
hr.h30 {display:block; border:none; height:30px;margin:0px; padding:0px; font-size:0px;}
hr.h40 {display:block; border:none; height:40px;margin:0px; padding:0px; font-size:0px;}
hr.h50 {display:block; border:none; height:50px;margin:0px; padding:0px; font-size:0px;}
hr.h60 {display:block; border:none; height:60px;margin:0px; padding:0px; font-size:0px;}
hr.bd { clear:both;display:block; border:none; background:#e9e9e9; height:1px;margin:30px auto; padding:0px; font-size:0px;}


.mg0 {margin:0 !important;}
.mt0 {margin-top:0 !important;}
.mt30 {margin-top:30px !important;}
.mt50 {margin-top:50px !important;}
.mr0 {margin-right:0 !important;}
.mb0 {margin-bottom:0 !important;}
.mb5 {margin-bottom:5px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mt5 {margin-top:5px !important;}
.mt30 {margin-top:30px !important;}
.mr20 {margin-right:20px !important;}
.ml30 {margin-left:30px !important;}
.ml50 {margin-left:50px !important;}
.pd0 {padding:0 !important;}
.pt8 {padding-top:8px !important;}
.pt0 {padding-top:0 !important;}
.pb0 {padding-bottom:0 !important;}
.pr0 {padding-right:0 !important;}
.pl0 {padding-left:0 !important;}
.pl10 {padding-left:10px !important;}
.pl30 {padding-left:30px !important;}
.pl40 {padding-left:40px !important;}
.pl50 {padding-left:50px !important;}
.pl100 {padding-left:100px !important;}
.pr20 {padding-right:20px !important;}
.p30{padding:30px !important;}