@charset "UTF-8";

.main *, #header *, #footer * {
    box-sizing: border-box;
}

.main .container {
    width: 1100px;
    margin: 40px auto;
}

/* 상단 띠배너 */
.topBanner {
    width: 100%;
    height: 90px;
    text-align: center;
}

    .topBanner a {
        display: block;
        width: 1100px;
        height: 90px;
    }

    .topBanner .topBanner_pagination {
        position: absolute;
        z-index: 5;
        bottom: 3px !important;
    }

        .topBanner .topBanner_pagination .swiper-pagination-bullet {
            width: 10px;
            height: 10px;
        }

        .topBanner .topBanner_pagination .swiper-pagination-bullet-active {
            background: #111;
        }

/* header */
#header {
    width: 100%;
    height: 220px;
    background: url(../../images/common/gnb_bg.png) repeat-x;
}

    #header .util {
        position: relative;
        width: 100%;
        height: 39px;
        padding-top: 10px;
    }

        #header .util .ek_sns li {
            padding-right: 7px;
        }

        #header .util .util_list {
            position: absolute;
            right: 0;
            top: 10px;
        }

        #header .util ul:after {
            content: "";
            display: block;
            clear: both;
        }

        #header .util li {
            position: relative;
            float: left;
            display: block;
        }

    #header .util_list li:after {
        position: absolute;
        right: 0;
        top: 6px;
        content: "";
        display: inline-block;
        width: 1px;
        height: 10px;
        background: #bcc5cb;
    }

    #header .util_list li a {
        display: block;
        padding: 0 20px;
        color: #6e6d7a;
        font-size: 15px;
    }

    #header .util_list li:last-child a {
        padding-right: 0;
    }

    #header .util_list li:last-child:after {
        background: none;
    }

    #header .util_list li strong {
        color: #0082ff;
        font-weight: normal;
    }

    #header .sta {
        margin-top: 38px;
    }

        #header .sta .brandBanner {
            margin: 31px 0 0 0;
            width: 233px;
        }

            #header .sta .brandBanner li {
                background: #fff;
            }

    #header h1 a {
        position: absolute;
        left: 50%;
        top: 73px;
        margin-left: -167px;
        width: 335px;
        display: block;
    }

    #header .login_section ul:after {
        content: "";
        display: block;
        clear: both;
    }

    #header .login_section li {
        float: left;
        font-size: 19px;
    }

        #header .login_section li a {
            font-size: 19px;
        }

            #header .login_section li a:hover {
                color: #0082ff;
            }

.sta .login_section {
    position: absolute;
    top: 82px;
    right: 0;
}

    .sta .login_section li {
        padding: 0 22px 0 12px;
    }

        .sta .login_section li:last-child {
            padding-right: 0;
        }

.login_section.before li a {
    display: block;
    height: 31px;
    line-height: 31px;
    padding-left: 40px;
    transition: all .5s;
}

.login_section.before li:first-child a {
    background: url(../../images/common/icon_login.png) no-repeat;
}

.login_section.before li:last-child a {
    background: url(../../images/common/icon_join.png) no-repeat;
    
}

.login_section.after li {
    position: relative;
    color: #0082ff;
    padding: 2px 22px 0 22px;
}

    .login_section.after li strong {
        color: #0082ff;
    }

    .login_section.after li:after {
        position: absolute;
        top: 8px;
        left: 0;
        width: 1px;
        height: 15px;
        content: "";
        display: block;
        background: #4c4e53;
    }

    .login_section.after li:first-child:after {
        background: none;
    }

    .login_section.after li:first-child {
        position: relative;
    }

        .login_section.after li:first-child:before {
            position: absolute;
            left: -19px;
            top: 1px;
            display: block;
            content: "";
            width: 31px;
            height: 31px;
            background: url(../../images/common/icon_name.png) no-repeat;
        }

#header .nav {
    position: relative;
    cursor: pointer;
}

#header .gnb:after {
    content: "";
    display: block;
    clear: both;
}

#header .gnb {
    width: 1100px;
    margin: 0 auto;
    margin-top: 45px;
    padding: 15px 0 17px;
}

    #header .gnb li, #header .lnb ul li {
        float: left;
        width: 120px;
        text-align: center;
    }

        /* 경영학 패키지 분할 20251105 */
        #header .gnb li:nth-child(1), #header .lnb ul li:nth-child(1) {
            width: 130px;
        }

        #header .gnb li:nth-child(2), #header .lnb ul li:nth-child(2) {
            width: 150px;
        }

        #header .gnb li:nth-child(4), #header .lnb ul li:nth-child(4) {
            width: 180px;
        }

        #header .gnb li:nth-child(5), #header .lnb ul li:nth-child(5) {
            width: 160px;
        }

#header .nav .gnb li a {
    position: relative;
    font-size: 20px;
    font-weight: 600;
}

    #header .nav .gnb li a:after {
        position: absolute;
        left: 0;
        bottom: -17px;
        width: 100%;
        display: block;
        content: "";
        border-bottom: 3px solid #0082ff;
        transition: all .2s;
        transform: scaleX(0);
        z-index: 1000;
    }

    #header .nav .gnb li a.current:after {
        border-bottom: 3px solid #0082ff;
        transform: scaleX(1);
    }

    #header .nav .gnb li a:hover:after {
        transform: scaleX(1);
    }

#header .nav a:hover, #header .nav a.current {
    color: #0082ff;
}

#header .lnb {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity .3s linear;
    width: 100%;
    height: 0;
    line-height: 0;
    background: #fff;
    border-bottom: 1px solid #222;
    z-index: 150;
}

#header .nav:hover .lnb {
    visibility: visible;
    opacity: 1;
    height: auto;
}

#header .lnb {
    background: #f4f8ff;
    border-bottom: 1px solid #dbdddf;
    padding: 28px 0 35px;
}

    #header .lnb ul {
        width: 1100px;
        margin: 0 auto;
    }

        #header .lnb ul:after {
            content: "";
            display: block;
            clear: both;
        }

        #header .lnb ul li a {
            width: 100%;
            color: #4a4c4f;
            font-size: 16px;
            line-height: 2.3;
            display: inline-block;
        }



/* 개강일정 안내 */
.main_bigBanner {
    position: relative;
    overflow: hidden;
    width: 100%;
}

    .main_bigBanner .open_course {
        position: absolute;
        right: 50%;
        top: 40px;
        margin-right: -550px;
        width: 239px;
        background: #fff;
        border: 1px solid #dbdddf;
        z-index: 100;
        text-align: center;
    }

.open_course .dday {
    background: #f8f8f8;
    padding: 7px 0 9px;
    border-bottom: 1px solid #dbdddf;
    text-align: center;
}

    .open_course .dday dt, .open_course .dday dd {
        display: inline-block;
    }

    .open_course .dday dt {
        font-size: 15px;
        color: #8b8b8c;
        margin-right: 5px;
    }

    .open_course .dday dd {
        width: 52px;
        height: 21px;
        background: #a48854;
        border-radius: 30px;
        font-size: 14px;
        font-weight: bold;
        text-align: center;
        color: #fff;
        letter-spacing: normal;
    }

.open_course > strong {
    display: block;
    font-size: 22px;
    font-weight: bold;
    padding-top: 9px;
}

.open_course > span {
    font-size: 17px;
}

.open_course .btn_apply {
    display: block;
    margin: 14px auto 0;
    width: 199px;
    padding-left: 16px;
    height: 32px;
    line-height: 30px;
    background: #a48854 url(../../images/main/icon_apply.png) no-repeat 50px center;
    color: #fff;
    font-size: 15px;
    transition: all .3s;
}

    .open_course .btn_apply:hover {
        background-color: #0082ff;
    }

.open_course .tel dt {
    padding-top: 12px;
}

.open_course .tel dd {
    font-weight: bold;
    color: #0082ff;
    font-size: 30px;
    line-height: 1.1;
}

