@charset "utf-8";

/* Font */
@font-face{font-family:'Noto Thin';font-style:normal;src:url(/Web-home/_UI/font/noto/NotoSans-Thin.woff2) format("woff2"),url(/Web-home/_UI/font/noto/NotoSans-Thin.woff) format("woff")}
@font-face{font-family:'Noto Light';font-style:normal;src:url(/Web-home/_UI/font/noto/NotoSans-Light.woff2) format("woff2"),url(/Web-home/_UI/font/noto/NotoSans-Light.woff) format("woff")}
@font-face{font-family:'Noto DemiLight';font-style:normal;src:url(/Web-home/_UI/font/noto/NotoSans-DemiLight.woff2) format("woff2"),url(/Web-home/_UI/font/noto/NotoSans-DemiLight.woff) format("woff")}
@font-face{font-family:'Noto Regular';font-style:normal;src:url(/Web-home/_UI/font/noto/NotoSans-Regular.woff2) format("woff2"),url(/Web-home/_UI/font/noto/NotoSans-Regular.woff) format("woff")}
@font-face{font-family:'Noto Medium';font-style:normal;src:url(/Web-home/_UI/font/noto/NotoSans-Medium.woff2) format("woff2"),url(/Web-home/_UI/font/noto/NotoSans-Medium.woff) format("woff")}
@font-face{font-family:'Noto Bold';font-style:normal;src:url(/Web-home/_UI/font/noto/NotoSans-Bold.woff2) format("woff2"),url(/Web-home/_UI/font/noto/NotoSans-Bold.woff) format("woff")}
@font-face{font-family:'Noto Black';font-style:normal;src:url(/Web-home/_UI/font/noto/NotoSans-Black.woff2) format("woff2"),url(/Web-home/_UI/font/noto/NotoSans-Black.woff) format("woff")}

@font-face{font-family:'NotoCn Light';font-style:normal;src:url(/Web-home/_UI/font/noto-cn/NotoSansSC-Light.woff2) format("woff2")}
@font-face{font-family:'NotoCn Regular';font-style:normal;src:url(/Web-home/_UI/font/noto-cn/NotoSansSC-Regular.woff2) format("woff2")}
@font-face{font-family:'NotoCn Medium';font-style:normal;src:url(/Web-home/_UI/font/noto-cn/NotoSansSC-Medium.woff2) format("woff2")}
@font-face{font-family:'NotoCn Bold';font-style:normal;src:url(/Web-home/_UI/font/noto-cn/NotoSansSC-Bold.woff2) format("woff2")}

@font-face{font-family:'Dream Thin';font-style:normal;src:url(/Web-home/_UI/font/dream/S-CoreDream-1Thin.woff2) format("woff2"),url(/Web-home/_UI/font/dream/S-CoreDream-1Thin.woff) format("woff")}
@font-face{font-family:'Dream ExtraLight';font-style:normal;src:url(/Web-home/_UI/font/dream/S-CoreDream-2ExtraLight.woff2) format("woff2"),url(/Web-home/_UI/font/dream/S-CoreDream-2ExtraLight.woff) format("woff")}
@font-face{font-family:'Dream Light';font-style:normal;src:url(/Web-home/_UI/font/dream/S-CoreDream-3Light.woff2) format("woff2"),url(/Web-home/_UI/font/dream/S-CoreDream-3Light.woff) format("woff")}
@font-face{font-family:'Dream Regular';font-style:normal;src:url(/Web-home/_UI/font/dream/S-CoreDream-4Regular.woff2) format("woff2"),url(/Web-home/_UI/font/dream/S-CoreDream-4Regular.woff) format("woff")}
@font-face{font-family:'Dream Medium';font-style:normal;src:url(/Web-home/_UI/font/dream/S-CoreDream-5Medium.woff2) format("woff2"),url(/Web-home/_UI/font/dream/S-CoreDream-5Medium.woff) format("woff")}
@font-face{font-family:'Dream Bold';font-style:normal;src:url(/Web-home/_UI/font/dream/S-CoreDream-6Bold.woff2) format("woff2"),url(/Web-home/_UI/font/dream/S-CoreDream-6Bold.woff) format("woff")}
@font-face{font-family:'Dream ExtraBold';font-style:normal;src:url(/Web-home/_UI/font/dream/S-CoreDream-7ExtraBold.woff2) format("woff2"),url(/Web-home/_UI/font/dream/S-CoreDream-7ExtraBold.woff) format("woff")}

