@charset "utf-8"; :root {
    --point-color: #1B2E57;
    --point-color2: #568AE5;
}

/* 공통q */
body {
    letter-spacing: -0.4px;
}

.blue {
    color: #3897D8;
}

.wrapper {
    position: relative;
}

.typeSub .wrapper::before {display: none;}

.wrapper::before {
    content: ' ';
    position: absolute;
    background: #F8F8F8;
    width: 100%;
    height: 19%;
    top: 0;
    left: 0;
    z-index: -1;
}

.swiper-pagination {
    display: flex;
    justify-content: center;
    gap: 15px;
    left: 50% !important;
    transform: translateX(-50%);
}

#main.container {
    width: 100%;
    max-width: 1680px;
    margin: 0 auto;
    padding-top: 60px;
}

@media screen and (min-width: 768px) {
    .wrapper::before {
        height: 540px;
    }
}

@media screen and (min-width: 1024px) {
    .wrapper::before {
        height: 660px;
    }

    #main.container {
        padding-top: 150px;
    }
}

@media screen and (min-width: 1400px) {
    .wrapper::before {
        height: 29.3%;
    }
}

/*** 메인 비주얼 s ***/
.main-visual {
    display: flex;
    flex-direction: column;
    padding: 20px 20px 0;
}

.main-visual .logo-area img {
    max-width: 100%;
}

.main-visual .logo-area .pc {
    display: none;
}

.main-visual .banner-area {
    width: 100%;
    display: flex;
    flex-direction: row ;
    padding-top: 20px;
    gap: 10px;
    position: relative;
    padding-bottom:35px;
}

.main-visual .banner-area>div {
    width: 100%;
}

.main-visual .banner-area .banner {
    position: relative;
    border-radius: 15px;
    width: 100%;
    overflow: hidden;
    padding: 30px;
    box-sizing: border-box;
    margin: 0;
}

.main-visual .banner-area   {
    overflow:hidden;
}


.main-visual .sec-first, .main-visual .sec-right, .main-visual .sec-third, .main-visual .sec-fourth  {
    min-width:518px  ;

}

.main-visual .banner-third .banner {

    min-height: 392px!important;
    padding:30px 0;
    background: url(/_res/_mail/webplanner/time/time_20240516_bg1.png) no-repeat;
    background-color: #ffffff;
}



.main-visual .banner-third .banner-stit {
    color: #ffe62f;    font-size: 30px;    z-index: 1;    padding-left: 0;
    display:block; line-height:1;
}

@media screen and (max-width: 500px) {
    .main-visual .banner-third .banner-stit {
        font-size:20px;
    }
}

.main-visual .banner-area .banner-third .banner-tit  {
    color: #fff;
    font-weight: 400;
    margin-top:20px;
}
.main-visual .banner-area .banner-third .banner-yellow{
    color: #ffe62f!important;
    font-weight: 600;

}


.main-visual .banner-third .banner-cont {
    position: relative;
    padding-top: 15px;
    color: #fff;
    font-size: 30px!important;
    line-height: 1.2;
    z-index: 1;
    padding-left: 0;

}

.main-visual .banner-third .banner-cont2 {
    position: relative;
    padding-top: 50px;
    color: #fff;
    font-size: 32px!important;
    line-height: 1.6;
    z-index: 1;
    padding-left: 0;
    font-weight: 600;
}

.main-visual .banner-third .banner-btn {
    width: 90%;
    height: 77px;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    color: #000;
    font-weight:500

}


.main-visual .banner-area .arrow-right2 {
    position: relative;
    top: -4px;
    right: -10px;
    padding-right: 10px
}

.main-visual .banner-area .arrow-right2:after {
    content: '';
    position: absolute;
    left: 0;
    top: 15px;
    width: 10px;
    height: 10px;
    border-top: 3px solid #000;
    border-right: 3px solid #000;
    transform: rotate(45deg);
}


.main-visual .banner-fourth .banner {

    padding:30px 0 50px;
    min-height: 393px!important;
    background: url(/_res/_mail/webplanner/time/time_20240516_bg2.png) no-repeat;

}
.main-visual .banner-fourth .banner .txt-box {

    width: 84%;


}


.main-visual .banner-area .banner-fourth .banner-tit {
    color: #fff;
    font-size: 30px!important;

    display: block;
}
.main-visual .banner-area .banner-fourth .banner-tit > span {
    color: #5efed2;

}

.main-visual .banner-area .banner-fourth .banner-tit2 {
    color: #fff;
    font-size: 38px;
}

.main-visual .banner-fourth .banner-cont  {
    position: relative;
    padding-top: 20px!important;
    color: #fff;
    font-size: 29px!important;
    line-height: 1.6;
    z-index: 1;
    padding-left: 0;
    padding-bottom: 15px;
    letter-spacing: -2px;
}
.main-visual .banner-fourth .banner-btn {
    width: 100%;
    height: 60px;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    color: #354de5;
    border-radius: 30px;
    background: #53ff92;
    box-sizing: border-box;
    font-weight: 600;
    margin-top:40px;
}

.main-visual .banner-area .arrow-right3 {
    position: relative;
    top: -4px;
    right: -6px;
    padding-right: 10px
}

.main-visual .banner-area .arrow-right3:after {
    content: '';
    position: absolute;
    left: 0;
    top: 16px;
    width: 6px;
    height: 6px;
    border-top: 3px solid #354de5;
    border-right: 3px solid #354de5;
    transform: rotate(45deg);
}




.main-visual .banner-first .banner {
    background-color: #387dd8;
}

.main-visual .banner-first .banner::before {
    content: ' ';
    position: absolute;
    background: url(/type/TIME_2023/img/main/visual-banner-2.png) no-repeat;
    background-size: 100% 150px;
    width: 100%;
    height: 150px;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
}

.main-visual .banner-first .banner::after {
    content: ' ';
    position: absolute;
    background: url(/type/TIME_2023/img/main/visual-banner-3.png) no-repeat;
    background-size: cover;
    width: 273px;
    height: 284px;
    bottom: -130px;
    right: -60px;
}

.main-visual .banner-first .banner-cont {
    position: relative;
    padding-top: 15px;
    color: #fff;
    font-size: 26px;
    line-height: 1.2;
    z-index: 1;
    padding-left: 0;
}

.main-visual .banner-first .banner-cont > span {
    display: block;
    font-size: 14px;
    padding-bottom: 10px;
}

.main-visual .banner-first .banner-cont > p {
    padding-bottom: 15px;
    font-weight: 600;
    font-size: 18px;
    color: #fff;
}

.main-visual .banner-first .txt-box {
    padding-left: 0;
    position: inherit;
}

.main-visual .banner-first .banner-btn {
    width: 158px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: #D6B059;
    border-radius: 36px;
    background: #1B2E57;
    padding-right: 20px;
    box-sizing: border-box;
    font-weight: 600;
}

.main-visual .banner-first .banner-btn .banner-btn-dday{
    width: 45px;
    height: 45px;
    justify-content: center;
    align-items: center;
    display:inline-flex;
    border-radius: 40px;
    background: #fb3804;
    color:#ffffff;
    font-weight: 600;
    font-size: 17px;
    margin: 0 20px 0 -10px;
}

.main-visual .banner-area .banner-first .banner-tit {
    color: #63FFDF;
}

.main-visual .sec-right .banner-second .banner {
    background-color: #fff;
}

.main-visual .sec-right .banner-second .banner::before {
    content: ' ';
    position: absolute;
    background: url(/type/TIME_2023/img/main/visual-banner-1.png) no-repeat;
    background-size: 263px 199px;
    width: 263px;
    height: 199px;
    right: -80px;
    bottom: -55px;
}

.main-visual .sec-right .banner-second .txt-box {
    position: initial;
    padding-left: initial;
}

.main-visual .banner-area .banner-tit {
    position: relative;
    font-size: 21px;
    font-weight: bold;
    color: var(--black);
    line-height: 1.3;
}

.main-visual .banner-area .banner-cont {
    position: relative;
    font-size: 18px;
    word-break: keep-all;
    font-weight: normal;
    padding-left: initial;
}

.main-visual .banner-area .arrow-right {
    position: relative;
    top: -4px;
    right: -10px;
    padding-right: 10px
}

.main-visual .banner-area .arrow-right:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 7px;
    height: 7px;
    border-top: 3px solid #D6B059;
    border-right: 3px solid #D6B059;
    transform: rotate(45deg);
}

.main-visual .notice-banner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 13px;
    border-radius: 10px;
    background: #1B2E57;
    padding: 20px;
    color: #D6B063;
    line-height: 1.3;
}

.main-visual .notice-banner .notice-tit {
    font-size: 24px;
    font-weight: bold;
}

.main-visual .notice-banner .notice-cont {
    font-size: 20px;
    font-weight: 500;
}