.open_course ul {
    background: #f7f7f7;
    color: #b0b0b1;
    font-size: 13px;
    margin-top: 8px;
    padding: 6px 0 5px 18px;
    text-align: left;
}

    .open_course ul li a {
        color: #b0b0b1;
        font-size: 13px;
    }

        .open_course ul li a:before {
            content: "[ "
        }

        .open_course ul li a:after {
            content: " ]"
        }

.main h2 {
    font-weight: bold;
    font-size: 23px;
    display: inline-block;
}

    .main h2 strong {
        color: #0082ff;
    }

/* 메인 슬라이드 */
.main_bigBanner .mainSwiper {
    height: 400px
}

    .main_bigBanner .mainSwiper .swiper-slide {
        position: relative;
    }

        .main_bigBanner .mainSwiper .swiper-slide a {
            display: block;
            position: absolute;
            top: 0;
            left: 50%;
            margin-left: -550px;
        }

.main_bigBanner .mainTab {
    position: absolute;
    bottom: 18px;
    left: 50%;
    width: 995px;
    height: 39px;
    margin-left: -500px;
    z-index: 10;
}

    .main_bigBanner .mainTab .swiper-container {
        position: absolute;
        left: 50%;
        margin-left: -550px;
        width: 936px;
        box-sizing: border-box;
        z-index: 11;
        border-right: 1px solid rgba(255,255,255,.5);
    }

.mainTab .swiper-wrapper li {
    width: 166px;
    border: 1px solid rgba(255,255,255,.5);
    border-right: none;
}

    .mainTab .swiper-wrapper li span {
        position: relative;
        display: block;
        line-height: 39px;
        color: #fff;
        text-align: center;
        background: rgba(255,255,255,0);
        cursor: pointer;
        transition: all .2s;
        font-size: 16px;
    }

    .mainTab .swiper-wrapper li:hover span {
        background: rgba(255,255,255,.15);
    }

    .mainTab .swiper-wrapper li span:before {
        content: '';
        display: block;
        position: absolute;
        left: -1px;
        bottom: -1px;
        width: 0;
        height: 3px;
        background: #fff;
    }

.mainTab .swiper-wrapper .swiper-slide-thumb-active span:before {
    width: 157px;
    transition: 3s;
}

/* 컨트롤 */
.main_bigBanner .mainTab .control {
    position: absolute;
    bottom: -10px;
    right: 50%;
    margin-right: -550px;
    z-index: 10;
    width: 147px;
    height: 55px;
    text-align: center;
}

.main_bigBanner .mainTab .swiper-pagination-fraction {
    bottom: 16px;
    width: 42px;
    margin-left: 26px;
    font-family: Arial, sans-serif;
    color: #fff;
}

.main_bigBanner .mainTab .swiper-pagination-current {
    font-weight: bold;
    color: #fcff00;
}

