.icon.m3::after {
    background-image: url(/img/ico/m3-out.svg);
}

.main-card:hover .icon.m3::after,
.main-card.set-time .icon.m3::after {
    background-image: url(/img/ico/m3-on.svg);
}

.icon.h1::after {
    background-image: url(/img/ico/h1-out.svg);
}

.main-card:hover .icon.h1::after,
.main-card.set-time .icon.h1::after {
    background-image: url(/img/ico/h1-on.svg);
}

.icon.h2::after {
    background-image: url(/img/ico/h2-out.svg);
}

.main-card:hover .icon.h2::after,
.main-card.set-time .icon.h2::after {
    background-image: url(/img/ico/h2-on.svg);
}

.icon.h3::after {
    background-image: url(/img/ico/h3-out.svg);
}

.main-card:hover .icon.h3::after,
.main-card.set-time .icon.h3::after {
    background-image: url(/img/ico/h3-on.svg);
}

.icon.kmh::after {
    background-image: url(/img/ico/kmh-out.svg);
}

.main-card:hover .icon.kmh::after,
.main-card.set-time .icon.kmh::after {
    background-image: url(/img/ico/kmh-on.svg);
}

.icon.ssu::after {
    background-image: url(/img/ico/ssu-out.svg);
}

.main-card:hover .icon.ssu::after,
.main-card.set-time .icon.ssu::after {
    background-image: url(/img/ico/ssu-on.svg);
}

.icon.wsu::after {
    background-image: url(/img/ico/wsu-out.svg);
}

.main-card:hover .icon.wsu::after,
.main-card.set-time .icon.wsu::after {
    background-image: url(/img/ico/wsu-on.svg);
}

.icon.srv::after {
    background-image: url(/img/ico/srv-out.svg);
}

.main-card:hover .icon.srv::after,
.main-card.set-time .icon.srv::after {
    background-image: url(/img/ico/srv-on.svg);
}

.icon.ssc::after {
    background-image: url(/img/ico/ssc-out.svg);
}

.main-card:hover .icon.ssc::after,
.main-card.set-time .icon.ssc::after {
    background-image: url(/img/ico/ssc-on.svg);
}

.icon.dir::after {
    background-image: url(/img/ico/dir-out.svg);
}

.main-card:hover .icon.dir::after,
.main-card.set-time .icon.dir::after {
    background-image: url(/img/ico/dir-on.svg);
}

.icon.ban::after {
    background-image: url(/img/ico/ban-out.svg);
}

.main-card:hover .icon.ban::after,
.main-card.set-time .icon.ban::after {
    background-image: url(/img/ico/ban-on.svg);
}

.icon.nqa::after {
    background-image: url(/img/ico/nqa-out.svg);
}

.main-card:hover .icon.nqa::after,
.main-card.set-time .icon.nqa::after {
    background-image: url(/img/ico/nqa-on.svg);
}

.icon.ntc::after {
    background-image: url(/img/ico/ntc-out.svg);
}

.main-card:hover .icon.ntc::after,
.main-card.set-time .icon.ntc::after {
    background-image: url(/img/ico/ntc-on.svg);
}

.icon.acd::after {
    background-image: url(/img/ico/acd-out.svg);
}

.main-card:hover .icon.acd::after,
.main-card.set-time .icon.acd::after {
    background-image: url(/img/ico/acd-on.svg);
}

.icon.tch::after {
    background-image: url(/img/ico/tch-out.svg);
}

.main-card:hover .icon.tch::after,
.main-card.set-time .icon.tch::after {
    background-image: url(/img/ico/tch-on.svg);
}

.icon.fac::after {
    background-image: url(/img/ico/fac-out.svg);
}

.main-card:hover .icon.fac::after,
.main-card.set-time .icon.fac::after {
    background-image: url(/img/ico/fac-on.svg);
}

.icon.mpn::after {
    background-image: url(/img/ico/mpn-out.svg);
}

.main-card:hover .icon.mpn::after,
.main-card.set-time .icon.mpn::after {
    background-image: url(/img/ico/mpn-on.svg);
}

.icon.map::after {
    background-image: url(/img/ico/map-out.svg);
}

.main-card:hover .icon.map::after,
.main-card.set-time .icon.map::after {
    background-image: url(/img/ico/map-on.svg);
}

.icon.rec::after {
    background-image: url(/img/ico/rec-out.svg);
}

.main-card:hover .icon.rec::after,
.main-card.set-time .icon.rec::after {
    background-image: url(/img/ico/rec-on.svg);
}

.icon.sms::after {
    background-image: url(/img/ico/sms-out.svg);
}

.main-card:hover .icon.sms::after,
.main-card.set-time .icon.sms::after {
    background-image: url(/img/ico/sms-on.svg);
}

.icon.ess::after {
    background-image: url(/img/ico/ess-out.svg);
}

.main-card:hover .icon.ess::after,
.main-card.set-time .icon.ess::after {
    background-image: url(/img/ico/ess-on.svg);
}

.icon.rev::after {
    background-image: url(/img/ico/rev-out.svg);
}

.main-card:hover .icon.rev::after,
.main-card.set-time .icon.rev::after {
    background-image: url(/img/ico/rev-on.svg);
}

.icon.set::after {
    background-image: url(/img/ico/set-out.svg);
}

.main-card:hover .icon.set::after,
.main-card.set-time .icon.set::after {
    background-image: url(/img/ico/set-on.svg);
}

