@charset "utf-8";

/* only pc */
@media screen and (min-width: 1025px) {
    .no-pc {
        display: none !important;
    }

    /* tab */
    .sub-tab-wrap.type1 > ul > li > a:hover {
        background-color: #004098;
        color: #fff;
    }

    .sub-tab-wrap.type2 > ul > li > a:hover {
        padding-bottom: 0;
        box-shadow: 0 3px 0 0 #008299;
        color: #008299;
    }

    .sub-menu-wrap .sub-menu .sub-menu-list > li:hover > a {
        font-weight: 600;
        color: #fff;
    }
    .sub-menu-wrap .sub-menu .sub-menu-list > li:hover > a::after {
        transform: translateY(-50%) rotate(-180deg);
    }
    .sub-menu-wrap .sub-menu .sub-menu-list > li > ul > li > a:hover {
        background: #eff6ff;
        color: #0b44a6;
    }
}

/* =====================================

	* responsive 
	
====================================== */

@media screen and (max-width: 1500px) {
    .inner-layer {
        padding: 0 20px;
    }
}

@media screen and (max-width: 1300px) {
    /* Type D */
    .type4 .ev-tooltip-con {
        min-width: 200%;
    }
}

@media screen and (max-width: 1024px) {
    html,
    body {
        font-size: 9px;
    }
    /* input file custom */
    .filebox label {
        padding-top: 9px;
        padding-bottom: 9px;
    }

    /* show / hide */
    .p-show{
        display: none;
    }
    .t-show{
        display: block;
    }

    .m-br {
        display: inline-block;
    }
    .no-mo {
        display: none !important;
    }

    .cst-table th,
    .cst-table td {
        padding: 12px 10px;
        font-size: 16px;
    }
    .cst-table tfoot tr > * {
        padding: 20px 10px;
    }
    .form-group[class*="n"],
    .form-group-text {
        gap: 5px;
    }

    .form-item {
        min-width: 65px;
    }
    input[type="date"].form-item {
        width: calc((100% - 28px) / 2);
    }

    .form-group.form-group-text {
        gap: 10px 5px;
        flex-wrap: wrap;
    }
    .write-wrap .has-btn .form-item {
        width: 100%;
    }
    .form-group.form-group-text.n3 .form-item {
        width: calc((100% - 34px) / 3);
    }
    .form-group.form-group-text .btn {
        width: 100%;
    }

    .btn.btn-big {
        height: 45px;
        padding: 0 25px;
        font-size: 16px;
    }

    .warning-text-wrap {
        padding: 15px;
    }
    .warning-text {
        font-size: 14px;
    }

    .sub-visual {
        height: 180px;
    }
    .sub-visual .sub-visual-con .sub-visual-text .sub-visual-navi {
        margin-top: 16px;
    }

    .sub-menu-wrap .sub-menu{
        height: 54px;
        width: 60%;
        border-radius: 30px 0 0;
    }
    .sub-menu-wrap .sub-menu .sub-menu-list > li > a{
        padding: 15px 22px;
        padding-right: 40px;
    }
    .sub-menu-wrap .sub-menu .sub-menu-list > li:first-child > a {
        padding-left: 32px;
    }
    .sub-menu-wrap .sub-menu .sub-menu-list > li > a::after{
        right: 22px;
    }
    .sub-menu-wrap .sub-menu .sub-menu-list > li > ul {
        top: 54px;
    }

    .yearly-btn-wrap .view-method-wrap {
        display: none;
    }

    /* 연간 교육 안내 */
    .yearly-list.gallery-type > div {
        width: calc((100% - 25px) / 2);
    }

    /* 월간 교육 안내 */
    .type4 .ev-list > li {
        padding: 30px 0;
    }
    .type4 .sch-wrap select.form-item {
        width: 80px;
        margin: 0 2px;
    }
    .type4 .sch-wrap .btn {
        margin: 0 2px;
        padding: 0 15px;
    }
    .type4 .sch-wrap .sch-key {
        width: 44%;
    }

    /* 연혁 */
    .type4 .year-rolling-wrap {
        width: 100%;
    }
    .type4 .history-wrap:not(:has(.no-cont)):before,
    .type4 .history-bar {
        left: 180px;
    }
    .type4 .history-wrap:not(:has(.no-cont)) .js-bar {
        left: 180px;
    }
    .type4 .history-conbox {
        gap: 0;
    }
    .type4 .year-rolling {
        margin: 0 50px;
    }
    .type4 .year span {
        padding-right: 28px;
    }
    .type4 .year span:before {
        width: 57%;
    }
    .type4 .history-con > li {
        gap: 30px;
        margin-left: 15px;
    }
    .type4 .history-con .date:before {
        left: -20px;
    }

    /* 오프라인 교육, Webinar 교육 - my webinar */
    .my-webinar-list .link-wrap {
        width: 170px;
    }

    .watch-popup-header {
        padding: 20px 35px;
    }
    .watch-popup-header .img-wrap img {
        width: 150px;
    }
    .watch-popup-inner .video-wrap {
        width: calc(100% - 200px);
    }
    .watch-popup-right {
        width: 200px;
        padding: 20px 15px;
        background: #2d3748;
        box-sizing: border-box;
    }
    .watch-popup-right .top-wrap > ul > li > a {
        display: flex;
        gap: 15px;
        align-items: center;
        height: 55px;
        padding: 0 20px;
    }
    .watch-popup-right > .btn {
        height: 55px;
        padding: 0 20px;
    }
    .watch-popup-content {
        padding: 25px 35px;
    }
    .watch-popup-content#feedback {
        left: calc((100% - 200px) / 2);
        width: calc((100% - 200px) - 40px);
    }
    .watch-popup-content#evaluation {
        left: calc((100% - 200px) / 2);
        width: calc((100% - 200px) - 40px);
    }

    /* 온라인 교육 - 안내 */
    .content-notice-wrap {
        padding: 35px 45px;
    }

    /* 온라인 교육 - 교육 신청 */
    .online-apply-list {
        gap: 15px;
    }
    .online-apply-list > div {
        width: calc((100% - 30px) / 3);
        padding: 30px 25px;
    }
    .online-apply-wrap .text-notice + .btn-wrap {
        margin: 10px 0 0;
    }
    .online-apply-list.completed > div .btn-wrap .btn {
        width: 100%;
    }

    /* 온라인 교육 - 교육 신청 상세 페이지 */
    .online-course-view-wrap .period-wrap > div {
        width: calc((100% - 30px) / 3);
    }

    .scroll-x.tab-type {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    .scroll-x.tab-type table {
        width: 1024px;
    }

    /* 강의 팝업 */
    .course-result-wrap {
        gap: 0;
        justify-content: space-between;
        padding: 0;
    }

    /* 뉴스레터 */
    .newsletter-list-wrap .util-wrap {
        padding: 0;
    }

    /* 간행위원회 */
    .editorial-table-wrap .cst-table th,
    .editorial-table-wrap .cst-table td {
        padding: 12px 10px;
    }

    /* 나의 교육 현황 */
    .edu-status-wrap .cst-table th,
    .edu-status-wrap .cst-table td {
        padding: 10px;
    }

    /* 기관 이력 확인 - IRB 기관등록 내역 */
    .institution-registration-wrap.list {
        gap: 15px;
    }
    .institution-registration-wrap.list .content {
        width: calc((100% - 30px) / 3);
    }

    /* 인사말 */
    .greeting-wrap .img-wrap img {
        width: 250px;
    }
    .greeting-wrap .text-wrap {
        min-height: auto;
        padding: 35px 60px;
    }
    .greeting-wrap .text-wrap .title {
        font-size: 2.5rem;
    }

    /* 역대회장 */
    .president-history-wrap .content {
        width: calc((100% - 44px) / 2);
    }

    /* 찾아오시는 길 */
    .directions-wrap .map-wrap {
        height: 500px;
    }
    .directions-info-wrap .inner.info > div {
        gap: 22px;
        align-items: flex-start;
        flex-direction: column;
        width: 100%;
    }
    .directions-info-wrap .inner.info .directions-list {
        gap: 14px;
        align-items: flex-start;
        flex-direction: column;
        width: 100%;
    }
    .directions-info-wrap .inner.subway .directions-list {
        gap: 14px;
        align-items: flex-start;
        flex-direction: column;
        width: 100%;
    }
    .directions-info-wrap .inner.subway .directions-list > div {
        width: 100%;
    }

    .touch-help {
        position: relative;
    }
    .touch-help:before {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 2;
        width: 100%;
        max-width: 80%;
        height: 100%;
        clear: both;
        background-image: url("/assets/image/sub/img_touch_help.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
        color: #fff;
        transform: translate(-50%, -50%);
    }
    .touch-help.small:before {
        width: 100%;
        max-width: 100%;
        height: 75px;
        background-size: auto 100%;
    }
    .touch-help > table,
    .touch-help > .write-wrap {
        position: relative;
    }

    .touch-help:after,
    .touch-help > .write-wrap::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
        clear: both;
        background-color: rgba(0, 0, 0, 0.7);
    }

    .touch-help:not(.tab-type):before,
    .touch-help:not(.tab-type):after,
    .touch-help:not(.tab-type) > .write-wrap::before {
        display: none !important;
    }

    /* 관련사이트 */
    .site-wrap-type3 .site-list {
        gap: 20px;
    }
    .site-wrap-type3 .site-list > li {
        width: calc((100% - 20px) / 2);
    }
}