.mainTab .swiper-button-prev, .mainTab .swiper-button-next {
    position: absolute;
    margin-top: -14px;
    width: 26px;
    height: 26px;
    background: url(https://cdn.ibstudy.co.kr/Content_new/images/main/mainSwiper_btnControl.png) no-repeat 0 center;
    transition: all .2s;
}

    .mainTab .swiper-button-prev:after, .mainTab .swiper-button-next:after {
        display: none;
    }

.mainTab .swiper-button-prev {
    left: 0;
}

.mainTab .swiper-button-next {
    right: 56px;
    background-position: -26px 0;
}

    .mainTab .swiper-button-next:before {
        background-position: -50px 7px;
    }

.main_bigBanner .mainTab .swiper-stop {
    position: absolute;
    right: 28px;
    bottom: 17px;
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url(https://cdn.ibstudy.co.kr/Content_new/images/main/mainSwiper_btnPlay.png) no-repeat 0 0;
    cursor: pointer;
}

    .main_bigBanner .mainTab .swiper-stop.play {
        background: url(https://cdn.ibstudy.co.kr/Content_new/images/main/mainSwiper_btnPlay.png) no-repeat 0 -22px;
    }

.main_bigBanner .mainTab .btn_bannerMore {
    position: absolute;
    right: 0;
    bottom: 17px;
}

/* 간편상담 신청 */
.consultNotice:after, .notice_txt:after {
    content: "";
    display: block;
    clear: both;
}

.consultNotice .consult_section, .consultNotice .notice_section {
    float: left;
    width: 545px;
    height: 231px;
    border: 1px solid #dbdddf;
}

.consultNotice .consult_section {
    position: relative;
    margin-right: 10px;
    background: #f4f8ff;
    padding: 20px 24px 0;
}

.consult_section h2 {
    font-size: 27px;
    font-weight: 500;
    letter-spacing: -2px;
    margin-bottom: 27px;
}

.consult_section .design_checkbox {
    position: absolute;
    right: 27px;
    top: 28px;
}

    .consult_section .design_checkbox span:after {
        content: "";
        display: inline-block;
        width: 7px;
        height: 10px;
        background: url(../../images/main/bullet_agree.png) no-repeat;
        margin-left: 5px;
        vertical-align: 1px;
    }

.consult_section input, .consult_section select {
    display: block;
    width: 320px;
    margin-bottom: 6px;
}

.consult_section .input button {
    position: absolute;
    right: 24px;
    top: 85px;
    font-size: 19px;
    color: #fff;
    display: block;
    width: 162px;
    height: 115px;
    background: #303339;
    transition: all .3s;
}

    .consult_section .input button:hover {
        background: #0082ff;
    }

/* 개인정보 활용 동의 레이어 */
.layer_agree {
    left: 35px;
    top: 60px;
    width: 490px;
    border: 1px solid #303339 !important;
}

    .layer_agree.layer_style .layer_header {
        border-bottom: 1px solid #dbdddf;
        padding-bottom: 25px;
    }

    .layer_agree.layer_style .layer_con {
        height: 300px;
        padding: 30px 20px;
        overflow-y: scroll;
    }

/* 공지 롤링 */
.consultNotice .notice_section .notice_swiper {
    float: left;
    width: 427px;
    height: 40px;
    margin-top: 20px;
    overflow: hidden;
    background: url(../../images/main/bullet_noticeOpen.png) no-repeat right 8px;
    cursor: pointer;
}

    .consultNotice .notice_section .notice_swiper a {
        width: 427px;
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding-right: 30px;
    }

.notice_txt {
    border-bottom: 1px solid #dbdddf;
    cursor: pointer;
}

    .notice_txt h2 {
        float: left;
        font-size: 21px;
        padding: 16px 0 0 25px;
        margin-right: 20px;
    }

.notice_section .notice_swiper strong {
    color: #0082ff;
    margin-right: 5px;
    font-weight: 400;
}

    .notice_section .notice_swiper strong:before {
        content: "["
    }

    .notice_section .notice_swiper strong:after {
        content: "]"
    }

/* 레이어 스타일 */
.layer_style {
    display: none;
    position: absolute;
    background: #fff;
    border: 1px solid #dbdddf;
    z-index: 200;
}

    .layer_style .layer_header {
        position: relative;
        padding: 0 20px;
    }

        .layer_style .layer_header h3 {
            font-size: 24px;
            font-weight: bold;
            padding-top: 22px;
        }

        .layer_style .layer_header .btn_layerClose {
            position: absolute;
            right: 15px;
            top: 22px;
        }

    .layer_style .layer_con {
        padding: 0 20px;
    }

/* 공지사항 레이어 */
.layer_notice {
    right: 0;
    top: 0;
    width: 545px;
    height: 274px;
    border: 1px solid #303339;
}

    .layer_notice h3 {
        display: inline-block;
        padding: 28px 0 0 31px;
    }

        .layer_notice h3 span, .layer_notice h3 strong {
            color: #0082ff;
        }

    .layer_notice .btn_noticeView {
        display: inline-block;
        margin-left: 10px;
        vertical-align: 5px;
        padding: 1px 24px 1px 12px;
        font-size: 12px;
        border: 1px solid #dbdddf;
        background: url(../../images/main/bullet_noticeMore.png) no-repeat 90px center;
    }

    .layer_notice ol {
        margin: 16px 0 0 31px;
    }

        .layer_notice ol li strong {
            display: inline-block;
            font-weight: 500;
            width: 90px;
        }

        .layer_notice ol li {
            margin-bottom: 12px;
            display: inline-block;
            width: 465px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

            .layer_notice ol li:before {
                display: inline-block;
                width: 21px;
                height: 21px;
                color: #fff;
                font-size: 12px;
                background: #0082ff;
                text-align: center;
                line-height: 20px;
                margin-right: 10px;
            }

            .layer_notice ol li:nth-child(1):before {
                content: "1";
            }

            .layer_notice ol li:nth-child(2):before {
                content: "2";
            }

            .layer_notice ol li:nth-child(3):before {
                content: "3";
            }

            .layer_notice ol li:nth-child(4):before {
                content: "4";
            }

            .layer_notice ol li:nth-child(5):before {
                content: "5";
            }

.notice_section .link:after, .main .ek_course ul:after {
    content: "";
    display: block;
    clear: both;
}

.notice_section .link {
    padding: 0 28px;
}

    .notice_section .link li {
        float: left;
        width: 25%;
        text-align: center;
    }

        .notice_section .link li a {
            display: block;
            width: 100%;
            height: 100%;
            padding-top: 120px;
            transition: all .3s;
        }

        .notice_section .link li:first-child a {
            background: url(../../images/main/icon_notice01.png) no-repeat center 37px;
        }

            .notice_section .link li:first-child a:hover {
                background: url(../../images/main/icon_notice01_hover.png) no-repeat center 37px;
            }

        .notice_section .link li:nth-child(2) a {
            background: url(../../images/main/icon_notice02.png) no-repeat center 37px;
        }

            .notice_section .link li:nth-child(2) a:hover {
                background: url(../../images/main/icon_notice02_hover.png) no-repeat center 37px;
            }

        .notice_section .link li:nth-child(3) a {
            background: url(../../images/main/icon_notice03.png) no-repeat center 37px
        }

            .notice_section .link li:nth-child(3) a:hover {
                background: url(../../images/main/icon_notice03_hover.png) no-repeat center 37px
            }

        .notice_section .link li:nth-child(4) a {
            background: url(../../images/main/icon_notice04.png) no-repeat center 37px
        }

            .notice_section .link li:nth-child(4) a:hover {
                background: url(../../images/main/icon_notice04_hover.png) no-repeat center 37px
            }

/* 교육과정 */
.main .btn_moreView {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    text-indent: -9999px;
    overflow: hidden;
    background: #3e434c url(../../images/main/icon_more.png) no-repeat center;
    margin-right: 8px;
    vertical-align: -1px;
}

.main .ek_course {
    background: #f6f6f6;
    padding: 34px 0;
}

    .main .ek_course ul {
        border: 1px solid #dbdddf;
        border-left: none;
        border-right: none;
    }

        .main .ek_course ul li {
            float: left;
            height: 198px;
            width: 220px;
            text-align: center;
            border-right: 1px solid #dbdddf;
        }

            .main .ek_course ul li:nth-child(1) {
                border-left: 1px solid #dbdddf;
            }

            .main .ek_course ul li:nth-child(5) {
                width: 219px
            }

            .main .ek_course ul li strong {
                display: block;
                font-size: 18px;
                font-weight: 700;
                padding-bottom: 4px;
                color: #303339;
            }

    .main .ek_course .container {
        margin: 0 auto;
    }

    .main .ek_course h2, .ek_sample h2, .epilogue_section h2 {
        margin-bottom: 15px;
    }

    .main .ek_course ul li a {
        display: block;
        width: 100%;
        height: 100%;
        padding-top: 114px;
        transition: all .3s;
        line-height: 1.3;
        font-size: 14px;
        color: #666464;
    }

        .main .ek_course ul li a:hover, .main .ek_course ul li a:hover strong {
            color: #0258b5;
        }

    .main .ek_course ul li:first-child a {
        background: #fff url(https://cdn.ibstudy.co.kr/Content_new/images/main/icon_course01_2025.png) no-repeat center 20px;
    }

        .main .ek_course ul li:first-child a:hover {
            background: #e7f0ff url(https://cdn.ibstudy.co.kr/Content_new/images/main/icon_course01_hover_2025.png) no-repeat center 20px;
        }

    .main .ek_course ul li:nth-child(2) a {
        background: #fff url(https://cdn.ibstudy.co.kr/Content_new/images/main/icon_course02_2025.png) no-repeat center 20px;
    }

        .main .ek_course ul li:nth-child(2) a:hover {
            background: #e7f0ff url(https://cdn.ibstudy.co.kr/Content_new/images/main/icon_course02_hover_2025.png) no-repeat center 20px;
        }

    .main .ek_course ul li:nth-child(3) a {
        background: #fff url(https://cdn.ibstudy.co.kr/Content_new/images/main/icon_course03_2025.png) no-repeat center 20px
    }

        .main .ek_course ul li:nth-child(3) a:hover {
            background: #e7f0ff url(https://cdn.ibstudy.co.kr/Content_new/images/main/icon_course03_hover_2025.png) no-repeat center 20px
        }

    .main .ek_course ul li:nth-child(4) a {
        background: #fff url(https://cdn.ibstudy.co.kr/Content_new/images/main/icon_course04_2025.png) no-repeat center 20px
    }

        .main .ek_course ul li:nth-child(4) a:hover {
            background: #e7f0ff url(https://cdn.ibstudy.co.kr/Content_new/images/main/icon_course04_hover_2025.png) no-repeat center 20px
        }

    .main .ek_course ul li:nth-child(5) a {
        background: #fff url(https://cdn.ibstudy.co.kr/Content_new/images/main/icon_course05_2025.png) no-repeat center 20px
    }

        .main .ek_course ul li:nth-child(5) a:hover {
            background: #e7f0ff url(https://cdn.ibstudy.co.kr/Content_new/images/main/icon_course05_hover_2025.png) no-repeat center 20px
        }

/* 샘플강의 */
.main .ek_sample {
    background: #f6f6f6;
    padding-bottom: 38px;
}

    .main .ek_sample .container {
        margin: 0 auto;
    }

.sample_video .swiper-slide img {
    vertical-align: top;
    transition: all .3s;
    z-index: 10;
}

.sample_video .swiper-slide:hover img {
    transform: scale(1.1);
}

.sample_video .swiper-slide .thumbnail {
    width: 208px;
    height: 117px;
    overflow: hidden;
}

.sample_video .swiper-slide span {
    position: absolute;
    left: 0;
    top: 0;
    width: 208px;
    height: 117px;
    background: url(../../images/main/video_play.png) no-repeat;
    opacity: .6;
    transition: all .3s;
    z-index: 11;
    transition: all .3s;
}

    .sample_video .swiper-slide span:hover {
        opacity: 1;
        background: url(../../images/main/video_play_hover.png) no-repeat;
    }

.sample_video .swiper-slide dl {
    width: 208px;
    text-align: center;
}

.sample_video .swiper-slide dt {
    font-size: 18px;
    padding-top: 9px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 700;
}

.sample_video .swiper-slide dd {
    font-size: 14px;
    padding-top: 0;
}

.ek_sample .swiper-button-next, .ek_sample .swiper-button-prev, .epilogue_section .swiper-button-next, .epilogue_section .swiper-button-prev, .ek_familyLogo .swiper-button-next, .ek_familyLogo .swiper-button-prev {
    opacity: .4;
    margin-top: -25px;
    text-indent: -9999px;
    overflow: hidden;
    transition: all .2s;
}

.epilogue_section .swiper-button-next, .epilogue_section .swiper-button-prev {
    margin-top: -1px;
}

    .ek_sample .swiper-button-next:hover, .ek_sample .swiper-button-prev:hover, .epilogue_section .swiper-button-next:hover, .epilogue_section .swiper-button-prev:hover, .ek_familyLogo .swiper-button-next:hover, .ek_familyLogo .swiper-button-prev:hover {
        opacity: 1;
    }

.ek_sample .swiper-button-next, .epilogue_section .swiper-button-next {
    width: 27px;
    height: 44px;
    right: -44px;
    background: url(../../images/main/control_right.png) no-repeat center right;
}

.ek_sample .swiper-button-prev, .epilogue_section .swiper-button-prev {
    width: 27px;
    height: 44px;
    left: -44px;
    background: url(../../images/main/control_left.png) no-repeat center left;
}

.ek_familyLogo {
    margin-bottom: 50px;
}

/* 수강후기 */
.epilogue_section .epilogue_list a {
    display: block;
}

.epilogue_list:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 1px;
    height: 342px;
    background: #fff;
    z-index: 100;
}

.epilogue_section .epilogue_list {
    border: 1px solid #dbdddf;
    height: 342px;
}

    .epilogue_section .epilogue_list li {
        border-right: 1px solid #dbdddf;
        width: 367px;
        transition: all .3s;
        padding: 20px 38px;
    }

        .epilogue_section .epilogue_list li:last-child {
            border-right: none;
            width: 366px;
        }

.epilogue_list .epilogue_info {
    display: inline-block;
    margin-left: 15px;
    vertical-align: 20px;
}

    .epilogue_list .epilogue_info dt {
        color: #808081;
        font-size: 14px;
    }

    .epilogue_list .epilogue_info dd {
        font-size: 18px;
        font-weight: bold;
    }

.epilogue_list a span {
    display: inline-block;
    border-radius: 40px;
    transition: all .3s;
    background: #f7f7f7;
    overflow: hidden;
}

.epilogue_content {
    border-top: 1px solid #1f263a;
    margin-top: 5px;
}

    .epilogue_content dt {
        font-size: 18px;
        text-align: center;
        padding: 18px 0 15px;
    }

    .epilogue_content dd {
        color: #808081;
        font-weight: 300;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        word-wrap: break-word;
        line-height: 1.2em;
        height: 3.6em;
    }

.epilogue_list li:hover {
    background: #f7f7f7;
}

    .epilogue_list li:hover a {
        color: #303339;
    }

    .epilogue_list li:hover span {
        background: #fff;
    }

    .epilogue_list li:hover p {
        background: #fff;
    }

.epilogue_list .swiper-slide p {
    background: #f7f7f7;
    height: 50px;
    padding-top: 10px;
    border: 1px solid #dbdddf;
    text-align: center;
    font-size: 18px;
    margin-top: 17px;
    transition: all .3s;
}

/* 학습가이드 */
.main .studyGuide {
    height: 164px;
    background: #2b8eec url(../../images/main/guide_bg.png) no-repeat center;
}

    .main .studyGuide h2 {
        float: left;
        width: 250px;
        margin-top: 47px;
        font-size: 36px;
        color: #fff;
        font-weight: 700;
        line-height: 1.3;
    }

        .main .studyGuide h2 span {
            display: block;
            font-size: 20px;
            font-weight: 300;
        }

.studyGuide a {
    font-size: 20px;
    font-weight: 700;
}

.studyGuide ul:after {
    content: "";
    display: block;
    clear: both;
}

.studyGuide ul {
    float: left;
    width: 840px;
    margin-left: 8px;
}

.studyGuide li {
    float: left;
    width: 25%;
    height: 164px;
    text-align: center;
    padding-top: 26px;
}

    .studyGuide li a {
        display: block;
        width: 100%;
        height: 100%;
        background: url(../../images/main/icon_guide.png) no-repeat center 16px;
        transition: all .2s;
        padding-top: 50px;
        line-height: 1.2;
    }

        .studyGuide li a:hover {
            color: #fff;
            background: url(../../images/main/icon_guide_hover.png) no-repeat center 16px;
        }

/* 공지사항 */
.noticeEnent .notice {
    float: left;
    width: 703px;
    height: 252px;
    border: 1px solid #dbdddf;
    margin-right: 27px;
}

.notice .notice_header {
    position: relative;
    height: 59px;
    border-bottom: 1px solid #dbdddf;
}

    .notice .notice_header h2 {
        padding: 11px 0 0 30px;
    }

    .notice .notice_header a {
        position: absolute;
        right: 16px;
        top: 19px;
    }

.notice .tabMenu li {
    border-bottom: 1px solid #dbdddf;
}

    .notice .tabMenu li:last-child {
        border-bottom: none;
    }

.notice .tabMenu a {
    display: block;
    height: 63px;
    padding-left: 30px;
    line-height: 62px;
    background: #f7f7f7;
    font-size: 18px;
}

    .notice .tabMenu a.current {
        color: #0082ff;
        background: #fff;
    }

.notice .tabMenu {
    float: left;
    width: 250px;
}

.notice .notice_con {
    float: left;
    width: 445px;
    padding: 23px 30px 0 30px;
}

    .notice .notice_con li {
        position: relative;
        margin-bottom: 14px;
    }

        .notice .notice_con li:last-child {
            margin-bottom: 0;
        }

        .notice .notice_con li a {
            display: inline-block;
            width: 310px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .notice .notice_con li span {
            position: absolute;
            right: 0;
            top: 3px;
            font-size: 14px;
            color: #92919a;
        }

/* 중간 이벤트 영역 */
.eventBanner {
    width: 370px;
}

    .eventBanner .swiper-button-prev, .eventBanner .swiper-button-next {
        text-indent: -9999px;
        overflow: hidden;
        height: 29px;
        width: 30px;
        transition: all .2s;
    }

    .eventBanner .swiper-button-prev {
        border-radius: 0 20px 20px 0;
        background: rgba(0,0,0,.4) url(../../images/main/eventControl_left.png) no-repeat 3px center;
        left: 0;
    }

        .eventBanner .swiper-button-prev:hover {
            background: rgba(0,0,0,.8) url(../../images/main/eventControl_left.png) no-repeat 3px center;
        }

    .eventBanner .swiper-button-next {
        border-radius: 20px 0 0 20px;
        right: 0;
        background: rgba(0,0,0,.4) url(../../images/main/eventControl_right.png) no-repeat 10px center;
        right: 0;
    }

        .eventBanner .swiper-button-next:hover {
            background: rgba(0,0,0,.8) url(../../images/main/eventControl_right.png) no-repeat 10px center;
        }

    .eventBanner .swiper-pagination {
        right: 10px;
        top: 10px;
    }

    .eventBanner .swiper-pagination-bullet {
        transition: all .2s;
        border-radius: 10px;
        margin-left: 7px;
        background: rgba(50,50,50,1)
    }

    .eventBanner .swiper-pagination-bullet-active {
        width: 28px;
        background: rgba(0,0,0,1)
    }

_:-ms-fullscreen, :root .eventBanner .swiper-button-prev, _:-ms-fullscreen, :root .eventBanner .swiper-button-next {
    top: 110px
}

/* 고객센터 */
.main .cs {
    background: #f7f7f7;
    height: 211px;
    padding: 60px 0;
}

    .main .cs .container {
        margin: 0 auto;
    }

        .main .cs .container:after {
            content: "";
            display: block;
            clear: both;
        }

.cs .tel_info {
    float: left;
    width: 730px;
}

    .cs .tel_info > dl {
        float: left;
        width: 253px;
        border-right: 1px solid #dbdddf;
        height: 91px;
    }

        .cs .tel_info > dl dt {
            font-size: 20px;
            font-weight: 700;
            padding-bottom: 25px;
            line-height: 0.9;
        }

    .cs .tel_info a {
        display: inline-block;
        width: 162px;
        height: 91px;
        line-height: 89px;
        background: #303339;
        text-align: center;
        color: #fff;
        font-size: 19px;
        margin-left: 32px;
        transition: all .3s;
    }

        .cs .tel_info a:hover {
            background: #0082ff;
        }

.cs .cs_link {
    float: left;
    width: 370px;
    border-left: 1px solid #dbdddf;
    border-top: 1px solid #dbdddf;
}

    .cs .cs_link li {
        float: left;
        width: 50%;
        height: 46px;
        border-right: 1px solid #dbdddf;
        border-bottom: 1px solid #dbdddf;
    }

        .cs .cs_link li a {
            display: block;
            width: 100%;
            height: 100%;
            padding: 12px 0 0 70px;
        }

        .cs .cs_link li:first-child a {
            background: #fff url(../../images/main/icon_cs01.png) no-repeat 23px 8px;
        }

        .cs .cs_link li:nth-child(2) a {
            background: #fff url(../../images/main/icon_cs02.png) no-repeat 23px 8px;
        }

        .cs .cs_link li:nth-child(3) a {
            background: #fff url(../../images/main/icon_cs03.png) no-repeat 23px 8px;
        }

        .cs .cs_link li:nth-child(4) a {
            background: #fff url(../../images/main/icon_cs04.png) no-repeat 23px 8px;
        }

.cs .tel_info .tel_txt {
    float: left;
    font-size: 14px;
    margin-left: 28px;
    line-height: 1.7;
}

.tel_txt dd {
    color: #92919a;
}

    .tel_txt dd strong {
        color: #0082ff;
    }

.tel_txt dt:after {
    content: "-"
}

.tel_txt dt, .tel_txt dd {
    display: inline-block;
}

.cs .tel_info .tel_txt p {
    font-size: 14px;
    line-height: 1.7;
}

    .cs .tel_info .tel_txt p span {
        color: #92919a;
    }

    .cs .tel_info .tel_txt p:first-child {
        font-size: 18px;
        margin: -7px 0 8px 0;
        font-weight: bold;
    }

        .cs .tel_info .tel_txt p:first-child span {
            font-size: 19px;
            color: #0082ff;
        }

/* 믿을 수 있는 교육원  */
.ek_familyLogo .control {
    position: relative;
    width: 1100px;
    margin: 0 auto;
}

.ek_familyLogo h2 {
    margin-bottom: 25px;
    vertical-align: 6px;
}

.ek_familyLogo .container {
    margin-top: 32px;
}

.ek_familyLogo .swiper-button-next {
    width: 27px;
    height: 44px;
    right: -44px;
    background: url(../../images/main/control_right.png) no-repeat center right;
}

.ek_familyLogo .swiper-button-prev {
    width: 27px;
    height: 44px;
    left: -44px;
    background: url(../../images/main/control_left.png) no-repeat center left;
}

.ek_familyLogo .swiper-button-next, .ek_familyLogo .swiper-button-prev {
    margin-top: -100px;
}

.ek_familyLogo .swiper-slide {
    text-align: center;
}

/* 로그인 레이어 */
.layer_login {
    right: -30px;
    top: 125px;
    width: 430px;
    padding-bottom: 23px;
    background: #f7f7f7;
    border: 1px solid #303339;
}

    .layer_login .layer_header {
        padding-left: 20px;
    }

        .layer_login .layer_header span {
            color: #0082ff;
        }

    .layer_login .layer_con {
        padding: 0 20px;
        margin-top: -5px;
    }

    .layer_login .login_form:after {
        content: "";
        display: block;
        clear: both;
    }

    .layer_login .layer_con h4 {
        font-size: 21px;
        margin: 25px 0 5px;
        font-weight: 500;
    }

        .layer_login .layer_con h4 a {
            display: inline-block;
            margin-left: 10px;
            vertical-align: 5px;
            padding: 1px 24px 2px 12px;
            font-size: 12px;
            border: 1px solid #dbdddf;
            background: url(../../images/main/bullet_noticeMore.png) no-repeat 90px center;
        }

    .layer_login .layer_con .login_form {
        background: #fff;
        border: 1px solid #dbdddf;
        padding: 15px;
    }

    .layer_login .login_form input {
        width: 228px;
        margin: 0;
    }

    .layer_login .login_form ::placeholder {
        color: #808081;
    }

    .layer_login .login_form li:first-child {
        margin-bottom: 10px;
    }

    .layer_login .login_form ul {
        float: left;
    }

    .layer_login .login_form button {
        float: left;
        width: 118px;
        height: 78px;
        background: #0082ff;
        font-size: 19px;
        color: #fff;
        margin-left: 10px;
    }

    .layer_login .login_form.wide button {
        background: #f9605b;
    }

    .layer_login .login_form.small button {
        height: 34px;
    }

    .layer_login .login_form.small li {
        margin-bottom: 0;
    }

    .layer_login .login_list li {
        display: inline-block;
        padding-top: 5px;
    }

        .layer_login .login_list li a:after {
            content: " | ";
            color: #ccc;
            padding: 0 10px;
        }

        .layer_login .login_list li:last-child a:after {
            content: " ";
        }

        .layer_login .login_list li a {
            color: #808081;
            font-size: 13px;
        }


/* footer */
#footer {
    background: #303339;
    padding: 0 0 50px;
}

    #footer .container {
        margin: 40px auto 0;
    }

    #footer .footer_nav {
        border-bottom: 1px solid #474b54;
        height: 70px;
        padding-top: 24px;
    }

        #footer .footer_nav ul {
            width: 1100px;
            margin: 0 auto;
        }

    #footer ul:after {
        display: block;
        clear: both;
        content: "";
    }

    #footer .footer_nav li {
        float: left;
        padding: 0 30px;
        background: url(../../images/main/footer_div.png) no-repeat 0 center;
    }

        #footer .footer_nav li:first-child {
            background: none;
            padding-left: 0;
        }

    #footer .footer_nav a {
        color: #83878e;
        font-size: 15px;
        transition: all .2s;
    }

        #footer .footer_nav a:hover {
            color: #a6adbd;
        }

    #footer .footer_logo {
        position: absolute;
        left: 0;
        top: 0;
    }

    #footer .company_info {
        color: #989da6;
        font-size: 14px;
        margin-left: 250px;
        line-height: 1.4;
    }

        #footer .company_info li {
            display: inline-block;
            padding: 0 10px;
            background: url(../../images/main/footer_div.png) no-repeat 0 center;
        }

            #footer .company_info li:first-child {
                background: none;
                padding-left: 0;
            }

        #footer .company_info p {
            color: #989da6;
            font-size: 14px;
            line-height: 1.4;
        }

    #footer .copyright, #footer .margin {
        margin-top: 16px;
    }

        #footer .copyright strong {
            color: #fff;
            font-weight: 400;
        }

    #footer select {
        display: inline-block;
        width: 200px;
        height: 28px;
        border: 1px solid #989da6;
        padding: 0 28px 0 7px;
        margin: 0;
        background: #303339 url(../../images/main/footer_select.png) no-repeat right center;
        color: #989da6;
        font-size: 14px;
    }

    #footer .company_link {
        position: absolute;
        right: 0;
        top: 0;
    }

        #footer .company_link a {
            display: inline-block;
            height: 41px;
            padding: 0 27px 0 47px;
            line-height: 3;
            color: #989da6;
            font-size: 13px;
            background: url(../../images/main/icon_blog.png) no-repeat;
            transition: all .2s;
        }

            #footer .company_link a:hover {
                color: #eee;
            }

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}


