@charset "utf-8";

/* guide-color */

.txt-color1{
    color:#008e89 !important;
}
.txt-color2{
    color:#3357ac !important;
}

.grid-tab-4 ul li.on a,
.grid-tab-4 ul li a:hover,
.grid-tab-4 ul li a:focus {
    color:#fff;
    background:#8174c0;
}
.grid-tab-5 ul li.on a,
.grid-tab-5 ul li a:hover,
.grid-tab-5 ul li a:focus{
    color:#584b96;
    background:#fff;
    border:1px solid #584b96;
}

h4.bullet-h4{
    background: url(/2018/images/01.potal/common/bullet_h4.png)no-repeat;
    background-position: 0 6px;
}
h5.bullet-h5{
    color:#0a1b41;
    background: url(/2018/images/01.potal/common/bullet_h5.png)no-repeat;
    background-position: 0 4px;
}
h6.bullet-h6{
    color:#2c2455;
    background: url(/2018/images/01.potal/common/bullet_h6.png)no-repeat;
    background-position: 0 4px;
}
.ul-list-type1{
    margin-top:10px;
}
.ul-list-type1 > li{
    background: url(/2018/images/01.potal/common/bullet_li01.png)no-repeat;
    background-position: 0 8px;
}
.ul-list-type1 > li.bg-no{
    background:transparent;
}
.ul-list-type1 > li > ul > li{
    background: url(/2018/images/01.potal/common/bullet_li02.png)no-repeat;
    background-position: 0 8px;
}

/* Button */

.button.button-type01{
    background: url(/2018/images/01.potal/common/button_icon01.png)no-repeat;
    background-position: 94% 50%;
    background-color:#3e61b2;
    border-bottom:2px solid #453b77;
}
.button.button-type02{
    background: url(/2018/images/01.potal/common/button_icon01.png)no-repeat;
    background-position: 94% 50%;
    background-color:#8175c1;
    border-bottom:2px solid #6b60a5;
}
.button.button-type03{
    background: url(/2018/images/01.potal/common/button_icon02.png)no-repeat;
    background-position: 94% 50%;
    background-color:#3593dd;
    border-bottom:2px solid #247fc5;
}


ol.ol-num span{
    background-color:#574b97;
    color:#fff;
}



/* gnb */
header .gnb ul li{
    width:calc(100%/7);
}

header .gnb ul li a{
font-size:17px;
}

header .gnb ul li a:after{
top:18px;;
}

header .gnb ul li a:hover,
header .gnb ul li.active a{
    color: #3e61b2;
    border-bottom: 3px solid #3e61b2;
}
header .gnb ul li .sub-gnb{

    background-position:50% 0;
    background-size: auto 100%;
    background-color: #fff;
    border-bottom:1px solid #3e61b2;
}
header .gnb ul li .sub-gnb .sub-gnb-wrap .gnb-title .hgroup{
    width: 100%;
    height: 275px;
    margin: 0 auto;
    text-align: center;
    background: url(/2018/images/01.potal/common/gnb_title03.png) center bottom no-repeat;
    margin-top: 55px;
}
header .gnb ul li .sub-gnb .sub-gnb-wrap .gnb-title .hgroup strong{
    color:#fff;
    font-size:30px;
    font-weight:500;
    font-family: 'GyeonggiTitleM00';
    text-align: left;
   display:inherit;
}

header .gnb ul li .sub-gnb .sub-gnb-wrap .gnb-title .hgroup p{text-align:left;}

header .gnb ul li .sub-gnb .sub-gnb-wrap .nav{ text-align: left; }
header .gnb ul li .sub-gnb .sub-gnb-wrap .nav .level{
  
}
header .gnb ul li .sub-gnb .sub-gnb-wrap .nav .level a:hover{
    color: #0059d2;
}
header .gnb ul li .sub-gnb .sub-gnb-wrap .nav .level .level2-1:hover{
    color:#1d84a7;
    background: none;
}
header .gnb ul li .sub-gnb .sub-gnb-wrap .nav .level .level3-1 li a:hover{
    color:#18b183;
}
header .gnb ul li .sub-gnb .sub-gnb-wrap .nav .ps_mn{width:1200px;margin:0 auto}

header .gnb ul li:nth-child(2) .sub-gnb .sub-gnb-wrap .nav .ps_mn{padding-left:170px;

}
header .gnb ul li:nth-child(3) .sub-gnb .sub-gnb-wrap .nav .ps_mn{padding-left:330px;

}
header .gnb ul li:nth-child(4) .sub-gnb .sub-gnb-wrap .nav .ps_mn{padding-left:490px;

}
header .gnb ul li:nth-child(5) .sub-gnb .sub-gnb-wrap .nav .ps_mn{padding-left: 660px;

}
header .gnb ul li:nth-child(6) .sub-gnb .sub-gnb-wrap .nav .ps_mn{padding-left: 820px;

}
header .gnb ul li:nth-child(7) .sub-gnb .sub-gnb-wrap .nav .ps_mn{padding-left: 660px;

}


header .gnb ul li .sub-gnb .sub-gnb-wrap .nav{
    background: #f7f7f7;
    border-top:solid 5px #3e61b2;
}

header .gnb ul li .sub-gnb .sub-gnb-wrap .nav .level .level2-1{
    color:#555555;
}

/* sub-layout */
#container .layout aside h2{
    font-size:25px;
    background-color:#3e61b2;
}
#container .layout aside ul li.active a:after{
    background-color: #3e61b2;
}
#container .layout aside ul li ul li.on a:before,
#container .layout aside ul li ul li:hover a:before{
    border-color:#18b183;
}

/* Tablet */
@media all and (min-width: 768px) and (max-width: 1024px){
    header .mobile-gnb{
        background: #3e61b2;
        width: 50%;
    }
    header .mobile-gnb .dl li{
        border-bottom: 1px solid #3e61b2;
    }
    header .mobile-gnb .dl li a{
        color:#fff;
        border-bottom:1px solid #665b97;
    }
}

/* Mobile */
@media only screen and (max-width: 768px) {
    header .mobile-gnb{
        background: #3e61b2;
        width: 80%;
    }
    header .mobile-gnb .dl li{
        border-bottom: 1px solid #fff;
    }
    header .mobile-gnb .dl li a{
        color:#fff;
        border-bottom:1px solid #3e61b2;
    }
}