﻿@font-face {
    font-family:NotoSansKR-Regular;
    src: url("../fonts/Noto_Sans/NotoSans-Regular.otf");
}
body{line-height:30px;font-size:14px;font-family:NotoSansKR-Regular;}
section{padding:120px 0;}
/* Header start */
.headerBar{background-color:#055d9c;}
.headerBar .nav-item .dropdown-toggle::after{vertical-align:0.1em;}
.megamenu-li{position:static;}
.megamenu{position:absolute;width:100%;left:0;right:0;padding:15px;background-color:#f6f6ff;}
.headerBar .nav-item .dropdown-menu{background-color:#f6f6ff;}
.headerBar .nav-item .nav-link{color:#fff;font-size:17px;}
.headerBar .nav-item{padding:0 25px;}
.headerBar .btn{border-radius:40px;}
.headerBar .nav-link.collapsed .caret{transform:rotate(180deg);}
.catTitle{width:calc(100% - 90px);}
.catList a{color:#11618e;font-size:15px;font-weight:500;}
.catList span{line-height:40px;}
.catList:not(:last-child),.topicList li:not(:last-child){margin-bottom:20px;}
.catIcon{background-image:url("../images/cat-icon.png");width:70px;height:55px;margin-right:20px;}
.catIcon-1{background-position:-17px -24px;}
.catIcon-2{background-position:-17px -513px;}
.catIcon-3{background-position:-17px -258px;}
.catIcon-4{background-position:-17px -110px;}
.catIcon-5{background-position:-17px -340px;}
.catIcon-6{background-position:-17px -422px;}
.catIcon-7{background-position:-17px -184px;}
.catIcon-8{background-position:-17px -596px;}
.catIcon-9{background-position:-17px -680px;}
.catIcon-10{background-position:-17px -760px;}
.catIcon-11{background-position:-17px -842px;}
.catIcon-12{background-position:-17px -924px;}
.sectorCard .card-body{background-color:#e7e5fc;}
.sectorCard .card-header{background-color:#e8f7f1;}
.sectorCard{border-radius:10px 10px 0 0;}
.topicList .badge{font-size:16px;font-weight:normal;}
.headCollapse{position:absolute;z-index:9;width:100%;}
h2{font-size:34px;}
/* Header end */
/* Footer start */
#scrollToTop{display:flex;align-items:center;justify-content:center;background-color:#aeb3be;width:40px;height:40px;padding:4px;text-align:center;border-radius:4px;position:fixed;bottom:30px;right:30px;transition:background-color .3s, opacity .5s, visibility .5s;opacity:0;visibility:hidden;z-index:99;vertical-align:middle;}
#scrollToTop:hover{cursor:pointer;background-color:#0177b0;}
#scrollToTop:active{background-color:#0177b0;}
#scrollToTop.show{opacity:1;visibility:visible;}
footer{background-color:#0d5286;font-size:16px;margin-top:0px;}
.footerBottom p{font-size:14px;color:#a7a2a2;}
footer a{color:#fff;}
footer a:hover{color:#fff;}
.subText{font-weight:600;}
.dashBorderTop,.dashBorderBottom{background-image:linear-gradient(to right, #fff 33%, rgba(255,255,255,0) 0%);background-position:top;background-size:12px 1px;background-repeat:repeat-x;}
.dashBorderBottom{background-position:bottom;}
.formSubscribe .form-control{border-radius:40px;padding:20px 160px 20px 30px;height:60px;width:100%;border:1px solid #fff;}
.formSubscribe .btn{position:absolute;border-radius:40px;right:10px;}
.addressBlock::before{content:"";border:2px solid #ccc;border-radius:20%;position:absolute;left:-10px;display:block;height:50px;top:10px;}
/* Footer end */
.headBlue{color:#1f6da6;}
.txtBlue{color:#42bce7;}
.txtMuted{color:#a2a0a0;}
.bgBlue{background-color:#037eb4;}
.bgLightBlue{background-color:#00b6e5;}
.bgGrey{background-color:#f5f5f5;}
.btn.focus,.btn:focus,.btn:hover,.btn:active:focus{outline:none;}
.btn{padding:12px 40px;font-size:18px;line-height:18px;border-radius:40px;box-shadow:6px 6px 20px rgb(42 95 132 / 18%);transition:all 0.3s ease-in-out 0s;}
.btnOrange{border:2px solid #ff5722;background-color:#ff5722;color:#fff;}
.btnOrange:hover,.btnOrange:focus{background-color:#fff;color:#ff5722;}
.btnOrangeRev{border:2px solid #ff5722;background-color:#fff;color:#ff5722;}
.btnOrangeRev:hover,.btnOrangeRev:focus{background-color:#ff5722;color:#fff;}
.btnBlue{border:2px solid #00b6e5;background-color:#00b6e5;color:#fff;}
.btnBlue:hover,.btnBlue:focus{background-color:#fff;color:#00b6e5;}
.btnOutline{border:2px solid #00b6e5;background-color:#fff;color:#00b6e5;}
.btnOutline:hover,.btnOutline:focus{background-color:#00b6e5;color:#fff;}
/* Banner start */
.homeBanner{background-image:url("../images/home-banner-bg.png");background-repeat:no-repeat;background-position:485px -2px;font-size:18px;padding:70px 0;}
.homeBanner .formSubscribe{max-width:560px;}
.searchComTxt span{color:#a6c2e0;}
.searchComTxt{color:#f0eeee;}
p.bannerTxt{font-size:16px;}
.homeBanner .headBlue{font-size:36px;}
.homeBanner .h5{font-size:1.85rem;}
/* Banner end */
@media (max-width: 1199px){
    .headerBar .nav-item{padding:0 10px;}
}
@media (max-width: 1024px){
    section{padding:40px 0;}
}
@media (max-width: 991px){
    .homeBanner .headBlue{font-size:1.8rem;}
    .homeBanner .h5{font-size:1.5rem;}
    h2{font-size:1.8rem;}
}
@media (max-width: 767px){
    .addressBlock:before{content:none;}
    h2{font-size:1.6rem;}
}
@media (max-width: 575px){
    h2{font-size:1.5rem;}
    .headerBar .btn {padding:8px 20px;font-size:14px;}
    .headerBar .navbar-brand{width:110px;}
    .formSubscribe .btn{padding: 8px 20px;}
}