/* 모달 bg */
.modal_bg {
    display: none;
    position: fixed;
    top: 0;
    z-index: 1001;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.7);
}


/* 왼쪽 퀵메뉴 */
.aside_left {
    z-index: 1000;
    position: fixed;
    left: -149px;
    top: 0;
    width: 149px;
    height: 100%;
    background: #fff;
    border: 1px solid #dbdddf;
    border-left: 0;
    border-bottom: 0;
    text-align: center;
    transition: all .25s ease;
    animation: aside_ani 2s ease-out both;
}

    .aside_left.open {
        transform: translateX(149px);
    }

    .aside_left p {
        font-size: 15px;
        background: #dbdddf;
        height: 62px;
        line-height: 1.2;
        padding-top: 12px;
    }

        .aside_left p strong {
            color: #0082ff;
        }

    .aside_left dl {
        height: 118px;
        width: 100%;
        background: #f6f6f6;
        border-bottom: 1px solid #dbdddf;
    }

    .aside_left dt {
        font-size: 17px;
        padding-top: 14px;
        line-height: 1.2;
    }

    .aside_left dd a {
        display: block;
        width: 95px;
        height: 30px;
        line-height: 26px;
        background: #303339;
        color: #fff;
        font-size: 14px;
        text-align: center;
        margin: 12px auto 19px;
        font-weight: 300;
    }

    .aside_left .nav li a {
        display: block;
        height: 49px;
        border-bottom: 1px solid #dbdddf;
        padding-top: 13px;
    }

    .aside_left .btn_remote {
        position: absolute;
        bottom: 20px;
        left: 13px;
        display: block;
        width: 122px;
        height: 50px;
        line-height: 47px;
        background: #a48854;
        color: #fff;
    }

