@charset "utf-8";
@media (min-width: 430px){
.txt .eyebrow .fee ul li {
    display: inline-block;
    width: 49%;
}
.txt .eyebrow .fee ul li:last-child {
    width: 100%;
}
}
@media (min-width: 576px){
    body.course .page-content .list-box .txt-list li a span {
        left: 8px;
        top: 12px;
        padding: 0;
        position: absolute;
        font-size: 16px;
        margin-bottom: 0;
    }
    body.course .page-content .list-box .txt-list li a {
        padding: 15px 0 15px 235px;
    }
}
@media (min-width: 768px){
   .txt .sec02 h3:after,.txt .sec02 h3:before {
    content: "";
    width: 14%;
    height: 1px;
    display: inline-block;
    background: #d0b697;
    vertical-align: middle;
}

.txt .sec02 h3:before {
    margin-right: 10px;
}

.txt .sec02 h3:after {
    margin-left: 10px;
}

}
@media (min-width: 992px){
    body.home .banner .banner-pub-content .banner-tax {
        display: block;
        pointer-events: none;
        position: absolute;
        width: 170px;
        left: -196px;
        bottom: 200px;
        text-align: right;
    }
    body.home .banner .container-fluid {
        width: 75%;
        margin-left: 25%;
        margin-top: 62px;
    }
    .header .navbar-nav .nav-link {
        padding: 25px 20px 25px;
    }
    .header .navbar .navbar-nav > .nav-item.dropdown > .nav-link::before {
        content: "/";
        color: #858585;
        position: absolute;
        right: 0;
    }
    .header .navbar .navbar-nav > .nav-item.dropdown:last-child > .nav-link::before {
        content:none;
    }
    body.home .banner .banner-tax.top {
        left: auto;
        right: 10%;
        bottom: auto;
        top: -36px;
        width: auto;
        font-weight: bold;
        letter-spacing: 11px;
        line-height: 2;
        writing-mode: vertical-rl;
        text-align: left;
        font-size: 18px;
        z-index: 1;
    }

.txt .sec02.classInfo .info .descbox {
    padding-left: 44px;
    border-left: 1px solid #c9c9c9;
}



}
@media (min-width: 1200px){

}
@media (max-width: 1199px) {
    body.about .topbox:before {
        right: 40px;
    }
.txt .sec02.apply {
    background-size: 18%;
}
}
@media (max-width: 991px) {
    body.home .banner .banner-pub-content {
        display:none;
    }
    .home-category .home-pagelist-area .list_item {
        width: 50%;
        flex: unset;
    }
    body.about .topbox .info {
        width: 70%;
    }
.txt .picbox .row {
    gap: 20px 0;
}
}
@media (max-width: 767px) {
    .foo-sit, .footer .footer_content.fc_seperate_bottom .foo-sit .sitemap {
        display: block !important;
    }
    .home-category .gallery-list .item, .home-category .container-fluid {
        padding: 0;
    }
    .home-category .gallery-list {
        margin: 0;
    }
    .container .ezshare-box {
        margin: 0 0 22px 0;
    }
    body.about .kind-info {
        margin-bottom: 30px !important;
    }
    body.about .topbox .info {
        width: 95%;
        position: relative;
        bottom: auto;
        top: -28px;
        right: -58px;
        /* left: 56px; */
    }
    body.about .topbox:before {
        height: 500px;
    }
    body.home section.abbox .list {
        margin-bottom: 22px;
    }
.txt .sec02.apply {
    background-position: bottom 0px right 0px,bottom 0 left 0px;
    padding: 30px 30px 20% 30px;
    background-size: 20%;
}
.txt .sec02.teacher h3 {
    margin-top: 18px;
}
.txt .contact-info .row {
    gap: 20px 0;
}

}
@media (max-width: 575px) {
    body.about .topbox .info {
        width: 100%;
        bottom: auto;
        top: 0;
        right: auto;
        /* left: 56px; */
    }
    body.home .banner {
        padding-bottom: 0;
        /* background-size: cover; */
    }
    .header .navbar .navbar-brand, 
    .header .navbar.newtop .navbar-brand, 
    .is_scroll .header .navbar .navbar-brand {
        width: 62px !important;
        height: 62px !important;
        background-size:100%;
    }
    .home-service .list .list_item {
        flex: 1 1 100%;
    }
    body.about .txt .bottombox .info h3,
    body.about .txt .bottombox .info p {
        color: #fff;
    }
    body.about.kind_3 .bottombox h3 {
        background: url(../images/h32-01.svg) no-repeat left top;
        padding-left: 58px;
        background-size: 54px;
    }
    body.about .txt .bottombox {
        background: url(../images/aboutbox2.jpg) no-repeat center;
        background-size: cover;
    }
    body.about .txt .bottombox .info {
        width:100%;
        background:none;
        padding: 0px;
    }


    body.course .page-content .list-box .txt-list li a .status {
        padding: 3px 6px;
        min-width: auto;
        font-size: 15px;
        
    }
.txt .sec02.about02 ul li {
    width: 100%;
}
}