@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');
} 

.view-info .view-title, 
.board-search .box-sel select, 
.board-search .box-search input, 
.view-info .view-title, 
.view-detail .view-util, 
.view-file .row .title, 
.board-write .title, 
.board-write .insert,
.board-write .insert .tarea, 
.board-write .insert .file-select, 
.board-write .insert .sel-type, 
.view-navi .prev a:after, 
.view-navi .next a:after, 
.view-comment-write .name label, 
.view-comment-write textarea, 
.view-comment-list .title, 
.view-comment-list .comment, 
.view-answer .answer-title .title, 
.view-answer .answer, 
.view-answer .answer-title .title, 
.view-answer .answer,  
._popup, ._popup #_popupHeader h1, 
.answer-write .row .title, 
.answer-write .row .insert, 
.answer-write .row textarea, 
.board-search .util-search, 
.board-table thead th  {font-family:"Noto Sans KR";  font-weight:400;} 

.board-button .btn-deco, 
.small-btn-box .samll-btn, 
.tiny-btn, 
.view-answer .answer-info, 
.view-answer .answer-info, 
.board-table tbody td  {font-family:"Noto Sans KR"; font-weight:300;} 



/* Button Style */
.btn-style.type1 {position: relative; display: inline-block; height: 40px; padding: 0 20px; background: #fff; border: 1px solid #002d56; font-family: 'Noto Medium'; font-size: 15px; line-height: 38px; color: #002d56 !important; cursor: pointer; }
.btn-style.type1:hover {background: #002d56; border: 1px solid #002d56; color: #fff !important;}
.btn-style.type1::after {content: ''; position: relative; top: -1px;  display: inline-block; width: 12px; height: 7px; margin-left: 30px; background: url('/sites/guide/images/guide/ic-btn1.png') no-repeat center; vertical-align: middle;}
.btn-style.type1:hover::after {background: url('/sites/guide/images/guide/ic-btn1-ov.png') no-repeat center;}
.btn-style.type1.mini {height: 25px; line-height: 23px; padding: 0 7px; font-size: 13px;}
.btn-style.type1.mini::after {margin-left: 7px;}

@media all and (max-width: 700px) {
  .btn-style.type1 {margin-bottom: 15px;}
}

.btn-style.type2 {position: relative; display: inline-block; height: 60px; padding: 0 30px; background: #fff; border: 1px solid #121212; font-family: 'Noto Regular'; font-size: 16px; line-height: 58px; color: #121212 !important; cursor: pointer; }
.btn-style.type2:hover {background: #434343; border: 1px solid #434343; color: #fff !important;}
.btn-style.type2 .ico {display: inline-block; margin-left: 23px;}
.btn-style.type2 .ico img {position: relative; top: -2px; vertical-align: middle;}
.btn-style.type2 .ico.on {display: none;}
.btn-style.type2:hover .ico.on {display: inline-block;}
.btn-style.type2:hover .ico.off {display: none;}


@media all and (max-width: 700px) {
  .btn-style.type2 {height:45px; margin-bottom: 15px; line-height:43px;}
}