@charset "utf-8";
/**
 * --------------------------------
 * reset CSS
 * creator : leejeha
 * --------------------------------
*/

/* 웹폰트 - NotoSansKR */
@font-face{
    font-family:"NotoSansKR";
    font-style:normal;
    font-weight:200;
    src:url("../font/NotoSansKR-DemiLight.eot");
    src:url("../font/NotoSansKR-DemiLight.eot?#iefix") format("embedded-opentype"),
        url("../font/NotoSansKR-Regular.woff2") format("font-woff2"),
        url("../font/NotoSansKR-DemiLight.woff") format("woff");
}
@font-face{
    font-family:"NotoSansKR";
    font-style:normal;
    font-weight:400;
    src:url("../font/NotoSansKR-Regular.eot");
    src:url("../font/NotoSansKR-Regular.eot?#iefix") format("embedded-opentype"),
        url("../font/NotoSansKR-Regular.woff2") format("font-woff2"),
        url("../font/NotoSansKR-Regular.woff") format("woff");
}
@font-face{
    font-family:"NotoSansKR";
    font-style:normal;
    font-weight:500;
    src:url("../font/NotoSansKR-Medium.eot");
    src:url("../font/NotoSansKR-Medium.eot?#iefix") format("embedded-opentype"),
        url("../font/NotoSansKR-Regular.woff2") format("font-woff2"),
        url("../font/NotoSansKR-Medium.woff") format("woff");
}
@font-face{
    font-family:"NotoSansKR";
    font-style:normal;
    font-weight:600;
    src:url("../font/NotoSansKR-Bold.eot");
    src:url("../font/NotoSansKR-Bold.eot?#iefix") format("embedded-opentype"),
        url("../font/NotoSansKR-Regular.woff2") format("font-woff2"),
        url("../font/NotoSansKR-Bold.woff") format("woff");
}

/* 웹폰트 - Roboto */
@font-face{
    font-family:"Roboto";
    font-style:normal;
    font-weight:400;
    src:url("../font/Roboto-Regular.eot");
    src:url("../font/Roboto-Regular.eot?#iefix") format("embedded-opentype"),
        url("../font/NotoSansKR-Regular.woff2") format("font-woff2"),
        url("../font/Roboto-Regular.woff") format("woff");
}
@font-face{
    font-family:"Roboto";
    font-style:normal;
    font-weight:500;
    src:url("../font/Roboto-Medium.eot");
    src:url("../font/Roboto-Medium.eot?#iefix") format("embedded-opentype"),
        url("../font/NotoSansKR-Regular.woff2") format("font-woff2"),
        url("../font/Roboto-Medium.woff") format("woff");
}
@font-face{
    font-family:"Roboto";
    font-style:normal;
    font-weight:900;
    src:url("../font/Roboto-Black.eot");
    src:url("../font/Roboto-Black.eot?#iefix") format("embedded-opentype"),
        url("../font/NotoSansKR-Regular.woff2") format("font-woff2"),
        url("../font/Roboto-Black.woff") format("woff");
}


/* stylereset */
html{font-size:10px;}
html,body,div,p,iframe,frameset, h1,h2,h3,h4,h5,h6, strong,span,b,em,var,label,legend, ul,ol,li,dl,dt,dd,
table,thead,tbody,tfoot,tr,th,td,caption, form,fieldset,input,textarea, sub,sup,img,a,del,button,pre,
header,footer,section,article,aside,figure,figcaption{padding:0;margin:0;}
/* list style reset */
ul, ol, li{list-style:none;}
/* tag style reset */
button{background:transparent;cursor:pointer;}
button[disabled="disabled"]{cursor:default !important;}
img{vertical-align:top;}
img,button,fieldset,table{border:0;}
em, address, del{font-style:normal;} 
label,a{display:inline-block;}
strong, em{font-weight:600;}
/* form reset */
input,select,label,button,textarea{border-radius:0;-webkit-border-radius:0;background-color:transparent;color:#2e2e2e;font-size:1.4rem;line-height:normal;font-family:"NotoSansKR", sans-serif, Malgungothic, "맑은고딕", Dotum, "돋움";vertical-align:middle;}
/* table reset */
table{width:100%;border-collapse:collapse;border-spacing:0;}
th, td{word-break:keep-all;word-wrap:break-word;}
/* a link reset */
a{border:0;color:#2E2E2E;text-decoration:none;}
a:hover{text-decoration:none;}
a.on{height:auto;text-indent:inherit;background-image:none;}
*, *:before, *:after{box-sizing:border-box;}
*:focus{outline:0;}
*::-webkit-scrollbar {width:15px;}
*::-webkit-scrollbar-thumb {background-color:#999;border-radius:60px;}
*::-webkit-scrollbar-track {background-color:#D5D5D5;border-radius:60px;}
*{scrollbar-color: #999 #D5D5D5;scrollbar-width:thin;}/* firefox scrollbar */

/* body, html */
html,body{margin:0;}
body{background:#ffffff;color:#2E2E2E;line-height:normal;font-family:"NotoSansKR", sans-serif, Malgungothic, "맑은고딕", Dotum, "돋움";font-weight:400;-webkit-word-break:break-all;-moz-word-break:break-all;word-break:break-all;word-wrap:break-word;}
/* 대체텍스트  숨김처리 */
legend, .hidden, .hide{position:absolute !important;top:0 !important;left:0 !important;padding:0 !important;border:0 !important;overflow:hidden !important;width:0 !important;height:0 !important;line-height:0 !important;}
/* 모바일 caption colgroup width 인식 오류를 피하기 위해 caption 안에 span을 넣어서 숨김처리 */
caption{position: relative;}
caption > span {position:absolute !important;top:0 !important;left:0 !important;padding:0 !important;border:0 !important;overflow:hidden !important;width:0 !important;height:0 !important;line-height:0 !important;}