body {
    font-family: 'Noto Sans Korean';
    font-size: 14px;
    font-weight: 400;
}

#header {
    background: #026BE1;
    padding:20px 0px 30px; 
}

.gnb-wrap {
    text-align: center;
}

.gnb { margin-top:15px; }

.depth1 > li {
    display: inline-block;
    padding: 10px 0px;
    position: relative;
    vertical-align: top;
    text-align: center;
}

    .depth1 > li:last-child > a {
        padding-right: 0px;
    }

    .depth1 > li > a {
        color: #fff;
        text-decoration: none;
        font-size: 20px;
        font-weight: 600;
        padding: 0px 40px;
    }

.gnb-wrap .gnb > li > .dropdown-menu {
    margin: 0;
    padding: 0;
    border-radius: 0;
}

.gnb-wrap .gnb > li > ul > li > a {
    font-size: 16px;
    padding: 10px;
}
.gnb-wrap .gnb > li > ul > li.active,
.gnb-wrap .gnb > li > ul > li:hover {
    background: #026be1;
}

    .gnb-wrap .gnb > li > ul > li.active a,
    .gnb-wrap .gnb > li > ul > li:hover a {
        color: #fff;
        background: #026be1;
    }
    .depth3 {
        padding-left:15px;
    }
    .depth3 li {
        padding-bottom:5px; 
    }
    .depth3 li a { 
        color:#333; 
        text-decoration:none; 
        font-size:15px;
    }


.depth3 {
}

.gnb-wrap .gnb > li:hover > ul {
    display: block;
}

#top-quickmenu {
    margin-top: 15px;
    overflow: hidden;
    margin-bottom: 10px;
}

    #top-quickmenu ul {
        float: right;
    }

        #top-quickmenu ul li {
            display: inline-block;
            padding: 0px 6px 0px 5px;
        }

        #top-quickmenu ul li {
            /*border-right: 1px solid #ddd;*/
        }

            #top-quickmenu ul li:last-child {
                border: 0px;
            }

            #top-quickmenu ul li a {
                color: #fff;
                transition: all 0.3s ease;
                text-decoration: none;
                font-size: 15px;
            }

                #top-quickmenu ul li a:hover {
                    color: #bbb;
                }

#bottom {
    background:#202020;
    border-bottom:1px solid #444; 
}

    #bottom a, #bottom p {
        color: #B7B7B7;
        font-size: 15px;
        text-decoration: none;
        margin-bottom: 0px;
        position: relative;
        top: 25px;
        transition: all 0.3s ease;
    }

    #bottom a:hover { 
        color:#fff;
    }

    #bottom span {
        color: #B7B7B7;
        position: relative;
        margin-left: 5px;
        margin-right: 5px;
        top: 23px;
        font-size: 12px;
    }

    #bottom img {
        margin-left: 20px;
    }

#footer {
    padding: 40px 0px;
    background: #202020;
}

    #footer * {
        color: #fff;
    }

    #footer p {
        font-size: 16px;
        font-weight: 600;
        margin-bottom:5px; 
    }

        #footer p a {
            text-decoration: none;
        }

        #footer p:last-child {
            margin-bottom: 0px;
        }

        #footer p span {
            position: relative;
            margin-left: 5px;
            margin-right: 5px;
            font-size: 14px;
            top: -2px;
        }

    #footer hr {
        width: 20px;
        border: 1px solid #fff;
        margin: 20px 0px 5px;
    }

.top-btn {
    cursor: pointer;
}

#subtop { margin-bottom:50px; }

.sub-gnb {
    padding: 30px 0;
}

    .sub-gnb > p:last-child {
        color: #00A9E0;
    }

    .sub-gnb img {
        display: inline-block;
        position: relative;
        top: -4px;
    }

    .sub-gnb p {
        display: inline-block;
        font-size: 18px;
        color:#fff;
        margin: 0;
    }

    .sub-gnb .fa {
        margin: 0 7px;
        color:#fff;
    }

    .sub-gnb p.active {
        color: #00A9E0;
    }

.sub-title {
    font-size: 35px;
    margin-bottom: 35px;
}

.sub-btn-group { margin-top:15px; margin-bottom:45px; }
.sub-btn-group button { font-size:16px; line-height:inherit; padding:8px 15px;  }


.depth5 { text-align:center; }
.depth5 a { color:#333; font-size:18px; }
.depth5 li.active a { font-weight:600;  }
.depth5.breadcrumb > li + li:before {
    color:#555;
    content: "|\00a0";
    padding:0px 10px;
}


.sub-container {
    padding-bottom: 30px;
}


#mmenu-btn {
    color: #fff;
    font-size: 28px;
    float: right;
    position:relative;
    top:2px;
}

.mm-panel {
    background: #026BE1 !important;
}

.mm-title, .mm-listview > li > a, .mm-listview > li > span {
    color: #fff !important;
}

.mm-menu .mm-listview > li .mm-next:after {
    border-color: #fff !important;
}

.board-theme .board-pages > span.prev i, .board-theme .board-pages > span.next i {
		font-family:'FontAwesome' !important;
}

    #logo {
        margin-top: 15px;
    }


@media(min-width:1630px) {
    .container {
        width: 1600px;
    }
    .sub-container {
        width:1170px; 
    }
    .main-container {
        width:1400px;
    }
}

@media(min-width:1200px) and (max-width:1629px) {
    #logo {
        margin-top:10px;
    }
    #header {
        padding: 25px 0px;
    }
    .depth1 > li > a {
        padding: 0px 20px;
    }
    #top-quickmenu ul li {
        padding:0px 3px; 
    }
    #top-quickmenu ul li a {
        font-size: 14px;
    }
}

@media(min-width:992px) and (max-width:1199px) {
    #logo {
        margin-top: 10px;
    }
    .depth1 > li > a {
        font-size:16px;
        padding:0px 20px;
    }
    #header {
        padding:20px 0px;
    }
    #top-quickmenu {
        margin-top: 10px;
    }
    #top-quickmenu ul li {
        padding: 0px 2px;
    }
    #top-quickmenu ul li a {
        font-size:12px; 
    }
}

@media(min-width:768px) and (max-width:991px) {
    #header {
        padding: 15px 0px;
    }
}

@media(max-width:768px) {
    #header {
        padding:10px 0px; 
    }
    #logo {
        margin-top:5px; 
		margin-bottom: 0px;
    }
    #bottom-left a {
        top:15px;
    }
    #subtop {
        background-size:auto 100% !important;
        background-position:center !important;
    }
	    #footer {
		text-align: center;
 
    }
}