@charset "utf-8";

/* guide-color */

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

.grid-tab-4 ul li.on a{
    color:#fff;
    background:#0181dc;
}
.grid-tab-4 ul li a:hover,
.grid-tab-4 ul li a:focus {
color:#fff;
background:#2a3f6f;
outline-color: #fff;
}
.grid-tab-5 ul li.on a,
.grid-tab-5 ul li a:hover,
.grid-tab-5 ul li a:focus{
    color:#2053c9;
    background:#fff;
    border:1px solid #2053c9;
}

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:#12327a;
    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:#3357ac;
    border-bottom:2px solid #1e3e89;
}
.button.button-type02{
    background: url(/2018/images/01.potal/common/button_icon01.png)no-repeat;
    background-position: 94% 50%;
    background-color:#0979C7;
    border-bottom:2px solid #0060a3;
}
.button.button-type03{
    background: url(/2018/images/01.potal/common/button_icon02.png)no-repeat;
    background-position: 94% 50%;
    background-color:#19819B;
    border-bottom:2px solid #0e6f87;
}
.button.button-type04{
    background: url(/2018/images/01.potal/common/button_icon01.png)no-repeat;
    background-position: 94% 50%;
    background-color:#6058cb;
    border-bottom:2px solid #4d45b8;
}
.button.button-type05{
    background: url(/2018/images/01.potal/common/button_icon01.png)no-repeat;
    background-position: 94% 50%;
    background-color:#2f64eb;
    border-bottom:2px solid #1b4fd3;
}
.button.button-type06{
    background: url(/2018/images/01.potal/common/button_icon01.png)no-repeat;
    background-position: 94% 50%;
    background-color:#0082be;
    border-bottom:2px solid #006695;
}

ol.ol-num span{
    background-color:#0979C7;
    color:#fff;
}

div.table.type1 table thead tr th:last-child{
border-right:1px solid #cfcfcf;
}

div.table table tbody tr td:last-child{
border-right:1px solid #cfcfcf;
}

/* gnb */
header .gnb ul li{
    width:calc(100%/7);margin-left: -1px;
}
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{
    border-bottom: 2px solid #6b86c4;
    /*
    background: url(/2018/images/01.potal/common/sub_gnb_bg.jpg) no-repeat;
    background-position:50% 0;
    background-size: auto 100%;
    */
    background-color: #fff;
}
header .gnb ul li .sub-gnb .sub-gnb-wrap .gnb-title .hgroup{
    width: 160px;
    height: 275px;
    margin: 0 auto;
    text-align: center;
    margin-top: 50px;
}
header .gnb ul li .sub-gnb .sub-gnb-wrap .gnb-title .hgroup strong{
    color:#fff;
    font-size:34px;
    font-weight:500;
    font-family: 'GyeonggiTitleM00';
    text-align: center;
}
header .gnb ul li:last-child .sub-gnb .sub-gnb-wrap .gnb-title .hgroup strong{font-size: 28px;letter-spacing: -0.05em;}
header .gnb ul li:last-child .sub-gnb .sub-gnb-wrap .gnb-title .hgroup p{display: none;}
header .gnb ul li .sub-gnb .sub-gnb-wrap .nav{
 
}
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{
    
}
header .gnb ul li .sub-gnb .sub-gnb-wrap .nav .level .level3-1 li a:hover{
    color:#0059d2;
}

/* sub-layout */
#container .layout aside h2{
    font-size:25px;
    background-color:#3357ac;
}
#container .layout aside ul li.active a:after{
    background-color: #3357ac;
}
#container .layout aside ul li ul li.on a:before,
#container .layout aside ul li ul li:hover a:before{
    border-color:#125dc4;
}

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

/* Mobile */
@media only screen and (max-width: 768px) {
    header .mobile-gnb{
        background: #3357ad;
        width: 80%;
    }
    header .mobile-gnb .dl li{
        border-bottom: 1px solid #1e3264;
    }
    header .mobile-gnb .dl li a{
        color:#fff;
        border-bottom:1px solid #4464af;
    }
}
                
