@charset "utf-8";

@font-face {
  font-family: 'hufs_L';
  src: url(/Web-home/_UI/font/hufs/hufs_L.eot);
  src: url(/Web-home/_UI/font/hufs/hufs_L.eot?#iefix) format('embedded-opentype'), url(/Web-home/_UI/font/hufs/hufs_L.woff) format('woff'), url(/Web-home/_UI/font/hufs/hufs_L.woff2) format('woff2');
}
@font-face {
  font-family: 'hufs_M';
  src: url(/Web-home/_UI/font/hufs/hufs_M.eot);
  src: url(/Web-home/_UI/font/hufs/hufs_M.eot?#iefix) format('embedded-opentype'), url(/Web-home/_UI/font/hufs/hufs_M.woff) format('woff'), url(/Web-home/_UI/font/hufs/hufs_M.woff2) format('woff2');
}
@font-face {
  font-family: 'hufs_B';
  src: url(/Web-home/_UI/font/hufs/hufs_B.eot);
  src: url(/Web-home/_UI/font/hufs/hufs_B.eot?#iefix) format('embedded-opentype'), url(/Web-home/_UI/font/hufs/hufs_B.woff) format('woff'), url(/Web-home/_UI/font/hufs/hufs_B.woff2) format('woff2');
}
@font-face {
  font-family:'Noto Sans KR';
  font-style:normal;
  font-weight:100;
  src: url(/Web-home/_UI/font/notosanskr/NotoSansKR-Thin.eot);
  src: url(/Web-home/_UI/font/notosanskr/NotoSansKR-Thin.eot?#iefix) format('embedded-opentype'), url(/Web-home/_UI/font/notosanskr/NotoSansKR-Thin.woff) format('woff'), url(/Web-home/_UI/font/notosanskr/NotoSansKR-Thin.woff2) format('woff2');
}
@font-face {
  font-family:'Noto Sans KR';
  font-style:normal;
  font-weight:300;
  src: url(/Web-home/_UI/font/notosanskr/NotoSansKR-Light.eot);
  src: url(/Web-home/_UI/font/notosanskr/NotoSansKR-Light.eot?#iefix) format('embedded-opentype'), url(/Web-home/_UI/font/notosanskr/NotoSansKR-Light.woff) format('woff'), url(/Web-home/_UI/font/notosanskr/NotoSansKR-Light.woff2) format('woff2');
}
@font-face {
  font-family:'Noto Sans KR';
  font-style:normal;
  font-weight:400;
  src: url(/Web-home/_UI/font/notosanskr/NotoSansKR-Regular.eot);
  src: url(/Web-home/_UI/font/notosanskr/NotoSansKR-Regular.eot?#iefix) format('embedded-opentype'), url(/Web-home/_UI/font/notosanskr/NotoSansKR-Regular.woff) format('woff'), url(/Web-home/_UI/font/notosanskr/NotoSansKR-Regular.woff2) format('woff2');
}
@font-face {
  font-family:'Noto Sans KR';
  font-style:normal;
  font-weight:500;
  src: url(/Web-home/_UI/font/notosanskr/NotoSansKR-Medium.eot);
  src: url(/Web-home/_UI/font/notosanskr/NotoSansKR-Medium.eot?#iefix) format('embedded-opentype'), url(/Web-home/_UI/font/notosanskr/NotoSansKR-Medium.woff) format('woff'), url(/Web-home/_UI/font/notosanskr/NotoSansKR-Medium.woff2) format('woff2');
}
@font-face {
  font-family:'Noto Sans KR';
  font-style:normal;
  font-weight:700;
  src: url(/Web-home/_UI/font/notosanskr/NotoSansKR-Bold.eot);
  src: url(/Web-home/_UI/font/notosanskr/NotoSansKR-Bold.eot?#iefix) format('embedded-opentype'), url(/Web-home/_UI/font/notosanskr/NotoSansKR-Bold.woff) format('woff'), url(/Web-home/_UI/font/notosanskr/NotoSansKR-Bold.woff2) format('woff2');
}
@font-face {
  font-family:'Noto Sans KR';
  font-style:normal;
  font-weight:900;
  src: url(/Web-home/_UI/font/notosanskr/NotoSansKR-Black.eot);
  src: url(/Web-home/_UI/font/notosanskr/NotoSansKR-Black.eot?#iefix) format('embedded-opentype'), url(/Web-home/_UI/font/notosanskr/NotoSansKR-Black.woff) format('woff'), url(/Web-home/_UI/font/notosanskr/NotoSansKR-Black.woff2) format('woff2');
} 

*,:after,:before,::after,::before{box-sizing:border-box;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

html,body{overflow:visible;width:100%;height:100%;  font-family:'Noto Sans KR'; font-size:16px;  line-height:1.5; color:#333;letter-spacing:0;word-wrap:break-word}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,button{margin:0;padding:0}
body{word-break:keep-all}
header,article,section,nav,footer{display:block}
img,fieldset,iframe,button{border:0 none}
li{list-style:none}
img{vertical-align:top;width:auto;max-width:100%}
i,em,address{font-style:normal}
label,button{cursor:pointer}
button{ font-family:'Noto Sans KR'; font-weight:300; background-color:transparent;overflow:visible;border:0}
a,button,input{border:0 none}
a:link,a:active,a:visited{text-decoration:none;color:#000}
a:hover{text-decoration:none;color:#2247a6;transition:all .125s cubic-bezier(0.7,0,0.3,1)}
legend{*width:0;width:0;height:0;font-size:0;position:absolute;z-index:-1}
table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;text-align:center}
caption{width:0;height:0;padding:0;font-size:0;opacity:0}
th{text-align:center}
input::-ms-clear{display:none}
input,button{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0; font-family:'Noto Sans KR'; font-weight:300; }
input[type="button"],input[type="submit"],
button {-webkit-appearance:none;-moz-appearance:none;appearance:none;}
input:focus, button:focus, a:focus, select:focus, option:focus, textarea:focus{outline: none;}
input[type="radio"]{position:relative;top:2px}
pre{white-space:pre-line;background-color:#fff;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;overflow-y:auto}
select::-ms-expand{display:none}
textarea{resize:none}
figure{text-align:center}
h1,h2,h3,h4,h5,h6,strong{font-weight:500}
a.focus, button.focus, input.focus{ position: relative }
a.focus::before, button.focus::before, input.focus::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border:1px double #ff3000;}
.hidden{position:absolute;top:-9999px;left:-9999px}
.slick-slide {outline: none}
.simplemodal-wrap{font-size:13px}
._obj ._relative{position:relative}

@page{size:1800px;margin:0}

@media print {
    .wrap-header,.wrap-sub-visual,.wrap-sub-navi,.wrap-footer,.wrap-page-top{display:none}
}

@media only screen and (min-width : 320px) and (max-width : 767px) {
  html, body {-webkit-text-size-adjust: none; -o-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none;}
}