.btn_aside {
    position: absolute;
    top: 221px;
    right: -53px;
    width: 52px;
    height: 131px;
    padding-top: 20px;
    background: #0082ff url(../../images/common/aside_open.png) no-repeat 20px 20px;
    z-index: 1000;
    color: #fff;
    animation: btn_aside .2s 2s ease-out both;
    transition: all .2s;
}

    .btn_aside.open {
        background: #0082ff url(../../images/common/aside_close.png) no-repeat 20px 20px;
    }

.aside_close {
    position: absolute;
    right: -25px;
    top: 8px;
}

@keyframes aside_ani {
    0% {
        left: -80px;
    }

    20% {
        left: 0;
    }

    80% {
        left: 0;
    }

    100% {
        left: -149px;
    }
}

@keyframes btn_aside {
    0% {
        opacity: 0;
        top: 240px;
    }

    100% {
        opacity: 1;
        top: 221px;
    }
}

/* 오른쪽 빠른상담 메뉴 */
.aside_counsel {
    position: fixed;
    bottom: 50px;
    right: 30px;
    display: block;
    width: 78px;
    height: 75px;
    background: #0082ff url(../../images/main/btn_counsel_20221223.png) no-repeat center 6px;
    font-size: 13px;
    color: #fff !important;
    transition: all .3s;
    padding-top: 49px;
    text-align: center;
    border-radius: 5px;
    box-sizing: border-box;
    z-index: 1000;
}

    .aside_counsel:hover {
        animation: ani_counsel .4s ease-out both;
    }