/* NEW GNB */
header .gnb ul{

    max-width:1200px;
    margin:0 auto;
}
header .gnb ul li{
    float:left;
    width:calc(100%/7);
    margin-left: -1px;
    padding: 0 10px;
}
header .gnb ul li a{
    display:block;
    text-align: center;
    font-size:19px;
    color:#111;
    font-weight:700;
    padding:18px 0;
    height: 65px;
letter-spacing: -0.05em;
}
header .gnb ul li a:hover,
header .gnb ul li.active a{
    text-decoration: none;
    color: #3e61b2;
    border-bottom: 3px solid #3e61b2;
    padding: 20px 0;
}
header .gnb ul li a:after{
    content: "";
    display: inline-block;
    width: 1px;
    height: 13px;
    background: #bfbfbf;
    position: absolute;
    margin-top: 7px;
    margin-left: 63px;
}
header .gnb ul li:last-child a:after{
    display:none;
}
header .gnb ul li .sub-gnb{
    display:none;
    width: 100%;
/*    border-bottom: 2px solid #6b86c4;*/
    position: absolute;
    border-top: 1px solid #dadada;
    z-index: 9999;
    left: 0;
    /* background: url(/jinan/images/01.potal/common/sub_gnb_bg.jpg) no-repeat; */
    background-position:50% 0;
    background-size: auto 100%;
    background-color: #fff;
}
header .gnb ul li .sub-gnb .sub-gnb-wrap{
    max-width: 1200px;
    margin:0 auto;
    overflow:hidden;
}
header .gnb ul li .sub-gnb .sub-gnb-wrap{

}
header .gnb ul li .sub-gnb .sub-gnb-wrap .gnb-title{
    float:left;
    width: 270px;
    position:relative;
}
header .gnb ul li .sub-gnb .sub-gnb-wrap .gnb-title:after{
    content: "";
    display: inline-block;
    width: 18px;
    height: 25px;
    background: url(/jinan/images/01.potal/common/gnb_scroll_icon.png) no-repeat;
    position: absolute;
    top: 50%;
    right: 30px;
}
header .gnb ul li .sub-gnb .sub-gnb-wrap .gnb-title .hgroup{
    width: 160px;
    height: 250px;
    margin: 0 auto;
    text-align: center;
    margin-top: 50px;
    position:relative;
}
header .gnb ul li:nth-child(1) .sub-gnb .sub-gnb-wrap .gnb-title .hgroup{
    background: url(/2018/images/01.potal/common/gnb_title01.png) 50% 80% no-repeat;
}
header .gnb ul li:nth-child(2) .sub-gnb .sub-gnb-wrap .gnb-title .hgroup{
    background: url(/2018/images/01.potal/common/gnb_title02.png) 50% 80% no-repeat;
}
header .gnb ul li:nth-child(3) .sub-gnb .sub-gnb-wrap .gnb-title .hgroup{
    background: url(/2018/images/01.potal/common/gnb_title03.png) 50% 80% no-repeat;
}
header .gnb ul li:nth-child(4) .sub-gnb .sub-gnb-wrap .gnb-title .hgroup{
    background: url(/2018/images/01.potal/common/gnb_title04.png) 50% 80% no-repeat;
}
header .gnb ul li:nth-child(5) .sub-gnb .sub-gnb-wrap .gnb-title .hgroup{
    background: url(/2018/images/01.potal/common/gnb_title05.png) 50% 80% no-repeat;
}
header .gnb ul li:nth-child(6) .sub-gnb .sub-gnb-wrap .gnb-title .hgroup{
    background: url(/2018/images/01.potal/common/gnb_title06.png) 50% 80% no-repeat;
}
header .gnb ul li .sub-gnb .sub-gnb-wrap .gnb-title .hgroup strong{
    color:#3e61b2;
    font-size:34px;
    font-weight:500;
    font-family: 'GyeonggiTitleM00';
    text-align: left;
    position:relative;
    display: block;
}
header .gnb ul li .sub-gnb .sub-gnb-wrap .gnb-title .hgroup strong:before{
    content: "";
    display: inline-block;
    width: 45px;
    height: 4px;
    background: #3e61b2;
    position: absolute;
    top: -15px;
}
header .gnb ul li .sub-gnb .sub-gnb-wrap .gnb-title .hgroup p{
    text-align: left;
    color:#333333;
}
header .gnb ul li .sub-gnb .sub-gnb-wrap .nav{
    float:left;
    width: 930px;
    background-color:#fff;
    padding: 25px 0 0 0;
    height:100%;
    min-height: 100px;
    /* max-height: 450px; */
    /* background: #3e61b2; */
    /*    overflow-y: scroll;*/
}
header .gnb ul li .sub-gnb .sub-gnb-wrap .nav .level{
    /* float:none; */
    width: 22%;
    padding:0;
    overflow: hidden;
    /* border-bottom: 1px dashed #e0e0e0; */
    margin-left: 3%;
    /* height: 280px; */
}
header .gnb ul li .sub-gnb .sub-gnb-wrap .nav .level:nth-child(5),
 header .gnb ul li .sub-gnb .sub-gnb-wrap .nav .level:nth-child(9){
    clear: both;
    float: left;
}
header .gnb ul li .sub-gnb .sub-gnb-wrap .nav .level a:hover{
    text-decoration: none;
    color: #0059d2;
    border-bottom:none;
}
header .gnb ul li .sub-gnb .sub-gnb-wrap .nav .level .level2-1{
    text-align: left;
    color: #3e61b2;
    height: auto;
    padding: 8px 20px;
    /* width: 170px; */
    font-weight: 400;
    font-size: 18px;
    position:relative;
    /* float: left; */
    border: 1px solid #c5cfea;
}
header .gnb ul li .sub-gnb .sub-gnb-wrap .nav .level .level2-1:before{
    content: "";
    display: inline-block;
    background: #9fb0d9;
    width: 4px;
    height: 15px;
    position: absolute;
    top: 11px;
    left: 25px;display:none
}
header .gnb ul li .sub-gnb .sub-gnb-wrap .nav .level .level2-1:hover{
        text-align: left;
    color: #3e61b2;
    height: auto;
    padding: 8px 20px;
    /* width: 170px; */
    font-weight: 400;
    font-size: 18px;
    position:relative;
    /* float: left; */
    border: 1px solid #c5cfea;
}
header .gnb ul li .sub-gnb .sub-gnb-wrap .nav .level .level2-1:after{
    display:none;
}
header .gnb ul li .sub-gnb .sub-gnb-wrap .nav .level .level3-1{
    padding: 15px 20px;
    /* float: left; */
    /* width: 759px; */
    min-height: 0px;
    background:#fff;
}
header .gnb ul li .sub-gnb .sub-gnb-wrap .nav .level .level3-1 li{
    /* float: left; */
    /* width: 25%; */
    position:relative;
    margin: 0 0 5px 0;
    /* padding: 1px 0; */
}
header .gnb ul li .sub-gnb .sub-gnb-wrap .nav .level .level3-1 li a{
    text-align: left;
    padding: 0px 0px 0px 10px;
    color:#555;
    font-size:14px;
    height:inherit;
    display:block;
}
header .gnb ul li .sub-gnb .sub-gnb-wrap .nav .level .level3-1 li a:before{
    content: "";
    display: inline-block;
    width: 3px;
    height: 3px;
    background: #cfcfcf;
    position: absolute;
    top: 9px;
    margin-top: -3px;
    left: 0;
} 
/* header .gnb ul li .sub-gnb .sub-gnb-wrap .nav .level .level3-1 li a:before{
    content: "";
    display: inline-block;
    width: 1px;
    height: 13px;
    background: #b6b6b6;
    position: absolute;
    top: 5px;
    margin-top: -3px;
    left: 0;
} */
header .gnb ul li .sub-gnb .sub-gnb-wrap .nav .level .level3-1 li a:hover{
    color:#4861b3;
    text-decoration: underline;
    font-weight:800;
}
header .gnb ul li .sub-gnb .sub-gnb-wrap .nav .level .level3-1 li a:after{
    display:none;
}


                                                       