.icon.phn::after {
    background-image: url(/img/ico/phn-out.svg);
}

.main-card:hover .icon.phn::after,
.main-card.set-time .icon.phn::after {
    background-image: url(/img/ico/phn-on.svg);
}

.icon.evt::after {
    background-image: url(/img/ico/evt-out.svg);
}

.main-card:hover .icon.evt::after,
.main-card.set-time .icon.evt::after {
    background-image: url(/img/ico/evt-on.svg);
}

.icon.con::after {
    background-image: url(/img/ico/con-out.svg);
}

.main-card:hover .icon.con::after,
.main-card.set-time .icon.con::after {
    background-image: url(/img/ico/con-on.svg);
}

.icon.grd::after {
    background-image: url(/img/ico/grd-out.svg);
}

.main-card:hover .icon.grd::after,
.main-card.set-time .icon.grd::after {
    background-image: url(/img/ico/grd-on.svg);
}

.icon.int::after {
    background-image: url(/img/ico/int-out.svg);
}

.main-card:hover .icon.int::after,
.main-card.set-time .icon.int::after {
    background-image: url(/img/ico/int-on.svg);
}

.icon.lqa::after {
    background-image: url(/img/ico/lqa-out.svg);
}

.main-card:hover .icon.lqa::after,
.main-card.set-time .icon.lqa::after {
    background-image: url(/img/ico/lqa-on.svg);
}

.icon.ptc::after {
    background-image: url(/img/ico/ptc-out.svg);
}

.main-card:hover .icon.ptc::after,
.main-card.set-time .icon.ptc::after {
    background-image: url(/img/ico/ptc-on.svg);
}

.mypage_wrap .mypage_tit.refund h3::before {
    display: flex;
    content: "";
    width: 56px;
    height: 56px;
    background: url(/img/mypage/ico_refund.svg) no-repeat left center / 56px 56px;
}

.modal-content .modal-header h2::before {
    content: "";
    width: 95px;
    height: 36px;
    display: inline-block;
    background: url(/img/popup/ico_pop_logo.png) no-repeat left center / 95px 36px;
}

.mypage_wrap .mypage_tit.student h3::before {
    display: flex;
    content: "";
    width: 56px;
    height: 56px;
    background: url(/img/mypage/icon_membership.svg) no-repeat left 4px / 56px 56px;
}

.student_service .btn-wrap a:nth-child(4)::after {
    background-image: url("/img/mypage/ico_dugak_app.png");
    width: 120px;
    height: 120px;
    border-radius: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 120px 120px;
}

.map-wrap .alert-box.bg {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.25), rgba(32, 42, 96, 1)), url(/img/background/bg-box-01.jpg);
    background-size: cover; /* ¹è°æ À̹ÌÁö Å©±â Á¶Á¤ */
    background-position: center; /* ¹è°æ À̹ÌÁö À§Ä¡ Á¶Á¤ */
}

.recruit-wrap .bg-top {
    width: 100%;
    height: 940px;
    position: relative;
    background-image: url(/img/recruit/recruit-bg_05.png);
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
}

.recruit-wrap .content .col-info .email::before {
    display: inline-block;
    content: "";
    width: 20px;
    height: 20px;
    background-image: url(/img/recruit/email.svg);
    background-size: cover;
    background-position: 0 3px;
    background-repeat: no-repeat;
}

.mypage_wrap .mypage_tit.facility h3::before {
    display: flex;
    content: "";
    width: 56px;
    height: 56px;
    background: url(/img/mypage/icon_chart_w.svg) no-repeat center center / 56px 56px;
}

.choices__inner {
    box-sizing: border-box;
    width: 100%;
    background-color: #ebeeff;
    background: #ebeeff url(/img/ico/ico_select_arrow.png) no-repeat right 28px center / 15px 13px;
    padding: 0 18px;
    border: 1px solid #202a60;
    border-radius: 0;
    font-size: 18px;
    height: 55px;
    line-height: 55px;
}

@media screen and (max-width: 640px) {
    .recruit-wrap .bg-top {
        height: 600px;
        background-image: url(/img/recruit/recruit-bg_05_m.png);
    }
}

@media screen and (max-width: 768px) {
    .recruit-wrap .bg-top {
        height: 640px;
        background-image: url(/img/recruit/recruit-bg_05_m.png);
        background-position: center center;
    }

    .modal-content .modal-header h2::before {
        content: "";
        width: 95px;
        height: 24px;
        display: inline-block;
        background: url(/img/popup/ico_pop_logo.png) no-repeat left center / 95px 36px;
    }
}

@media screen and (max-width: 1250px) {
    .mypage_wrap .mypage_tit.refund h3::before {
        width: 25px;
        height: 25px;
        background: url(/img/mypage/ico_refund.svg) no-repeat left center / 25px 25px;
    }

    .mypage_wrap .mypage_tit.student h3 {
        gap: 12px;
    }

        .mypage_wrap .mypage_tit.student h3::before {
            width: 25px;
            height: 25px;
            background: url(/img/mypage/icon_membership.svg) no-repeat left 2px / 25px 25px;
        }

    .mypage_wrap .mypage_tit.facility h3::before {
        display: flex;
        content: "";
        width: 25px;
        height: 25px;
        background: url(/img/mypage/icon_chart_w.svg) no-repeat center center / 25px 25px;
    }
}