/* 간편상담 레이어 */
.layer_counsel {
    z-index: 1001;
    display: block;
    position: fixed;
    right: -10px;
    bottom: 30px;
    width: 430px;
    padding: 0 25px 25px;
    border: none;
    background: #2b8eec;
    transform: translate(100%, 0);
    transition: all .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

    .layer_counsel.open {
        transform: translate(0%, 0%);
    }

    .layer_counsel .btn_counselClose {
        position: absolute;
        right: 0;
        top: 22px;
    }

    .layer_counsel .layer_header {
        padding: 0;
    }

        .layer_counsel .layer_header h3 {
            color: #fff;
            font-weight: 500;
            margin-bottom: 26px;
        }

    .layer_counsel .design_checkbox {
        position: static;
    }

    .layer_counsel li {
        width: 100%;
        margin-bottom: 8px;
    }

    .layer_counsel .num_list_bullet li {
        font-size: 14px;
    }

        .layer_counsel .num_list_bullet li strong {
            font-size: 15px;
            color: #303339;
            padding-bottom: 3px;
        }

    .layer_counsel li:last-child {
        margin-bottom: 4px;
    }

    .layer_counsel li input {
        display: block;
        width: 100%;
        margin-left: 0;
        border: 1px solid #303339;
    }

    .layer_counsel select {
        width: 100%;
        height: 34px;
        border: 1px solid #303339;
        margin: 0;
    }

    .layer_counsel li textarea {
        width: 100%;
        height: 125px;
        border: 1px solid #303339;
    }

    .layer_counsel h4 {
        padding-bottom: 6px;
        margin-bottom: 8px;
        font-size: 14px;
        border-bottom: 1px solid #bbb;
    }

    .layer_counsel .agree {
        width: 100%;
        height: 120px;
        background: #fff;
        font-size: 13px;
        border: 1px solid #303339;
        overflow: scroll;
        overflow-x: hidden;
        color: #777;
        padding: 10px 15px 10px 10px;
        box-sizing: border-box;
        line-height: 1.4;
    }

        .layer_counsel .agree p {
            padding: 5px 0;
            font-size: 13px;
        }

    .layer_counsel .design_checkbox {
        margin: 15px 0 0 0;
    }

        .layer_counsel .design_checkbox span {
            color: #fff;
            background: url(../../images/main/checkbox_02.png) no-repeat;
            font-size: 14px;
            line-height: 1.3;
        }

        .layer_counsel .design_checkbox .on {
            background-position: 0 -40px;
        }

        .layer_counsel .design_checkbox span strong {
            font-weight: normal;
        }

    .layer_counsel button {
        display: block;
        width: 100%;
        height: 60px;
        background: #303339;
        color: #fff;
        font-size: 16px;
        margin-top: 20px;
        transition: all .3s;
        padding-bottom: 5px;
    }

        .layer_counsel button:hover {
            background: #000;
        }

@keyframes ani_counsel {
    0% {
        transform: translateY(0%);
    }

    50% {
        transform: translateY(20%);
    }

    100% {
        transform: translateY(0%);
    }
}

/* 영상 레이어 추가 */
.modal_layer .youTube_view {
    position: fixed;
    left: 50%;
    margin: -250px 0 0 -350px;
    top: 50%;
}

/* GNB 수강신청 메뉴강조 20220127 */
.nav .gnb:before {
    position: absolute;
    left: 50%;
    margin-left: -390px;
    bottom: 45px;
    content: "";
    display: block;
    width: 88px;
    height: 29px;
    animation: gnb_ani 1.5s ease infinite;
}

#header .nav .gnb li:nth-child(2) a {
    color: #ce1313;
}