@media screen and (max-width: 1599px) {
    .main-visual .sec-first, .main-visual .sec-right, .main-visual .sec-third, .main-visual .sec-fourth  {
        min-width:419px ;

    }

    @media screen and (max-width: 765px) {
        .main-visual .sec-first, .main-visual .sec-right, .main-visual .sec-third, .main-visual .sec-fourth  {
            min-width:100% ; }

    }

    @media screen and (max-width: 1024px) {

        .main-visual .banner-first .banner, .main-visual .banner-right .banner {    min-height: 285px !important; }
        .main-visual .banner-third .banner, .main-visual .banner-fourth .banner {    min-height: 285px !important; }
        .main-visual .notice-banner {   padding: 10px;}

    }

    .typePc .main-visual .banner-area .banner {
        min-height: 499px!important;
    }
    .typePc .main-visual .banner-area .sec-right .banner {
        min-height: 347px!important;
    }

    .main-visual .banner-area .banner-third .banner-tit {
        line-height: 2;
        margin-top: 40px;
    }

    .main-visual .banner-fourth .banner-cont {

        padding-top: 40px !important;
        font-size: 30px !important;
        line-height: 2;
        padding: 0 30px 30px 0;
        letter-spacing: -2px;

    }
    .main-visual .banner-area .banner-fourth .banner-tit2 {

        font-size: 42px;
    }

    .main-visual .banner-third .banner-cont2 {
        font-size: 28px !important;
        line-height: 2;
    }

    .main-visual .banner-third .banner {
        background: url(/_res/_mail/webplanner/time/time_20240517_bg1.png) no-repeat;
        background-color:#69a1f6;
        border-radius:20px;
        overflow:hidden;
        background-position-x: calc(50% + 20px);
        width:calc(100% - 10px);
    }

    .main-visual .banner-fourth .banner {
        background: url(/_res/_mail/webplanner/time/time_20240517_bg2.png) no-repeat;
    }

    .main-visual .banner-fourth .banner {
        background: url(/_res/_mail/webplanner/time/time_20240517_bg2.png) no-repeat;
        background-color:#4d5eea;
        border-radius:20px;
        overflow:hidden;
        background-position-x: calc(50% + 20px);
        width:calc(100% - 10px);
    }





    .main-visual .banner-fourth .banner-btn {      font-size: 18px; }

    .main-visual .banner-area .arrow-right3:after {   top: 14px; }

    .main-visual .banner-fourth .banner-btn {    width: 97%;}


}


@media screen and (max-width: 1399px) {
    .typePc .main-visual .banner-area .banner {
        min-height: 288px !important;
    }
    .main-visual .banner-area .banner-third .banner-tit {
        line-height: 1.4;
        margin-top: 10px;
    }
    .main-visual .banner-area .arrow-right3:after {   top: 10px; }
    .main-visual .banner-third .banner-cont2 {
        font-size: 22px !important;
        line-height: 1.6;
    }
    .main-visual .banner-fourth .banner-btn {

        height: 40px;
        font-size:18px;
        color: #354de5;
        border-radius: 20px;

    }

    .banner .txt-box {width: 100%; }

    .main-visual .banner-fourth .banner-btn {
        font-size: 14px!important;
    }

    .main-visual .banner-fourth .banner-cont {
        font-size: 32px !important;
        padding: 30px 10px  0px 0;
    }
    .main-visual .banner-fourth .banner-btn {
        margin-top: 20px;
    }


    .main-visual .banner-fourth .banner-cont {
        padding-top: 10px !important;
        font-size: 18px !important;
    }


    .typePc .main-visual .banner-area .sec-right .banner {
        min-height: 180px !important;
        padding : 20px 30px;
    }

    .typePc .main-visual .notice-banner {
        padding: 15px 30px 14px
    }
    .main-visual .banner-area .banner-fourth .banner-tit2 {
        font-size: 38px;
    }
}


.main-visual .banner-area .banner-fourth .banner-tit {
    font-size: 20px !important;

}


@media screen and (min-width: 768px) {
    .main-visual .sec-right {
        display: flex;
        gap: 10px;
    }

    .main-visual .banner-second {
        width: 50%;
    }

    .main-visual .notice-banner {
        width: 50%;
        margin-top: 0;
    }

}

@media screen and (min-width: 1024px) {
    /*.typePc .main-visual {*/
    /*    flex-direction: row;*/
    /*    gap: 20px;*/
    /*    align-items: center;*/
    /*    padding: 30px 30px 0;*/
    /*}*/

    .typePc .main-visual .logo-area {
        width: 30%;
        position: relative;
    }

    .typePc .main-visual .logo-area .mob {
        display: none;
    }

    .typePc .main-visual .logo-area .pc {
        display: block;
        padding-bottom: 10px;
    }

    .typePc .main-visual .logo-area .pc:last-of-type {
        padding-bottom: 0;
    }

    .typePc .main-visual .logo-area .pc.txt1 {
        width: 60%;
    }

    .typePc .main-visual .logo-area .pc.txt2 {
        width: 70%;
    }

    .typePc .main-visual .logo-area .pc.txt1 {
        width: 60%;
    }

    .typePc .main-visual .banner-area {
        width: 70%;
        flex-direction: row;
        gap: 20px;
        padding-top: 0;
    }

    .typePc .main-visual .banner-area .banner-tit {
        font-size: 24px;
    }

    .typePc .main-visual .banner-first .banner-cont > p {
        font-size: 25px;
    }

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

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

    .typePc .logo-area>span {
        display: block;
        overflow: hidden;
        margin-bottom: 10px;
    }

    .typePc .logo-area>span:last-of-type {
        margin-bottom: 0;
    }

    .typePc .logo-area>span img {
        animation: slideUp 1.5s ease-in-out forwards;
        transform: translateY(100%);
        transition: .2s;
    }

    .typePc .logo-area>.txt2>img {
        animation-delay: 0.7s;
    }

    .typePc .logo-area>.txt3>img {
        animation-delay: 1.4s;
    }




    .typePc .main-visual .sec-right {
        height: auto;
        flex-direction: column;

    }

    .typePc .main-visual .banner-second {
        width: 100%;
    }

    .typePc .main-visual .notice-banner {  width: auto;    }



}

@media screen and (min-width: 1400px) {
    /*.typePc .main-visual {*/
    /*    gap: 30px;*/
    /*    padding: 50px 40px 0;*/
    /*}*/



    .typePc .main-visual .logo-area .pc {
        padding-bottom: 20px;
    }

    .typePc .main-visual .logo-area .pc.txt1 {
        width: 55%;
    }

    .typePc .main-visual .logo-area .pc.txt2 {
        width: 65%;
    }

    .typePc .main-visual .logo-area .pc.txt1 {
        width: 55%;
    }

    .typePc .main-visual .banner-area {
        gap: 32px;
    }

    .typePc .main-visual .sec-right>a:nth-of-type(1) .banner::before {
        background-size: cover;
        width: 350px;
        height: 240px;
    }

    .typePc .main-visual .banner-first .banner::before {
        background-size: cover;
        width: 100%;
        height: 250px;
    }

    .typePc .main-visual .banner-first .banner::after {
        background-size: cover;
        width: 513px;
        height: 524px;
        bottom: -215px;
        right: -150px;
    }

    .typePc .main-visual .banner-area .banner {
        min-height: 240px;
    }

    .typePc .main-visual .banner-area .banner-tit {
        font-size: 36px;
    }

    .typePc .main-visual .banner-area .banner-cont {
        font-size: 20px;
        padding-top: 6px;
    }

    .typePc .main-visual .banner-first .banner-cont {
        font-size: 40px;
    }

    .typePc .main-visual .banner-first .banner-cont > span {
        font-size: 20px;
        padding-bottom: 14px;
    }

    .typePc .main-visual .banner-first .banner-cont > p {
        font-size: 40px;
    }

    .typePc .main-visual .banner-first .banner-btn {
        width: 294px;
        height: 70px;
        font-size: 24px;

    }


    .main-visual .banner-first .banner-btn .banner-btn-dday{
        display: inline-flex ;
        width: 90px;
        height: 90px;
        font-size: 36px;
        border-radius: 70px;
        justify-content: center;
        align-items: center;
        background: #fb3804;
        color:#ffffff;
        font-weight: 600;
        margin: 0 30px 0 -50px;
    }

    .typePc .main-visual .banner-area .arrow-right {
        top: -6px;
    }

    .typePc .main-visual .banner-area .arrow-right:after {
        width: 9px;
        height: 9px;
        border-top-width: 4px;
        border-right-width: 4px;
    }

    .typePc .main-visual .notice-banner .notice-tit {
        font-size: 36px;
    }

    .typePc .main-visual .notice-banner .notice-cont {
        font-size: 30px;
    }
}

/*** 메인 비주얼 e ***/
/* time-step s */
.time-step-wrap {
    position: relative;
    padding: 45px 0 30px 20px;
}

.time-step-wrap:before {
    content: '';
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    left: 0;
    /* background: #1B2E57;*/
    width: 90px;
    height: 1px;
}

.time-step-wrap .section-tit {
    position: relative;
    font-size: 18px;
    color: var(--black);
    font-weight: bold;
}

.time-step-wrap .section-tit:before {
    content: '';
    position: absolute;
    top: 0;
    left: -5px;
    background: #1B2E57;
    width: 6px;
    height: 6px;
    border-radius: 3px;
}

.time-step-slide {
    position: relative;
    margin: 0 auto;
    padding: 26px 0 30px;
}