@font-face{font-family:'Gmarket Light';font-style:normal;src:url(/Web-home/_UI/font/gmarket/Gmarket-Light.woff2) format("woff2"),url(/Web-home/_UI/font/gmarket/Gmarket-Light.woff) format("woff")}
@font-face{font-family:'Gmarket Medium';font-style:normal;src:url(/Web-home/_UI/font/gmarket/Gmarket-Medium.woff2) format("woff2"),url(/Web-home/_UI/font/gmarket/Gmarket-Medium.woff) format("woff")}
@font-face{font-family:'Gmarket Bold';font-style:normal;src:url(/Web-home/_UI/font/gmarket/Gmarket-Bold.woff2) format("woff2"),url(/Web-home/_UI/font/gmarket/Gmarket-Bold.woff) format("woff")}

@font-face{font-family:'Titil ExtraLight';font-style:normal;src:url(/Web-home/_UI/font/titillium/TitilliumWeb-ExtraLight.woff2) format("woff2"),url(/Web-home/_UI/font/titillium/TitilliumWeb-ExtraLight.woff) format("woff")}
@font-face{font-family:'Titil Light';font-style:normal;src:url(/Web-home/_UI/font/titillium/TitilliumWeb-Light.woff2) format("woff2"),url(/Web-home/_UI/font/titillium/TitilliumWeb-Light.woff) format("woff")}
@font-face{font-family:'Titil Regular';font-style:normal;src:url(/Web-home/_UI/font/titillium/TitilliumWeb-Regular.woff2) format("woff2"),url(/Web-home/_UI/font/titillium/TitilliumWeb-Regular.woff) format("woff")}
@font-face{font-family:'Titil SemiBold';font-style:normal;src:url(/Web-home/_UI/font/titillium/TitilliumWeb-SemiBold.woff2) format("woff2"),url(/Web-home/_UI/font/titillium/TitilliumWeb-SemiBold.woff) format("woff")}
@font-face{font-family:'Titil Bold';font-style:normal;src:url(/Web-home/_UI/font/titillium/TitilliumWeb-Bold.woff2) format("woff2"),url(/Web-home/_UI/font/titillium/TitilliumWeb-Bold.woff) format("woff")}
@font-face{font-family:'Titil Black';font-style:normal;src:url(/Web-home/_UI/font/titillium/TitilliumWeb-Black.woff2) format("woff2"),url(/Web-home/_UI/font/titillium/TitilliumWeb-Black.woff) format("woff")}

@font-face{font-family:'Mont ExtraLight';font-style:normal;src:url(/Web-home/_UI/font/mont/Montserrat-ExtraLight.woff2) format("woff2"),url(/Web-home/_UI/font/mont/Montserrat-ExtraLight.woff) format("woff")}
@font-face{font-family:'Mont Light';font-style:normal;src:url(/Web-home/_UI/font/mont/Montserrat-Light.woff2) format("woff2"),url(/Web-home/_UI/font/mont/Montserrat-Light.woff) format("woff")}
@font-face{font-family:'Mont Regular';font-style:normal;src:url(/Web-home/_UI/font/mont/Montserrat-Regular.woff2) format("woff2"),url(/Web-home/_UI/font/mont/Montserrat-Regular.woff) format("woff")}
@font-face{font-family:'Mont Medium';font-style:normal;src:url(/Web-home/_UI/font/mont/Montserrat-Medium.woff2) format("woff2"),url(/Web-home/_UI/font/mont/Montserrat-Medium.woff) format("woff")}
@font-face{font-family:'Mont SemiBold';font-style:normal;src:url(/Web-home/_UI/font/mont/Montserrat-SemiBold.woff2) format("woff2"),url(/Web-home/_UI/font/mont/Montserrat-SemiBold.woff) format("woff")}
@font-face{font-family:'Mont Bold';font-style:normal;src:url(/Web-home/_UI/font/mont/Montserrat-Bold.woff2) format("woff2"),url(/Web-home/_UI/font/mont/Montserrat-Bold.woff) format("woff")}

@font-face{font-family:'Play Regular';font-style:normal;src:url(/Web-home/_UI/font/play/Play-Regular.woff) format("woff")}
@font-face{font-family:'Play Bold';font-style:normal;src:url(/Web-home/_UI/font/play/Play-Bold.woff) format("woff")}

