@charset "UTF-8";


@media all and (min-width: 1024px) {
    .apply-list-sec .apply-content:hover {
        background: #0C4DA2;
        border:1px solid #0C4DA2;
    }
    .apply-list-sec .apply-content:hover .status-bg-type {
        background: #fff;
        color:#0C4DA2;
    }
    .apply-list-sec .apply-content:hover .apply-subject {
        color:#fff;
    }
    .apply-list-sec .apply-content:hover .apply-schedule {
        color:#fff;
    }
    .apply-list-sec .apply-content:hover .apply-schedule .label {
        color:#fff;
    }
    .apply-list-sec .apply-content:hover .apply-schedule .label img {
        content:url('../img/icon/ico-clock-white.svg');
    }
    .apply-list-sec .apply-content:hover .apply-schedule .fc-red {
        color:#fff;
    }
    .apply-list-sec .apply-content:hover .apply-btn-wrap .apply-btn {
        background: #fff;
        color:#0C4DA2;
    }
    .apply-list-sec .apply-content:hover .apply-btn-wrap .apply-check-btn {
        background: none;
        border:1px solid #fff;
        color:#fff;
    }
    .apply-list-sec .apply-content.ready-apply:hover .apply-btn-wrap .apply-check-btn,
    .apply-list-sec .apply-content.complete-apply:hover .apply-btn-wrap .apply-check-btn {
        background: #fff;
        color:#0C4DA2;
    }
}

@media all and (max-width: 1320px) {
    .blue-tab-wrap {
        padding:0 20px;
    }
    .sub-w-moreinfo-sec .tab-content-wrap .cont-sec .inner {
        padding-left:20px;
        padding-right:20px;
    }
    .sub-w-moreinfo-sec .tab-content-wrap .cont-sec .inner .img-wrap.w765 {
        flex-basis: 60%;
    }
    .sub-w-moreinfo-sec .tab-content-wrap .tab-content1 .cs1 .txtCont-wrap {
        padding:0;
    }
    .sub-w-moreinfo-sec .tab-content-wrap .tab-content1 .cs1 .txtCont-wrap {
        padding:0;
    }
}