.time-step {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.time-step .icon-area {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    border-radius: 10px 10px 10px 0;
    border: 1px solid #ddd;
    box-sizing: border-box;
    transition: .3s;
    box-shadow: 0 10px 20px #30303029;
    background: #63A1FF;
}

.time-step .icon-area span {
    display: none; /* 250409 수정*/
    width: 50px;
    height: 50px;
    mask: var(--svg);
    -webkit-mask: var(--svg);
    transform: scale(0.7);
    transition: .3s;
}

.time-step .icon-area span.step {
    display: flex; /* 250409 수정*/
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 14px;
    mask: none;
    transform: unset;
    background-color: transparent !important;
}

.time-step:nth-of-type(n + 3) .icon-area span.step {
    color: #1b2e57;
}

.time-step:nth-of-type(1) .icon-area span {
    color: #fff;
    background-color: #FFF;
    --svg: url("data:image/svg+xml,%0A%3Csvg id='ico-write' xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50'%3E%3Crect id='사각형_154022' data-name='사각형 154022' width='50' height='50' fill='%23fff' opacity='0'/%3E%3Cg id='ico-write_지원서작성_' data-name='ico-write(지원서작성)' transform='translate(9.375 2.149)' style='mix-blend-mode: normal;isolation: isolate'%3E%3Cpath id='패스_95074' data-name='패스 95074' d='M502.048,566H491.733V525.429h26.094l7.656,9.359V566H512.154' transform='translate(-491.733 -525.429)' fill='none' stroke='%231b2e57' stroke-linejoin='round' stroke-width='1.5'/%3E%3Crect id='사각형_154018' data-name='사각형 154018' width='9.969' height='28.799' transform='translate(10.739 17.899)' fill='none' stroke='%231b2e57' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath id='패스_95072' data-name='패스 95072' d='M496.929,537.418l4.985-4.985,4.984,4.985Z' transform='translate(-486.19 -519.519)' fill='none' stroke='%231b2e57' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cline id='선_504' data-name='선 504' y1='1.759' transform='translate(15.723 11.155)' fill='none' stroke='%231b2e57' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath id='패스_95073' data-name='패스 95073' d='M505.019,525.8v8.556h6.619' transform='translate(-478.633 -525.059)' fill='none' stroke='%231b2e57' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.time-step:nth-of-type(2) .icon-area span {
    color: #fff;
    background-color: #FFF;
    --svg: url("data:image/svg+xml,%0A%3Csvg id='ico-OT' xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50'%3E%3Crect id='사각형_154023' data-name='사각형 154023' width='50' height='50' fill='%23fff' opacity='0'/%3E%3Cg id='ico-OT_실습OT_' data-name='ico-OT(실습OT)' transform='translate(3.749 4.968)'%3E%3Cpath id='패스_95077' data-name='패스 95077' d='M193.807,531.236v-6.05h13.725v6.05' transform='translate(-179.419 -525.186)' fill='none' stroke='%231b2e57' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cg id='그룹_162607' data-name='그룹 162607' transform='translate(0 6.05)'%3E%3Cg id='그룹_162606' data-name='그룹 162606' transform='translate(0 0)'%3E%3Cg id='그룹_162605' data-name='그룹 162605'%3E%3Cg id='그룹_162604' data-name='그룹 162604'%3E%3Crect id='사각형_154020' data-name='사각형 154020' width='42.5' height='15.938' fill='none' stroke='%231b2e57' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Crect id='사각형_154021' data-name='사각형 154021' width='42.5' height='17.709' transform='translate(0 15.938)' fill='none' stroke='%231b2e57' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cline id='선_506' data-name='선 506' x2='9.31' transform='translate(16.827 17.034)' fill='none' stroke='%231b2e57' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E");
}

.time-step:nth-of-type(3) .icon-area span {
    color: transparent;
    background-color: #fff;
    --svg: url("data:image/svg+xml,%3Csvg id='ico-submit' xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50'%3E%3Crect id='사각형_154024' data-name='사각형 154024' width='50' height='50' fill='%23fff' opacity='0'/%3E%3Cg id='ico-submit_서류제출_' data-name='ico-submit(서류제출)' transform='translate(8.649 4.188)'%3E%3Crect id='사각형_154019' data-name='사각형 154019' width='33.75' height='41.623' transform='translate(0 0)' fill='none' stroke='%231b2e57' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath id='패스_95075' data-name='패스 95075' d='M284.132,761.349l5.365,7.446H312.6l5.279-7.446' transform='translate(-284.132 -761.348)' fill='none' stroke='%231b2e57' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath id='패스_95076' data-name='패스 95076' d='M284.132,787.55l5.365-6.9H312.9l4.979,6.9' transform='translate(-284.132 -745.927)' fill='none' stroke='%231b2e57' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cline id='선_505' data-name='선 505' y2='27.281' transform='translate(16.875 7.446)' fill='none' stroke='%231b2e57' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.time-step:nth-of-type(4) .icon-area span {
    color: transparent;
    background-color: #1b2e57;
    --svg: url("data:image/svg+xml,%0A%3Csvg id='ico-check' xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50'%3E%3Crect id='사각형_154025' data-name='사각형 154025' width='50' height='50' fill='%23fff' opacity='0'/%3E%3Cg id='ico-check_합격확인_' data-name='ico-check(합격확인)' transform='translate(7.999 2)'%3E%3Cpath id='패스_95074' data-name='패스 95074' d='M500.667,566h-8.934V525.429h26.094l7.656,9.359V566h-7.656' transform='translate(-491.733 -525.429)' fill='none' stroke='%23fff' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath id='패스_95073' data-name='패스 95073' d='M505.019,525.8v8.556h6.619' transform='translate(-478.633 -525.059)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cline id='선_507' data-name='선 507' x2='13.897' transform='translate(9.926 12.429)' fill='none' stroke='%23fff' stroke-width='1.5'/%3E%3Cline id='선_508' data-name='선 508' x2='13.897' transform='translate(9.926 18.385)' fill='none' stroke='%23fff' stroke-width='1.5'/%3E%3Cpath id='패스_95079' data-name='패스 95079' d='M312.331,537.231a9.483,9.483,0,1,1-9.482-9.482A9.483,9.483,0,0,1,312.331,537.231Z' transform='translate(-285.974 -500.43)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath id='패스_95080' data-name='패스 95080' d='M295.664,534.358l4.4,3.693,5.442-7.386' transform='translate(-283.709 -497.556)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.time-step:nth-of-type(5) .icon-area span {
    color: transparent;
    background-color: #1b2e57;
    --svg: url("data:image/svg+xml,%0A%3Csvg id='ico-registration' xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50'%3E%3Crect id='사각형_154027' data-name='사각형 154027' width='50' height='50' fill='%23fff' opacity='0'/%3E%3Cg id='ico-registration_수강신청_' data-name='ico-registration(수강신청)' transform='translate(3.529 4.188)'%3E%3Cpath id='패스_95087' data-name='패스 95087' d='M230.016,551.363H186.837V515.819H222.71' transform='translate(-186.837 -515.819)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cline id='선_514' data-name='선 514' y2='5.664' transform='translate(21.59 35.544)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cline id='선_515' data-name='선 515' x2='23.858' transform='translate(9.117 41.208)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cline id='선_516' data-name='선 516' x2='43.178' transform='translate(0 27.342)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cline id='선_517' data-name='선 517' x2='3.658' transform='translate(19.693 31.133)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cline id='선_518' data-name='선 518' x2='12.42' transform='translate(7.83 11.07)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cline id='선_519' data-name='선 519' x2='12.42' transform='translate(7.83 16.918)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath id='패스_95088' data-name='패스 95088' d='M222.71,515.819H186.837v35.544h43.178V525.082' transform='translate(-186.837 -515.819)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cline id='선_520' data-name='선 520' x1='15.755' y2='16.918' transform='translate(27.995)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.time-step:nth-of-type(6) .icon-area span {
    color: transparent;
    background-color: #1b2e57;
    --svg: url("data:image/svg+xml,%0A%3Csvg id='ico-pay' xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50'%3E%3Crect id='사각형_154026' data-name='사각형 154026' width='50' height='50' fill='%23fff' opacity='0'/%3E%3Cg id='ico-pay_수업료납부_' data-name='ico-pay(수업료납부)' transform='translate(5.13 4.188)'%3E%3Cpath id='패스_95081' data-name='패스 95081' d='M282.079,208.143h39.739s0-30.684-19.87-30.684S282.079,208.143,282.079,208.143Z' transform='translate(-282.079 -166.519)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath id='패스_95082' data-name='패스 95082' d='M297.147,181.413l-9.387-10.94h19.489Z' transform='translate(-277.278 -170.473)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath id='패스_95083' data-name='패스 95083' d='M288.366,183.3l3.919,12.825,3.9-12.3,4.363,12.3,4.162-12.825' transform='translate(-276.766 -161.584)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cline id='선_509' data-name='선 509' x2='3.805' transform='translate(9.215 26.36)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cline id='선_510' data-name='선 510' x2='3.805' transform='translate(26.72 26.36)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.time-step:nth-of-type(7) .icon-area span {
    color: transparent;
    background-color: #1b2e57;
    --svg: url("data:image/svg+xml,%0A%3Csvg id='ico-issued' xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50'%3E%3Crect id='사각형_154028' data-name='사각형 154028' width='50' height='50' fill='%23fff' opacity='0'/%3E%3Cg id='ico-issued_학번발급_' data-name='ico-issued(학번발급)' transform='translate(2.5 8.466)'%3E%3Cpath id='패스_95084' data-name='패스 95084' d='M416.281,515.622H385v32.248h45.833V515.622Z' transform='translate(-384.995 -515.622)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cline id='선_511' data-name='선 511' x2='13.377' y2='0.002' transform='translate(26.562 9.472)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cline id='선_512' data-name='선 512' x2='13.377' transform='translate(26.562 16.124)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cline id='선_513' data-name='선 513' x2='13.377' transform='translate(26.562 22.776)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath id='패스_95085' data-name='패스 95085' d='M398.262,521.724a3.877,3.877,0,0,0-7.435-.468,3.551,3.551,0,0,0-.2,1.184,3.855,3.855,0,0,0,7.708,0A3.543,3.543,0,0,0,398.262,521.724Z' transform='translate(-381.054 -511.008)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3Cpath id='패스_95086' data-name='패스 95086' d='M388.7,533.365a7.124,7.124,0,0,1,7.124-7.124h0a7.126,7.126,0,0,1,7.125,7.125' transform='translate(-382.4 -508.798)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/g%3E%3C/svg%3E%0A");
}

.time-step:hover .icon-area {
    border-color: #1B2E57;
    background: #1B2E57;
}

.time-step:nth-child(n+3):hover .icon-area {
    border-color: #63A1FF;
}

.time-step:hover .icon-area span {
    background-color: #63A1FF;
}

.time-step:nth-child(n+3) .icon-area {
    background: #FFF;
}

.time-step:nth-child(n+3):hover .icon-area {
    background: #63A1FF;
}

.time-step:nth-child(n+3):hover .icon-area span {
    background: #FFF;
}

.time-step>a {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.time-step .quick-ico {
    display: block;
    width: 30px;
    margin: 0 auto;
    height: 30px;
}

.time-step .txt-area {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 14px;
    font-weight: bold;
    color: var(--black);
    line-height: 1.4;
    padding-top: 10px;
}

.time-step .txt-area span {
    font-size: 12px;
    color: #3897D8;
    font-weight: normal;
}

@media screen and (min-width: 768px) {
    .time-step-wrap {
        padding: 40px 0 0 30px;
    }

    .time-step-wrap:before {
        top: 55%;
    }

    .time-step-wrap .section-tit {
        font-size: 20px;
        padding-left: 10px;
    }

    .time-step-wrap .section-tit:before {
        width: 10px;
        height: 10px;
        border-radius: 5px;
    }

    .time-step-slide {
        padding: 50px 0 40px;
    }

    .time-step .icon-area {
        width: 90px;
        height: 90px;
    }

    .time-step .icon-area span {
        transform: scale(1);
    }

    .time-step>p {
        padding-top: 20px;
        font-size: 18px;
    }

    .time-step .txt-area {
        font-size: 18px;
        padding-top: 12px;
    }

    .time-step .txt-area span {
        font-size: 15px;
    }
}

.typePc .time-step-wrap {
    padding: 60px 0 0 40px;
}

@media screen and (min-width: 1400px) {

    .time-step-slide .swiper-wrapper {
        justify-content: space-evenly;
    }

    .typePc .time-step-wrap:before {
        width: 280px;
        left: -120px;
        top: 55%;
    }

    .typePc .time-step-wrap .section-tit {
        font-size: 24px;
    }

    .time-step .icon-area span.step {
        width: auto;
        height: auto;
        font-size: 19px;
    }

    .typePc .time-step-slide {
        /*margin-top: 20px;*/
        padding: 0 0 60px;
        /*ul.swiper-wrapper { background-color:#30303029;padding:10px 0;}*/
    }
}

/* time-step e */
/*** 공지사항 / 보도자료 s ***/
.community-wrap {
    width: 100%;
    position: relative;
    padding: 0 20px 30px;
    box-sizing: border-box;
}

.community-wrap .inner {
    border: 1px solid #D9D9D9;
    padding: 0 18px;
    border-radius: 15px;
}

.community-wrap .tab-box {
    display: flex;
    flex-direction: column;
}

.community-wrap .tab {
    display: flex;
    overflow: hidden;
    gap: 5px;
    margin-bottom: 8px;
    padding-top: 25px;
}

.community-wrap .tab > li {
    display: flex;
    justify-content: center;
    width: 102px;
    height: 38px;
    position: relative;
    border-radius: 27px;
    box-sizing: border-box;
    cursor: pointer;
    background: #F1F7FE;
}

.community-wrap .tab > li.on {
    background: #63A1FF;
}

.community-wrap .tab > li > button {
    font-size: 15px;
    color: #1B2E57;
    font-weight: 600;
}

.community-wrap .tab > li.on > button {
    color: #fff;
}

.community-wrap .list-box .btn-more-wrap {
    position: absolute;
    top: 25px;
    right: 36px;
}

.btn-more {
    display: flex;
    position: relative;
    width: 38px;
    height: 38px;
    border-radius: 38px;
    border: 1px solid #C6D0E1;
    transition: .3s;
}

.btn-more::before, .btn-more::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 14px;
    height: 2px;
    background: #1B2E57;
    border-radius: 2px;
    transition: .3s;
}

.btn-more::after {
    transform: translate(-50%,-50%) rotate(90deg);
}

.btn-more:hover {
    transform: rotate(180deg);
}

.community-wrap .list-box li {
    padding: 20px 0;
    border-bottom: 1px solid #ececec;
    transition: .3s;
}

.community-wrap .list-box li:last-of-type {
    border-bottom: none;
}

.community-wrap .list-box li:hover p {
    color: #63A1FF;
}

.community-wrap .list-box .tab-view {
    display: none;
}

.community-wrap .list-box .tab-view.on {
    display: block;
}

.community-wrap .unit {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.community-wrap .unit>div {
    display: flex;
    align-items: center;
}

.community-wrap .unit .front {
    flex-shrink: 0;
    color: var(--black);
    font-size: 14px;
    font-weight: bold;
    padding-right: 10px;
}

.community-wrap .unit .list-tit-area>p {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    color: var(--black);
    transition: .3s;
    max-width: 440px;
    font-size: 14px;
}

.community-wrap .unit .date-area {
    font-size: 12px;
    color: #666;
    flex-shrink: 0;
}

@media screen and (min-width: 768px) {
    .section-wrap {
        display: flex;
        gap: 40px 20px;
        flex-wrap: wrap;
        padding: 30px 30px 0;
    }

    .community-wrap {
        padding: 0;
    }

    .community-wrap .inner {
        padding: 0 30px;
    }

    .community-wrap .tab {
        padding-top: 30px;
        margin-bottom: 0;
    }

    .community-wrap .tab > li {
        width: 145px;
        height: 50px;
    }

    .community-wrap .tab > li > button {
        font-size: 18px;
    }

    .community-wrap .list-box .btn-more-wrap {
        right: 20px;
    }

    .community-wrap .list-box .btn-more-wrap .btn-more {
        width: 48px;
        height: 48px;
    }

    .community-wrap .list-box .btn-more-wrap .btn-more::before, .btn-more::after {
        width: 18px;
    }

    .community-wrap .list-box li {
        padding: 25px 0;
    }

    .community-wrap .unit .front {
        font-size: 16px;
        padding-right: 20px;
    }

    .community-wrap .unit .list-tit-area>p {
        font-size: 16px;
    }

    .community-wrap .unit .date-area {
        font-size: 14px;
    }
}

.typePc .section-wrap {
    flex-wrap: nowrap;
    padding: 60px 60px 0;
}

.typePc .community-wrap {
    padding: 0;
}

.typePc .community-wrap .inner {
    padding: 0 40px;
}

.typePc .community-wrap .list-box .btn-more-wrap {
    top: 30px;
    right: 30px;
}

.typePc .community-wrap .list-box li {
    padding: 29px 0;
}

@media screen and (min-width: 1400px) {
    .typePc .section-wrap {
        gap: 40px 10px;
        max-height: 417px;
    }

    .typePc .community-wrap .list-box .btn-more-wrap {
        right: 50px;
        top: 50px;
    }

    .typePc .community-wrap .inner {
        padding: 0 54px 16px;
    }

    .typePc .community-wrap .tab {
        padding-top: 50px;
        margin-bottom: 12px;
    }

    .typePc .community-wrap .list-box li {
        padding: 32px 0;
    }

    .typePc .community-wrap .unit .front {
        font-size: 18px;
        padding-right: 50px;
    }

    .typePc .community-wrap .unit .list-tit-area>p {
        font-size: 18px;
    }

    .typePc .community-wrap .unit .date-area {
        font-size: 15px;
    }
}

/*** 공지사항 / 보도자료 e ***/
/* 과목조회 s */
.middle-wrap {
    display: flex;
    min-height: 130px;
    padding: 0 20px;
    align-items: center;
    justify-content: space-evenly;
}

.middle-wrap>a {
    display: block;
    width: 100%;
    height: 100%;
}

.middle-wrap .ani {
    width: 40%;
    max-width: 200px;
    position: relative;
    background-color: transparent;
}

.middle-wrap .lottie-ani01 {
    background: transparent;
    transition: .5s;
}

.middle-wrap .ani:hover .lottie-ani01 {
    transform: scale(1.2);
    opacity: 0.5;
    animation: none;
    animation-play-state : paused
}

.middle-wrap .ico-txt {
    display: block;
    width: 60px;
    height: 16px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.middle-wrap .ico-txt img {
    width: 100%;
}

.middle-wrap .txt-area {
    display: flex;
    flex-direction: column;
    gap: 10px;
    text-align: center;
}

.middle-wrap .txt-area p {
    position: relative;
    font-size: 18px;
    font-weight: bold;
    color: #1B2E57;
}

.middle-wrap .txt-area p::before {
    content: '';
    width: 106px;
    height: 11px;
    border-radius: 30px;
    position: absolute;
    bottom: 0;
    background: #38ACD833;
    z-index: -1;
}

.middle-wrap .txt-area span {
    display: block;
    font-size: 14px;
}

@media screen and (min-width: 768px) {
    .middle-wrap {
        position: relative;
        top: -20px;
        width: calc(50% - 10px);
        flex-direction: column;
        padding: 0;
    }

    .middle-wrap .ani {
        width: 55%;
        max-width: initial;
    }

    .middle-wrap .ico-txt {
        width: 80px;
        height: 30px;
    }
}

.typePc .middle-wrap {
    height: 340px;
}

.typePc .middle-wrap .ani {
    width: 100%;
    max-width: 250px;
}

.typePc .middle-wrap .txt-area p {
    font-size: 28px;
}

.typePc .middle-wrap .txt-area p::before {
    width: 165px;
    height: 15px;
}

.typePc .middle-wrap .txt-area span {
    font-size: 18px;
}

@media screen and (min-width: 1400px) {
    .typePc .middle-wrap {
        height: auto;
    }

    .typePc .middle-wrap .ani {
        max-width: 300px;
    }

    .typePc .middle-wrap .ico-txt {
        width: 100px;
    }

    .typePc .middle-wrap .txt-area p {
        font-size: 36px;
    }

    .typePc .middle-wrap .txt-area p::before {
        width: 215px;
        height: 15px;
        bottom: 10px;
    }

    .typePc .middle-wrap .txt-area span {
        font-size: 20px;
    }
}

/* 과목조회 e */
/* schedule s */
.schedule-wrap {
    padding: 30px 20px 0;
}

.schedule-wrap .inner {
    padding: 25px;
    background: #E9F1FD;
    border-radius: 10px;
}

.schedule-wrap .year {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    color: var(--black);
    border-bottom: 1px solid #C6D0E1;
    padding-bottom: 15px;
    line-height: 1.4;
}

.schedule-wrap .year-area {
    position: relative;
}

.schedule-wrap .mid-date-area {
    position: relative;
    width: 100%;
    min-height: 115px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    margin-top: 15px;
}

.schedule-wrap .mid-date-area .date p {
    text-align: center;
    font-size: 40px;
    font-weight: bold;
    color: #1B2E57;
}

.schedule-wrap .cont-area {
    min-height: 40px;
    padding-top: 15px;
}

.schedule-wrap .cont-area .cont {
    display: flex;
    gap: 19px;
    padding: 8px 10px;
    background: #1B2E57;
    border-radius: 5px;
    color: #fff;
    min-height: 40px;
    box-sizing: border-box;
    align-items: center;
}

.schedule-wrap .cont-area .cont .deco {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 42px;
    height: 26px;
    font-size: 14px;
    background: #fff;
    color: var(--black);
    border-radius: 22px;
    flex-shrink: 0;
    word-break: keep-all;
}

.schedule-wrap .cont-area .cont .cont-txt {
    font-size: 14px;
}

.schedule-wrap .btn-area {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    padding: 0;
    display: flex;
    border: 1px solid #C6D0E1;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    transition: .3s;
}

.schedule-wrap .btn-area:hover {
    background: #DDE6F5;
}

.schedule-wrap .btn-area .more {
    display: flex;
    position: relative;
    width: 18px;
    height: 18px;
    transition: .3s;
}

.schedule-wrap .btn-area:hover .more {
    transform: rotate(180deg);
}

.schedule-wrap .btn-area .more::before, .schedule-wrap .btn-area .more::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 18px;
    height: 2px;
    background: #1B2E57;
    border-radius: 2px;
}

.schedule-wrap .btn-area .more::after {
    transform: translate(-50%,-50%) rotate(90deg);
}

.schedule-wrap.no-data .mid-date-area {
    background: url("/type/TIME_A/img/main/ico-no-data.png") center top 20px/80px 80px no-repeat;
}

.schedule-wrap.no-data .mid-date-area::before {
    content: '이달의 일정이 없습니다.';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    font-size: 15px;
    color: var(--black);
    text-align: center;
    width: 100%;
}

.schedule-wrap.no-data .mid-date-area .date {
    font-size: 0;
}

.schedule-wrap.no-data .cont {
    display: none;
}

.schedule-slide {
    width: 100%;
}

.slide-controls {
    cursor: pointer;
    position: absolute;
    top: 22%;
    transform: translateY(-50%);
    z-index: 150;
    border-radius: 50%;
    width: 30px;
    height: 30px;
}

.slide-prev {
    left: 0;
}

.slide-next {
    right: 0;
}

.slide-controls:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 20px;
    height: 20px;
    border-top: 2px solid #C6D0E1;
    border-left: 2px solid #C6D0E1;
}

.slide-controls.swiper-button-disabled {
    cursor: auto;
}

.slide-controls.swiper-button-disabled:before {
    border: none;
}

.slide-prev:before {
    transform: translate(-50%,-50%) rotate(-45deg);
    margin-left: 3px;
}

.slide-next:before {
    transform: translate(-50%,-50%) rotate(135deg);
    margin-left: -3px;
}

@media screen and (min-width: 768px) {
    .schedule-wrap {
        width: calc(50% - 10px);
        padding: 0;
    }

    .schedule-wrap .inner {
        padding: 45px 25px;
    }

    .schedule-wrap .cont-area {
        padding-top: 25px;
    }

    .schedule-wrap .mid-date-area {
        margin-top: 25px;
    }
}

.typePc .schedule-wrap {
    max-width: 265px;
}

.typePc .schedule-wrap .inner {
    position: relative;
    padding: 30px 30px 30px;
}

.typePc .schedule-wrap .year {
    font-size: 34px;
}

.typePc .schedule-wrap.no-data .mid-date-area {
    background: url("/type/TIME_2023/img/main/ico-no-data.png") center top 20px/100px 100px no-repeat;
    min-height: 130px;
}

.typePc .schedule-wrap .mid-date-area .date {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-size: 50px;
    gap: 40px;
}

.typePc .schedule-wrap .mid-date-area .date p {
    font-size: 35px;
}

.typePc .schedule-wrap .cont-area {
    min-height: 50px;
    padding-top: 0;
}

.typePc .schedule-wrap .cont-area .cont {
    padding: 15px 12px;
    min-height: 84px;
}

.typePc .schedule-wrap .cont-area .cont .cont-txt {
    font-size: 18px;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-weight: 400;
    word-break: keep-all;
}

.typePc .schedule-wrap .cont-area .cont .deco {
    width: 50px;
    height: 30px;
    font-size: 18px;
    flex-shrink: 0;
}

.typePc .schedule-wrap .btn-area {
    padding: 0;
    top: 8px;
    right: 0;
}

.typePc .slide-controls {
    top: 16%;
    width: 30px;
    height: 30px;
}

.typePc .slide-controls:before {
    width: 20px;
    height: 20px;
}

@media screen and (min-width: 1400px) {
    .typePc .schedule-wrap {
        max-width: 376px;
    }

    .typePc .schedule-wrap .inner {
        padding: 40px 30px 40px;
    }

    .typePc .schedule-wrap .year {
        padding-bottom: 27px;
    }

    .typePc .slide-controls {
        top: 21%;
    }

    .typePc .slide-controls:before {
        width: 25px;
        height: 25px;
    }

    .typePc .schedule-wrap .mid-date-area .date p {
        font-size: 50px;
    }

    .typePc .schedule-wrap .mid-date-area {
        margin-top: 45px;
        min-height: 190px;
    }

    .typePc .schedule-wrap.no-data .mid-date-area {
        min-height: 190px;
        background-size: 110px 110px;
        background-position: top 27px center;
    }

    .schedule-wrap .btn-area {
        top: 64px;
    }
}

/* schedule e */
/* banner s */
.banner-wrap {
    background: #fff;
    position: relative;
    padding: 0 0 40px 20px;
}

.banner-wrap .banner-slide {
    padding: 0;
}

.banner-wrap .banner {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: none;
}

.banner-wrap .banner>a {
    position: relative;
    width: 100%;
    max-width: 265px;
    height: 147px;
    border-radius: 10px;
    box-sizing: border-box;
    transition: .3s, box-shadow .3s linear .3s;
}

.banner-wrap .banner:nth-of-type(1) a {
    background: #38ACD8;
}

.banner-wrap .banner:nth-of-type(2) a {
    background: #387DD8;
}

.banner-wrap .banner:nth-of-type(3) a {
    background: #456DDE;
}

.banner-wrap .banner .txt-box {
    position: absolute;
    top: 27px;
    left: 15px;
    color: #fff;
    padding-left: 0;
}

.banner-wrap .banner .txt-box .top-txt {
    display: block;
    font-size: 12px;
    font-weight: 300;
    padding-bottom: 17px;
    word-break: keep-all;
}

.banner-wrap .banner .txt-box p.txt {
    font-size: 16px;
    line-height: 1.4;
    color: #fff;
    font-weight: 500;
}

.banner-wrap .banner .ico-img {
    display: block;
    position: absolute;
    bottom: 15px;
    right: 15px;
}

.banner-wrap .banner:nth-of-type(1) .ico-img {
    background: url("/type/TIME_A/img/main/ico-banner-1.svg") no-repeat center;
    width: 54px;
    height: 44px;
    background-size: 54px 44px;
}

.banner-wrap .banner:nth-of-type(2) .ico-img {
    background: url("/type/TIME_A/img/main/ico-banner-2.svg") no-repeat center;
    width: 54px;
    height: 44px;
    background-size: 54px 44px;
}

.banner-wrap .banner:nth-of-type(3) .ico-img {
    background: url("/type/TIME_A/img/main/ico-banner-3.svg") no-repeat center;
    width: 54px;
    height: 44px;
    background-size: 54px 44px;
}

.banner-wrap .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background: #878D91;
    border-radius: 50%;
    opacity: 0.4;
}

.banner-wrap .swiper-pagination-bullet-active {
    background: var(--point-color);
    opacity: 1;
}

.banner-wrap .swiper-pagination {
    height: 8px;
    bottom: 0;
}

@media screen and (min-width: 768px) {
    .banner-wrap .banner-wrap {
        padding: 0 30px;
    }

    .banner-wrap .banner-slide {
        padding: 50px 0 40px;
    }

    .banner-wrap .banner>a {
        max-width: 360px;
        height: 200px;
    }

    .banner-wrap .banner>a:hover {
        transform: scale(0.97);
    }

    .banner-wrap .banner .txt-box {
        top: 38px;
        left: 21px;
    }

    .banner-wrap .banner .txt-box .top-txt {
        font-size: 16px;
        padding-bottom: 20px;
    }

    .banner-wrap .banner .txt-box p.txt {
        font-size: 24px;
    }

    .banner-wrap .banner .ico-img {
        bottom: 20px;
        right: 20px;
    }

    .banner-wrap .banner:nth-of-type(1) .ico-img {
        width: 74px;
        height: 60px;
        background-size: cover;
    }

    .banner-wrap .banner:nth-of-type(2) .ico-img {
        width: 112px;
        height: 60px;
        background-size: cover;
    }

    .banner-wrap .banner:nth-of-type(3) .ico-img {
        width: 108px;
        height: 50px;
        background-size: cover;
    }

    .banner-wrap .swiper-pagination {
        bottom: 5px;
    }

    .banner-wrap .swiper-pagination-bullet {
        width: 9px;
        height: 9px;
    }
}

.typePc .banner-wrap {
    padding: 0 40px 0;
}

.typePc .banner-wrap .banner-slide {
    padding: 100px 0 60px;
}

.typePc .banner-wrap .swiper-pagination {
    display: none;
}

.typePc .banner-wrap .swiper-wrapper {
    justify-content: space-between;
    gap: 30px;
}

.typePc .banner-wrap .banner {
    width: calc(33.33% - 20px) !important;
    overflow: auto;
    margin: inherit;
    padding: 0;
    background: none;
}

@media screen and (min-width: 1200px) {
    .typePc .banner-wrap .banner>a {
        max-width: 512px;
        height: 200px;
    }

    .typePc .banner-wrap .banner .txt-box .top-txt {
        font-size: 18px;
    }

    .typePc .banner-wrap .banner .ico-img {
        bottom: 34px;
        right: 40px;
    }

    .typePc .banner-wrap .banner:nth-of-type(1) .ico-img {
        width: 104px;
        height: 84px;
    }

    .typePc .banner-wrap .banner:nth-of-type(2) .ico-img {
        width: 146px;
        height: 77px;
    }

    .typePc .banner-wrap .banner:nth-of-type(3) .ico-img {
        width: 132px;
        height: 62px;
    }
}

@media screen and (min-width: 1400px) {
    .typePc .banner-wrap .banner-slide {
        padding: 80px 0 0 0;
    }
}

/* banner e */
/* quick-menu s */
.quick-menu-wrap {
    padding: 10px 20px 0 20px;
}

.quick-menu-wrap>ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.quick-menu-wrap>ul>li {
    position: relative;
    width: calc(50% - 5px);
    min-height: 125px;
    border-radius: 10px;
    border: 1px solid #d9d9d9;
    box-sizing: border-box;
    transition: .3s;
    /* background: #f8f8f8; */
}

.quick-menu-wrap>ul>li>a {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 24px 15px;
}

.quick-menu-wrap .quick-menu-tit {
    font-size: 18px;
    font-weight: 600;
    color: var(--black);
    line-height: 1.2;
}

.quick-menu-wrap .quick-menu-cont {
    display: none;
    font-size: 14px;
    padding-top: 6px;
    color: #777;
    word-break: keep-all;
    position: relative;
    z-index: 1;
}

.quick-menu-wrap .quick-menu-ico {
    position: absolute;
    right: 16px;
    bottom: 17px;
    width: 29px;
    height: 29px;
    background-size: 29px 29px;
}

.quick-menu-wrap .quick-menu-ico .ico-img {
    display: block;
    width: 29px;
    height: 29px;
    position: relative;
    z-index: 1;
}

.quick-menu-wrap li:nth-of-type(1) .quick-menu-ico .ico-img {
    background: url("/type/TIME_A/img/main/ico-faq.svg") no-repeat;
    background-size: contain;
}

.quick-menu-wrap li:nth-of-type(2) .quick-menu-ico .ico-img {
    background: url("/type/TIME_A/img/main/ico-admit.svg") no-repeat;
    background-size: contain;
}

.quick-menu-wrap li:nth-of-type(3) .quick-menu-ico .ico-img {
    background: url("/type/TIME_A/img/main/ico-graduation.svg") no-repeat;
    background-size: contain;
}

.quick-menu-wrap li:nth-of-type(4) .quick-menu-ico .ico-img {
    background: url("/type/TIME_A/img/main/ico-smart.svg") no-repeat;
    background-size: contain;
}

.quick-menu-wrap .quick-menu-ico:before {
    content: '';
    position: absolute;
    right: -11px;
    bottom: 9px;
    width: 35px;
    height: 35px;
    border-radius: 35px;
    background: #E9F1FD;
    z-index: 0;
}

.quick-menu-wrap .quick-menu-ico img {
    max-width: 100%;
}

.quick-menu-wrap .more-wrap {
    display: none;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -80px;
    height: 80px;
    width: 100%;
    text-align: center;
}

.quick-menu-wrap .more-wrap .more {
    display: block;
    font-size: 14px;
    padding-top: 50px;
}

.quick-menu-wrap .more-wrap .more .quick-arrow {
    display: inline-block;
    width: 15px;
    height: 18px;
    background-size: 15px 18px;
    background: url("/type/TIME_A/img/main/ico-arrow-quick.svg") center top 4px no-repeat;
    margin-left: 10px;
}

@media screen and (min-width: 768px) {
    .mob-br {
        display: none;
    }

    .quick-menu-wrap .inner {
        padding: 0 30px;
    }

    .quick-menu-wrap .quick-menu-cont {
        display: block;
    }
}

.typePc .quick-menu-wrap .inner {
    padding: 0 40px;
}

.typePc .quick-menu-wrap>ul {
    gap: 30px;
}

.typePc .quick-menu-wrap>ul>li {
    width: calc(25% - 23px);
    height: 250px;
}

.typePc .quick-menu-wrap>ul>li:hover .more-wrap {
    display: block;
}

.typePc .quick-menu-wrap>ul>li:hover {
    background: #1B2E57;
    transform: translateY(-20px);
    height: 200px;
}

.typePc .quick-menu-wrap>ul>li:hover .quick-menu-ico:before {
    background: #3157AD;
    z-index: 0;
}

.typePc .quick-menu-wrap>ul>li:hover .quick-menu-tit {
    color: #fff;
}

.typePc .quick-menu-wrap>ul>li:hover .quick-menu-cont {
    color: #fff;
}

.typePc .quick-menu-wrap>ul>li>a {
    padding: 30px;
}

.typePc .quick-menu-wrap .quick-menu-tit {
    font-size: 24px;
}

.typePc .quick-menu-wrap .quick-menu-cont {
    font-size: 15px;
}

.typePc .quick-menu-wrap .quick-menu-ico {
    width: 50px;
    height: 50px;
    right: 30px;
    bottom: 30px;
}

.typePc .quick-menu-wrap .quick-menu-ico .ico-img {
    width: 50px;
    height: 50px;
}

.typePc .quick-menu-wrap .quick-menu-ico:before {
    width: 60px;
    height: 60px;
    transition: .3s;
}

.typePc .quick-menu-wrap li:nth-of-type(1) .quick-menu-ico .ico-img {
}

.typePc .quick-menu-wrap li:nth-of-type(2) .quick-menu-ico .ico-img {
}

.typePc .quick-menu-wrap li:nth-of-type(3) .quick-menu-ico .ico-img {
}

.typePc .quick-menu-wrap li:nth-of-type(4) .quick-menu-ico .ico-img {
}

.typePc .quick-menu-wrap li:nth-of-type(1):hover .quick-menu-ico .ico-img {
    background: url("/type/TIME_A/img/main/ico-faq-w.svg") no-repeat;
    background-size: contain;
}

.typePc .quick-menu-wrap li:nth-of-type(2):hover .quick-menu-ico .ico-img {
    background: url("/type/TIME_A/img/main/ico-admit-w.svg") no-repeat;
    background-size: contain;
}

.typePc .quick-menu-wrap li:nth-of-type(3):hover .quick-menu-ico .ico-img {
    background: url("/type/TIME_A/img/main/ico-graduation-w.svg") no-repeat;
    background-size: contain;
}

.typePc .quick-menu-wrap li:nth-of-type(4):hover .quick-menu-ico .ico-img {
    background: url("/type/TIME_A/img/main/ico-smart-w.svg") no-repeat;
    background-size: contain;
}

@media screen and (min-width: 1400px) {

    .typePc .quick-menu-wrap li:nth-of-type(1) .quick-menu-ico .ico-img {
        background-size: 67px 67px;
    }

    .typePc .quick-menu-wrap li:nth-of-type(2) .quick-menu-ico .ico-img {
        background-size: 67px 67px;
    }

    .typePc .quick-menu-wrap li:nth-of-type(3) .quick-menu-ico .ico-img {
        background-size: 67px 67px;
    }

    .typePc .quick-menu-wrap li:nth-of-type(4) .quick-menu-ico .ico-img {
        background-size: 67px 67px;
    }

    .typePc .quick-menu-wrap li:nth-of-type(1):hover .quick-menu-ico .ico-img {
        background: url("/type/TIME_A/img/main/ico-faq-w.svg") no-repeat;
        background-size: 67px 67px;
    }

    .typePc .quick-menu-wrap li:nth-of-type(2):hover .quick-menu-ico .ico-img {
        background: url("/type/TIME_A/img/main/ico-admit-w.svg") no-repeat;
        background-size: 67px 67px;
    }

    .typePc .quick-menu-wrap li:nth-of-type(3):hover .quick-menu-ico .ico-img {
        background: url("/type/TIME_A/img/main/ico-graduation-w.svg") no-repeat;
        background-size: 67px 67px;
    }

    .typePc .quick-menu-wrap li:nth-of-type(4):hover .quick-menu-ico .ico-img {
        background: url("/type/TIME_A/img/main/ico-smart-w.svg") no-repeat;
    }


    .typePc .quick-menu-wrap .inner {
        padding:40px;
    }

    .typePc .quick-menu-wrap>ul>li {
        height: 350px;
    }

    .typePc .quick-menu-wrap>ul>li:hover {
        height: 300px;
    }

    .typePc .quick-menu-wrap>ul>li>a {
        padding: 50px;
    }

    .typePc .quick-menu-wrap .quick-menu-ico {
        width: 80px;
        height: 80px;
    }

    .typePc .quick-menu-wrap .quick-menu-ico .ico-img {
        width: 80px;
        height: 80px;
    }

    .typePc .quick-menu-wrap .quick-menu-ico:before {
        width: 73px;
        height: 73px;
        right: -20px;
        bottom: 25px;
    }
}

/* quick-menu e */
/* btm-wrap s */
.btm-wrap {
    padding: 40px 20px 0;
}

.btm-wrap .inner {
    display: flex;
    flex-direction: column;
    gap: 10px;
    box-sizing: border-box;
}

.btm-wrap .top {
    padding: 23px 19px 14px;
    box-sizing: border-box;
    border-radius: 15px;
    background: #1B2E57 url("/type/TIME_A/img/main/bg-center.png") center right -60px/cover no-repeat;
}

.btm-wrap .top>a {
    color: #EAEAEA;
    line-height: 1.4;
}

.btm-wrap .top .tit {
    font-size: 20px;
    color: #3897D8;
    padding-bottom: 6px;
}

.btm-wrap .top .cont {
    font-size: 14px;
    color: #fff;
}

.btm-wrap .top .cont2 {
    display: block;
    padding-top: 18px;
    font-size: 12px;
    color: #d9d9d9;
}

.btm-wrap .bottom {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.btm-wrap .bottom>a {
    width: 100%;
    display: flex;
    position: relative;
    justify-content: space-between;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 10px;
    background: #F9F9F9;
    color: var(--black);
}

.btm-wrap .bottom .txt-box .tit {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.4;
}

.btm-wrap .bottom .txt-box .cont {
    font-size: 12px;
}

.btm-wrap .bottom img {
    position: absolute;
    right: 30px;
    bottom: 0;
}

.btm-wrap .bottom>a:nth-of-type(1) img {
    width: 81px;
    height: 62px;
}

.btm-wrap .bottom>a:nth-of-type(2) img {
    width: 76px;
    height: 69px;
}

@media screen and (min-width: 600px) {
    .btm-wrap .bottom {
        flex-direction: row;
    }
}

@media screen and (min-width: 768px) {
    .btm-wrap {
        padding-top: 60px;
    }

    .btm-wrap .inner {
        flex-direction: row;
        gap: 20px;
        padding: 0 30px;
    }

    .btm-wrap .top {
        width: 50%;
        padding: 30px;
    }

    .btm-wrap .bottom {
        width: 50%;
        flex-direction: column;
    }
}

.typePc .btm-wrap {
    padding-top: 100px;
}

.typePc .btm-wrap .inner {
    padding: 0 40px;
}

.typePc .btm-wrap .top {
    padding: 40px 30px 37px;
    background-position: center right -80px;
}

.typePc .btm-wrap .top .tit {
    font-size: 36px;
}

.typePc .btm-wrap .top .cont {
    font-size: 24px;
}

.typePc .btm-wrap .top .cont2 {
    font-size: 17px;
}

.typePc .btm-wrap .bottom {
    gap: 16px;
}

.typePc .btm-wrap .bottom>a {
    padding: 30px;
}

.typePc .btm-wrap .bottom .txt-box .tit {
    font-size: 28px;
}

.typePc .btm-wrap .bottom .txt-box .cont {
    font-size: 20px;
    padding-top: 5px;
}

.typePc .btm-wrap .bottom>a:nth-of-type(1) img {
    width: 139px;
    height: 107px;
}

.typePc .btm-wrap .bottom>a:nth-of-type(2) img {
    width: 123px;
    height: 118px;
}

@media screen and (min-width: 1400px) {
    .typePc .btm-wrap {
        padding-top: 150px;
    }

    .typePc .btm-wrap .inner {
        gap: 35px;
    }

    .typePc .btm-wrap .top {
        padding: 60px;
    }

    .typePc .btm-wrap .top .cont2 {
        font-size: 18px;
    }

    .typePc .btm-wrap .bottom {
        gap: 26px;
    }

    .typePc .btm-wrap .bottom>a {
        padding: 45px;
    }

    .typePc .btm-wrap .bottom .txt-box .tit {
        font-size: 36px;
    }

    .typePc .btm-wrap .bottom .txt-box .cont {
        font-size: 24px;
        padding-top: 10px;
    }

    .typePc .btm-wrap .bottom>a:nth-of-type(1) img {
        width: 190px;
        height: 146px;
    }

    .typePc .btm-wrap .bottom>a:nth-of-type(2) img {
        width: auto;
        height: auto;
    }
}

/* btm-wrap e */

.slide {
    /* layout */
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
    /* position */
    position: relative;
    /* size */
    width: 100%;
    user-select: none;
}
.slide_item {
    position: relative;
    left: 0px;
    transition: left 0.15s;
}
.slide_button {
    /* layout */
    display: flex;
    justify-content: center;
    align-items: center;

    /* position */
    position: absolute;
    top: calc(50% - 16px);

    /* size */
    width: 32px;
    height: 32px;

    /* style */
    border-radius: 100%;
    background-color: #cccc;
    cursor: pointer;
}

.slide_prev_button {
    left: 10px;
}
.slide_next_button {
    right: 10px;
}

/* 페이지네이션 스타일 */
ul,
li {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.slide_pagination {
    /* layout */
    display: flex;
    gap: 5px;

    /* position */
    position: absolute;

    left: 230px;
    bottom: 13px;
    height: 50px;
    line-height: 50px;
}
.slide_pagination > li {
    color: #bfbfbf;
    cursor: pointer;
    font-size: 50px;

}
.slide_pagination > li.active {
    color: #7f94ff;
}

.slide_item_duplicate {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    left: 0px;
    width: 100%;
    height: 300px;
    flex-shrink: 0;
    transition: left 0.15s;
}

@media screen and (max-width: 1600px) {
    .slide_pagination {  left: 170px; }
}

@media screen and (max-width: 768px) {
    .slide_pagination {left: 50%!important; transform: translateX(-50%);}
    .main-visual .notice-banner {margin-top: 14px;}

    .main-visual .banner-area .banner-third .banner-yellow{font-size: 21px; }
    .main-visual .banner-area .banner-fourth .banner-tit > span { font-size: 20px;

    }

}

/* 250512 수정 s*/
.notice-area {position: relative; padding: 0; box-sizing: border-box; border-radius: 22px; overflow: hidden; animation: fade-up 1s ease backwards; }
.notice-area .inner {aspect-ratio: 1 / 1;}
.notice-area-bg {position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.notice-area-bg.pc {display: none;}
.notice-area .txt-tit {color: #fff; font-size: 35px; position: relative; z-index: 1; line-height: 1.2; font-weight: bold;}
.notice-area .txt-tit .sm {font-size: 22px;}
.notice-area .txt-sub {color: #fffc00; font-size: 22px; position: relative; z-index: 1; padding-top: 5px; font-weight: 500;}
.notice-btn-box-wrap {width: 100%;display: flex;flex-wrap: wrap;align-items: center;gap: 5px 10px;padding: 0 10px;box-sizing: border-box;position: absolute;bottom: 10px;z-index: 1;justify-content: center;left: 50%;transform: translateX(-50%);}
.notice-btn-box {display: flex; gap: 10px; justify-content: center;}
.notice-btn-box > a {position: relative; display: flex;align-items: center;justify-content: center;min-width: 125px;box-sizing: border-box;width: 50%;color: #1b2e57;background: #fff;border: 1px solid #1b2e57;padding: 3px 15px;border-radius: 20px;text-align: center;font-size: 16px; font-weight: bold;}
.notice-btn-box > a::before {content: ''; width: 100%; height: 30px; background: #1b2e57; position: absolute; bottom: -4px; border-radius: 20px; z-index: -1;}
.banner-btn {width: 100%; max-width: 250px; height: 40px; display: flex; align-items: center; justify-content: center; gap: 10px; color: #fff; background: #fe9601; font-size: 16px; border-radius: 40px; box-shadow: 0 4px 6px rgb(0 0 0 / 0.38); word-break: keep-all; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);}
.banner-btn em {font-size: 20px; font-weight: bold;}

.main-visual .new-banner-area {padding-bottom: 0; margin-top: 40px; animation: fade-up 1s ease backwards; animation-delay: 0.2s;}
.main-visual .new-banner-area a {display: block; padding-top: 120%;}
.new-banner-area .swiper-slide {border-radius: 22px; overflow: hidden;}
.new-banner-area .swiper-slide img {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.main-visual .swiper-pagination-bullet {width: 10px; height: 10px;}
.main-visual .swiper-pagination {bottom: 35px; gap: 10px}
.main-visual .swiper-pagination-bullet {background: #111; opacity: 0.3;}
.main-visual .swiper-pagination-bullet-active {border-radius: 30px; opacity: 1;}

.info-wrap {width: 100%; display: flex; padding: 0 20px 0 20px; gap: 10px; box-sizing: border-box;}
.info-wrap > div {width: calc(50% - 5px);border: 1px solid #d9d9d9;border-radius: 10px;box-sizing: border-box;/* background: #f8f8f8; */}
.info-wrap > div:nth-of-type(1) {background: #f8f8f8}
.info-left-area > a {display: block; width: 100%; height: 100%; padding: 24px 15px; box-sizing: border-box; position: relative;}
.info-left-area .top-txt {font-size: 18px; font-weight: 600; color: var(--black); line-height: 1.2;}
.info-left-area .txt {line-height: 1.2; padding-top: 10px; color: #777; font-weight: 400;}
.info-left-area .more-wrap {display: none; position: absolute; left: 50%; transform: translateX(-50%); bottom: -80px; height: 80px; width: 100%; text-align: center;}
.info-left-area .more-wrap .more {display: block; font-size: 14px; padding-top: 50px;}
.info-left-area .more-wrap .more .quick-arrow {display: inline-block; width: 15px; height: 18px; background: url(/type/TIME_A/img/main/ico-arrow-quick.svg) center top 4px no-repeat; margin-left: 10px;}
.info-left-area .info-ico {position: absolute; right: 16px; bottom: 17px; width: 29px; height: 29px; background-size: 29px 29px;}
.info-left-area .info-ico::before {content: '';position: absolute;right: -11px;bottom: 9px;width: 35px;height: 35px;border-radius: 35px;background: #cde1ff;z-index: 0;}
.typePc .info-left-area .info-ico::before {width: 50px; height: 50px; border-radius: 50px;}
.info-left-area .ico-img {display: block; width: 29px; height: 29px; position: relative; z-index: 1; background: url(/type/TIME_A/img/main/ico-graduation.svg) no-repeat; background-size: contain;}
.info-left-area .ico-img img {max-width: 100%;}
.info-right-area {position: relative; padding: 24px 15px; background: #62a1fe; color: #fff;}
.info-right-area .top-txt {font-size: 18px; line-height: 1; font-weight: 600;}
.info-right-area .top-txt .sm {font-size: 16px; font-weight: 500;}
.info-right-area .txt {font-size: 15px; line-height: 1.2; padding-top: 10px;}
.info-link-box {padding-top: 30px;}
.info-link-box > a {display: flex; align-items: center; justify-content: center; width: 100%; height: 30px; background: #fff; color: #033380; font-weight: 600; transition: .3s;}
.info-link-box > a + a {margin-top: 7px;}

.main-slide-control {position: static; z-index: 1; width: 100%; left: 0; bottom: 50px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; gap: 5px; color: #000; font-size: 18px; padding-top: 30px;}
.main-slide-control .swiper-button-next, .main-slide-control .swiper-button-prev {width: 30px; height: 30px; position: relative; background-image: none; left: 0; top: 0; margin-top: 0;}
.main-slide-control .swiper-button-next:before, .main-slide-control .swiper-button-prev:before {content: ''; position: absolute; left: 10px; top: 8px; width: 14px; height: 14px; border-top: 3px solid #000; border-right: 3px solid #000;}
.main-slide-control .swiper-button-next:before {transform: rotate(45deg); left: 3px;}
.main-slide-control .swiper-button-next:after {left: 12px;}
.main-slide-control .swiper-button-prev:before {transform: rotate(-135deg);}
.main-slide-control .swiper-pagination {position: relative; bottom: 0; width: auto; display: flex; align-items: center; gap: 5px; line-height: 1; transform: unset; left: auto !important;}
.main-slide-control .swiper-pagination-current {font-size: 30px; font-weight: bold;}
.main-slide-control .stop-play {position: relative; width: 30px; height: 30px; box-sizing: border-box;}
.main-slide-control .btn-play:before {content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 9px; height: 14px; border-left: 3px solid #000; border-right: 3px solid #000; box-sizing: border-box;}
.main-slide-control .btn-play.on:before {width: 0; height: 0; border-left: 12px solid #000; border-right: none; border-top: 8px solid transparent; border-bottom: 8px solid transparent; box-sizing: border-box;}

.time-step-wrap {padding: 45px 20px 30px 20px;}
.time-step-slide .swiper-wrapper {flex-wrap: wrap; gap: 20px 0; justify-content: center;}
/*.time-step-slide .swiper-wrapper > li {width: 33.33% !important;}*/
/*.typePc .time-step-slide .swiper-wrapper > li {width: auto !important;}*/

@keyframes fade-up {
    0% {transform:translate(0px, 100px); opacity: 0;}
    100% {transform:translate(0px, 0); opacity: 1;}
}

@media screen and (min-width: 400px) {
}

@media screen and (min-width: 500px) {
    .notice-btn-box-wrap {bottom: 6%;}
    .banner-btn {height: 55px;}
    .notice-btn-box > a {min-width: 140px; font-size: 18px;}
}

@media screen and (min-width: 620px) {
    .notice-btn-box-wrap {gap: 20px;}
    .banner-btn {height: 60px;}
}


@media screen and (min-width: 768px) {
    .notice-area-bg.pc {display: block;}
    .notice-area-bg.mobile {display: none;}
    .notice-area .inner {aspect-ratio: 2 / 1.5;}
    .new-banner-area .swiper-slide img {transition: .3s;}
    .new-banner-area .swiper-slide:hover img {transform: scale(1.02);}
    .notice-btn-box > a {transition: .3s;}
    .notice-btn-box > a:hover {background: #1B2E57; color: #fff;}
    .notice-btn-box > a:hover::before {background: #111;}
    .banner-btn {transition: .3s;}
    .banner-btn:hover {background: #1B2E57; color: #fff;}

    .info-left-area {transition: .3s;}
    .info-left-area:hover {background: #1B2E57 !important;transform: translateY(-20px);height: 360px;}
    .info-left-area:hover .more-wrap {display: block;}
    .info-left-area .info-ico::before {transition: .3s;}
    .info-left-area:hover .ico-img {background: url("/type/TIME_A/img/main/ico-graduation-w.svg") no-repeat center / contain;}
    .info-left-area:hover .top-txt, .info-left-area:hover .txt {color: #fff;}
    .info-left-area:hover .info-ico::before {background: #3157AD; z-index: 0;}
    .info-link-box > a:hover {background: #1B2E57; color: #fff;}

    .time-step-slide .swiper-wrapper {flex-wrap: nowrap; gap: unset; justify-content: flex-start;}

}

@media screen and (min-width: 1024px) {
    .main-visual {flex-direction: row; gap: 15px; padding: 0 40px 60px; height: 400px;}
    .main-visual .notice-area {width: 60%; height: 100%;}
    .notice-btn-box-wrap {flex-wrap: nowrap; padding: 0 20px;}
    .main-visual .notice-area .inner {aspect-ratio : unset;}
    .main-visual .new-banner-area {width: 40%; margin-top: 0; height: 100%;}
    .main-slide-control {padding-top: 20px;}
    .main-visual .swiper-container {height: 100%;}
    .notice-btn-box {gap: 5%;}
    .banner-btn {min-width: 130px; padding: 0 10px; box-sizing: border-box;}
    .new-banner-area .swiper-slide img {position: absolute; width: 100%; height: 100%;}

    .info-wrap {gap: 30px; padding: 0;}
    .info-left-area > a {padding: 30px;}
    .info-left-area .top-txt {font-size: 24px;}
    .info-left-area .txt {font-size: 15px; line-height: unset;}
    .info-left-area .info-ico {width: 50px; height: 50px; right: 30px; bottom: 30px; background-size: 50px;}
    .info-left-area .ico-img {width: 50px; height: 50px;}
    .info-right-area {padding: 30px;}
    .info-right-area .top-txt {font-size: 36px;}
    .info-right-area .top-txt .sm {font-size: 26px; padding-bottom: 5px;}
    .info-right-area .txt {font-size: 20px; color: #fff;}
    .info-link-box > a {width: 70%; height: 40px;}
    .info-right-area .info-ico {position: absolute; right: 30px; bottom: 30px; width: 50px; height: 50px; background-size: 29px 29px;}
    .info-right-area .info-ico::before {content: ''; position: absolute; right: -11px; bottom: 9px; width: 50px; height: 50px; border-radius: 50px; background: #E9F1FD; opacity: 0.5;}
    .info-right-area .ico-img {display: block; width: 50px; height: 50px; position: relative; z-index: 1; background: url("/type/TIME_A/img/main/ico-smart-w.svg") no-repeat; background-size: contain;}
    .info-right-area .ico-img img {max-width: 100%;}

    .quick-menu-wrap {padding: 40px 20px 0 20px;}
    .typePc .section-wrap {gap: 40px 30px;}
    .typePc .community-wrap .inner {height: 100%;}
}

@media screen and (min-width: 1200px) {
    .main-visual .notice-area {width: 50%;}
    .main-visual .new-banner-area {width: 50%;}
}

@media screen and (min-width: 1400px) {
    .main-visual {height: 491px;}
    .main-visual .notice-area {width: 54%;padding-top: 80px;}
    .main-visual .notice-area .inner {max-width: 500px; margin: 0 auto;}
    .main-visual .new-banner-area {width: 47.5%;}
    .notice-area .txt-tit {font-size: 62px;}
    .notice-area .txt-tit .sm {font-size: 57px;}
    .notice-area .txt-sub {font-size: 40px;}
    .notice-btn-box-wrap {padding-top: 60px;}
    .notice-btn-box > a {font-size: 20px; min-width: 170px;}
    .banner-btn {height: 60px; font-size: 18px;}

    .typePc .section-wrap, .section-wrap {gap: 40px 30px;}
    .typePc .community-wrap .inner {height: auto;}
    .quick-menu-wrap {padding: 0 20px 0 20px;}
    .info-wrap {gap: 30px; padding: 0;}
    .info-left-area > a, .info-right-area{padding: 50px;}
    .info-left-area .info-ico {width: 80px; height: 80px; background-size: 67px 67px;}
    .typePc .info-left-area .info-ico::before {width: 73px; height: 73px; right: -20px; bottom: 25px;}
    .info-left-area .ico-img {width: 80px; height: 80px; background-size: 67px 67px !important;}
    .info-right-area .info-ico {width: 80px; height: 80px;}
    .info-right-area .info-ico::before {width: 73px; height: 73px; right: -20px; bottom: 25px;}
    .info-right-area .ico-img {width: 80px; height: 80px; background-size: 67px 67px;}

    .time-step-wrap > div {display: flex;}
    .time-step-slide, .typePc  .time-step-slide {width: 80%; padding: 0 0 40px;}
    .time-step-slide .swiper-wrapper {justify-content: center}
}
/* 250512 수정 e*/