@charset "utf-8";

/* Reset CSS */
*{margin:0; padding:0; border:0; vertical-align:top;}
html,body{width:100%;}
body{font:16px 'Noto Sans KR', 'KoPub','Nanum Gothic', Arial,Helvetica; color:#000; background:#fff; font-weight: 300; line-height:1.4;}
ul{list-style:none;}
a{text-decoration:none; color:#000;font-family:'Noto Sans KR','KoPub','Nanum Gothic'; font-weigsht:300;}
i,em,address{font-style:normal;}
header,main,footer,section{display:block;}
h1,h2,h3,h4,h5,h6{font-weight:700;}
.hidden{overflow:hidden;display:block;text-indent:-2000px; position:absolute; left:-9999px; top:-9999px}
img{max-width:100%}

/* Web Font */
@font-face {
    font-family: 'Nanum Gothic';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
    src: url(https://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
         url(https://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
         url(https://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
         url(https://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.tff) format('truetype'),
}
@font-face {
    font-family: 'Nanum Gothic';
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot);
    src: url(https://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
         url(https://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2) format('woff2'),
         url(https://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff'),
         url(https://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.tff) format('truetype'),
}
@font-face {
    font-family: 'Nanum Gothic';
    font-style: normal;
    font-weight: 800;
    src: url(https://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot);
    src: url(https://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
         url(https://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff2) format('woff2'),
         url(https://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff) format('woff'),
         url(https://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.tff) format('truetype'),
} 

 @font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
    src : url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.eot);
    src : url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
          url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
          url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.eot#iefix) format('embedded-opentype'),
          url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.off) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src : url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.eot);
    src : url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
          url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
          url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.eot#iefix) format('embedded-opentype'),
          url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.off) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
    src : url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.eot);
    src : url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
          url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
          url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.eot#iefix) format('embedded-opentype'),
          url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.off) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
    src : url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.eot);
    src : url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
          url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
          url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.eot#iefix) format('embedded-opentype'),
          url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.off) format('opentype');
} 
@font-face {
    font-family: 'KoPub';
    font-style: normal;
    font-weight: 400;
    src: url(../../fonts/KoPubWorldDotum-Light.eot);
    src: url(../../fonts/KoPubWorldDotum-Light.eot?#iefix) format('embedded-opentype'),
         url(../../fonts/KoPubWorldDotum-Light.woff2) format('woff2'),
         url(../../fonts/KoPubWorldDotum-Light.woff) format('woff'),
         url(../../fonts/KoPubWorldDotum-Light.tff) format('truetype');
}
@font-face {
    font-family: 'KoPub';
    font-style: normal;
    font-weight: 500;
    src: url(../../fonts/KoPubWorldDotum-Medium.eot);
    src: url(../../fonts/KoPubWorldDotum-Medium.eot?#iefix) format('embedded-opentype'),
         url(../../fonts/KoPubWorldDotum-Medium.woff2) format('woff2'),
         url(../../fonts/KoPubWorldDotum-Medium.woff) format('woff'),
         url(../../fonts/KoPubWorldDotum-Medium.tff) format('truetype');
}
@font-face {
    font-family: 'KoPub';
    font-style: normal;
    font-weight: 700;
    src: url(../../fonts/KoPubWorldDotum-Bold.eot);
    src: url(../../fonts/KoPubWorldDotum-Bold.eot?#iefix) format('embedded-opentype'),
         url(../../fonts/KoPubWorldDotum-Bold.woff2) format('woff2'),
         url(../../fonts/KoPubWorldDotum-Bold.woff) format('woff'),
         url(../../fonts/KoPubWorldDotum-Bold.tff) format('truetype');
}
@font-face {
    font-family: 'NSquare';
    font-style: normal;
    font-weight: 400;
    src: url(../../fonts/nsquare-Light.eot);
    src: url(../../fonts/nsquare-Light?#iefix) format('embedded-opentype'),
         url(../../fonts/nsquare-Light.woff2) format('woff2'),
         url(../../fonts/nsquare-Light.woff) format('woff'),
         url(../../fonts/nsquare-Light.tff) format('truetype');
}
@font-face {
    font-family: 'NSquare';
    font-style: normal;
    font-weight: 500;
    src: url(../../fonts/nsquare-Regular.eot);
    src: url(../../fonts/nsquare-Regular?#iefix) format('embedded-opentype'),
         url(../../fonts/nsquare-Regular.woff2) format('woff2'),
         url(../../fonts/nsquare-Regular.woff) format('woff'),
         url(../../fonts/nsquare-Regular.tff) format('truetype');
}
@font-face {
    font-family: 'NSquare';
    font-style: normal;
    font-weight: 600;
    src: url(../../fonts/nsquare-Bold.eot);
    src: url(../../fonts/nsquare-Bold?#iefix) format('embedded-opentype'),
         url(../../fonts/nsquare-Bold.woff2) format('woff2'),
         url(../../fonts/nsquare-Bold.woff) format('woff'),
         url(../../fonts/nsquare-Bold.tff) format('truetype');
}
@font-face {
    font-family: 'NSquare';
    font-style: normal;
    font-weight: 700;
    src: url(../../fonts/nsquare-ExtraBold.eot);
    src: url(../../fonts/nsquare-ExtraBold?#iefix) format('embedded-opentype'),
         url(../../fonts/nsquare-ExtraBold.woff2) format('woff2'),
         url(../../fonts/nsquare-ExtraBold.woff) format('woff'),
         url(../../fonts/nsquare-ExtraBold.tff) format('truetype');
}