@font-face{font-family:'H Light';font-style:normal;src:url(/Web-home/_UI/font/hufs/hufs_L.woff2) format("woff2"),url(/Web-home/_UI/font/hufs/hufs_L.woff) format("woff")}
@font-face{font-family:'H Medium';font-style:normal;src:url(/Web-home/_UI/font/hufs/hufs_M.woff2) format("woff2"),url(/Web-home/_UI/font/hufs/hufs_M.woff) format("woff")}
@font-face{font-family:'H Bold';font-style:normal;src:url(/Web-home/_UI/font/hufs/hufs_B.woff2) format("woff2"),url(/Web-home/_UI/font/hufs/hufs_B.woff) format("woff")}

@font-face{font-family:'Century Regular';font-style:normal;src:url(/Web-home/_UI/font/century/Century-Regular.woff2) format("woff2")}
@font-face{font-family:'Century Bold';font-style:normal;src:url(/Web-home/_UI/font/century/Century-Bold.woff2) format("woff2")}

@font-face{font-family:'NanumM Regular';font-style:normal;src:url(/Web-home/_UI/font/nanummyeongjo/NanumMyeongjo-Regular.woff2) format("woff2"),url(/Web-home/_UI/font/nanummyeongjo/NanumMyeongjo-Regular.woff) format("woff")}
@font-face{font-family:'NanumM Bold';font-style:normal;src:url(/Web-home/_UI/font/nanummyeongjo/NanumMyeongjo-Bold.woff2) format("woff2"),url(/Web-home/_UI/font/nanummyeongjo/NanumMyeongjo-Bold.woff) format("woff")}
@font-face{font-family:'NanumM ExtraBold';font-style:normal;src:url(/Web-home/_UI/font/nanummyeongjo/NanumMyeongjo-ExtraBold.woff2) format("woff2"),url(/Web-home/_UI/font/nanummyeongjo/NanumMyeongjo-ExtraBold.woff) format("woff")}