@media screen and (max-width: 768px) {
    html,
    body {
        overflow-x: hidden;
        font-size: 8px;
    }

    .sub-contents {
        font-size: 14px;
    }

    /* show / hide */
    .t-show{
        display: none;
    }
    .m-show{
        display: block;
    }
    .m-hide{
        display: none;
    }
    .no-pc {
        display: block;
    }

    .mt-30 {
        margin-top: 15px !important;
    }
    .mt-40 {
        margin-top: 20px !important;
    }
    .mt-50 {
        margin-top: 25px !important;
    }
    .mt-60 {
        margin-top: 30px !important;
    }

    .content-box + .content-box {
        margin: 25px 0 0;
    }

    .list-type.n3 {
        gap: 6px;
    }
    .list-type.n3 > li {
        width: 100%;
    }
    .list-type-dot > li:before {
        top: 9px;
    }
    .list-type-bar > li:before {
        top: 11px;
    }
    .inner-list-type {
        margin: 0 0 0 5px;
    }
    .list-type-text li {
        gap: 5px;
    }

    .touch-help:not(.tab-type):before,
    .touch-help:not(.tab-type):after,
    .touch-help:not(.tab-type) > .write-wrap::before {
        display: block !important;
    }

    /* popup */
    .popup-conbox {
        padding-bottom: 20px;
    }
    .popup-tit-wrap {
        padding: 15px 20px;
    }
    .popup-footer {
        height: 30px;
        padding: 9px 15px;
        padding-right: 50px;
        font-size: 12px;
    }
    .popup-footer .btn {
        width: auto;
        height: 30px;
        padding: 10px 15px;
        font-size: 12px;
        text-align: center;
    }
    .btn-pop-close {
        top: 18px;
        right: 15px;
        width: 25px;
        height: 25px;
        background-size: 20px;
    }

    .popup-wrap:not(.win-popup-wrap) .popup-contents {
        margin: 3vh auto;
        border-radius: 10px;
    }
    .win-popup-wrap .popup-contents {
        padding-bottom: 30px;
    }

    /* Type A */
    .popup-contents.type1 .popup-tit-wrap {
        padding: 15px 45px;
    }
    .popup-contents.type1 .popup-contit-wrap {
        padding: 15px;
    }
    .popup-contents.type1 .popup-contit {
        font-size: 24px;
    }
    .popup-contents.type1 .popup-con {
        padding: 20px 15px;
        font-size: 14px;
        line-height: 1.4;
    }
    .popup-contents.type1 .popup-attach-con {
        width: calc(100% - 30px);
        padding: 15px;
        border-radius: 3px;
    }
    .popup-contents.type1 .popup-attach-con > a {
        padding-left: 20px;
        background-position: 0 3px;
        background-size: 10px;
        font-size: 12px;
        line-height: 1.3;
    }
    .popup-contents.type1 .btn-wrap {
        margin-top: 20px;
    }
    .popup-contents.type1 .btn-wrap .btn {
        margin: 2px;
        padding: 8px 25px;
        font-size: 14px;
    }

    /* Multi Popup */
    .popup-wrap .popup-rolling-wrap .popup-contents {
        max-width: 100%;
        margin: 0;
    }
    .popup-rolling-wrap .scroll-y {
        height: calc(100% - 93px);
    }
    .type2 .popup-rolling-wrap .scroll-y,
    .type4 .popup-rolling-wrap .scroll-y,
    .popup-rolling-wrap .type2 .scroll-y,
    .popup-rolling-wrap .type4 .scroll-y {
        height: calc(100% - 45px);
    }

    .popup-wrap.footer-layer .term-wrap {
        height: auto;
    }
    .popup-wrap.footer-layer .btn-pop-close {
        top: -22px;
        right: 0;
        width: 45px;
        height: 45px;
    }

    /* form */
    .help-text {
        font-size: 12px;
        line-height: 1.2;
    }
    .write-wrap > li.n2 {
        width: 100%;
        float: none;
    }
    .write-wrap > li.n2 .form-tit {
        width: 100%;
        /* text-align: left; */
    }
    .write-wrap > li.n2 .form-con {
        width: 100%;
    }
    .write-wrap .form-tit,
    .write-wrap .form-con {
        display: block;
        width: 100%;
        padding: 10px;
        font-size: 14px;
        line-height: 1.3;
    }
    .write-wrap .form-tit {
        border-bottom: 1px solid #e2e2e2;
    }
    .form-item {
        padding: 0 10px;
        border-radius: 3px;
        font-size: 14px;
    }
    .form-group.form-group-text {
        flex-direction: row;
    }
    .form-group-text .text {
        padding: 0 5px;
    }
    .write-form-wrap .btn.btn-type1 {
        min-width: initial;
        margin: 4px 2px;
        padding: 8px 25px;
        font-size: 14px;
    }

    /* checkbox, radio */
    .radio-wrap,
    .checkbox-wrap {
        gap: 10px 20px;
    }
    .cst .radio-group input[type="radio"] + label,
    .cst .checkbox-group input[type="checkbox"] + label {
        padding-left: 20px;
    }
    .cst .radio-group input[type="radio"] + label:before,
    .cst .checkbox-group input[type="checkbox"] + label:before {
        top: 1px;
    }
    .cst .radio-group input[type="radio"]:checked + label:after {
        top: 6px;
    }

    /* input file custom */
    .filebox label {
        width: 85px;
        padding: 8px 0;
        font-size: 14px;
    }
    .filebox .upload-name {
        width: calc(100% - 95px);
    }
    .filebox:has(.btn) .upload-name {
        width: calc(100% - 141px);
    }

    /* table */
    .scroll-x {
        overflow-x: auto;
        width: 100%;
        -webkit-overflow-scrolling: touch;
    }
    .scroll-x table {
        width: 768px;
        table-layout: fixed;
    }

    .cst-table th,
    .cst-table td {
        padding: 10px;
        font-size: 14px;
        line-height: 1.3;
    }
    .cst-table .text-left {
        padding-right: 10px;
        padding-left: 10px;
    }

    .cst-table colgroup.pc {
        display: none;
    }
    .cst-table colgroup.mobile {
        display: table-column-group;
    }

    /* popup */
    .popup-wrap {
        justify-content: start;
    }
    .win-popup-wrap.popup-wrap .popup-contents {
        margin: 0 auto;
    }
    .popup-wrap .popup-contents {
        margin: 3vh auto;
    }
    .popup-tit-wrap {
        padding: 15px 20px;
        padding-right: 50px;
    }
    .popup-tit {
        font-size: 20px;
    }
    .popup-conbox {
        padding: 30px 15px;
        font-size: 14px;
    }
    .popup-contents .btn-popup-close {
        background-size: 20px;
    }
    .popup-contents .btn-popup-close {
        top: 12px;
        right: 15px;
    }
    .popup-conbox .btn-wrap {
        margin-top: 30px;
    }
    .popup-conbox .btn-wrap .btn-type1 {
        min-width: 80px;
        padding: 9px 16px;
        font-size: 14px;
    }
    .popup-wrap:not(.win-popup-wrap) .popup-conbox {
        padding: 30px 20px;
    }
    .popup-wrap:not(.win-popup-wrap) .btn-wrap {
        margin-top: 30px;
    }

    /* sub */
    .sub-contents {
        padding-top: 30px;
        padding-bottom: 60px;
    }
    .sub-conbox {
        font-size: 14px;
    }
    .sub-tit-wrap {
        /* margin-top: 40px; */
        margin-bottom: 15px;
    }
    .sub-tit {
        padding-top: 12px;
        background-size: 10px;
        font-size: 16px;
    }
    /* .sub-contit-wrap {
        margin-top: 30px;
        margin-bottom: 10px;
    } */
    .sub-contit {
        padding-left: 15px;
        background-position: 0 4px;
        background-size: 6px;
        font-size: 17px;
    }
    .sub-contit.underline {
        -webkit-box-shadow: inset 0 -6px #eef3fc;
        box-shadow: inset 0 -6px #eef3fc;
        font-size: 16px;
    }

    /* 회원가입 */
    .term-wrap {
        height: 200px;
        padding: 20px;
    }
    .scroll-y::-webkit-scrollbar {
        overflow: hidden;
        width: 10px;
    }
    .term-wrap + .checkbox-wrap {
        margin-top: 15px;
        font-size: 14px;
    }
    .term-wrap + .checkbox-wrap .checkbox-group {
        padding-left: 26px;
    }
    .term-wrap + .checkbox-wrap input[type="checkbox"] {
        width: 16px;
        height: 16px;
        margin-top: -2px;
        margin-right: 10px;
        margin-left: -26px;
    }
    .term-wrap + .checkbox-wrap .checkbox-group input[type="checkbox"]:checked:before {
        top: 1px;
        left: 2px;
    }

    .form-group.form-group-text.n3 .form-item {
        width: calc((100% - 53px) / 3);
    }
    .form-group.has-btn {
        flex-direction: column;
    }
    .form-group.has-btn > * {
        width: 100%;
    }

    .warning-text {
        gap: 5px;
    }

    /* sub visual */
    .sub-visual,
    .sub-visual .sub-visual-con {
        display: none;
    }

    /* sub menu */
    .sub-menu-wrap {
        position: static;
        margin: 0 0 -10px;
        padding: 0 0 10px;
    }
    .sub-menu-wrap .sub-menu {
        width: 100%;
        max-width: 100%;
        height: 54px;
        padding: 0;
        border-radius: 0;
        box-shadow: 0 0 10px 0 rgba(0, 64, 152, 0.2);
        background: #fff;
    }
    .sub-menu-wrap .sub-menu .sub-menu-list {
        width: 100%;
        height: auto;
    }
    .sub-menu-wrap .sub-menu .sub-menu-list > li {
        width: calc(100% / 2);
        padding: 15px;
        box-sizing: border-box;
    }
    .sub-menu-wrap .sub-menu .sub-menu-list > li:first-child,
    .sub-menu-wrap .sub-menu .sub-menu-list > li:last-child {
        padding: 20px 15px 15px;
    }
    .sub-menu-wrap .sub-menu .sub-menu-list > li + li {
        margin: 0;
        padding: 15px;
    }
    .sub-menu-wrap .sub-menu .sub-menu-list > li + li::before {
        display: none;
    }
    .sub-menu-wrap .sub-menu .sub-menu-list > li:first-child > a{
        padding-left: 0;
    }
    .sub-menu-wrap .sub-menu .sub-menu-list > li > a {
        overflow: hidden;
        padding: 0 25px 0 0;
        font-size: 14px;
        font-weight: 600;
        color: #444655;
        white-space: nowrap;
        word-break: break-all;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
    }
    .sub-menu-wrap .sub-menu .sub-menu-list > li > a::after {
        right: 0;
        width: 10px;
        height: 12px;
        background-image: url("/assets/image/sub/sub_menu_arrow_mo.png");
    }

    .sub-menu-wrap .sub-menu .sub-menu-list > li > ul {
        top: 56px;
        left: 0;
    }
    .sub-menu-wrap .sub-menu .sub-menu-list > li > ul > li > a {
        position: relative;
        padding: 10px 15px 10px 30px;
        font-size: 14px;
    }
    .sub-menu-wrap .sub-menu .sub-menu-list > li > ul > li > a::before {
        content: "•";
        display: inline-block;
        position: absolute;
        top: 10px;
        left: 15px;
        font-size: 14px;
        font-weight: 600;
        color: #1b3c87;
    }
    .sub-menu-wrap .sub-menu .sub-menu-list > li > ul > li > a.on {
        font-weight: 600;
        color: #1b3c87;
    }

    .sub-menu-wrap .sub-menu .sub-menu-list > li.on {
        background-color: #f0f4ff;
    }
    .sub-menu-wrap .sub-menu .sub-menu-list > li.on > a {
        color: #1b3c87;
    }
    .sub-menu-wrap .sub-menu .sub-menu-list > li.on > a::after {
        background-image: url("/assets/image/sub/sub_menu_arrow_on_mo.png");
    }

    /* sub content */
    .sub-contents {
        padding: 27px 0 60px;
    }

    /* ready */
    .ready-wrap .ready-item {
        padding: 23px 10px;
        border-radius: 20px;
    }

    /* tab menu */
    .sub-tab-wrap {
        position: relative;
        margin: 15px 0 25px;
    }
    .sub-tab-wrap.type1 + .sub-tab-wrap.type2 {
        margin-top: -15px;
    }
    .sub-tab-wrap:not(:has(.n2, .type-help-desk)) > .btn-tab-menu {
        display: flex;
        gap: 10px;
        align-items: center;
        justify-content: space-between;
        position: relative;
        width: 100%;
        height: 100%;
        padding: 16px;
        border: 1px solid transparent;
        border-radius: 8px;
        background-color: #1b3c87;
        font-size: 14px;
        font-weight: 600;
        line-height: 1;
        color: #fff;
        transition: all 0.3s ease;
        box-sizing: border-box;
    }
    .sub-tab-wrap > .btn-tab-menu.on {
        border-radius: 8px 8px 0 0;
    }
    .sub-tab-wrap.type1 > .btn-tab-menu {
        border-color: #1b3c87;
        background-color: #1b3c87;
        color: #fff;
    }
    .sub-tab-wrap.type2 > .btn-tab-menu {
        border-color: #008299;
        background-color: #fff;
        color: #008299;
    }
    .sub-tab-wrap:has(.n2, .type-help-desk) > ul {
        border-radius: 8px;
    }
    .sub-tab-wrap:not(:has(.n2, .type-help-desk)) > ul {
        display: none;
        overflow: hidden;
        position: absolute;
        z-index: 2;
        width: 100%;
        border-top: none !important;
        border-radius: 0 0 8px 8px !important;
    }
    .sub-tab-wrap > ul > l i {
        width: 100% !important;
    }
    .sub-tab-wrap > ul > li > a {
        height: 45px;
        font-size: 14px;
    }
    /* .sub-tab-wrap > ul > li > a {background-color: #fff !important;} */

    .sub-tab-wrap.on > .btn-tab-menu {
        border-radius: 8px 8px 0 0;
    }

    .sub-tab-wrap:not(:has(.n2, .type-help-desk)) > ul {
        border-color: #004098 !important;
    }
    .sub-tab-menu:not(:has(.n2, .type-help-desk)) > li {
        width: 100%;
    }
    .sub-tab-wrap.type1 > ul > li + li {
        border-top: 1px solid #e2e8f0;
    }
    .sub-tab-wrap.type1 > ul > li > a {
        height: 45px;
    }
    .sub-tab-wrap.type1 > ul > li > a.on {
        background-color: #f1f5f9;
        color: #004098;
    }

    .sub-tab-wrap.type2 > ul {
        border: 1px solid #008299 !important;
        border-top: none !important;
    }
    .sub-tab-wrap.type2 > ul > li + li {
        border-top: 1px solid #e2e8f0;
    }
    .sub-tab-wrap.type2 > ul > li > a {
        height: 45px;
        background-color: #fff;
    }
    .sub-tab-wrap.type2 > ul > li.on > a {
        height: 45px;
        box-shadow: none;
        background-color: #fff;
        color: #008299;
    }

    /* 서브메뉴명 */
    .sub-tit-wrap .sub-tit {
        /* padding: 0 0 0 25px; */
        font-size: 20px;
    }
    .sub-tit-wrap .sub-tit::before {
        top: 7px;
        width: 18px;
        height: 18px;
    }

    .sub-tit-wrap + *:not(.sub-contit-wrap) {
        margin: 15px 0 0;
    }
    .sub-tab-wrap + .sub-tit-wrap {
        margin-top: 35px;
    }

    .content-text {
        font-size: 15px;
    }

    /* 컨텐츠 타이틀 */
    .sub-contit-wrap .sub-contit {
        padding: 0 0 0 24px;
        font-size: 18px;
    }
    .sub-contit-wrap .sub-contit::before {
        top: 5px;
        width: 20px;
        height: 20px;
    }

    .sub-contit-wrap + * {
        margin-top: 10px;
    }
    .sub-tit-wrap + .sub-contit-wrap {
        margin-top: 15px;
    }

    .write-form-wrap fieldset {
        margin: 35px 0 0;
    }

    /* find pw id */
    .find-wrap {
        max-width: 100%;
        margin: 24px 0 0;
    }
    .find-wrap .find-tit-wrap {
        gap: 20px;
        flex-direction: column;
        padding: 20px 25px;
        border-radius: 8px;
        text-align: center;
    }
    .find-wrap .find-tit-wrap .icon img {
        width: 45px;
    }
    .find-wrap .find-tit-wrap .find-tit {
        font-size: 20px;
    }
    .find-tit-wrap .find-tit-inner p {
        font-size: 14px;
    }
    .find-wrap .write-wrap {
        margin: 20px 0 0;
    }
    .type3 .find-result-con {
        margin: 24px 0 0;
        padding: 25px;
        font-size: 14px;
    }
    .type3 .find-result-con.pw-type p + p {
        margin: 5px 0 0;
    }
    .type3 .find-result-con.pw-type .password {
        font-size: 25px;
    }
    .type3 .find-result-con.pw-type .text-blue {
        font-size: 16px;
    }
    .type3 .find-result-con.pw-type .btn-wrap {
        margin: 20px 0 0;
    }

    /* 회원가입 */
    .type3 .step-list {
        max-width: 728px;
    }
    .type3 .step-list > li + li:after {
        left: -62%;
    }
    .signup-conbox .sub-tit-wrap {
        margin: 35px 0 15px;
    }
    .term-wrap {
        margin: 25px 0 0;
        padding: 25px;
        font-size: 14px;
    }

    .info-box {
        padding: 25px;
        font-size: 14px;
    }

    /* 회원가입 완료 */
    .signup-complete-wrap.type2 {
        margin: 25px 0 0;
        padding: 45px 15px 35px;
    }
    .signup-complete-wrap.type2 > img {
        width: 80px;
    }
    .signup-complete-wrap.type2 .tit {
        margin-top: 20px;
        margin-bottom: 15px;
        font-size: 18px;
    }
    .signup-complete-wrap.type2 .underline {
        font-size: 14px;
        line-height: 1.2;
    }
    .signup-complete-wrap.type2 p {
        margin-top: 20px;
        font-size: 14px;
        line-height: 1.3;
    }
    .signup-complete-wrap.type2 .btn-wrap {
        margin-top: 20px;
    }
    .signup-complete-wrap.type2 .btn-type1:has(img) img {
        width: 15px;
        margin-top: -4px;
    }

    .member-category-wrap {
        gap: 30px;
        margin: 44px 0 0;
        padding: 20px;
        border: 1px solid #dde2ea;
    }
    .member-category-wrap .text-wrap .text {
        gap: 5px;
        align-items: flex-start;
        flex-direction: column;
        font-size: 14px;
    }
    .member-category-wrap .text-wrap .text + .text {
        margin: 10px 0 0;
    }
    .member-category-wrap .text-wrap .text .category {
        width: 100px;
        height: 40px;
        border-radius: 30px;
        font-size: 16px;
        color: #fff;
    }
    .member-category-wrap .text-wrap .text .category.type1 {
        background-color: #1a365d;
    }
    .member-category-wrap .text-wrap .text .category.type2 {
        background-color: #3182ce;
    }

    /* button */
    .btn + .btn {
        margin: 0 0 0 4px;
    }
    .btn-wrap.flex-type,
    .board-wrap .btn-wrap {
        gap: 6px;
    }
    .btn-wrap.flex-type .btn + .btn,
    .board-wrap .btn-wrap .btn + .btn {
        margin: 0;
    }
    .btn.btn-type1 {
        height: 40px;
    }
    .btn.btn-icon {
        height: 40px;
        padding: 0 20px;
    }
    .btn.btn-icon.type2 {
        min-width: 95px;
    }
    .btn.btn-icon.type3 {
        min-width: 130px;
    }
    .btn.btn-icon.type4 {
        padding: 0 15px;
    }

    .board-wrap .btn-wrap {
        margin-top: 20px;
    }
    .btn.btn-board {
        min-width: initial;
        padding: 7px 20px;
        font-size: 14px;
    }
    .board-view + .btn-wrap {
        text-align: center;
    }
    .btn-board.btn-list {
        float: none !important;
    }

    /* login */
    .login-wrap.type3 {
        flex-direction: column;
        height: auto;
    }
    .type3 .login-form,
    .type3 .login-info {
        width: 100%;
    }
    .type3 .login-form form {
        max-width: 100%;
        padding: 35px 10%;
    }
    .type3 .login-tit-wrap {
        margin-bottom: 20px;
    }
    .type3 .login-tit-wrap .icon {
        margin-bottom: 20px;
    }
    .type3 .login-tit-wrap .icon img {
        width: 80px;
    }
    .type3 .login-tit {
        font-size: 20px;
    }
    .type3 .login-form .form-item {
        height: 35px;
        padding: 0 10px;
        border-radius: 2px;
        font-size: 14px;
    }
    .type3 .login-form .btn-wrap p {
        margin-bottom: 15px;
        font-size: 13px;
    }
    .type3.login-wrap .btn {
        padding: 9px 10px;
        border-radius: 2px;
        font-size: 15px;
    }
    .type3 .login-info {
        padding: 40px 10%;
    }
    .type3 .login-info img {
        height: 22px;
    }
    .type3 .login-info p {
        margin-top: 20px;
        font-size: 14px;
        line-height: 1.7;
    }
    .type3 .login-info p span.welcome {
        font-size: 25px;
    }
    .type3 .login-info p span.welcome b {
        font-size: 60px;
    }
    .type3 .login-info p span {
        font-size: 14px;
    }
    .type3 .login-info .btn-wrap {
        margin-top: 20px;
    }

    /* find pw id */
    /* .type3 .find-result-con.no-result {
        margin-top: 24px;
        padding: 20px 60px 20px 20px;
        border-radius: 1px;
        background-position: right 15px center;
        background-size: 35px;
    } */
    .find-wrap.type3 .btn.btn-login-find {
        width: 100%;
        padding: 10px;
        font-size: 14px;
    }
    .find-wrap.type3 .btn.btn-login-find img {
        width: 14px;
        height: 14px;
        margin: 0 0 0 10px;
    }

    /* 약관동의 */

    /* Type C */
    .type3 .step-list {
        max-width: 728px;
    }
    .type3 .step-list > li {
        gap: 10px;
    }
    .type3 .step-list > li + li:after {
        display: none;
    }
    .type3 .step-list .icon {
        width: 40px;
        height: 40px;
        background-size: 25px;
    }
    .type3 .step-list .tit {
        font-size: 14px;
    }

    /* 본인인증 */
    .certification-wrap {
        gap: 20px;
        margin: 44px 0 0;
    }
    .certification-wrap a {
        gap: 30px;
        width: 100%;
        max-width: 100%;
        height: 240px;
        border-color: #1a365d;
        border-radius: 30px;
        background-color: #f0f7ff;
        opacity: 1;
    }
    .certification-wrap a p {
        font-size: 25px;
        color: #1077c4;
    }
    .certification-wrap a.phone img {
        width: 90px;
    }
    .certification-wrap a.email img {
        width: 100px;
    }

    /* 가입완료 */

    /* Type C */
    .signup-complete-wrap.type3 > img {
        width: 100%;
        max-width: 250px;
    }
    .signup-complete-wrap.type3 .tit {
        margin-top: 20px;
        margin-bottom: 5px;
        font-size: 20px;
        line-height: 1.2;
    }
    .signup-complete-wrap.type3 p {
        font-size: 14px;
        line-height: 1.3;
    }
    .signup-complete-wrap.type3 .btn-type1 {
        padding-right: 40px;
        padding-left: 15px;
        background-position: right 15px center;
        background-size: 10px;
    }

    .member-category-wrap {
        gap: 20px;
        flex-direction: column;
    }
    .member-category-wrap .img-wrap img {
        width: 100px;
    }

    .training-schedule-wrap .title-wrap {
        padding: 15px 20px;
    }
    .training-schedule-wrap .title-wrap .title {
        font-size: 16px;
    }
    .training-schedule-wrap .cont-wrap {
        padding: 20px;
    }
    .training-schedule-wrap .cont-wrap.no-cont p {
        font-size: 16px;
    }
    .training-schedule-list:not(.slick-initialized){
        flex-direction: column;
        gap: 10px;
    }
    .training-schedule-list:not(.slick-initialized) .training-schedule{
        width: 100%;
    }

    .mypage-menu {
        gap: 10px;
        flex-direction: column;
        margin: 44px 0 0;
    }
    .mypage-menu li {
        width: 100%;
        padding: 10px 25px;
        font-size: 16px;
    }
    .mypage-menu li a {
        align-items: center;
        flex-direction: row;
    }
    .mypage-menu li a .icon {
        width: 50px;
    }

    .mypage-qrcode-wrap {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 25px;
        padding: 15px 0;
        border: 1px solid #dde2ea;
    }

    .mypage-check-wrap .check-header p {
        margin: 10px 0 0;
        font-size: 14px;
    }
    .mypage-check-wrap .check-header img {
        width: 100px;
    }
    .mypage-check-wrap .write-wrap {
        margin: 30px 0 0;
    }

    .popup-wrap.layer-type .popup-contents {
        width: 90vw;
        margin: 0;
    }
    .popup-wrap.layer-type .popup-tit-wrap {
        padding: 15px 20px;
    }
    .popup-wrap.layer-type .popup-tit-wrap p {
        font-size: 18px;
    }
    .popup-wrap.layer-type .popup-conbox {
        padding: 20px;
    }
    .popup-wrap.layer-type .search-wrap {
        padding: 10px;
    }
    .popup-wrap.layer-type .search-wrap .form-group select {
        width: 100%;
    }
    .popup-wrap.layer-type .search-wrap .form-group {
        flex-wrap: wrap;
    }
    .popup-wrap.layer-type .search-wrap .form-group .btn {
        width: calc((100% - 10px) / 2);
    }
    .popup-wrap.layer-type .table-wrap {
        margin: 20px 0 0;
    }

    .popup-wrap.window-type .popup-tit-wrap {
        min-height: 50px;
        padding: 20px 15px;
        font-size: 18px;
    }
    .popup-wrap.window-type .popup-conbox {
        padding: 20px;
    }
    .popup-wrap.window-type .popup-conbox .title-wrap {
        padding: 0 0 10px;
    }
    .popup-wrap.window-type .popup-conbox .title-wrap .title {
        font-size: 20px;
    }
    .popup-wrap.window-type .popup-conbox .btn-area {
        margin: 15px 0 0;
        font-size: 12px;
    }
    .popup-wrap.window-type .popup-conbox .btn-area .right p {
        margin: 0 0 5px;
        font-size: 14px;
    }
    .popup-wrap.window-type .training-progress-wrap {
        margin: 25px 0 0;
        padding: 20px 25px;
    }
    .popup-wrap.window-type .training-progress-wrap .title {
        font-size: 16px;
    }
    .popup-wrap.window-type .training-progress-wrap .progress-num {
        font-size: 18px;
    }
    .popup-wrap.window-type .training-progress-wrap .progress-bar {
        margin: 0 20px;
    }
    .popup-wrap.window-type .training-progress-wrap .text {
        margin: 15px 0 0;
        font-size: 14px;
    }
    .popup-wrap.window-type .btn-wrap {
        margin: 30px 0 0;
    }
    .popup-wrap.window-type .btn-wrap .btn.btn-big {
        padding: 0 30px;
        border-radius: 30px;
    }

    /* list */
    .sch-wrap .form-group {
        gap: 10px 5px;
        flex-wrap: wrap;
        margin-bottom: 25px;
        padding: 20px 15px;
    }
    * + .sch-wrap .form-group {
        margin-top: 25px;
    }
    .sch-wrap .cnt {
        display: none;
    }
    .sch-wrap .form-item {
        height: 40px;
        font-size: 14px;
    }
    .sch-wrap .sch-cate {
        width: 90px;
    }
    .sch-wrap .sch-key {
        width: calc(100% - 100px);
    }
    .sch-wrap .btn {
        width: calc((100% - 5px) / 2);
        padding: 0 15px;
    }

    .sch-wrap.category-type select {
        width: calc((100% - 5px) / 2);
    }
    .sch-wrap.category-type .sch-key {
        width: 100%;
    }
    .sch-wrap.type2 .form-group {
        padding: 12px 15px;
    }

    /* list::paging */
    .paging-wrap {
        margin-top: 30px;
    }
    .paging > li {
        width: 25px;
        height: 25px;
    }
    .paging > li > a {
        font-size: 14px;
    }
    .paging > li:not(.num) {
        background-size: auto 10px;
    }
    .paging .prev {
        margin-right: 5px;
    }
    .paging .next {
        margin-left: 5px;
    }

    /* 연간 교육 안내 */
    .yearly-wrap {
        margin: 45px 0 0;
    }
    .yearly-list {
        margin: 30px 0 0;
    }
    .yearly-list:not(:first-child) {
        margin: 30px 0 0;
    }
    .yearly-list.gallery-type {
        gap: 10px;
    }
    .yearly-list.gallery-type > div {
        width: 100%;
        min-height: 0;
    }
    .yearly-list.gallery-type > div.no-result {
        min-height: 215px;
        font-size: 16px;
    }
    .yearly-list.gallery-type > div .title-wrap {
        font-size: 18px;
    }
    .yearly-list.gallery-type > div > ul {
        font-size: 14px;
    }
    .yearly-list.gallery-type > div > ul li {
        padding: 0 0 0 20px;
    }
    .yearly-list.gallery-type > div > ul li + li {
        margin: 5px 0 0;
    }
    .yearly-list.gallery-type > div .btn-wrap {
        margin: 20px 0 0;
    }

    .year-search-wrap .title-wrap .btn-search-close {
        gap: 15px;
    }
    .year-search-wrap .title-wrap:has(.btn-search-close.on) {
        border-radius: 10px;
    }

    .yearly-btn-wrap {
        position: relative;
    }
    .mo-yearly-btn {
        display: flex;
        align-items: center;
        position: relative;
        height: 50px;
        padding: 0 40px 0 20px;
        border: 1px solid #dde2ea;
        border-radius: 10px;
        background-color: #00a3c4;
        font-size: 14px;
        color: #fff;
        transition: all 0.3s ease;
        box-sizing: border-box;
    }
    .mo-yearly-btn::after {
        content: "";
        display: inline-block;
        position: absolute;
        top: 50%;
        right: 20px;
        width: 10px;
        height: 12px;
        background-image: url(/assets/image/sub/sub_menu_arrow.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: auto;
        transform: translateY(-50%);
    }
    .mo-yearly-btn.on {
        border-radius: 10px 10px 0 0;
    }
    .mo-yearly-btn.on::after {
        transform: translateY(-50%) rotate(-180deg);
    }
    .mo-yearly-btn:active,
    .mo-yearly-btn:focus,
    .mo-yearly-btn:hover {
        color: #fff;
    }
    .yearly-btn {
        display: none;
        position: absolute;
        top: 50px;
        left: 0;
        z-index: 1;
        margin: 0;
        border-top: none;
        border-radius: 0 0 10px 10px;
        box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.2);
        background-color: #fff;
    }
    .yearly-btn li {
        width: 100%;
    }
    .yearly-btn li button {
        height: 40px;
        padding: 0 20px;
        font-size: 14px;
    }
    .yearly-btn li button:hover,
    .yearly-btn li.on button {
        background-color: #fff;
        color: #00a3c4;
    }
    .yearly-btn li + li {
        border-top: 1px solid #dde2ea;
        border-left: none;
    }

    .edu-info-wrap .scroll-y {
        margin: 30px 0 0;
    }
    .edu-info-wrap .title-wrap {
        margin: 10px 0 0;
        font-size: 20px;
    }
    .edu-info-wrap .info-list li {
        flex-direction: column;
        margin: 0;
    }
    .edu-info-wrap .info-list li + li {
        margin: 15px 0 0;
    }
    .edu-info-wrap .info-list li .icon-wrap .icon {
        margin: 0;
    }
    .edu-info-wrap .info-list li .tit {
        margin: 0 0 5px;
    }
    .edu-info-wrap .contact-wrap {
        gap: 15px;
        margin: 20px 0 0;
        padding: 15px 25px;
    }
    .edu-info-wrap .editer-wrap {
        margin: 30px 0 0;
        font-size: 1.6rem;
    }
    .edu-info-wrap .contact-wrap img {
        width: 42px;
    }

    /* 신청 가능한 교육 view */
    .available-courses-wrap .edu-info-wrap.view {
        padding: 30px 20px;
    }
    .available-courses-wrap .edu-info-wrap .title-wrap {
        display: flex;
        gap: 10px;
        flex-direction: column;
    }
    .available-courses-wrap .edu-info-wrap .edu-category-wrap {
        flex-shrink: 0;
        margin: 0;
    }
    .available-courses-wrap .edu-info-wrap .info-list {
        margin: 15px 0 0;
    }
    .available-courses-wrap .edu-info-wrap .info-list li {
        padding: 0;
    }
    .available-courses-wrap .edu-info-wrap .info-list li:first-child {
        margin: 15px 0 0;
    }

    /* 신청 가능한 교육 - 신청 step 01 */
    .write-wrap > li.member-title .number {
        width: 30px;
        height: auto;
        padding: 0 5px;
        font-size: 14px;
    }
    .write-wrap > li.member-title .name {
        padding: 0 10px;
        font-size: 16px;
    }
    .write-wrap > li.member-title.type2 .number {
        padding: 5px;
    }
    .write-wrap > li.member-title.type2 .name {
        padding: 5px 10px;
    }
    .available-courses-wrap .write-wrap .btn.btn-small {
        height: 20px;
        padding: 0 10px;
    }
    .total-amount-wrap {
        margin: 30px 0 0;
        padding: 25px 10px;
        font-size: 16px;
    }
    .total-amount-wrap .required {
        font-size: 24px;
    }

    .total-amount-wrap + .write-wrap,
    .total-amount-wrap + .btn-wrap {
        margin: 30px 0 0;
    }

    .attend-course-wrap {
        padding: 15px 20px;
    }
    .attend-course-wrap .attend-course + .attend-course {
        margin-top: 20px;
    }
    .attend-course-wrap .title {
        font-size: 14px;
    }
    .attend-course .radio-wrap {
        margin-top: 10px;
        word-break: keep-all;
    }
    .attend-course .session-status {
        height: 24px;
        margin-left: 8px;
    }

    /* 신청 가능한 교육 - 신청 step 02 */
    .available-courses-wrap .btn.btn-icon {
        padding: 0 14px;
    }

    /* 신청 가능한 교육 - 신청 step 03 */
    .available-courses-wrap .signup-complete-wrap.type2 .tit {
        font-size: 18px;
    }
    .available-courses-wrap .signup-complete-wrap.type2 .small {
        gap: 5px;
        flex-direction: column;
        margin: 15px 0 0;
        font-size: 14px;
    }

    /* 월간 교육 안내 */
    .type4 .ev-contop {
        margin-bottom: 20px;
    }
    .type4 .ev-year {
        margin-bottom: 10px;
    }
    .type4 .ev-year .btn-year {
        width: 35px;
        height: 35px;
        background-size: 12px;
    }
    .type4 .ev-year .year {
        font-size: 23px;
    }
    .type4 .ev-btn-wrap {
        gap: 20px;
        flex-direction: column-reverse;
    }
    .type4 .btn-wrap .form-item {
        width: 80px;
        height: 36px;
        margin: 2px;
    }
    .type4 .ev-btn-wrap .btn-ev {
        height: 36px;
        margin: 2px;
        padding: 10px 15px;
        font-size: 14px;
    }
    .type4 .ev-cate-wrap {
        width: 100%;
    }
    .type4 .ev-cate-wrap span[class^="ev-cate"] {
        font-size: 13px;
    }
    .type4 .ev-cate-wrap span[class^="ev-cate"]:before {
        top: 7px;
        width: 7px;
        height: 7px;
    }
    .type4 .cal-table th {
        padding: 10px 0;
        font-size: 14px;
    }
    .type4 .cal-table td {
        padding: 10px 5px;
        font-size: 12px;
    }
    .type4 .ev-cal-con {
        align-items: end;
        justify-content: start;
        flex-direction: row;
        min-height: 30px;
    }
    .type4 .ev-cal-con > a {
        display: inline-block;
        width: 8px;
        height: 8px;
        margin: 1px;
        padding-left: 0;
    }
    .type4 .ev-cal-con > a + a {
        margin: 1px;
    }
    .type4 .ev-cal-con a[class^="ev-cate"] {
        padding-left: 0;
    }
    .type4 .ev-cal-con a[class^="ev-cate"] > span {
        display: none;
    }
    .type4 .ev-cal-con a[class^="ev-cate"]:before {
        top: 0;
        left: 0;
        width: 8px;
        height: 8px;
    }

    .type4 .ev-view-contop {
        display: block;
        padding: 20px 15px;
    }
    .type4 .ev-view-contop .btn-ev {
        margin-top: -3px;
    }
    .type4 .ev-tit-wrap {
        display: inline;
        padding-left: 10px;
        vertical-align: top;
    }
    .type4 .ev-view-tit {
        display: inline-block;
    }
    .type4 .ev-view-info {
        display: block;
        width: 100%;
    }
    .type4 .ev-view-info ul {
        margin-top: 10px;
        text-align: left;
    }
    .type4 .ev-view-info ul > li:first-child {
        padding-left: 15px;
    }
    .type4 .ev-view-contop p > a {
        padding-left: 15px;
        background-position: 0 4px;
        background-size: 10px;
    }
    .type4 .ev-view-attach {
        border-radius: 3px 3px 13px 3px;
    }
    .type4 .ev-view-attach .view-attach-con .con:before {
        display: none;
    }
    .type4 .ev-view-attach .view-attach-con .tit {
        width: 100%;
        padding: 15px 15px 0 43px;
        background-position: 15px 17px;
        background-size: 18px;
    }
    .type4 .ev-view-attach .view-attach-con .con {
        padding: 20px 15px;
    }

    .type4.ev-wrap {
        position: relative;
    }
    .type4 .sch-wrap {
        margin-bottom: 15px;
        padding: 20px 15px;
        background-color: #eff5ff;
    }
    .type4 .sch-wrap .form-group {
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
    }
    .type4 .sch-wrap select.form-item {
        width: calc((100% - 10px) / 2);
        margin: 0;
    }
    .type4 .sch-wrap .form-item {
        height: 36px;
        margin: 0;
    }
    .type4 .sch-wrap .sch-key {
        width: 100%;
        background-color: transparent;
    }
    .type4 .sch-wrap .sch-key::placeholder {
        color: #333;
    }
    .type4 .sch-wrap .btn {
        width: calc((100% - 10px) / 2);
        height: 36px;
        margin: 0;
        font-size: 14px;
    }
    .type4 .sch-wrap .btn img {
        width: 13px;
    }
    .type4 .sch-wrap + .ev-btn-wrap {
        gap: 0;
        flex-direction: row;
        margin-bottom: 15px;
    }

    .ev-tab-wrap {
        position: absolute;
        top: 20px;
    }
    .btn.btn-ev-tabmenu {
        display: flex;
        position: relative;
        width: calc(100% - 30px);
        margin: 0 15px;
        padding: 12px 15px;
        padding-right: 25px;
        border-radius: 2px;
        background-color: #144393;
        font-size: 14px;
        font-weight: 600;
        line-height: 1.1;
        color: #fff;
    }
    .btn.btn-ev-tabmenu:after {
        content: ">";
        display: block;
        position: absolute;
        top: 50%;
        right: 15px;
        margin-top: -5px;
        clear: both;
        font-size: 14px;
        font-weight: 400;
        color: #fff;
        transition: 0.3s ease;
        transform: rotate(90deg) translateY(-50%);
        transform-origin: 0 0;
    }
    .btn.btn-ev-tabmenu.on:after {
        margin-top: 3px;
        transform: rotate(270deg) translateY(-50%);
    }
    .btn-ev-tabmenu + .ev-tab-menu {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 1;
        width: calc(100% - 30px);
        margin: 0 15px;
        padding: 10px 0;
        border: 1px solid #cdcdcd;
        border-radius: 0;
        box-shadow: none;
        background-color: #fff;
    }
    .btn-ev-tabmenu + .ev-tab-menu > li {
        width: 100%;
        text-align: left;
    }
    .btn-ev-tabmenu + .ev-tab-menu > li > a {
        display: block;
        height: auto;
        padding: 7px 15px;
        font-size: 14px;
    }
    .ev-tab-menu > li > a:before {
        display: none;
    }
    .ev-tab-menu > li.on > a,
    .ev-tab-menu > li:hover > a {
        font-weight: 400;
        color: #242424;
    }

    .type4 .ev-list {
        border-top: 2px solid #144393;
    }
    .type4 .ev-list > li {
        align-items: start;
        flex-direction: column;
        padding: 15px 0;
    }
    .type4 .ev-list .cate {
        width: 100%;
    }
    .type4 .ev-list .btn-ev {
        padding: 7px 20px;
    }
    .type4 .ev-con .tit {
        margin-top: 5px;
        font-size: 16px;
    }
    .type4 .ev-list-con {
        align-items: start;
        flex-direction: column;
        width: 100%;
        padding: 0 5px;
    }
    .type4 .ev-con ul > li {
        display: block;
        width: 100%;
        padding-left: 20px;
        background-position: 0 3px;
        background-size: 15px;
        font-size: 14px;
    }
    .type4 .ev-con ul > li + li {
        margin-top: 5px;
        margin-left: 0;
    }
    .type4 .ev-list .btn-wrap {
        width: 100%;
        text-align: right;
    }
    .type4 .ev-list .btn-wrap .bbs-admin {
        display: none;
    }
    .type4 .btn-homepage {
        height: auto;
        padding: 5px 10px;
        border-radius: 2px;
        font-size: 13px;
    }
    .type4 .btn-homepage .plus {
        margin-right: 5px;
    }
    .type4 .btn-ev {
        margin: 2px;
        padding: 7px 20px;
        border-radius: 2px;
        font-size: 13px;
    }

    /* 연혁 */
    .type4 .year-rolling-wrap{
        margin-bottom: 30px;
    }
    .type4 .year-rolling{
        margin: 0 40px;
    }
    .type4 .year-rolling:before{
        top: 13px;
        height: 3px;
    }
    .type4 .year-rolling a{
        padding-top: 30px;
        font-size: 18px;
    }
    .type4 .year-rolling a:before{
        top: 13px;
        height: 3px;
    }
    .type4 .btn-year-arrow{
        width: 30px;
        height: 30px;
        background-size: 100%;
    }

    .type4 .history-wrap:not(:has(.no-cont)):before,
    .type4 .history-bar {
        top: 10px;
        left: 100px;
        width: 3px;
    }
    .type4 .history-wrap:not(:has(.no-cont)) .js-bar {
        left: 100px;
    }
    .type4 .history-conbox + .history-conbox {
        margin-top: 30px;
    }
    .type4 .history-conbox .year {
        width: 100px;
        font-size: 32px;
    }
    .type4 .history-con {
        padding-top: 0;
    }
    .type4 .history-con li {
        gap: 0;
        flex-direction: column;
        margin-left: 20px;
        padding: 10px 15px 10px 0;
        font-size: 14px;
    }
    .type4 .history-con li + li {
        margin-top: 10px;
    }
    .type4 .history-con .date {
        width: 100%;
        font-size: 16px;
    }
    .type4 .history-con .date:before {
        left: -25px;
        width: 12px;
        height: 12px;
    }
    .type4 .history-con .cate {
        width: auto;
        margin-left: 0;
        font-size: 14px;
        text-align: left;
    }
    .type4 .year span {
        display: none;
    }
    .type4 .year span:before {
        display: none;
    }

    /* info content header */
    .info-content-header {
        gap: 15px;
        flex-direction: column;
        margin: 0 0 20px;
        padding: 15px 20px;
    }
    .info-content-header .title {
        padding-right: 21px;
        font-size: 14px;
    }

    /* 오프라인 교육, Webinar 교육 - my webinar */
    .my-webinar-list {
        flex-direction: column;
    }
    .my-webinar-list .content-wrap {
        padding: 20px 15px;
    }
    .my-webinar-list .content-wrap .title {
        gap: 10px;
        flex-direction: column;
        font-size: 18px;
    }
    .my-webinar-list .content-wrap .date {
        margin: 15px 0 0;
    }
    .my-webinar-list .content-wrap .time-wrap {
        gap: 5px;
        align-items: flex-start;
        flex-direction: column;
        margin: 20px 0 0;
    }
    .my-webinar-list .content-wrap .btn-wrap {
        margin: 20px 0 0;
    }
    .my-webinar-list .content-wrap .time-wrap p + p:after {
        display: none;
    }
    .my-webinar-list .link-wrap {
        width: 100%;
    }
    .my-webinar-list .link-wrap .link-item {
        flex-direction: row;
        padding: 15px;
    }
    .my-webinar-list .link-wrap .link-item img {
        display: none;
    }
    .my-webinar-list .link-wrap p {
        margin: 0;
        font-size: 16px;
    }

    .popup-wrap.webinar-type .popup-contents {
        padding: 25px;
    }
    .popup-wrap.webinar-type .popup-top-wrap img {
        width: 50px;
    }
    .popup-wrap.webinar-type .popup-top-wrap .title {
        margin: 10px 0 0;
        font-size: 22px;
        font-weight: 700;
        line-height: normal;
    }
    .popup-wrap.webinar-type .popup-top-wrap .text {
        margin: 15px 0 0;
        font-size: 16px;
        font-weight: 400;
    }
    .popup-wrap.webinar-type .popup-conbox {
        max-height: 200px;
        margin: 25px 0 0;
        padding: 15px;
    }
    .popup-wrap.webinar-type .popup-conbox div + div {
        margin: 15px 0 0;
    }
    .popup-wrap.webinar-type .popup-conbox div .title {
        font-size: 16px;
    }
    .popup-wrap.webinar-type .popup-conbox div .title + * {
        margin: 15px 0 0;
    }
    .popup-wrap.webinar-type .popup-conbox div ol.list-type-decimal {
        font-size: 14px;
    }
    .popup-wrap.webinar-type .checkbox-wrap {
        margin: 25px 0 0;
        font-size: 16px;
    }
    .popup-wrap.webinar-type .checkbox-wrap.cst .checkbox-group input[type="checkbox"] {
        width: 16px;
        height: 16px;
        margin-top: -4px;
    }
    .popup-wrap.webinar-type .btn-wrap {
        margin: 20px 0 0;
    }

    .watch-popup-header .img-wrap {
        display: none;
    }
    .watch-popup-header .user-wrap {
        display: none;
    }
    .watch-popup-header {
        padding: 15px 20px;
    }
    .watch-popup-header .title-wrap .title {
        font-size: 16px;
    }
    .watch-popup-header .title-wrap .date {
        font-size: 14px;
    }
    .watch-popup-inner {
        flex-direction: column;
    }
    .watch-popup-inner .video-wrap {
        width: 100%;
        height: calc(100% - 215px);
    }
    .watch-popup-right {
        width: 100%;
        padding: 0;
    }
    .watch-popup-right .top-wrap ul {
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
        padding: 20px;
    }
    .watch-popup-right .top-wrap > ul > li {
        flex: auto;
        width: calc((100% - 10px) / 2);
    }
    .watch-popup-right .top-wrap > ul > li + li {
        margin: inherit;
    }
    .watch-popup-right .top-wrap > ul > li > a {
        justify-content: center;
        height: 45px;
        font-size: 14px;
    }
    .watch-popup-right .top-wrap > ul > li > a svg {
        display: none;
    }
    .watch-popup-right > .btn {
        height: 45px;
        margin: 30px 0 0;
        border: none;
        border-radius: 0;
        background-color: #00a3c4;
        font-size: 14px;
    }
    .watch-popup-right .top-wrap > ul > li:not(:first-child, :last-child) {
        position: static;
    }
    .watch-popup-content {
        top: auto;
        right: auto;
        bottom: 290px;
        left: 50%;
        width: calc(100vw - 40px) !important;
        max-height: calc(100% - 310px);
        padding: 20px;
        transform: translateX(-50%);
        box-sizing: border-box;
    }
    .watch-popup-content#feedback {
        top: calc((100% - 265px) / 2);
        left: 50%;
        height: calc(100% - 310px);
    }
    .watch-popup-content#evaluation {
        top: calc((100% - 265px) / 2);
        left: 50%;
        height: calc(100% - 310px);
    }
    .watch-popup-content .title {
        font-size: 18px;
    }
    .watch-popup-content .text-wrap {
        max-height: calc(100% - 83px);
    }
    .watch-popup-content .text {
        margin: 20px 0 0;
        font-size: 14px;
    }
    .watch-popup-content .voting-list {
        gap: 10px;
        justify-content: center;
        margin: 15px 0 0;
    }
    .watch-popup-content .voting-list li {
        max-width: 40px;
    }
    .watch-popup-content .question-form {
        height: 80px;
    }
    .watch-popup-content .question-form .btn {
        width: 80px;
    }
    .watch-popup-content#feedback form {
        height: calc(100% - 136px);
    }
    .watch-popup-content#feedback fieldset {
        height: 100%;
    }
    .watch-popup-content#feedback > .title {
        padding: 0 0 10px;
        font-size: 20px;
    }
    .watch-popup-content#feedback > .title svg {
        width: 30px;
        height: 30px;
    }
    .watch-popup-content#feedback .feedback-list {
        max-height: 100%;
        margin: 20px 0 0;
        padding: 0 10px 0 0;
    }
    .watch-popup-content#feedback .feedback-list li:not(:first-child) {
        width: 100%;
        margin: 25px 0 0;
    }
    .watch-popup-content#feedback .feedback-list li .title {
        flex-direction: column;
        font-size: 18px;
    }
    .watch-popup-content#feedback .feedback-list .square-type {
        margin: 15px 0 0;
    }
    .watch-popup-content#feedback .feedback-list .list-type li {
        font-size: 14px;
    }
    .watch-popup-content#feedback .feedback-list .list-type {
        margin: 10px 0 0;
    }
    .watch-popup-content#feedback .feedback-list .list-type li:not(:first-child) {
        margin: 15px 0 0;
    }
    .watch-popup-content#feedback .feedback-list .radio-wrap {
        gap: 10px;
        margin: 15px 0 0;
        font-size: 14px;
    }
    .watch-popup-content#feedback .feedback-list .radio-wrap .radio-group {
        gap: 4px;
        width: 67px;
        height: 33px;
    }
    .watch-popup-content#feedback .btn-submit {
        width: 220px;
        height: 43px;
        font-size: 16px;
    }
    .watch-popup-content#feedback .btn-submit svg {
        width: 20px;
    }

    .watch-popup-content#evaluation form {
        height: calc(100% - 136px);
    }
    .watch-popup-content#evaluation fieldset {
        height: 100%;
    }
    .watch-popup-content#evaluation > .title {
        padding: 0 0 10px;
        font-size: 20px;
    }
    .watch-popup-content#evaluation > .title svg {
        width: 30px;
        height: 30px;
    }
    .watch-popup-content#evaluation .feedback-list {
        max-height: 100%;
        margin: 20px 0 0;
        padding: 0 10px 0 0;
    }
    .watch-popup-content#evaluation .feedback-list li:not(:first-child) {
        width: 100%;
        margin: 25px 0 0;
    }
    .watch-popup-content#evaluation .feedback-list li .title {
        flex-direction: column;
        font-size: 18px;
    }
    .watch-popup-content#evaluation .feedback-list .square-type {
        margin: 15px 0 0;
    }
    .watch-popup-content#evaluation .feedback-list .list-type li {
        font-size: 14px;
    }
    .watch-popup-content#evaluation .feedback-list .list-type {
        margin: 10px 0 0;
    }
    .watch-popup-content#evaluation .feedback-list .list-type li:not(:first-child) {
        margin: 15px 0 0;
    }
    .watch-popup-content#evaluation .feedback-list .radio-wrap {
        gap: 10px;
        margin: 15px 0 0;
        font-size: 14px;
    }
    .watch-popup-content#evaluation .feedback-list .radio-wrap .radio-group {
        gap: 4px;
        width: 67px;
        height: 33px;
    }
    .watch-popup-content#evaluation .btn-submit {
        width: 220px;
        height: 43px;
        font-size: 16px;
    }
    .watch-popup-content#evaluation .btn-submit svg {
        width: 20px;
    }
    .watch-popup-content .title {
        font-size: 20px;
    }
    .watch-popup-content#question .category-wrap {
        top: 21px;
    }
    .watch-popup-content#question .category-wrap span {
        padding: 0 7px;
    }

    /* 온라인 교육 - 안내 */
    .cont-info-wrap {
        padding: 25px 15px 35px;
    }
    .cont-info-wrap .text {
        font-size: 14px;
    }
    .online-content-box {
        flex-wrap: wrap;
    }
    .online-content-box .online-content-link {
        width: calc((100% - 15px) / 2);
        height: 100px;
        font-size: 16px;
    }
    .online-content-box .online-content-link::before {
        width: 20px;
        height: 20px;
    }
    .online-info-content {
        margin: 25px 0 0;
    }
    .online-info-content .popup-wrap {
        justify-content: center;
    }
    .online-content-popup {
        padding: 25px 20px 30px;
    }
    .online-content-popup .title {
        margin: 0 0 25px;
        padding: 0 0 10px;
        font-size: 18px;
    }

    .online-content-popup.type2 .popup-conbox.scroll-y {
        max-height: 350px;
    }
    .online-content-popup.type2 .title {
        gap: 10px;
        margin: 0 0 30px;
    }
    .online-content-popup .title .notice {
        padding: 5px 10px 3px;
        border-radius: 10px;
    }
    .online-content-popup.type2 .popup-conbox .cont-box {
        padding: 15px 0;
    }
    .online-content-popup.type2 .popup-conbox .apply-course-list {
        margin: 10px 0 0;
        padding: 15px;
    }
    .online-content-popup.type2 .popup-conbox .apply-course-list li {
        padding: 10px 0;
        font-size: 14px;
    }

    /* 온라인 교육 - 안내 */
    .content-notice-wrap {
        gap: 15px;
        flex-direction: column;
        padding: 20px 15px;
    }
    .content-notice-wrap .title {
        font-size: 20px;
    }
    .content-notice-wrap .text {
        font-size: 14px;
    }

    .content-notice-wrap.type3 {
        display: none;
        gap: 15px;
        padding: 20px 15px;
    }
    .content-notice-wrap.type3 .img-wrap {
        text-align: center;
    }
    .content-notice-wrap.type3.active {
        border-radius: 0 0 10px 10px;
    }

    .content-notice-wrap.type4 {
        gap: 15px;
        padding: 20px 15px;
        text-align: center;
    }
    .content-notice-wrap.type4 .title {
        font-size: 14px;
    }
    .content-notice-wrap.type4 .btn-wrap {
        margin: 10px 0 0;
    }

    .content-notice-wrap.type5 {
        gap: 20px;
        padding: 20px 15px;
    }
    .content-notice-wrap.type5 .title {
        font-size: 16px;
    }
    .content-notice-wrap.type5.type-half {
        gap: 20px;
    }
    .content-notice-wrap.type5 .text-area {
        gap: 15px;
        flex-direction: column;
    }
    .content-notice-wrap.type5 .text-blue {
        margin-top: 7px;
    }

    .content-notice-wrap.type6 {
        padding: 20px 15px;
    }

    .btn-notice-mobile {
        display: flex;
        gap: 10px;
        align-items: center;
        justify-content: space-between;
        height: 40px;
        padding: 0 15px;
        border-radius: 10px;
        background-color: #004098;
        font-size: 15px;
        color: #fff;
    }
    .btn-notice-mobile span {
        font-size: 25px;
    }
    .btn-notice-mobile:hover,
    .btn-notice-mobile:active,
    .btn-notice-mobile:visited,
    .btn-notice-mobile:focus {
        color: #fff;
    }

    /* 온라인 교육 - 교육 신청 */
    .content-box > .half-wrap {
        align-items: flex-start;
        flex-direction: column;
    }
    .content-box > .half-wrap .btn-wrap {
        justify-content: center;
        flex-direction: column;
        width: 100%;
        margin: 20px 0 0;
    }
    .online-apply-wrap .text-notice + .btn-wrap {
        margin: 15px 0 0;
    }
    .online-apply-wrap .text-notice + .btn-wrap .btn {
        width: calc((100% - 10px) / 2);
    }
    .online-apply-list > div {
        width: 100%;
        min-height: 0;
        padding: 20px;
    }
    .online-apply-list > div .title {
        margin: 15px 0 0;
        font-size: 18px;
    }
    .online-apply-list > div ul.list-type {
        margin: 20px 0 0;
    }
    .online-apply-list > div .btn-wrap {
        margin: 30px 0 0;
    }

    /* 온라인 교육 - 교육 신청 상세 페이지 */
    .online-course-view-wrap {
        padding: 30px 0 0;
    }
    .online-course-view-wrap .title-wrap {
        flex-direction: column;
    }
    .online-course-view-wrap .title-wrap .course-wrap {
        gap: 5px;
    }
    .online-course-view-wrap .title-wrap .course-wrap .course {
        width: 55px;
        height: 25px;
        font-size: 12px;
    }
    .online-course-view-wrap .title-wrap .title {
        font-size: 18px;
    }
    .online-course-view-wrap .info-wrap {
        margin: 25px 0 0;
    }
    .online-course-view-wrap .info-wrap p {
        font-size: 14px;
    }
    .online-course-view-wrap .info-wrap p + p {
        margin: 10px 0 0;
    }
    .online-course-view-wrap .info-wrap p .tit {
        display: inline-block;
        width: 80px;
    }
    .online-course-view-wrap .info-wrap p .txt {
        width: calc(100% - 80px);
    }
    .online-course-view-wrap .view-content-wrap {
        margin: 30px 0 0;
        padding: 30px 20px;
    }
    .online-course-view-wrap .view-content-wrap .empty {
        font-size: 18px;
    }
    .online-course-view-wrap .period-wrap {
        gap: 10px;
        overflow-y: auto;
        max-height: 330px;
    }
    .online-course-view-wrap .period-wrap > div {
        width: 100%;
        padding: 15px;
    }
    .online-course-view-wrap .period-wrap .title-wrap {
        flex-direction: row;
        padding: 0 0 10px;
    }
    .online-course-view-wrap .period-wrap .title-wrap .title {
        font-size: 16px;
    }
    .online-course-view-wrap .period-wrap .title-wrap .checkbox-group input[type="checkbox"] {
        width: 16px;
        height: 16px;
        margin: -3px 0 0;
    }
    .online-course-view-wrap .period-wrap .title-wrap .cst .checkbox-group input[type="checkbox"]:checked:before {
        top: 1px;
        left: 2px;
    }
    .online-course-view-wrap .period-wrap .content-wrap {
        margin: 15px 0 0;
    }
    .online-course-view-wrap .period-wrap .btn {
        margin: 13px 0 0;
    }
    .online-course-view-wrap .total-price-wrap {
        gap: 15px;
        height: 70px;
        margin: 20px 0 0;
        padding: 0 10px;
        font-size: 18px;
    }

    .online-course-view-wrap.choose-type .inner {
        padding: 20px;
    }
    .online-course-view-wrap.choose-type .title-wrap .lecturer {
        margin: 10px 0 0;
        font-size: 14px;
    }
    .online-course-view-wrap.choose-type .info-wrap {
        gap: 10px;
        flex-direction: column;
        margin: 20px 0 0;
        padding: 15px;
    }
    .online-course-view-wrap.choose-type .info-wrap p {
        gap: 5px;
        flex-direction: column;
        width: 100%;
    }
    .online-course-view-wrap.choose-type .info-wrap p .txt {
        width: 100%;
    }
    .apply-choose-wrap {
        margin: 15px 0 0;
    }
    .apply-choose-wrap > div {
        gap: 5px;
        flex-direction: column;
    }
    .apply-choose-wrap .tit {
        font-size: 14px;
    }
    .online-course-view-wrap.choose-type .apply-course-list li button {
        margin: 0;
    }
    .online-course-view-wrap.choose-type .price-wrap {
        padding: 15px;
    }
    .online-course-view-wrap.choose-type .price-wrap .btn {
        height: 30px;
        padding: 5px 10px;
    }
    .online-course-view-wrap.choose-type .price-wrap .price {
        font-size: 16px;
    }

    /* 온라인 교육 - 교육 수강 페이지 */
    .online-apply-wrap .content-notice-wrap .state-wrap {
        gap: 10px;
        margin: 20px 0 0;
    }
    .online-apply-wrap .content-notice-wrap .state-wrap p {
        width: 100%;
    }
    .online-wrap .state-wrap .state {
        width: 65px;
        font-weight: 500;
    }
    .js-view-toggle-btn {
        height: 40px;
        font-size: 14px;
    }
    .training-course-item {
        position: relative;
        padding: 0 0 20px;
    }
    .training-course-item + .training-course-item {
        padding: 20px 0;
    }
    .training-course-item + .training-course-item .img-wrap {
        top: 20px;
    }
    .training-course-item .img-wrap {
        position: absolute;
        top: 0;
        right: 0;
    }
    .training-course-item .img-inner {
        display: none;
    }
    .training-course-item .img-wrap .btn {
        height: 35px;
        margin: 0;
    }
    .training-course-item .content-wrap {
        width: 100%;
    }
    .training-course-item .content-wrap .title-wrap {
        gap: 5px;
        flex-direction: column;
    }
    .training-course-item .content-wrap .title-wrap .state-wrap span {
        margin: 4px 0 0;
    }
    .training-course-item .content-wrap .title-wrap .title {
        font-size: 16px;
    }
    .training-course-item .content-wrap .table-wrap {
        overflow: none;
        border-top: none;
    }
    .training-course-item .content-wrap .table-wrap table {
        display: block;
        width: 100%;
    }
    .training-course-item .content-wrap .table-wrap colgroup {
        display: none;
    }
    .training-course-item .content-wrap .table-wrap thead {
        display: none;
    }
    .training-course-item .content-wrap .table-wrap tbody {
        display: block;
        width: 100%;
    }
    .training-course-item .content-wrap .table-wrap tr {
        display: block;
        overflow: hidden;
        position: relative;
        width: 100%;
        padding: 15px;
        border: 1px solid #dde2ea;
        border-radius: 10px;
        background-color: #f4f9ff;
        font-size: 0;
    }
    .training-course-item .content-wrap .table-wrap tr + tr {
        margin: 10px 0 0;
    }
    .training-course-item .content-wrap .table-wrap td {
        display: flex;
        justify-content: flex-start !important;
        padding: 0;
        border: none;
    }
    .training-course-item .content-wrap .table-wrap td span {
        flex-shrink: 0;
    }
    .training-course-item .content-wrap .table-wrap tr td:not(:nth-child(4)) {
        width: calc(100% - 100px);
    }
    .training-course-item .content-wrap .table-wrap tr td + td {
        margin: 5px 0 0;
    }
    .training-course-item .content-wrap .table-wrap tr td:nth-child(4) {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 50%;
        right: 0;
        width: 110px;
        height: 100%;
        margin: 0;
        padding: 0 15px;
        border-left: 1px solid #dde2ea;
        background-color: #fff;
        transform: translateY(-50%);
    }
    .training-course-info {
        gap: 15px;
        flex-direction: column;
        width: 100%;
        padding: 15px 20px;
        background-color: #f4f9ff;
    }

    /* 온라인 교육 - 나의 교육 수강 */
    .online-apply-list.interest > div,
    .online-apply-list.completed > div,
    .online-apply-list.interest > div {
        min-height: 0;
    }
    .my-course-wrap .online-apply-list > div ul.list-type {
        margin: 15px 0 0;
    }
    .my-course-wrap .online-apply-list > div .btn-wrap .btn {
        border-radius: 4px;
    }

    /* 강의 팝업 */
    .course-test-wrap {
        gap: 20px;
        flex-direction: column;
        height: calc(100% - 70px);
    }
    .course-test-wrap .quiz-wrap .quiz-inner {
        padding: 25px;
    }
    .course-test-wrap .quiz-wrap .quiz-inner + .quiz-inner {
        margin: 15px 0 0;
    }
    .course-test-wrap .quiz-wrap .quiz-inner .title {
        margin: 0 0 10px;
        padding: 0 0 10px;
        font-size: 16px;
    }
    .course-test-wrap .quiz-wrap .quiz-inner .checkbox-wrap + .checkbox-wrap {
        margin: 7px 0 0;
    }
    .course-test-wrap .quiz-info-wrap {
        width: 100%;
    }
    .course-test-wrap .quiz-info-wrap .quiz-info {
        padding: 15px;
    }
    .course-test-wrap .quiz-info-wrap .quiz-info .title {
        font-size: 18px;
    }
    .course-test-wrap .quiz-info-wrap .quiz-info .list-type {
        margin: 15px 0 0;
    }
    .course-test-wrap .quiz-info-wrap .table-wrap {
        margin: 15px 0 0;
    }
    .course-test-wrap .quiz-info-wrap .cst-table th,
    .course-test-wrap .quiz-info-wrap .cst-table td {
        padding: 5px 10px;
    }
    .course-test-wrap .quiz-info-wrap .cst-table th {
        font-size: 14px;
    }

    .course-result-wrap {
        gap: 20px;
        flex-direction: column;
    }
    .course-result-wrap .standard-wrap {
        padding: 10px 25px;
        font-size: 16px;
    }
    .course-result-wrap .progress-text strong {
        font-size: 40px;
    }
    .course-result-wrap .progress-text span {
        font-size: 20px;
    }
    .course-result-wrap .pass-wrap {
        font-size: 16px;
        text-align: center;
    }
    .course-result-wrap .pass-wrap .tit {
        font-size: 14px;
    }
    .course-result-wrap .pass-wrap .tit strong {
        font-size: 50px;
    }
    .course-result-wrap .pass-wrap .txt {
        margin: 0;
    }
    .course-feedback-wrap fieldset {
        height: 100%;
    }
    .course-feedback-wrap > .title {
        padding: 0 0 10px;
        font-size: 20px;
    }
    .course-feedback-wrap > .title svg {
        width: 30px;
        height: 30px;
    }
    .course-feedback-wrap .feedback-list {
        max-height: calc(100% - 95px);
        margin: 20px 0 0;
        padding: 0 10px 0 0;
    }
    .course-feedback-wrap .feedback-list li:not(:first-child) {
        width: 100%;
        margin: 25px 0 0;
    }
    .course-feedback-wrap .feedback-list li .title {
        font-size: 18px;
    }
    .course-feedback-wrap .feedback-list .square-type {
        margin: 15px 0 0;
    }
    .course-feedback-wrap .feedback-list .list-type li {
        font-size: 14px;
    }
    .course-feedback-wrap .feedback-list .list-type {
        margin: 10px 0 0;
    }
    .course-feedback-wrap .feedback-list .list-type li:not(:first-child) {
        margin: 15px 0 0;
    }
    .course-feedback-wrap .feedback-list .radio-wrap {
        gap: 10px;
        margin: 15px 0 0;
        font-size: 14px;
    }
    .course-feedback-wrap .feedback-list .radio-wrap .radio-group {
        gap: 4px;
        min-width: 67px;
        min-height: 33px;
    }
    .course-feedback-wrap .btn-submit {
        width: 220px;
        height: 43px;
        font-size: 16px;
    }
    .course-feedback-wrap .btn-submit svg {
        width: 20px;
    }

    /* 뉴스레터 */
    .board-top-con {
        margin: 0 0 10px;
    }
    .board-top-con .total {
        font-size: 14px;
    }
    .board-top-con .total b {
        font-size: 16px;
    }
    .board-top-con .btn.btn-type1 {
        padding: 0 15px;
    }

    .newsletter-list-wrap {
        gap: 25px 20px;
    }
    .newsletter-list-wrap > div {
        width: calc((100% - 20px) / 2);
    }
    .newsletter-list-wrap .text-wrap {
        padding: 15px 10px;
    }
    .newsletter-list-wrap .text-wrap .title {
        font-size: 16px;
    }
    .newsletter-list-wrap .text-wrap .date {
        margin: 5px 0 0;
        font-size: 14px;
    }
    .issue-list-wrap > div + div {
        margin: 15px 0 0;
    }
    .issue-list-wrap div.inner {
        gap: 15px;
        flex-direction: column;
        padding: 15px;
    }
    .issue-list-wrap div.inner .img-wrap {
        width: 100%;
        max-width: 100%;
        aspect-ratio: auto;
    }
    .issue-list-wrap div.inner .text-wrap {
        padding: 0;
    }
    .issue-list-wrap div.inner .text-wrap .list-type {
        font-size: 15px;
    }
    .issue-list-wrap div.inner .text-wrap .list-type.list-type-dot > li:before {
        top: 9px;
    }
    .issue-list-wrap div.inner .btn-wrap .btn {
        width: 100%;
    }
    .admin-bbs {
        margin: 10px 0 0;
    }
    .admin-bbs .view {
        gap: 5px;
    }
    .issue-list-wrap div.inner .btn-small {
        padding: 0 15px;
    }
    /* .admin-bbs .btn-wrap a {
        width: 20px;
        height: 20px;
    }
    .admin-bbs .btn-wrap a img {
        width: 14px;
    } */

    /* 사례 요약집 */
    .example-list-wrap > div {
        width: 100%;
    }
    .example-list-wrap > div .inner {
        min-height: 0;
        padding: 20px;
    }
    .example-list-wrap > div .content-wrap {
        display: block;
    }
    .example-list-wrap > div .content-wrap .left {
        margin: 10px 0;
    }
    .example-list-wrap > div .content-wrap .btn {
        width: 100%;
    }

    /* 간행위원회 */
    .editorial-table-wrap .cst-table th,
    .editorial-table-wrap .cst-table td {
        padding: 10px;
        font-size: 15px;
    }

    /* 투고규정 */
    .contribution-wrap .contribution-inner .title-wrap a {
        padding: 10px 15px;
        border-radius: 5px;
    }
    .contribution-wrap .contribution-inner .title-wrap .title {
        font-size: 14px;
    }
    .contribution-wrap .contribution-inner .content-wrap {
        padding: 20px 20px 35px;
    }
    .contribution-wrap .contribution-inner .content-inner {
        font-size: 14px;
    }
    .contribution-wrap .contribution-inner .content-inner .title {
        margin: 20px 0 15px;
        font-size: 16px;
    }
    .contribution-wrap .contribution-inner .content-inner .title span {
        padding: 0 0 5px;
    }
    .contribution-wrap .contribution-inner .content-inner .sub-title {
        font-size: 14px;
    }
    .contribution-wrap .contribution-inner .content-inner .sub-title.type2 {
        font-size: 14px;
    }
    .contribution-wrap .contribution-inner .content-inner .text + .text {
        margin: 10px 0 0;
    }
    .contribution-wrap .contribution-inner .content-inner .list-type:not(.inner-list-type) > li + li {
        margin: 10px 0 0;
    }
    .contribution-wrap .contribution-inner .content-inner .inner-list-type {
        margin: 5px 0;
    }
    .contribution-wrap .contribution-inner .content-inner .link {
        word-break: break-all;
    }
    .contribution-wrap .contribution-inner .btn-small {
        display: flex;
        width: 100%;
        margin: 5px 0;
    }

    .no-mobile {
        display: none !important;
    }

    .btn.btn-journal-download {
        height: 30px;
        padding: 0 15px;
    }

    /* The Journal of KAIRB - 권호별 겸색 */
    .volume-issue-list {
        gap: 15px;
    }
    .volume-issue-list > div {
        width: 100%;
        padding: 20px;
    }
    .volume-issue-list .top-wrap {
        padding: 0 0 10px;
    }
    .volume-issue-list .content-wrap .title-wrap {
        margin: 10px 0;
    }
    .volume-issue-list .content-wrap .title {
        font-size: 24px;
    }
    .volume-issue-list .content-wrap .year {
        font-size: 20px;
    }
    .volume-issue-list .content-wrap .btn-wrap {
        display: flex;
        gap: 10px;
        align-items: center;
        margin: 0 0 15px;
    }
    .volume-issue-list .content-wrap .btn-wrap .btn {
        width: calc((100% - 10px) / 2);
        font-size: 14px;
    }
    .volume-issue-list .content-wrap .btn-wrap .btn + .btn {
        margin: 0;
    }

    /* The Journal of KAIRB - list */
    .volume-issue-item {
        margin: 15px 0 0;
    }
    .volume-issue-item .title-wrap .title {
        font-size: 16px;
    }
    .volume-issue-box {
        padding: 20px;
    }
    .volume-issue-box:has(.admin-bbs) {
        padding: 20px 20px 70px;
    }
    .volume-issue-box .title {
        font-size: 16px;
    }
    .volume-issue-box .eng-title {
        font-size: 14px;
    }
    .volume-issue-box .info-wrap p + p {
        margin: 5px 0 0;
    }
    .volume-issue-box .admin-bbs {
        padding: 0 20px;
    }

    /* The Journal of KAIRB - 권/호 view */
    .volume-issue-view .title-wrap {
        padding: 10px 15px;
        border-radius: 5px;
    }
    .volume-issue-view .title-wrap .title {
        font-size: 14px;
    }
    .volume-issue-view .content-wrap {
        padding: 25px 0 40px;
    }
    .volume-issue-view .content-wrap .title {
        font-size: 18px;
    }
    .volume-issue-view .content-wrap .writer-wrap {
        margin: 15px 0 0;
    }
    .volume-issue-view .content-wrap .writer-wrap .tit {
        font-size: 15px;
    }
    .volume-issue-view .content-wrap .text {
        margin: 22px 0 0;
        font-size: 15px;
    }
    .volume-issue-view .content-wrap .key-word {
        margin: 22px 0 0;
        font-size: 14px;
    }
    .volume-issue-view .bottom-text {
        padding: 10px 0 0;
    }

    /* 나의 교육 현황 */
    .edu-status-item .title-wrap {
        padding: 15px;
    }
    .edu-status-item .title-wrap .date-wrap {
        gap: 10px;
    }
    .edu-status-item .title-wrap .title {
        font-size: 16px;
    }
    .edu-status-item .info-wrap {
        padding: 15px;
    }
    .edu-status-item .info-wrap p {
        width: 100%;
    }
    .edu-status-item .info-wrap p.edu-category {
        font-size: 14px;
    }
    .edu-status-item .title-wrap .list-type-dot > li {
        font-size: 16px;
    }
    .edu-status-item .title-wrap .list-type-dot > li + li {
        margin: 10px 0 0;
    }
    .edu-status-item .title-wrap .list-type-dot > li::before {
        top: 10px;
    }
    .edu-status-item .title-wrap .list-type-bar {
        margin: 3px 0 0;
    }
    .edu-status-item .title-wrap .list-type-bar > li {
        font-size: 14px;
    }
    .edu-status-item .title-wrap .list-type-bar > li::before {
        top: 10px;
    }
    .edu-status-item .info-wrap .btn-icon {
        height: 30px;
        padding: 0 10px;
    }
    .edu-status-item .info-wrap .btn-icon + .btn-icon{
        margin-left: -15px;
        padding: 0 10px;
    }
    .edu-status-item .info-wrap .btn-pdf {
        width: 30px;
        height: 30px;
    }
    .edu-status-wrap .cst-table th,
    .edu-status-wrap .cst-table td {
        font-size: 14px;
    }
    .edu-status-item.type-check .title-wrap {
        padding: 15px;
    }
    .edu-status-item .title-wrap .sub-title {
        margin: 5px 0 0;
        font-size: 14px;
    }
    .edu-status-item .title-wrap .score {
        gap: 5px;
        flex-direction: row;
        position: static;
        top: auto;
        left: auto;
        width: auto;
        padding: 5px 10px;
        border-radius: 4px;
        vertical-align: middle;
        transform: translateY(0);
        aspect-ratio: auto;
    }
    .edu-status-item .title-wrap .score span {
        opacity: 1;
    }
    .edu-status-item .title-wrap .score b {
        font-size: 13px;
    }
    .edu-status-item.type-check .date-wrap {
        display: inline-flex;
        margin: 0 0 0 5px;
        vertical-align: middle;
    }

    /* 교육이수증출력 */
    .edu-status-wrap .text-notice.with-btn {
        transform: translateY(0);
    }
    .edu-status-wrap .text-notice + .btn-wrap {
        margin-top: 10px !important;
    }
    .edu-status-item .title-wrap .checkbox-group input[type="checkbox"] {
        width: 18px;
        height: 18px;
        margin-right: 8px;
    }
    .edu-status-item .title-wrap .checkbox-group input[type="checkbox"]:before {
        top: 4px;
        left: 5px;
        width: 20%;
        height: 50%;
    }
    .certificate-wrap .edu-status-item .info-wrap {
        gap: 5px;
    }
    .edu-status-item .info-wrap .btn-info {
        height: 30px;
        padding: 0 15px;
    }

    /* 기관 이력 확인 - IRB 기관등록 내역 */
    .institution-registration-wrap.list .content {
        width: 100%;
        padding: 32px 15px 32px 70px;
        background-position: center left 12px;
        background-size: 45px;
    }
    .institution-registration-wrap.list .content .title {
        font-size: 16px;
    }
    .institution-registration-wrap.list .content .btn-institution-write {
        height: 30px;
        padding: 0 13px;
    }

    .scroll-x .write-wrap {
        width: 768px;
    }
    .write-wrap.irb-info .line-title {
        padding: 10px;
    }
    .write-wrap.irb-info .line-title .title {
        font-size: 16px;
    }
    .write-wrap.irb-info .form-tit {
        padding: 10px;
        font-size: 14px;
    }
    .write-wrap.irb-info .form-con {
        width: calc((100% - 50px) / 2);
        padding: 10px;
        font-size: 14px;
    }
    .write-wrap.irb-info .size-xs {
        width: 50px;
    }
    .write-wrap.irb-info .size-m {
        max-width: 150px;
    }

    /* 수강 이력 확인 */
    .course-history-wrap .title-wrap {
        align-items: flex-start;
        flex-direction: column;
    }
    .course-history-wrap .title-wrap .title {
        padding-left: 30px;
        font-size: 14px;
    }
    .course-history-wrap .title-wrap .title strong {
        font-size: 18px;
    }
    .course-history-wrap .title-wrap .title:before {
        top: 0;
        width: 25px;
        height: 25px;
    }
    .course-history-wrap .title-wrap .btn {
        height: 35px;
        margin-left: auto;
        padding: 0 14px;
    }

    .sub-tab-wrap.type1 > ul.type-help-desk > li > a {
        flex-direction: column;
        height: 70px;
        font-size: 14px;
    }
    .sub-tab-wrap.type1 > ul.type-help-desk > li > a span {
        height: 20px;
        margin: 5px 0 0;
        vertical-align: middle;
        font-size: 14px;
    }
    .sub-tab-wrap.type1 > ul.type-help-desk > li > a span.type3 {
        padding-right: 1px;
    }

    /* 인사말 */
    .greeting-wrap {
        position: relative;
    }
    .greeting-wrap .img-wrap {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }
    .greeting-wrap .img-wrap img {
        width: 170px;
    }
    .greeting-wrap .top-wrap {
        align-items: flex-start;
        flex-direction: column;
    }
    .greeting-wrap .text-wrap {
        flex-direction: column-reverse;
        margin-top: 95px;
        padding: 40px 15px 20px;
    }
    .greeting-wrap .text-wrap .title {
        font-size: 20px;
    }
    .greeting-wrap .text-wrap .text {
        margin: 0 0 25px;
        padding-left: 165px;
        font-size: 14px;
        text-align: left;
    }
    .greeting-wrap .content-wrap {
        margin-top: 15px;
        font-size: 14px;
        color: #666;
    }

    /* 협의회 소개 */
    .information-wrap .flex-type {
        flex-direction: column;
    }
    .information-wrap .flex-type > div {
        width: 100%;
    }
    .information-wrap .program-wrap .program {
        gap: 10px;
        flex-direction: column;
        padding: 15px 22px;
    }
    .information-wrap .program-wrap .title {
        width: 100%;
        font-size: 16px;
    }
    .information-wrap .program-wrap .text {
        font-size: 14px;
    }

    /* 역대회장 */
    .president-history-wrap {
        gap: 15px;
    }
    .president-history-wrap .content {
        width: 100%;
        padding: 15px;
    }
    .president-history-wrap .text-wrap .number {
        font-size: 16px;
    }
    .president-history-wrap .text-wrap .name {
        font-size: 20px;
    }
    .president-history-wrap .text-wrap .affiliation {
        margin: 0;
    }
    .president-history-wrap .img-wrap {
        flex-shrink: 0;
    }
    .president-history-wrap .img-wrap img {
        width: 115px;
    }

    /* 찾아오시는 길 */
    .directions-wrap .map-wrap {
        height: 500px;
    }
    .directions-wrap .info-wrap {
        width: 100%;
        padding: 15px;
        box-sizing: border-box;
    }
    .directions-wrap .info-wrap .title-wrap {
        align-items: flex-end;
        flex-direction: column;
    }
    .directions-wrap .info-wrap .title-wrap img {
        width: 154px;
    }
    .directions-wrap .info-wrap .title-wrap .title {
        font-size: 18px;
    }
    .directions-wrap .info-wrap .address {
        margin-top: 10px;
        font-size: 14px;
        text-align: right;
    }
    .directions-info-wrap .inner {
        margin-top: 30px;
    }
    .directions-info-wrap .inner .title {
        font-size: 18px;
        line-height: 24px;
    }
    .directions-info-wrap .inner .title.icon-type {
        padding-left: 40px;
    }
    .directions-info-wrap .inner .title.icon-type:before {
        width: 30px;
        height: 30px;
    }
    .directions-info-wrap .inner .directions-list {
        gap: 10px;
    }
    .directions-info-wrap .inner .directions-list > div {
        gap: 14px;
        align-items: flex-start;
    }
    .directions-info-wrap .inner .directions-list .tit {
        padding: 3px 15px;
        font-size: 14px;
    }
    .directions-info-wrap .inner .directions-list .txt {
        margin-top: 5px;
        font-size: 14px;
        line-height: 20px;
    }

    .directions-info-wrap .inner.info > div {
        gap: 10px;
    }

    /* 조직도 */
    .orgazination:before {
        top: 0;
        height: 100%;
        z-index: -1;
    }
    .orgazination:after {
        display: none;
    }
    .orgazination .depth-1 .item {
        width: 97px;
        font-size: 20px;
    }
    .orgazination .depth-2 .item {
        width: 100%;
        height: 45px;
        margin-top: 15px;
        font-size: 16px;
    }
    .orgazination .depth-2 .depth-2-1 {
        margin-top: 0;
    }
    .orgazination .depth-2 .depth-2-1:before {
        display: none;
    }
    .orgazination .depth-2 .depth-2-2 {
        display: block;
        margin-top: 0;
    }
    .orgazination .depth-2 .depth-2-2:before {
        display: none;
    }
    .orgazination .depth-3 {
        display: block;
        margin-top: 0;
    }
    .orgazination .depth-3 > div > .item {
        max-width: 100%;
        height: 45px;
        margin-top: 15px;
        font-size: 18px;
    }
    .orgazination .depth-3 > div > ul {
        display: block;
        padding-top: 0;
    }
    .orgazination .depth-3 > div > ul:before {
        display: none;
    }
    .orgazination .depth-3 .left {
        width: 100%;
    }
    .orgazination .depth-3 .left:before {
        display: none;
    }
    .orgazination .depth-3 .right {
        width: 100%;
    }
    .orgazination .depth-3 .right:before {
        display: none;
    }
    .orgazination .depth-3 .right > ul {
        margin-left: 0;
    }
    .orgazination .depth-4 .item {
        min-height: 45px;
        margin-top: 15px;
        font-size: 14px;
    }
    .orgazination .depth-4 > li:before {
        display: none;
    }
    .orgazination .depth-4 > li.line:before {
        display: none;
    }

    .orgazination-wrap .sub-tab-con:has(.sub-tab-wrap) {
        margin-top: -10px;
    }

    .update-wrap .update-item {
        gap: 15px;
        padding: 20px 15px;
        font-size: 14px;
    }
    .update-wrap .update-item img {
        width: 60px;
    }

    /* 정회원 기관 안내 */
    .reaular-map-wrap {
        flex-direction: column;
        gap: 0;
    }
    .reaular-map,
    .reaular-detail-map {
        width: 100%;
    }
    .reaular-map-info {
        flex-direction: column;
        gap: 10px;
    }
    .reaular-map-info > div {
        width: 100%;
        padding: 15px;
    }
    .reaular-map-info .title {
        font-size: 16px;
    }
    .reaular-map-info .text {
        margin-top: 10px;
        font-size: 14px;
    }

    .reaular-list-wrap .sch-wrap .sch-key {
        width: 100%;
    }
    .reaular-list-wrap .sch-wrap .btn {
        width: 100%;
    }

    .reaular-location-list > div {
        width: 100%;
        padding: 32px 15px;
        background-position: center left 12px;
        background-size: 45px;
    }
    .reaular-location-list > div .title {
        font-size: 16px;
    }
    .reaular-location-list > div .btn-institution-write {
        height: 30px;
        padding: 0 13px;
    }

    /* 정회원 기관 운영현황 등록 */
    .reaular-status-list {
        gap: 15px;
        margin-top: 20px;
    }
    .reaular-status-list > div {
        width: 100%;
        padding: 20px;
    }
    .reaular-status-list .title {
        margin-top: 14px;
        font-size: 18px;
    }
    .reaular-status-list .date {
        margin-top: 10px;
        font-size: 14px;
    }
    .reaular-status-list .btn-wrap {
        margin-top: 15px;
    }

    .reaular-view-wrap {
        padding: 15px 10px 30px;
    }
    .reaular-view-top {
        flex-direction: column;
        gap: 15px;
    }
    .reaular-view-top .title-wrap {
        font-size: 20px;
    }
    .reaular-view-top .content-wrap .tit {
        width: 90px;
    }
    .reaular-view-top .content-wrap p {
        flex-direction: column;
    }
    .reaular-view-top .content-wrap p + p {
        margin-top: 10px;
    }
    .reaular-contact-wrap {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
        padding: 15px 22px;
    }
    .reaular-contact-wrap .title {
        gap: 8px;
        font-size: 16px;
    }
    .reaular-contact-wrap .title svg {
        width: 25px;
        height: 25px;
    }

    .reaular-write-wrap .complete-wrap .cont-info-wrap {
        padding: 45px 15px 35px;
    }
    .reaular-write-wrap .complete-wrap .cont-info-wrap .title {
        margin-top: 10px;
        font-size: 18px;
    }
    .reaular-write-wrap .complete-wrap .cont-info-wrap .text {
        margin-top: 12px;
        font-size: 14px;
    }
    .reaular-write-wrap .complete-wrap .cont-info-wrap span {
        flex-direction: column;
        align-items: center;
    }
    .reaular-write-wrap .complete-wrap .cont-info-wrap .btn {
        padding: 0 14px;
        vertical-align: middle;
    }

    .reaular-write-wrap .amount-wrap {
        flex-direction: column;
        gap: 15px;
    }
    .reaular-write-wrap .amount-wrap > div {
        width: 100%;
    }
    .reaular-write-wrap .total-amount-wrap {
        padding: 15px 20px;
    }
    .reaular-write-wrap .total-amount-wrap .amount {
        font-size: 14px;
    }
    .reaular-write-wrap .total-amount-wrap .amount .text-red2 {
        font-size: 20px;
    }
    .reaular-write-wrap .bank-wrap {
        gap: 20px;
        padding: 15px 20px;
    }
    .reaular-write-wrap .bank-wrap svg {
        width: 25px;
    }
    .reaular-write-wrap .bank-wrap .bank .tit {
        font-size: 16px;
    }
    .reaular-write-wrap .bank-wrap .bank .txt {
        font-size: 14px;
    }

    .reaular-tab-wrap {
        padding: 15px;
    }
    .reaular-tab-wrap > div {
        flex-direction: column;
    }
    .reaular-tab-wrap > div a {
        min-height: 0;
        padding: 10px;
    }
    .reaular-tab-wrap > div a span {
        width: 22px;
    }

    /* 정회원 기관 운영현황 통계 */
    .chart-rolling-wrap {
        margin-bottom: 30px;
    }
    .chart-rolling {
        margin: 0 40px;
    }
    .chart-rolling:before {
        top: 18px;
        height: 3px;
    }
    .chart-rolling a {
        padding-top: 35px;
        font-size: 18px;
    }
    .chart-rolling a:before {
        top: 18px;
        height: 3px;
    }
    .chart-year-arrow {
        width: 30px;
        height: 30px;
        background-size: 100%;
    }

    .chart-conbox .chart-item + .chart-item {
        margin-top: 15px;
    }

    /* IRB 용어 검색 */
    .search-word-wrap {
        display: flex;
        flex-direction: column;
        margin-bottom: 20px;
    }
    .search-word-wrap .btn-all-wrap .btn-all {
        width: 100%;
        height: 40px;
        font-size: 16px;
        border-radius: 2px;
    }
    .search-word-wrap .btn-word-wrap {
        margin-top: -2px;
    }
    .search-word-wrap .btn-word-wrap .inner-box {
        border: 0;
    }
    .search-word-wrap .btn-word-wrap .inner-box > a {
        flex: 1 1 12.5%;
        width: calc(100% / 8);
        max-width: 12.5%;
        height: 40px;
        border: 1px solid #d0dfe9;
    }
    .search-word-wrap .btn-word-wrap .inner-box > a:nth-child(n + 1):nth-child(-n + 13) {
        border-bottom: 0;
    }
    .search-word-wrap .btn-word-wrap .inner-box > a:nth-child(n + 2):nth-child(-n + 8),
    .search-word-wrap .btn-word-wrap .inner-box > a:nth-child(n + 10):nth-child(-n + 16),
    .search-word-wrap .btn-word-wrap .inner-box > a:nth-child(n + 18):nth-child(-n + 24),
    .search-word-wrap .btn-word-wrap .inner-box > a:nth-child(26) {
        border-left: 0;
    }
    .search-word-wrap .btn-word-wrap .inner-box > a:nth-child(-n + 16) {
        border-bottom: 0;
    }
    .search-word-wrap .btn-word-wrap .inner-box > a:nth-child(25),
    .search-word-wrap .btn-word-wrap .inner-box > a:nth-child(26) {
        border-top: 0;
    }
    .search-word-wrap .btn-word-wrap .inner-box > a:hover:before {
        height: calc(39px + 2px);
    }
    .search-word-wrap .btn-word-wrap .inner-box > a:nth-child(n + 17):nth-child(-n + 24):hover:before {
        height: calc(38px + 2px);
    }
    .search-word-wrap .btn-word-wrap .inner-box > a:nth-child(n + 1):nth-child(-n + 13):hover:before {
        height: calc(39px + 2px);
    }
    .search-word-wrap .btn-word-wrap .inner-box .inner-line {
        display: none;
    }

    /* 관련사이트 */
    .site-wrap-type3 .site-list {
        gap: 15px;
    }
    .site-wrap-type3 .site-list > li {
        width: 100%;
    }
    .site-wrap-type3 .site-list > li > a {
        padding: 15px 15px 35px;
        border-radius: 3px;
    }
    .site-wrap-type3 .site-list .img-wrap {
        height: 60px;
    }
    .site-wrap-type3 .site-list .text-wrap {
        font-size: 14px;
    }
    .site-wrap-type3 .site-list .text-wrap strong {
        font-size: 16px;
    }
    .site-wrap-type3 .site-list .btn-more {
        left: 15px;
        bottom: 15px;
        height: auto;
    }
    .site-wrap-type3 .site-list .btn-more img {
        height: 22px;
        margin: 1px;
    }
    .site-wrap-type3 .site-list .btn-more .circle {
        width: 25px;
        height: 25px;
    }
    .site-wrap-type3 .site-list .btn-more .text {
        padding: 1px 10px;
        font-size: 14px;
    }

    /* 자주 묻는 질문 */
    .qna-wrap > .title {
        font-size: 20px;
    }
    .qna-wrap .tab-wrap {
        margin-top: 20px;
    }
    .qna-wrap .tab-wrap > a {
        padding: 0 15px;
        font-size: 16px;
    }
    .popup-wrap.layer-type .qna-wrap .tab-content-wrap.scroll-y {
        max-height: 60vh;
        margin: 10px 0 0;
    }
    .qna-wrap .qna-content a {
        padding: 15px 10px;
    }
    .qna-wrap .qna-content .title-wrap {
        font-size: 14px;
    }
    .qna-wrap .qna-content .title-wrap .title {
        margin-top: 5px;
    }
    .qna-wrap .qna-content > div {
        padding: 20px 15px;
        font-size: 14px;
    }
    
    .btn-absolute{
        position: static;
    }
}

@media screen and (max-width: 480px) {
    /* 약관동의 */
    /* Type A */
    .type1 .step-list > li + li:before {
        top: 30px;
    }
    .type1 .step-list .icon {
        width: 60px;
        height: 60px;
    }

    .type3 .step-list .tit {
        font-size: 1.2rem;
    }

    /* 온라인 교육 - 교육 신청 */
    .online-apply-wrap .text-notice + .btn-wrap .btn {
        width: 100%;
    }

    /* 온라인 교육 - 교육 신청 상세 페이지 */
    .online-course-view-wrap .info-wrap p .tit {
        display: inline-block;
        width: 70px;
    }
    .online-course-view-wrap .info-wrap p .txt {
        width: calc(100% - 70px);
    }

    /* 온라인 교육 - 나의 교육 수강 */
    .online-apply-list .training-state-wrap {
        gap: 5px;
        flex-direction: column;
    }
    .online-apply-list .training-state-wrap p {
        width: 100%;
    }
}