@media all and (max-width: 1023px) {
    .status {
        width:82px;
        height:28px;
        font-size:16px;
    }
    .status-bg-type {
        font-size:14px;
        height:24px;
        width:64px;
    }
    .status-bg-type.ready {
        width:48px;
    }
    .status-bg-type.complete {
        width:48px;
    }
    tag.new {
        width:36px;
        font-size:10px;
    }
    .subpage-sec {
        padding:36px 0 60px 0;
    }
    .subpage-sec h2 {
        margin:0 auto 12px;
        padding:0 0 10px 0;
        font-size:24px;
    }
    .subpage-sec .page-info {
        font-size:12px;
    }

    .main-sec .cont-wrap {
        padding:0;
    }
    .apply-wrap .apply-subject {
        margin:16px auto 48px;
        line-height: 1.45;
        font-size:24px;
    }
    .apply-wrap .apply-schedule {
        font-size:16px;
    }
    .apply-wrap .apply-schedule .time-txt {
        font-weight: 900;
    }
    .apply-wrap .apply-btn-wrap {
        margin:60px auto 40px;
    }
    .apply-wrap .apply-btn-wrap p {
        font-size:12px;
    }
    .apply-btn-wrap .apply-btn {
        max-width: 280px;
        height: 48px;
    }

    .apply-list-sec {
        margin:60px auto 100px;
    }
    .apply-list-sec .title-wrap h3 {
        font-size:20px;
    }
    .apply-list-sec .title-wrap .add-txt {
        font-size:14px;
    }
    .apply-list-sec .apply-content-list {
        gap:16px;
    }
    .apply-list-sec .apply-content {
        padding:20px;
        width:calc(100% / 2 - 16px / 2);
        height: unset;
    }
    .apply-list-sec .apply-content .apply-content-inner {
        height:110px;
    }
    .apply-list-sec .apply-content .apply-subject {
        margin:6px auto 12px;
        font-size:18px;
    }
    .apply-list-sec .apply-content .apply-schedule .apply-schedule-txt {
        font-size:14px;
    }
    .apply-list-sec .apply-content .apply-schedule .label {
        font-size:13px;
    }
    .apply-list-sec .apply-content .apply-btn-wrap {
        margin:28px auto 0;
    }
    .apply-list-sec .apply-content .apply-btn-wrap .apply-btn {
        height:36px;
        font-size:14px;
    }
    .apply-list-sec .apply-content .apply-btn-wrap .apply-check-btn {
        height:36px;
        font-size:14px;
    }
    .apply-list-sec .apply-content.ready-apply .apply-btn-wrap .apply-check-btn,
    .apply-list-sec .apply-content.complete-apply .apply-btn-wrap .apply-check-btn {
        font-size:14px;
    }

    .title-sec {
        height: calc(300px - 50px);
    }
    .title-sec .cont-wrap {
        padding:0;
    }
    .title-sec h2 {
        font-size:28px;
        font-weight: 600;
    }

    .bbs-wrap.type-faq .question {
        gap:14px;
        height: 40px;
    }
    .bbs-wrap.type-faq .question .number {
        flex-basis: 24px;
        font-size:14px;
    }
    .bbs-wrap.type-faq .question .subject {
        gap:12px;
        width: calc(100% - 24px - 74px - 28px);
    }
    .bbs-wrap.type-faq .question .subject .txt {
        font-size:13px;
    }
    .bbs-wrap.type-faq .bbs.new .question .subject .txt {
        width: calc(100% - 48px);
    }
    .bbs-wrap.type-faq .question .date {
        flex-basis: 74px;
        font-size:12px;
    }
    .bbs-wrap.type-faq .bbs.active .answer {
        padding:20px 16px;
        font-size:14px;
    }

    .card-information-wrap {
        flex-direction: column;
    }
    .card-information-wrap .card {
        gap:16px;
        padding:32px 12px;
    }
    .card-information-wrap .card .img-wrap {
        padding:0 0 8px 0;
    }
    .card-information-wrap .card .img-wrap img {
        height:48px;
    }
    .card-information-wrap .card .card-title {
        font-size:16px;
    }
    .card-information-wrap .card .desc {
        font-size:12px;
    }

    .content-info-wrap h4 {
        font-size:20px;
    }
    .content-info-wrap h4:after {
        height:7px;
    }
    .content-info-list {
        margin:32px auto 0;
    }
    .content-info-list .content-info .img-tt-wrap {
        gap:24px;
    }
    .content-info-list .content-info .img-tt-wrap img:not(.last-img) {
        height:56px;
    }
    .content-info-list .content-info .img-tt-wrap .last-img {
        height:36px;
    }
    .content-info-list .content-info .img-tt-wrap .tt {
        font-size:16px;
    }
    .content-info-list .content-info .desc {
        margin:16px auto 0;
        font-size:13px;
    }

    .sub-w-notification-sec .title-wrap {
        margin:0 auto 36px;
    }
    .sub-w-notification-sec h2 {
        line-height: 1.35;
    }
    .sub-w-notification-sec .apply-schedule {
        flex-direction: column;
        font-size:14px;
    }
    .sub-w-notification-sec .explanation-wrap {
        margin:0 auto 36px;
    }
    .sub-w-notification-sec .explanation-wrap h3 {
        margin:0 auto 6px;
        font-size:16px;
        font-weight: bold;
    }
    .sub-w-notification-sec .explanation-wrap .desc {
        padding:16px 12px;
        font-size:14px;
    }
    .sub-w-notification-sec .explanation-wrap .desc .mb-1d {
        margin-bottom:0.75rem;
    }
    .sub-w-notification-sec .explanation-wrap .desc .mb-1d5 {
        margin-bottom:1.25rem;
    }
    .sub-w-notification-sec .explanation-wrap .desc .list-dot-type {
        padding:0 0 0 20px;
    }
    .sub-w-notification-sec .explanation-wrap .desc .list-dot-type:before {
        top:10px;
        left:10px;
    }
    .apply-progress-btn-wrap .apply-progress-btn {
        height: 48px;
        font-size:20px;
        font-weight: normal;
    }

    .apply-list-sec .apply-content:active {
        background: #0C4DA2;
        border:1px solid #0C4DA2;
    }
    .apply-list-sec .apply-content:active .status-bg-type {
        background: #fff;
        color:#0C4DA2;
    }
    .apply-list-sec .apply-content:active .apply-subject {
        color:#fff;
    }
    .apply-list-sec .apply-content:active .apply-schedule {
        color:#fff;
    }
    .apply-list-sec .apply-content:active .apply-schedule .label {
        color:#fff;
    }
    .apply-list-sec .apply-content:active .apply-schedule .label img {
        content:url('../img/icon/ico-clock-white.svg');
    }
    .apply-list-sec .apply-content:active .apply-schedule .fc-red {
        color:#fff;
    }
    .apply-list-sec .apply-content:active .apply-btn-wrap .apply-btn {
        background: #fff;
        color:#0C4DA2;
    }
    .apply-list-sec .apply-content:active .apply-btn-wrap .apply-check-btn {
        background: none;
        border:1px solid #fff;
        color:#fff;
    }
    .apply-list-sec .apply-content.ready-apply:active .apply-btn-wrap .apply-check-btn,
    .apply-list-sec .apply-content.complete-apply:active .apply-btn-wrap .apply-check-btn {
        background: #fff;
        color:#0C4DA2;
    }

    .blue-tab-wrap {
        gap:4px;
    }
    .blue-tab {
        font-size:12px;
    }
    .sub-w-moreinfo-sec .tab-content-wrap {
        margin: 60px auto 100px;
    }
    .sub-w-moreinfo-sec .tab-content-wrap .cont-sec {
    }
    .sub-w-moreinfo-sec .tab-content-wrap .cont-sec.mt120px {
        margin-top:80px;
    }
    .sub-w-moreinfo-sec .tab-content-wrap .cont-sec.mb120px {
        margin-bottom:80px;
    }
    .sub-w-moreinfo-sec .tab-content-wrap .cont-sec .inner {
        gap:40px;
        flex-direction: column;
        max-width: 640px;
    }
    .sub-w-moreinfo-sec .tab-content-wrap .tab-content1 .cs2 .inner {
        max-width: 640px;
        overflow-x: hidden;
    }
    .sub-w-moreinfo-sec .tab-content-wrap .tab-content2 .cs2 .inner {
        max-width: 640px;
    }
    .sub-w-moreinfo-sec .tab-content-wrap .tab-content2 .cs4 .inner {
        max-width: 640px;
    }
    .sub-w-moreinfo-sec .tab-content-wrap .tab-content1 .person-wrap {
        margin:68px auto 0;
    }
    .sub-w-moreinfo-sec .tab-content-wrap .tab-content1 .person {
        width:80px;
    }
    .sub-w-moreinfo-sec .tab-content-wrap .tab-content1 .man-person {
        width:120px;
    }
    .sub-w-moreinfo-sec .tab-content-wrap .tab-content1 .cs2 .txtCont-wrap {
        padding:0;
    }
    .sub-w-moreinfo-sec .tab-content-wrap .tab-content1 .cs2 .tw-img-wrap {
        margin:30px auto 0;
        padding:0 0 80px 0;
    }
    .sub-w-moreinfo-sec .tab-content-wrap .tab-content1 .cs2 .tw-img-wrap img {
        height: 26px;
    }
    .sub-w-moreinfo-sec .tab-content-wrap .tab-content1 .cs2 .tw-img-wrap img.in-img2 {
        top:42px;
        left:40px;
    }
    .sub-w-moreinfo-sec .tab-content-wrap .tab-content1 .cs3 .txtCont-wrap {
        padding:0;
    }
    .sub-w-moreinfo-sec .tab-content-wrap .tab-content .ico-wrap {
        margin:32px auto 0;
        height:72px;
    }
    .sub-w-moreinfo-sec .tab-content-wrap .tab-content2 .cs1 .txtCont-wrap {
        padding:0;
    }
    .sub-w-moreinfo-sec .tab-content-wrap .tab-content2 .cs2 {
        overflow-x: hidden;
    }
    .sub-w-moreinfo-sec .tab-content-wrap .tab-content2 .cs2 .txtCont-wrap {
        padding:0;
    }
    .sub-w-moreinfo-sec .tab-content-wrap .tab-content2 .cs2 .tw-img-wrap {
        display: flex;
        justify-content: left;
        gap:8px;
        margin:24px auto 0;
    }
    .sub-w-moreinfo-sec .tab-content-wrap .tab-content2 .cs2 .tw-img-wrap .img {
        position: relative;
        left: unset;
    }
    .sub-w-moreinfo-sec .tab-content-wrap .tab-content2 .cs3 .txtCont-wrap {
        padding:0;
    }
    .sub-w-moreinfo-sec .tab-content-wrap .cont-sec.pb80px {
        padding-bottom: 40px;
    }
    .sub-w-moreinfo-sec .tab-content-wrap .tab-content2 .cs4 .img-wrap {
        text-align: center;
    }
    .sub-w-moreinfo-sec .tab-content-wrap .tab-content2 .cs4 .absol.img {
        position: relative;
        top:unset;
        right: unset;
        width:50%;
        max-width: 200px;
    }
    .sub-w-moreinfo-sec .tab-content-wrap .tab-content3 .txtCont-wrap {
        padding:40px 0 0 0;
    }
    .sub-w-moreinfo-sec .tab-content-wrap .tab-content4 .txtCont-wrap {
        padding:0;
    }
    .sub-w-moreinfo-sec .tab-content-wrap .tab-content4 .border-content {
        margin:28px 0 0;
        height:48px;
    }
    .sub-w-moreinfo-sec .tab-content-wrap .tab-content4 .border-content .bc-tt {
        font-size:14px;
    }
    .sub-w-moreinfo-sec .tab-content-wrap .tab-content4 .border-content .bc-desc {
        font-size:14px;
    }
    .sub-w-moreinfo-sec .tab-content-wrap .cont-sec .inner .img-wrap.w320 {
        flex-basis: auto;
        text-align: center;
    }
    .sub-w-moreinfo-sec .tab-content-wrap .cont-sec .inner .img-wrap.w320 img {
        max-width: 240px;
    }
    .sub-w-moreinfo-sec .tab-content-wrap .cont-sec .inner .img-wrap.w540 {
        flex-basis: auto;
        text-align: center;
    }
    .sub-w-moreinfo-sec .tab-content-wrap .cont-sec .tt {
        font-size:18px;
    }
    .sub-w-moreinfo-sec .tab-content-wrap .cont-sec .tt-sbj {
        font-size:14px;
    }
    .sub-w-moreinfo-sec .tab-content-wrap .cont-sec .desc {
        font-size:13px;
    }
    .sub-w-moreinfo-sec .apply-w-close-btn-wrap {
        padding: 0 20px;
    }
    .sub-w-moreinfo-sec .apply-w-close-btn {
        height: 40px;
        font-size: 16px;
    }

    .pop-layer .inner {
        padding:32px 24px;
        max-height: calc(100vh - 100px);
    }
    .pop-layer .inner h4 {
        margin:0 auto 20px;
        font-size:20px;
    }
    .pop-layer.apply-notification-pop .inner h4 {
        padding:0 0 14px 0;
        font-size:20px;
    }
    .pop-layer .inner .add-txt {
        font-size:12px;
    }
    .pop-layer .inner .form-wrap .input-container {
        gap:12px;
        font-size:14px;
    }
    .pop-layer .inner .form-wrap input[type="text"],
    .pop-layer.apply-login-pop .inner .form-wrap input[type="text"] {
        font-size:14px;
    }
    .pop-layer .inner .content {
        padding:16px 0;
        max-height: calc(100vh - (100px * 2) - 60px - 40px);
        font-size:13px;
    }
    .pop-layer .inner .form-wrap .privacy-wrap {
        margin:20px auto 0;
    }
    .pop-layer .inner .form-wrap .privacy-wrap .privacy-lb {
        font-size:14px;
    }
    .pop-layer .inner .form-btn-wrap {
        margin:20px auto 0;
    }
    .pop-layer .inner .form-btn-wrap .al-submit-btn {
        height:36px;
        font-size:14px;
    }
    .pop-layer .inner .form-btn-wrap .ac-submit-btn {
        height:36px;
        font-size:14px;
    }
    .pop-layer .inner .form-btn-wrap .ac-close-btn {
        height:36px;
        font-size:14px;
    }
    .pop-layer .inner .a-confirm-btn {
        margin:20px auto 0;
        height:36px;
        font-size:14px;
    }
    .pop-layer .inner .al-close-btn {
        top:30px;
        right:24px;
    }
    .pop-result-wrap {
        margin:20px auto 0;
    }
    .pop-result-wrap h5 {
        padding:20px 0;
        font-size:20px;
    }
    .pop-result-wrap .rs-container {
        gap:12px;
        font-size:14px;
    }
    .pop-result-wrap .rs-con {
    }
    .pop-result-wrap .rs-txt {
        width: 100%;
        max-width: 220px;
        font-size: 14px;
    }
}

@media all and (max-width: 767px) {
    .content-info-list {
        gap:32px;
    }
    .content-info-list .content-info {
        width:100%;
    }
    .apply-list-sec .apply-content-list {
        justify-content: center;
    }
    .apply-list-sec .apply-content {
        padding:20px;
        width:100%;
        max-width: 400px;
    }

    .pop-layer .inner .form-wrap input[type="text"],
    .pop-layer.apply-login-pop .inner .form-wrap input[type="text"] {
        width:100%;
        max-width:220px;
        font-size:14px;
    }
}