@keyframes gnb_ani {
    0% {
        opacity: 1;
        background: url(https://cdn.ibstudy.co.kr/Content_new/images/common/icon_package02.png) no-repeat;
    }

    40% {
        opacity: 1;
        background: url(https://cdn.ibstudy.co.kr/Content_new/images/common/icon_package02.png) no-repeat;
    }

    45% {
        opacity: 0;
    }

    50% {
        opacity: 0;
    }

    90% {
        opacity: 1;
        background: url(https://cdn.ibstudy.co.kr/Content_new/images/common/icon_package02.png) no-repeat;
    }

    100% {
        opacity: 1;
        background: url(https://cdn.ibstudy.co.kr/Content_new/images/common/icon_package02.png) no-repeat;
    }
}

/* 개강, 학습설계 행정 번호 안내 20240812 */
.startClass {
    display: flex;
    justify-content: space-between;
    width: 1100px;
    height: 235px;
    margin: 40px auto;
}

    .startClass .startClass_detail {
        position: relative;
        display: flex;
        width: 704px;
        border: 1px solid #dbdddf;
    }

        .startClass .startClass_detail:after {
            position: absolute;
            right: 351px;
            top: -1px;
            content: "";
            width: 1px;
            height: 235px;
            background: #dbdddf;
        }

.startClass_detail li {
    position: relative;
    width: 50%;
    padding: 25px;
}

    .startClass_detail li a > span {
        position: absolute;
        right: 25px;
        top: -1px;
        display: block;
        width: 64px;
        height: 48px;
        color: #fff;
        font-size: 16px;
        text-align: center;
        font-weight: 500;
        background: #0083ff;
        line-height: 1.2;
        padding-top: 7px;
    }

        .startClass_detail li a > span.today {
            background: #cf1a1a;
            animation: flash_ani 1s ease infinite;
        }

        .startClass_detail li a > span:after {
            position: absolute;
            left: 0;
            bottom: -16px;
            display: block;
            content: "";
            width: 0;
            height: 0;
            border-top: 16px solid #0083ff;
            border-left: 32px solid transparent;
            border-right: 32px solid transparent;
        }

        .startClass_detail li a > span.today:after {
            border-top: 16px solid #cf1a1a;
        }

.startClass_detail dl {
    display: flex;
}

.startClass_detail a {
    color: #111;
}

    .startClass_detail a:hover .day_detail dd {
        color: #cf1a1a;
    }

.startClass_detail .day_detail {
    margin: 20px 0 16px;
}

    .startClass_detail .day_detail dt {
        width: 58px;
        height: 58px;
        background: #d8e6ff;
        border-radius: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 15px;
    }

    .startClass_detail .day_detail span {
        font-size: 18px;
        line-height: 1;
    }

    .startClass_detail .day_detail div {
        font-size: 29px;
        letter-spacing: -2px;
        line-height: 1.3;
    }

        .startClass_detail .day_detail div strong {
            font-weight: 700;
        }

    .startClass_detail .day_detail dd {
        transition: all .2s;
    }

.startClass_detail .learning_day {
    position: relative;
    color: #808081;
    padding-left: 42px;
    font-weight: 300;
}

    .startClass_detail .learning_day dt:after {
        content: ":";
        padding: 0 3px;
    }

    .startClass_detail .learning_day:before {
        position: absolute;
        left: 0;
        top: -4px;
        content: "";
        width: 33px;
        height: 33px;
        display: inline-block;
        background: url(https://cdn.ibstudy.co.kr/Content_new/images/main/icon_calendar.png) no-repeat;
        background-size: 33px auto;
    }

.startClass .applicationDeadline {
    width: 200px;
    height: 29px;
    justify-content: center;
    align-items: center;
    border: 1px solid #0083ff;
    border-radius: 20px;
}

    .startClass .applicationDeadline dt {
        color: #0c6aff;
        margin-right: 8px;
        font-size: 15px;
    }

    .startClass .applicationDeadline dd {
        font-size: 18px;
        color: #cf1a1a;
        font-weight: bold;
        padding-bottom: 2px;
    }

        .startClass .applicationDeadline dd:before {
            content: "~"
        }


.startClass .tel_info {
    position: relative;
    width: 370px;
    height: 235px;
    border: 1px solid #dbdddf;
    padding: 25px 0 0;
}

    .startClass .tel_info .guide {
        position: absolute;
        bottom: 0;
        background: #f4f8ff;
        width: 100%;
        padding: 5px 0;
    }

        .startClass .tel_info .guide p {
            text-align: center;
            font-size: 13px;
            color: #808081;
        }

            .startClass .tel_info .guide p a {
                font-size: 13px;
                color: #808081;
                transition: all .2s;
            }

                .startClass .tel_info .guide p a:hover {
                    color: #0083ff;
                }

    .startClass .tel_info h2 {
        font-size: 16px;
        font-weight: bold;
        color: #111;
    }

    .startClass .tel_info dd {
        font-size: 32px;
        font-weight: bold;
        color: #0083ff;
        line-height: 1.2;
    }

    .startClass .tel_info ul {
        padding: 0 25px 5px 25px;
    }

    .startClass .tel_info li {
        position: relative;
    }

        .startClass .tel_info li > a {
            position: absolute;
            right: 0px;
            top: 17px;
            display: block;
            width: 140px;
            height: 40px;
            border-radius: 30px;
            background: #d8e6ff url(https://cdn.ibstudy.co.kr/Content_new/images/main/bullet_tel.png) no-repeat calc(100% - 20px) center;
            font-weight: 500;
            text-align: center;
            padding: 8px 10px 0 0;
            transition: all .2s;
            color: #111;
        }

            .startClass .tel_info li > a:hover {
                background: #c3d7fb url(https://cdn.ibstudy.co.kr/Content_new/images/main/bullet_tel.png) no-repeat calc(100% - 20px) center;
            }

        .startClass .tel_info li:first-child {
            margin-bottom: 13px;
            padding-bottom: 13px;
            border-bottom: 1px solid #dbdddf;
        }

.startClass .application_num {
    background: #f4f8ff;
    border-top: 1px solid #dbdddf;
    border-bottom: 1px solid #dbdddf;
    font-size: 15px;
    text-align: center;
    padding: 5px 0 4px;
    margin-bottom: 13px;
}

    .startClass .application_num strong {
        color: #cf1a1a;
    }

/* 푸터 ISMS 마크 추가 2024_1016 */
.isms_section a {
    position: absolute;
    left: 0;
    top: 90px;
    border-radius: 5px;
    padding-top: 5px;
}

.isms_section p {
    cursor: pointer;
    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
    box-shadow: 4px 4px 5px rgba(0,0,0,.15);
    z-index: 100;
}

/* 슬라이드 배너 모아보기 레이어 20250214 */
.mainBanner_list {
    width: 1055px;
    left: 50%;
    margin-left: -527px;
    top: 220px;
}

    .mainBanner_list .btn_mainBannerClose {
        position: absolute;
        right: -40px;
        top: 10px;
    }

    .mainBanner_list .layer_content {
        height: 612px;
        padding: 20px 0 20px 20px;
    }

        .mainBanner_list .layer_content ul {
            display: flex;
            flex-wrap: wrap;
            gap: 16px;
        }

            .mainBanner_list .layer_content ul li {
                width: 328px;
                height: 180px;
                background: url(https://cdn.ibstudy.co.kr/Content_new/images/main/bannerViewAll_default.png) no-repeat;
            }

                .mainBanner_list .layer_content ul li img {
                    width: 100%;
                }

        .mainBanner_list .layer_content::-webkit-scrollbar {
            width: 12px;
        }

        .mainBanner_list .layer_content::-webkit-scrollbar-track-piece {
            background: #fff;
        }

        .mainBanner_list .layer_content::-webkit-scrollbar-thumb {
            border-radius: 8px;
            background: #777;
            background-clip: padding-box;
            border: 3px solid transparent;
        }

/* 학사일정 슬라이드 20250324 */
.CourseDiary_bxslider {
    position: relative;
    width: 120px;
    height: 154px;
    box-sizing: border-box;
    border: 1px solid #ddd;
    padding-top: 34px;
}

    .CourseDiary_bxslider h3 {
        position: absolute;
        left: -1px;
        top: -1px;
        background: #ce1313;
        width: 120px;
        height: 34px;
        color: #fff;
        font-size: 13px;
        text-align: center;
        line-height: 32px;
    }

    .CourseDiary_bxslider .bx-viewport {
        width: 90px !important;
        height: 70px !important;
        margin: 10px auto 0;
    }

    .CourseDiary_bxslider li {
        margin-top: 0 !important;
    }

        .CourseDiary_bxslider li a {
            width: 90px;
            font-size: 14px;
            display: inline-block;
            text-align: center;
            transition: .3s;
            line-height: 1.3;
        }

        .CourseDiary_bxslider li span {
            color: #222;
        }

        .CourseDiary_bxslider li strong {
            font-size: 17px;
            display: block;
            color: #018ae6;
            font-weight: 500;
        }
        .CourseDiary_bxslider li p {
            font-size: 17px;
            display: block;
            color: #018ae6;
            font-weight: 500;
        }

    .CourseDiary_bxslider .bx-controls-direction a {
        position: absolute;
        top: 50%;
        left: 0;
        display: block;
        text-indent: -9999px;
        margin-top: -3px;
        overflow: hidden;
        width: 18px;
        height: 18px;
        background: url(https://cdn.ibstudy.co.kr/Content_new/images/main/courseDiary_control.png) no-repeat;
        transition: all .2s;
    }

        .CourseDiary_bxslider .bx-controls-direction a.bx-next {
            position: absolute;
            top: 50%;
            left: 100px;
            background-position: -18px 0;
        }

    .CourseDiary_bxslider > a {
        display: inline-block;
        width: 100px;
        text-align: center;
        line-height: 27px;
        border-top: 1px solid #ededed;
        font-size: 14px;
        margin: 9px 0 0 9px;
        transition: all .2s;
    }

        .CourseDiary_bxslider > a small {
            color: #888;
            vertical-align: 1px;
            transition: all .2s;
        }

        .CourseDiary_bxslider > a strong {
            font-weight: 500;
        }

        .CourseDiary_bxslider > a:hover, .CourseDiary_bxslider > a:hover small {
            color: #ce1313;
        }

    .CourseDiary_bxslider li a:after {
        position: absolute;
        left: 5px;
        bottom: -24px;
        display: block;
        content: "공지 보기";
        color: #666;
        font-size: 13px;
        background: #eee;
        padding: 1px 18px;
        border-radius: 20px;
        transition: all .2s;
    }

    .CourseDiary_bxslider li a:hover:after {
        background: #ddd;
    }

/* 윙배너 20250324 */
.skyBanner {
    top: 750px !important;
    z-index: 100;
}

/* 간편상담 수정 20250512 */
.adviceButton {
    position: fixed;
    bottom: 30px;
    right: 30px;
    display: block;
    width: 118px;
    height: 126px;
    background: url(https://cdn.ibstudy.co.kr/Content_new/images/main/adviceButton_bg.png) no-repeat center;
    transition: all .3s;
    text-align: center;
    box-sizing: border-box;
    z-index: 100;
}

    .adviceButton span {
        display: block;
        margin: -9px 0 4px;
    }

    .adviceButton strong {
        font-size: 15px;
        color: #fff;
    }

    .adviceButton:hover span {
        animation: adviceButton .5s ease-out infinite;
    }

@keyframes adviceButton {
    0% {
        transform: translateY(0%);
    }

    50% {
        transform: translateY(12%);
    }

    100% {
        transform: translateY(0%);
    }
}

.layer_counsel {
    border: 1px solid #111;
}

    .layer_counsel .layer_header h3 {
        margin-bottom: 5px;
    }

.inquiry > p {
    font-size: 14px;
    color: #fff700
}

.inquiry a p {
    display: inline-block;
    background: #111;
    color: #fff;
    font-size: 13px;
    padding: 3px 10px 3px;
    border-radius: 5px;
    margin: 5px 0 10px
}

/* 간편상담 수정 20250610 */
.adviceButton_20250610 {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 90px;
    height: 90px;
    background: #0083ff;
    transition: all .2s;
    text-align: center;
    box-sizing: border-box;
    z-index: 110;
    border-radius: 5px;
    box-shadow: 4px 4px 10px rgba(0,0,0,.25);
}

    .adviceButton_20250610.displayB {
        display: block;
    }

    .adviceButton_20250610:hover {
        background: #0054ff;
    }

    .adviceButton_20250610 span {
        display: block;
        margin: 0 0 6px;
    }

    .adviceButton_20250610 strong {
        font-size: 15px;
        color: #fff;
    }

    .adviceButton_20250610:hover span {
        animation: adviceButton .5s ease-out infinite;
    }

.layerAdvice {
    position: fixed;
    right: 235px;
    bottom: 20px;
    width: 215px;
    height: 282px;
    background: #0083ff;
    z-index: 101;
    border-radius: 15px;
    box-shadow: 4px 4px 10px rgba(0,0,0,.25);
    transform: translate(100%, 0);
    transition: all .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    box-sizing: border-box;
    animation: layerAdvice .6s ease-out both;
}

    .layerAdvice.layerAdviceClose {
        animation: layerAdviceClose .5s ease-out both;
    }

    .layerAdvice .btn_counselClose {
        position: absolute;
        right: 12px;
        top: 15px;
    }

    .layerAdvice .adviceHeader {
        padding: 0;
    }

        .layerAdvice .adviceHeader h3 {
            height: 45px;
            font-size: 18px;
            border-bottom: 1px solid rgba(255,255,255,.5);
            color: #fff;
            font-weight: 500;
            margin-bottom: 15px;
            background: url(https://cdn.ibstudy.co.kr/Content_new/images/main/adviceApply_icon.png) no-repeat 15px 12px;
            padding: 10px 0 0 45px
        }

    .layerAdvice ul {
        margin: 0 20px;
    }

    .layerAdvice li {
        margin-bottom: 6px;
    }

        .layerAdvice li input, .layerAdvice li select {
            border-radius: 3px;
            border: none;
            width: 100%;
            height: 30px;
            font-size: 14px;
        }

            .layerAdvice li input::placeholder {
                font-size: 14px;
            }

            .layerAdvice li input:focus {
                border: none;
            }

    .layerAdvice .agreement {
        position: relative;
        padding: 0 20px 16px;
    }

        .layerAdvice .agreement a {
            position: absolute;
            right: 82px;
            bottom: 16px;
            font-size: 11px;
            color: #0083ff;
            background: #e6f3ff;
            display: block;
            border-radius: 3px;
            padding: 0 5px;
            letter-spacing: 0;
            transition: all .3s;
        }

            .layerAdvice .agreement a:hover {
                color: #111;
            }

        .layerAdvice .agreement label {
            cursor: pointer;
            font-size: 12px;
            color: #fff;
        }

        .layerAdvice .agreement span {
            vertical-align: -2px;
            letter-spacing: -1px;
        }

        .layerAdvice .agreement strong {
            display: block;
            color: #fbec00;
            padding-left: 26px;
            padding-top: 1px;
        }

        .layerAdvice .agreement [type="checkbox"] {
            appearance: none;
            width: 17px;
            height: 16px;
            background: url(https://cdn.ibstudy.co.kr/Content_new/images/main/adviceCheck.png) no-repeat;
            cursor: pointer;
        }

            .layerAdvice .agreement [type="checkbox"]:checked {
                background: url(https://cdn.ibstudy.co.kr/Content_new/images/main/adviceCheck_on.png) no-repeat;
            }

    .layerAdvice button {
        background: #222 url(https://cdn.ibstudy.co.kr/Content_new/images/main/bullet_counsel.png) no-repeat calc(100% - 22px) center;
        padding-right: 8px;
        color: #fff;
        width: 175px;
        height: 35px;
        padding-bottom: 1px;
        margin: 0 20px;
        border-radius: 5px;
        transition: all .3s;
    }

        .layerAdvice button:hover {
            color: #fbec00;
            background: #222 url(https://cdn.ibstudy.co.kr/Content_new/images/main/bullet_counsel_hover.png) no-repeat calc(100% - 22px) center;
        }

@keyframes layerAdvice {
    0% {
        transform: translateX(250%);
    }

    60% {
        transform: translateX(92%);
    }

    100% {
        transform: translateX(100%);
    }
}

@keyframes layerAdviceClose {
    0% {
        transform: translateX(100%);
    }

    100% {
        transform: translateX(250%);
    }
}

/* 간편상담 개인정보 동의 내용 20250612 */
.agreement .agreementTxt {
    display: none;
    position: absolute;
    width: 195px;
    left: 10px;
    top: -157px;
    height: 272px;
    background: #fff;
    border-radius: 5px;
    padding: 15px 0 15px 15px;
    overflow: scroll;
    overflow-x: hidden;
    z-index: 100;
}

    .agreement .agreementTxt::-webkit-scrollbar {
        width: 6px;
    }

    .agreement .agreementTxt::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background: #555;
    }

    .agreement .agreementTxt::-webkit-scrollbar-button:vertical:start:increment {
        display: block;
        height: 50px;
    }

    .agreement .agreementTxt::-webkit-scrollbar-button:vertical:end:decrement {
        display: block;
        height: 10px;
    }

    .agreement .agreementTxt h4 {
        font-size: 14px;
        border-bottom: 1px solid #aaa;
        padding-bottom: 3px;
        margin-bottom: 8px;
        letter-spacing: -2px;
        font-weight: bold;
    }

    .agreement .agreementTxt ol {
        margin: 0 10px;
    }

    .agreement .agreementTxt li {
        list-style: decimal;
        font-size: 13px;
    }

    .agreement .agreementTxt a {
        position: fixed;
        right: 10px;
        bottom: initial;
        top: 20px;
        background: none;
    }

/* 안내문구 추가 20250616 */
.layerAdvice {
    height: 295px
}

    .layerAdvice button {
        position: relative;
    }

    .layerAdvice .btn_qna {
        position: absolute;
        left: 0;
        bottom: 12px;
        left: 30px;
        display: block;
        width: 100%;
        color: #fbec00;
        font-size: 12px;
    }