/* CSS Reset */
*,: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 Regular',sans-serif;line-height:1.5;font-size:16px;color:#333;word-wrap:break-word;letter-spacing: -.5px;}
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; overflow-x: hidden !important;}
body::-webkit-scrollbar {width: 15px;}
body::-webkit-scrollbar-thumb {background-color: #008b46; border: 3px solid #002010; border-radius: 10px;}
body::-webkit-scrollbar-track {background-color: #002010;}
header,article,section,nav,footer{display:block}
img,fieldset,iframe,button{border:0 none}
li{list-style:none}
img{width:auto;max-width:100%;vertical-align:top;}
i,em,address{font-style:normal}
label,button{cursor:pointer}
button{font-family:'Noto Regular',sans-serif;background-color:transparent;overflow:visible;border:0}
a,button,input{border:0 none}
a:focus,button:focus,input:focus,select:focus {outline: none;}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible {outline: 2px solid #333;}
a:link,a:active,a:visited{text-decoration:none;color:#000}
a:hover{text-decoration:none;color:#002d56;}
legend{width:0;height:0;font-size:0;position:absolute;z-index:-1}
table{width:100%;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 Regular'}
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:400}

/* Wizard Reset */
._objHtml,
._objWidget{overflow:visible}
._contentBuilder ._obj ._relative{position:relative}
.simplemodal-wrap{font-size:13px}
.hidden{position:absolute;top:-9999px;left:-9999px;display: none;}

/* Clear Fix */
.clearfix, .clear-fix {zoom: 1;}
.clearfix::after, .clear-fix::after {content: ""; display: block; clear: both;}

/* Input AutoFill */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{
  -webkit-box-shadow: 0 0 0 30px white inset !important;
}

/* Margin Custom */
.mt0 {margin-top: 0px;}
.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt25 {margin-top: 25px;}
.mt30 {margin-top: 30px;}
.mt35 {margin-top: 35px;}
.mt40 {margin-top: 40px;}
.mt45 {margin-top: 45px;}
.mt50 {margin-top: 50px;}
.mt55 {margin-top: 55px;}
.mt60 {margin-top: 60px;}
.mt65 {margin-top: 65px;}
.mt70 {margin-top: 70px;}
.mt75 {margin-top: 75px;}
.mt80 {margin-top: 80px;}
.mt85 {margin-top: 85px;}
.mt90 {margin-top: 90px;}
.mt95 {margin-top: 95px;}
.mt100 {margin-top: 100px;}

.mb0 {margin-bottom: 0px;}
.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mb25 {margin-bottom: 25px;}
.mb30 {margin-bottom: 30px;}
.mb35 {margin-bottom: 35px;}
.mb40 {margin-bottom: 40px;}
.mb45 {margin-bottom: 45px;}
.mb50 {margin-bottom: 50px;}
.mb55 {margin-bottom: 55px;}
.mb60 {margin-bottom: 60px;}
.mb65 {margin-bottom: 65px;}
.mb70 {margin-bottom: 70px;}
.mb75 {margin-bottom: 75px;}
.mb80 {margin-bottom: 80px;}
.mb85 {margin-bottom: 85px;}
.mb90 {margin-bottom: 90px;}
.mb95 {margin-bottom: 95px;}
.mb100 {margin-bottom: 100px;}
.mb126 {margin-bottom:126px;}

.ml0 {margin-left: 0px;}
.ml5 {margin-left: 5px;}
.ml10 {margin-left: 10px;}
.ml15 {margin-left: 15px;}
.ml20 {margin-left: 20px;}
.ml25 {margin-left: 25px;}
.ml30 {margin-left: 30px;}
.ml35 {margin-left: 35px;}
.ml40 {margin-left: 40px;}
.ml45 {margin-left: 45px;}
.ml50 {margin-left: 50px;}
.ml55 {margin-left: 55px;}
.ml60 {margin-left: 60px;}
.ml65 {margin-left: 65px;}
.ml70 {margin-left: 70px;}
.ml75 {margin-left: 75px;}
.ml80 {margin-left: 80px;}
.ml85 {margin-left: 85px;}
.ml90 {margin-left: 90px;}
.ml95 {margin-left: 95px;}
.ml100 {margin-left: 100px;}

.mr0 {margin-right: 0px;}
.mr5 {margin-right: 5px;}
.mr10 {margin-right: 10px;}
.mr15 {margin-right: 15px;}
.mr20 {margin-right: 20px;}
.mr25 {margin-right: 25px;}
.mr30 {margin-right: 30px;}
.mr35 {margin-right: 35px;}
.mr40 {margin-right: 40px;}
.mr45 {margin-right: 45px;}
.mr50 {margin-right: 50px;}
.mr55 {margin-right: 55px;}
.mr60 {margin-right: 60px;}
.mr65 {margin-right: 65px;}
.mr70 {margin-right: 70px;}
.mr75 {margin-right: 75px;}
.mr80 {margin-right: 80px;}
.mr85 {margin-right: 85px;}
.mr90 {margin-right: 90px;}
.mr95 {margin-right: 95px;}
.mr100 {margin-right: 100px;}

.per5 {width: 5%;}
.per10 {width: 10%;}
.per15 {width: 15%;}
.per20 {width: 20%;}
.per25 {width: 25%;}
.per30 {width: 30%;}
.per35 {width: 35%;}
.per40 {width: 40%;}
.per45 {width: 45%;}
.per50 {width: 50%;}
.per55 {width: 55%;}
.per60 {width: 60%;}
.per65 {width: 65%;}
.per70 {width: 70%;}
.per75 {width: 75%;}
.per80 {width: 80%;}
.per85 {width: 85%;}
.per90 {width: 90%;}
.per95 {width: 95%;}
.per100 {width: 100%;}

/* Skip Navagation */
.skip-navi {position: relative;}
.skip-navi a {display:block; position: absolute; left: 0; top: -200px; z-index:200; width:100%; padding:10px 0; background:#002c77; border:0 none; text-align:center;  color:#fff !important; }
.skip-navi a:focus, .skip-navi a:hover, .skip-navi a:active {top:0; font-size:15px; font-weight:bold; border-bottom:1px solid #fff; line-height:1.5;}

/* Print CSS */
@page {size:297mm 420mm; margin:0;}

@media print {
  .main-header,
  .wrap-header,
  .wrap-search,
  .wrap-sub-visual,
  .wrap-sub-navi,
  .wrap-footer,
  .wrap-float,
  .wrap-quick,
  .wrap-service,
  .wrap-pop,
  .black-bg,
  .black-bg2,
  .top-btn,
  .top-button {display: none !important}
  * {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}

/* Func Admin Button */
._fnctWrap {line-height: 1.5}
.main .edit ._objTool, .main ._fnctWrap ._fnctAdmin {left: 0; top: auto !important; right: auto !important; bottom: 0;}
.main .edit ._multipleDivObjTool {top: 0 !important;}
.sub ._fnctWrap ._fnctAdmin {left: auto !important; top: 0; right: 0; bottom: auto !important;}

/* 게시판 글쓰기 첨부파일 쪽 깨짐 해결 */
.form_area * {box-sizing: content-box;}
.slick-header-column.ui-state-default{height: 20px !important; line-height: 20px !important;}