.slider-banner {
    position: relative;
	width:100%;
	height:400px;
}

/* 메인비주얼 페이징 */
.slider-banner .owl-controls {
    display: inline-block;
    position: absolute;
    bottom: 13%;
    left: 50%;
    margin-left: -30px
}

.slider-banner .owl-controls .owl-dots .owl-dot {
    width: 12px;
    height: 12px;
    background-color: transparent;
    border: 2px solid #fff;
    display: inline-block;
    border-radius: 50%;
    margin: 0 5px
}

.slider-banner .owl-controls .owl-dots .owl-dot.active {
    background-color: #86bc42;
    border: 2px solid #86bc42
}

/* 메인 비주얼 설정 */
.slider-item .slider-1, .slider-item .slider-2, .slider-item .slider-3, .slider-item .slider-4 {
    background-position: center;
	background-size:cover;
    background-repeat: no-repeat;
    height: 400px;
    width: 100%;
    display: table;
	margin:0 auto;
}

.slider-item .slider-1 {
    background-image: url(../images/mainvisual01.jpg);
}

.slider-item .slider-2 {
    background-image: url(../images/mainvisual02.jpg);
}


.slider-item .slider-3 {
    background-image: url(../images/mainvisual03.jpg);
}


html * {
    outline: 0 !important
}

html, body {
    min-height: 100%;
    overflow-x: hidden
}


/* max-width: 767px 시작 */
@media screen and (max-width: 767px) {
    header .header-main .logo {
        line-height: 60px;
		padding-left:10px;
    }

    header .header-main .logo .header-logo img {
        width: 70px
    }

    header .header-main .navigation {
        width: 50%;
        min-width: 290px;
        text-align: right;
        position: absolute;
        right: 0;
        background-color: #fff;
        top: 65px;
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3)
    }

    header .header-main .navigation .nav-links li .main-menu {
        line-height: 50px;
        padding: 0;
        margin: 0 20px;
        font-size: 14px;
        text-align: left
    }

    header .header-main .navigation .nav-links li.active .main-menu {
        border-bottom: none
    }

    header .header-main .navigation .nav-links li:hover .main-menu {
        background-color: transparent
    }

    header .header-main .navigation .nav-links li:hover .main-menu:after {
        height: 0
    }

    header .header-main .navigation .icons-dropdown {
        float: right;
        line-height: 50px;
        width: 35px;
        text-align: center
    }

    header .header-main .navbar-heade {
        display: inline-block;
        width: 100%
    }

    header .header-main .edugate-dropdown-menu-1 {
        padding: 0;
        text-align: right;
        margin: 0 20px 0 20px;
        border-bottom: 2px solid #9f88ca !important
    }

    header .header-main .edugate-dropdown-menu-1 > li > .link-page {
        line-height: 40px !important;
        margin: 0;
        padding-right: 30px;
        text-align: left
    }

    header .header-main .edugate-dropdown-menu-1 > li:hover {
        background-color: #fff
    }

    header .header-main .edugate-dropdown-menu-1 li:last-child > a {
        border-bottom: 1px solid #9f88ca
    }

    header .header-main .edugate-dropdown-menu-2 {
        background-color: #fff;
        border-bottom: none
    }

    header .header-main .edugate-dropdown-menu-2 > li > .link-page {
        line-height: 40px;
        margin: 0;
        text-align: left;
        padding-right: 30px
    }

    header .header-main .edugate-dropdown-menu-2 li:last-child > a {
        border-bottom: 1px solid #9f88ca
    }

    header .header-main.header-fixed .logo {
        line-height: 40px
    }

    header .header-main.header-fixed .logo .header-logo img {
        width: 70px
    }

    header .header-main.header-fixed .edugate-navbar {
        margin: 6px 0 0 0
    }

    header .header-main.header-fixed .navigation {
        top: 45px
    }

    header .header-main.homepage-03 .logo {
        width: 150px;
        line-height: 60px
    }

    header .header-main.homepage-03 .navigation .nav-links {
        width: 100%;
        text-align: right;
        margin-bottom: 0;
        float: none !important
    }

    header .header-main.homepage-03.header-fixed .logo {
        line-height: 45px
    }

    header .header-main.homepage-03.header-fixed .logo .header-logo img {
        width: 125px
    }

    header .header-main.homepage-03.header-fixed .edugate-navbar {
        margin: 6px 0 0 0
    }

    header .header-main.homepage-03.header-fixed .navigation {
        top: 45px
    }

    header .header-main.homepage-03.header-fixed .navigation .nav-links li .main-menu {
        line-height: 50px;
        padding: 0 13px 0 10px;
        margin: 0
    }

    header .header-main.homepage-03.header-fixed .navigation .nav-links li.active .main-menu {
        border-bottom: none
    }

    header .header-main.homepage-03.header-fixed .navigation .nav-links li:hover .main-menu {
        background-color: transparent
    }

    header .header-main.homepage-03.header-fixed .navigation .nav-links li:hover .main-menu:after {
        height: 0
    }

    header .header-topbar .socials {
        display: none
    }

    header .dropdown-menu > li > a:hover, header .dropdown-menu > li > a:focus {
        background-color: #fff
    }

    .navigation {
        padding-right: 15px
    }

    .button-search {
        opacity: 0
    }

    .nav-search {
        display: block !important;
        box-shadow: none;
        padding: 0;
        width: 100%;
        position: relative;
        top: -50px;
        right: 0;
        bottom: 0
    }

    .nav-search:after {
        position: absolute;
        content: '';
        width: 100%;
        height: 2px;
        background-color: #cccccc;
        left: 0;
        right: 0;
        top: 0
    }

    .nav-search form {
        border: none
    }

    .nav-search form input[type='text'] {
        width: 80%;
        padding: 0 5px 0 15px
    }

    .nav-search form .searchbutton {
        width: 20%;
        padding-right: 0;
        text-align: center
    }

    .edugate-navbar {
        background-color: #9f88ca;
        cursor: pointer;
        margin-top: 16px
    }

    .edugate-navbar .icon-bar {
        background-color: #fff
    }

    .slider-banner .slider-item {
        height: 568px
    }

    .slider-banner .slider-item .slider-caption {
		color:#FFF;
        text-align: center
    }