@charset "utf-8";

/* sub visual */
.sub-visual {
    position: relative;
    background-image: url("/assets/image/sub/sub_visual_bg.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    aspect-ratio: 32 / 5;
}
.sub-visual .sub-visual-con {
    display: flex;
    align-items: center;
    height: 100%;
}
.sub-visual .sub-visual-con .sub-visual-text .title {
    background: linear-gradient(to right, #004098, #008299);
    -webkit-background-clip: text;
    background-clip: text;
    font-size: 4rem;
    font-weight: 600;
    line-height: 1;
    color: transparent;
    letter-spacing: -0.12rem;
    -webkit-text-fill-color: transparent;
}
.sub-visual .sub-visual-con .sub-visual-text .sub-visual-navi {
    display: flex;
    align-items: center;
    margin: 24px 0 0;
    font-size: 1.8rem;
    font-weight: 300;
    color: #4b515f;
}
.sub-visual .sub-visual-con .sub-visual-text .sub-visual-navi span {
    display: inline-block;
    margin: 0 11px;
    font-size: 1.1rem;
}

/* sub menu */
.sub-menu-wrap {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
}
.sub-menu-wrap .sub-menu {
    display: flex;
    align-items: center;
    width: 50%;
    max-width: 816px;
    margin: 0 0 0 auto;
    border-radius: 50px 0 0 0;
    box-shadow: 20px 15px 40px 0 rgba(0, 64, 152, 0.2);
    background: linear-gradient(to right, #004098, #008299);
    box-sizing: border-box;
}
.sub-menu-wrap .sub-menu .sub-menu-list {
    display: flex;
    align-items: center;
}
.sub-menu-wrap .sub-menu .sub-menu-list > li {
    position: relative;
    padding: 22px 40px;
}
.sub-menu-wrap .sub-menu .sub-menu-list > li:first-child {
    padding-left: 52px;
}
.sub-menu-wrap .sub-menu .sub-menu-list > li:last-child {
    padding-right: 52px;
}
.sub-menu-wrap .sub-menu .sub-menu-list > li + li {
    position: relative;
}
.sub-menu-wrap .sub-menu .sub-menu-list > li + li::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 24px;
    background: rgba(255, 255, 255, 0.2);
    transform: translateY(-50%);
}
.sub-menu-wrap .sub-menu .sub-menu-list > li > a {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0 36px 0 0;
    font-size: 1.8rem;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.8);
    box-sizing: border-box;
}
.sub-menu-wrap .sub-menu .sub-menu-list > li > a::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 12px;
    height: 12px;
    background-image: url("/assets/image/sub/sub_menu_arrow.png");
    background-repeat: no-repeat;
    background-position: center right;
    background-size: auto;
    transform: translateY(-50%);
}
.sub-menu-wrap .sub-menu .sub-menu-list > li > ul {
    display: none;
    position: absolute;
    top: 71px;
    left: 0;
    z-index: 10;
    width: 100%;
    box-shadow: 20px 15px 40px 0 rgba(0, 64, 152, 0.2);
    background: #fff;
}
.sub-menu-wrap .sub-menu .sub-menu-list > li > ul > li > a {
    display: inline-block;
    width: 100%;
    padding: 10px 15px;
    font-size: 1.6rem;
    font-weight: 400;
    color: #444655;
    box-sizing: border-box;
}

/* sub content */
.sub-contents {
    padding: 65px 0 86px;
    font-size: 1.6rem;
}
.content-box + .content-box {
    margin: 50px 0 0;
}

/* tab */
.sub-tab-wrap {
    margin: 25px 0 50px;
}
.sub-tab-wrap:first-child {
    margin-top: 0;
}
.sub-tab-wrap > .btn-tab-menu {
    display: none;
}
.sub-tab-wrap > ul {
    display: flex;
}
.sub-tab-wrap > ul > li {
    box-sizing: border-box;
}
.sub-tab-wrap > ul > li > a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    font-size: 1.6rem;
    font-weight: 600;
    transition: all 0.3s ease;
    box-sizing: border-box;
}

.sub-tab-wrap.type1 > ul {
    overflow: hidden;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
}
.sub-tab-wrap.type1 > ul > li {
}
.sub-tab-wrap.type1 > ul > li > a {
    height: 60px;
    background-color: #f1f5f9;
    color: #64748b;
}
.sub-tab-wrap.type1 > ul > li.on > a {
    background-color: #004098;
    color: #fff;
}

.sub-tab-wrap.type2 > ul {
}
.sub-tab-wrap.type2 > ul > li {
}
.sub-tab-wrap.type2 > ul > li > a {
    height: 61px;
    padding-bottom: 1px;
    box-shadow: 0 2px 0 0 #f1f5f9;
    color: #94a3b8;
    box-sizing: content-box;
}
.sub-tab-wrap.type2 > ul > li.on > a {
    padding-bottom: 0;
    box-shadow: 0 3px 0 0 #008299;
    color: #008299;
}

.sub-tab-menu.n2 > li {
    width: calc(100% / 2);
}
.sub-tab-menu.n3 > li {
    width: calc(100% / 3);
}
.sub-tab-menu.n4 > li {
    width: calc(100% / 4);
}
.sub-tab-menu.n5 > li {
    width: calc(100% / 5);
}
.sub-tab-menu.n6 > li {
    width: calc(100% / 6);
}

/* 서브메뉴명 */
.sub-tit-wrap {
}
.sub-tit-wrap .sub-tit {
    position: relative;
    padding: 0 0 0 46px;
    font-size: 2.4rem;
    font-weight: 600;
    color: #111827;
}
.sub-tit-wrap .sub-tit::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 36px;
    height: 36px;
    background-image: url("/assets/image/sub/sub_menu_title.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.sub-tit-wrap + *:not(.sub-contit-wrap, .term-wrap) {
    margin: 25px 0 0;
}
.sub-tab-wrap + .sub-tit-wrap {
    margin-top: 70px;
}

/* 컨텐츠 타이틀 */
.sub-contit-wrap .sub-contit {
    position: relative;
    padding: 0 0 0 34px;
    font-size: 2rem;
    font-weight: 500;
    letter-spacing: -0.2px;
}
.sub-contit-wrap .sub-contit::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 3px;
    /* left: 8px; */
    left: 0;
    width: 24px;
    height: 24px;
    background-image: url("/assets/image/sub/sub_content_title.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.sub-contit-wrap + * {
    margin: 20px 0 0;
}
.sub-tit-wrap + .sub-contit-wrap {
    margin-top: 34px;
}

/* ready */
.ready-wrap {
}
.ready-wrap .ready-item {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 65px 0;
    border: 1px solid #f3f4f6;
    border-radius: 40px;
    background: #f2faff;
}

/* login */
/* Type C */
.login-wrap.type3 {
    display: flex;
    overflow: hidden;
    height: 500px;
    border: 1px solid #cccccc;
    letter-spacing: -0.04em;
}
.type3 .login-form {
    width: 48%;
}
.type3 .login-form form {
    max-width: 400px;
    margin: 0 auto;
    padding: 50px 20px;
}
.type3 .login-tit-wrap {
    margin-bottom: 30px;
    text-align: center;
}
.type3 .login-tit-wrap .icon {
    display: block;
    margin-bottom: 15px;
}
.type3 .login-tit {
    font-size: 4.2rem;
    font-weight: 800;
    line-height: 1;
    color: #1a365d;
}
.type3 .login-form .form-item {
    width: 100%;
    height: 50px;
    padding: 0 20px;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    font-size: 1.6rem;
}
.type3 .login-form .form-item + .form-item {
    margin-top: 10px;
}
.type3 .login-form .btn-wrap {
    margin-top: 10px;
}
.type3 .login-form .btn-wrap p {
    margin-bottom: 20px;
    font-size: 1.6rem;
    font-weight: 600;
}
.text-gray {
    color: #b5b5b5;
}
.type3 .btn.btn-login {
    width: 100%;
    padding: 15px 10px;
    border-color: #1a365d;
    background-color: #1a365d;
    color: #fff;
}
.type3 .btn.btn-login-find {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 12px 0 0;
    padding: 15px 10px;
    border-color: #008299;
    background-color: #008299;
    color: #fff;
    text-align: center;
}
.type3 .login-info {
    width: 52%;
    padding: 70px 20px;
    background-image: url("/assets/image/sub/bg_login_info.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    text-align: center;
}
.type3 .login-info p {
    font-size: 2px;
    font-size: 1.7rem;
    line-height: 2.2;
    color: #fff;
    letter-spacing: -0.075em;
}
.type3 .login-info p span {
    margin: 12px 0 0;
    font-size: 1.7rem;
    font-weight: 300;
    line-height: 1.7;
    opacity: 0.8;
}
.type3 .login-info p span.welcome {
    display: block;
    margin: 0;
    font-size: 3.8rem;
    font-weight: 300;
    line-height: 1.2;
    color: #fff;
}
.type3 .login-info p span.welcome b {
    font-size: 9.8rem;
    font-weight: 600;
    color: #00a3c4;
}

.type3 .login-info .btn-wrap {
    margin-top: 30px;
}
.type3.login-wrap .btn {
    border: 1px solid transparent;
    border-radius: 4px;
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.4;
}
.type3 .btn.btn-signup {
    display: inline-flex;
    gap: 15px;
    align-items: center;
    justify-content: center;
    width: 260px;
    max-width: 100%;
    height: 55px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 30px !important;
    background: rgba(255, 255, 255, 0.1);
    font-size: 1.6rem;
    font-weight: 500;
    color: #fff;
    backdrop-filter: blur(2.5px);
    box-sizing: border-box;
}
.type3 .btn.btn-signup .arrow {
    display: inline-block;
    margin-left: 40px;
}

.login-form .radio-group input[type="radio"] + label,
.login-form .checkbox-group input[type="checkbox"] + label {
    padding-left: 25px;
    font-size: 1.6rem;
    font-weight: 600;
    color: #8a8a8a;
}
.login-form .radio-group input[type="radio"] + label:before,
.login-form .checkbox-group input[type="checkbox"] + label:before {
    top: 4px;
    width: 16px;
    height: 16px;
    border-color: #778193;
}
.login-form .radio-group input[type="radio"]:checked + label:before,
.login-form .checkbox-group input[type="checkbox"]:checked + label:before {
    border-color: #254db0;
    background-image: url("/assets/image/sub/ic_cst_checkbox.png");
}

/* find pw id */
.find-wrap {
    max-width: 999px;
    margin: 56px auto 0;
}
.find-wrap .find-tit-wrap {
    display: flex;
    gap: 35px;
    align-items: center;
    padding: 40px 50px;
    border-radius: 12px;
    background: #f4f9ff;
}
.find-wrap .find-tit-wrap .icon {
    padding: 18px;
    border-radius: 100%;
    background-color: #fff;
}
.find-wrap .find-tit-wrap .find-tit {
    font-size: 2.4rem;
    font-weight: 600;
    color: #1a365d;
}
.find-tit-wrap .find-tit-inner p {
    margin: 10px 0 0;
    font-size: 1.6rem;
    font-weight: 400;
    color: #666;
}
.find-wrap .write-wrap {
    margin: 34px 0 0;
}
.type3 .find-result-con {
    margin-top: 50px;
    padding: 30px;
    border: 1px solid #d1e1ff;
    border-radius: 12px;
    background-color: #f0f5ff;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.6;
    text-align: center;
}
.type3 .find-result-con.pw-type {
    border-color: #f6e05e;
    background-color: #fffcf0;
}
.type3 .find-result-con.pw-type p + p {
    margin: 10px 0 0;
}
.type3 .find-result-con.pw-type .password {
    font-size: 3.2rem;
}
.type3 .find-result-con.pw-type .text-blue {
    font-size: 1.8rem;
}
.type3 .find-result-con.pw-type .btn-wrap {
    margin: 25px 0 0;
}
.btn-paste {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 196px;
    height: 47px;
    padding: 0 10px;
    border-color: #4a5568;
    border-radius: 4px;
    background-color: #4a5568;
    font-size: 1.4rem;
    color: #fff;
}
.btn-paste img {
    margin: 0 10px 0 0;
}
.find-wrap.type3 .btn.btn-login-find {
    width: 266px;
    margin: 0;
    border-radius: 6px;
    background-color: #1a365d;
    font-size: 16px;
}
.find-wrap.type3 .btn.btn-login-find img {
    width: 24px;
    height: 24px;
    margin: 0 0 0 24px;
}

/* 회원가입 */
.signup-conbox .sub-tit-wrap {
    margin: 60px 0 20px;
}
.term-wrap {
    max-height: 300px;
    margin: 50px 0 0;
    padding: 32px;
    border: 1px solid #d4d4d4;
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 161.392%;
    color: #242424;
    box-sizing: border-box;
}
.term-wrap strong {
    font-weight: 700;
    color: #004098;
}

.popup-wrap .term-wrap {
    max-height: 100%;
    margin: 0;
    padding: 0;
    border: none;
}

.scroll-y {
    overflow-y: auto;
}
.scroll-y::-webkit-scrollbar {
    overflow: hidden;
    width: 13px;
}
.scroll-y::-webkit-scrollbar-track {
    border-left: 1px solid #c7dadd;
    background-color: #fff;
}
.scroll-y::-webkit-scrollbar-thumb {
    background-color: #5f5f5f;
}

.signup-conbox .radio-wrap,
.signup-conbox .checkbox-wrap {
    margin: 10px 0 0;
}
.signup-conbox .write-wrap .radio-wrap,
.signup-conbox .write-wrap .checkbox-wrap {
    margin: 0;
}

.step-list + .step-list {
    margin-top: 40px;
}

/* 약관동의 */
/* Type C */
.type3 .step-list {
    display: flex;
    justify-content: space-between;
    position: relative;
    max-width: 995px;
    margin-right: auto;
    margin-left: auto;
}
.type3 .step-list > li {
    display: flex;
    gap: 15px;
    align-items: center;
    flex-direction: column;
    position: relative;
}
.type3 .step-list > li + li:after {
    content: "";
    display: block;
    position: absolute;
    top: 40px;
    left: -102%;
    z-index: -1;
    width: 13px;
    height: 21px;
    background-image: url("/assets/image/sub/ic_sign_up_arrow.png");
}
.type3 .step-list .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    border: 1px solid #9eabb2;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
}
.type3 .step-list .icon svg {
    max-width: 60%;
}
.type3 .step-list .tit {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1;
    color: #9eabb2;
}
.type3 .step-list > li.on .icon {
    border-color: #39adff;
    background-color: #39adff;
}
.type3 .step-list > li.on .tit {
    color: #39adff;
}
.info-box {
    padding: 30px;
    border: 1px solid #d1e1ff;
    border-radius: 12px;
    background-color: #f0f5ff;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.6;
    text-align: center;
}

/* 본인인증 */
.certification-wrap {
    display: flex;
    gap: 33px;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin: 88px auto 0;
}
.certification-wrap a {
    display: inline-flex;
    gap: 40px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: calc((100% - 33px) / 2);
    max-width: 371px;
    height: 396px;
    border: 2px solid #ddd;
    border-radius: 60px;
    background-color: #fff;
    transition: all 0.3s ease;
    opacity: 0.6;
}
.certification-wrap a p {
    font-size: 4rem;
    font-weight: 600;
    color: #70addc;
}
.certification-wrap a.phone img {
    width: 139px;
}
.certification-wrap a.email img {
    width: 159px;
}

.certification-wrap a:hover {
    border-color: #1a365d;
    background-color: #f0f7ff;
    opacity: 1;
}
.certification-wrap a:hover p {
    color: #1077c4;
}

/* 정보 입력 */
/* .signup-conbox .checkbox-group {width: calc( (100% - 80px) / 5 );} */

/* 가입완료 */
/* Type C */
.signup-complete-wrap.type2 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: 88px 0 0;
    padding: 100px 15px 70px;
    background: linear-gradient(112deg, #f8f9fa 0%, #f0f4ff 100%);
    font-size: 2rem;
    text-align: center;
    letter-spacing: -0.05em;
}
.signup-complete-wrap.type2 .tit {
    margin: 20px 0;
    font-size: 3.6rem;
    font-weight: 700;
    color: #144393;
}
.signup-complete-wrap.type2 .underline {
    display: inline-block;
    border-bottom: 2px solid #00a3c4;
    font-size: 2rem;
    font-weight: 700;
}
.signup-complete-wrap.type2 p {
    margin-top: 60px;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.9;
    color: #353535;
}
.signup-complete-wrap.type2 .btn-wrap {
    margin-top: 35px;
}
.signup-complete-wrap.type2 .btn-type1:has(img) img {
    margin-top: -3px;
    margin-right: 5px;
    vertical-align: middle;
}

.member-category-wrap {
    display: flex;
    gap: 46px;
    align-items: center;
    margin: 88px 0 0;
    padding: 30px 40px;
    border: 1px solid #dde2ea;
}
.member-category-wrap .text-wrap .text {
    display: flex;
    gap: 30px;
    align-items: center;
    font-size: 1.6rem;
    font-weight: 400;
}
.member-category-wrap .text-wrap .text b {
    font-weight: 600;
}
.member-category-wrap .text-wrap .text + .text {
    margin: 15px 0 0;
}
.member-category-wrap .text-wrap .text .category {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 180px;
    height: 60px;
    border-radius: 30px;
    font-size: 2rem;
    color: #fff;
}
.member-category-wrap .text-wrap .text .category.type1 {
    background-color: #1a365d;
}
.member-category-wrap .text-wrap .text .category.type2 {
    background-color: #3182ce;
}

/* 마이페이지 인트로 */
.mypage-intro-wrap {
}

.training-schedule-wrap {
    overflow: hidden;
    position: relative;
    border: 1px solid #1a365d;
    border-top-width: 3px;
    border-radius: 4px 4px 10px 10px;
}
.training-schedule-wrap + .training-schedule-wrap {
    margin: 34px 0 0;
}
.training-schedule-wrap .title-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 25px 30px;
    background-color: #f4f9ff;
}
.training-schedule-wrap .title-wrap .title {
    font-size: 2rem;
    font-weight: 600;
    color: #1a365d;
}
.training-schedule-wrap .title-wrap .btn-toggle {
    display: inline-flex;
    gap: 8px;
    align-items: center;
    font-size: 1.4rem;
    font-weight: 400;
    color: #666;
}
.training-schedule-wrap .title-wrap .btn-toggle .icon {
    transform: rotate(0) translateY(-1px);
}
.training-schedule-wrap.on .title-wrap .btn-toggle .icon {
    transform: rotate(-180deg) translateY(-3px);
}
.training-schedule-wrap .cont-wrap {
    padding: 30px;
}
.training-schedule-wrap .cont-wrap.no-cont {
    text-align: center;
}
.training-schedule-wrap .cont-wrap.no-cont p {
    margin: 18px 0 0;
    font-size: 2.4rem;
    font-weight: 300;
    color: #000;
}
.training-schedule-wrap .slick-list {
    margin: 0 -10px;
}
.training-schedule-wrap .training-schedule {
    display: inline-block;
    margin: 0 10px;
}
.training-schedule-wrap .training-schedule a {
    display: flex;
    gap: 18px;
    flex-direction: column;
    height: 100%;
    min-height: 178px;
    padding: 26px;
    border: 1px solid #dde2ea;
    border-radius: 8px;
    box-sizing: border-box;
}
.training-schedule-wrap .training-schedule .category {
    display: inline-block;
    width: fit-content;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 1.2rem;
    color: #fff;
}
.training-schedule-wrap .training-schedule .category.type1 {
    background-color: #4a5568;
}
.training-schedule-wrap .training-schedule .category.type2 {
    background-color: #1bb0fd;
}
.training-schedule-wrap .training-schedule .title {
    font-size: 1.7rem;
    font-weight: 600;
}
.training-schedule-wrap .training-schedule .date {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    margin: auto 0 0;
}
.training-schedule-wrap .slick-arrow {
    display: inline-block;
    position: absolute;
    top: 50%;
    z-index: 1;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    font-size: 0;
    transform: translateY(-50%);
}
.training-schedule-wrap .slick-arrow.slick-prev {
    left: -20px;
    background-image: url("/assets/image/family_slide_prev.png");
}
.training-schedule-wrap .slick-arrow.slick-next {
    right: -20px;
    background-image: url("/assets/image/family_slide_next.png");
}
.training-schedule-list .slick-track {
    display: flex !important;
}

.training-schedule-list .slick-slide {
    height: auto;
}

.mypage-menu {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    margin: 88px 0 0;
}
.mypage-menu li {
    width: calc((100% - 40px) / 3);
    padding: 25px;
    border: 1px solid #dde2ea;
    border-radius: 12px;
    font-size: 2.4rem;
    transition: all 300ms ease;
    box-sizing: border-box;
}
.mypage-menu li a {
    display: inline-flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}
.mypage-menu li a .icon {
    display: inline-block;
    margin: auto 0 0 auto;
    padding: 10px;
    border-radius: 100%;
    background-color: #fff;
}
.mypage-menu li:hover {
    background: linear-gradient(101deg, #004398 6.22%, #018299 93.78%);
    color: #fff;
}
.mypage-menu li.full-type {
    width: 100%;
    padding: 10px 25px;
}
.mypage-menu li.full-type a {
    align-items: center;
    flex-direction: row;
}
.mypage-menu li.full-type a .icon {
    padding: 5px;
}

.mypage-check-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    max-width: 878px;
    margin: 0 auto;
    text-align: center;
}
.mypage-check-wrap .check-header p {
    margin: 15px 0 0;
    font-size: 1.8rem;
    font-weight: 400;
    color: #666;
}
.mypage-check-wrap .write-wrap {
    margin: 40px 0 0;
}

.sch-wrap .form-group {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    margin-bottom: 50px;
    padding: 26px 20px;
    border-radius: 4px;
    background: #f8fcff;
}
* + .sch-wrap .form-group {
    margin-top: 50px;
}
.sch-wrap .cnt {
    font-size: 1.7rem;
    letter-spacing: -0.05em;
}
.sch-wrap .form-item {
    height: 45px;
    font-size: 12px;
}
.sch-wrap .sch-cate {
    flex-shrink: 0;
    width: 150px;
    border: 1px solid #dde2ea;
    background: #efefef;
}
.sch-wrap .sch-key {
    width: 100%;
    max-width: 881px;
}
.sch-wrap .btn-sch {
    flex-shrink: 0;
    width: 89px;
    padding: 0 17px;
}
.sch-wrap .btn-sch img {
    width: 17px;
}
.sch-wrap .btn-reset {
    margin: 0;
    padding: 0 24px;
}
.sch-wrap .btn-reset img {
    width: 16px;
}
.sch-wrap .btn + .btn {
    margin: 0;
}

.sch-wrap.type2 .form-group {
    padding: 24px 26px;
    border: 1px solid #dde2ea;
    border-radius: 4px;
    background: #fff;
}

/* list::paging */
.paging-wrap {
    margin-top: 40px;
    text-align: center;
}
.paging {
    display: inline-block;
    vertical-align: top;
    text-align: center;
}
.paging > li {
    display: inline-block;
    overflow: hidden;
    width: 30px;
    height: 30px;
    margin: 1px;
    border-radius: 50%;
    vertical-align: top;
    transition: 0.3s ease;
}
.paging > .num:hover,
.paging > .num.on,
.paging > .num:hover > a,
.paging > .num.on > a {
    background-color: #f3f3f3;
    font-weight: 600;
    color: #000000;
}
.paging > li > a {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 3px 0;
    font-size: 1.8rem;
    color: #b3b3b3;
    transition: 0.3s ease;
}
.paging > li:not(.num) {
    background-repeat: no-repeat;
    background-position: center;
    transition: 0.3s ease;
}
.paging > li:not(.num):hover {
    background-color: none;
}
.paging .first {
    background-image: url("/assets/image/board/ic_first.png");
}
.paging .first:hover {
    background-image: url("/assets/image/board/ic_first_on.png");
}
.paging .prev {
    margin-right: 15px;
    background-image: url("/assets/image/board/ic_prev.png");
}
.paging .prev:hover {
    background-image: url("/assets/image/board/ic_prev_on.png");
}
.paging .next {
    margin-left: 15px;
    background-image: url("/assets/image/board/ic_next.png");
}
.paging .next:hover {
    background-image: url("/assets/image/board/ic_next_on.png");
}
.paging .last {
    background-image: url("/assets/image/board/ic_last.png");
}
.paging .last:hover {
    background-image: url("/assets/image/board/ic_last_on.png");
}

/* popup */
.popup-wrap {
    display: none;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100000;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    letter-spacing: -0.015em;
}
.popup-contents {
    position: relative;
}
.popup-tit-wrap {
    padding: 25px 30px;
    background-color: #fff;
    text-align: center;
}
.popup-tit-wrap img {
    display: inline-block;
    width: auto;
    max-width: 100%;
    vertical-align: middle;
}
.popup-conbox {
    padding-bottom: 30px;
    font-size: 1.7rem;
    line-height: 1.5;
}
.popup-footer {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    height: 45px;
    padding: 0 15px;
    padding-right: 60px;
    background-color: #ebebeb;
    font-size: 14px;
    color: #242424;
    letter-spacing: -0.05em;
}
.popup-footer .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 45px;
    background-color: #3b3b3b;
    font-size: 1.6rem;
    font-weight: 600;
    color: #fff;
    text-align: center;
}
.btn-pop-close {
    position: absolute;
    top: 18px;
    right: 30px;
    width: 40px;
    height: 40px;
    background-image: url("/assets/image/popup/ic_popup_close.png");
    background-repeat: no-repeat;
    background-position: center;
}
.popup-wrap.layer-type .btn-pop-close {
    position: static;
    background: none;
}

/* window popup */
.win-popup-wrap {
    width: 100%;
    max-width: 100%;
    height: 100%;
    background: none;
}
.win-popup-wrap .popup-contents {
    max-width: 100%;
    padding-bottom: 45px;
}
.popup-wrap:not(.win-popup-wrap) .popup-contents {
    overflow: hidden;
    position: relative;
    width: 90%;
    max-width: 600px;
    margin: 7vh auto;
    border-radius: 20px;
    background-color: #fff;
}
.win-popup-wrap .popup-footer {
    position: fixed;
    bottom: 0;
}
.win-popup-wrap .btn-pop-close {
    display: none;
}

/* main popup */
/* Typa A */
.type1 .popup-tit-wrap {
    padding: 15px 70px;
}
.type1 .popup-conbox {
    width: 100%;
    border: 0;
    background-color: #fff;
}
.type1 .popup-contit-wrap {
    padding: 17px 10px;
    background-color: #0495be;
    text-align: center;
}
.type1 .popup-contit {
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.3;
    color: #fff;
    letter-spacing: -1.1px;
}
.type1 .popup-con {
    padding: 30px;
    font-size: 14px;
    line-height: 181.56%;
}
.type1 .popup-con img {
    max-width: 100%;
    border: 1px solid #eee;
}
.type1 .popup-attach-con {
    width: calc(100% - 60px);
    margin: 0 auto;
    padding: 16px 20px;
    border: 1px solid #e7e7e7;
    border-radius: 5px;
    background-color: #f8f8f8;
}
.type1 .popup-attach-con > a {
    display: block;
    padding: 2px 0;
    padding-left: 30px;
    background-image: url("/assets/image/sub/ic_download_333.png");
    background-repeat: no-repeat;
    background-position: 0 2px;
    font-size: 14px;
    letter-spacing: -0.05em;
    word-break: break-all;
    transition: 0.3s ease;
}
.type1 .btn-wrap {
    margin-top: 30px;
    font-size: 0;
}
.type1 .btn-wrap .btn {
    padding: 12px 30px;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 30px;
    background: #575e71;
    font-size: 1.6rem;
    font-weight: 500;
    color: #fff;
    letter-spacing: -0.05em;
}
.type1 .btn-wrap .btn + .btn {
    margin-left: 12px;
}
.type1 .btn.btn-pop-more {
    background-color: #505050;
}
.type1 .btn.btn-pop-link {
    background-color: #0495be;
}

/* Type B */
.type2 .popup-contit-wrap {
    padding: 50px 20px;
    background-color: #f4f4f4;
    text-align: center;
}
.type2 .popup-contit {
    font-size: 2rem;
    font-weight: 500;
    color: #242424;
}
.type2 .popup-con {
    padding: 30px;
    font-size: 14px;
    line-height: 181.56%;
}
.type2 .popup-con img {
    max-width: 100%;
    border: 1px solid #eee;
}
.type2 .popup-attach-con {
    width: calc(100% - 60px);
    margin: 0 auto;
    border-top: 1px solid #d6d6d6;
}
.type2 .popup-attach-con > a {
    display: block;
    padding: 12px 15px;
    padding-right: 35px;
    border-bottom: 1px solid #d6d6d6;
    background-image: url("/assets/image/popup/ic_file_down2.png");
    background-repeat: no-repeat;
    background-position: right 15px top 15px;
    font-size: 14px;
    font-weight: 600;
    color: #3c3c3c;
    letter-spacing: -0.05em;
    word-break: break-all;
    transition: 0.3s ease;
}
.type2 .popup-attach-con > a:hover {
    background-image: url("/assets/image/popup/ic_file_down2_on.png");
}
.type2 .btn-wrap {
    margin-top: 20px;
}
.type2 .btn-wrap .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 46px;
    padding: 12px 30px;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 5px;
    background: #28303f;
    font-size: 1.6rem;
    font-weight: 500;
    color: #fff;
    letter-spacing: -0.05em;
}
.type2 .btn.btn-pop-more {
    background-color: #505050;
}
.type2 .btn.btn-pop-link {
    background-color: #ee6a00;
}

/* Type C */
.type3 .popup-tit-wrap {
    padding: 15px 70px;
}
.type3 .popup-contit-wrap {
    padding: 17px 20px;
    background-color: #353a58;
    text-align: center;
}
.type3 .popup-contit {
    font-size: 2rem;
    font-weight: 500;
    line-height: 1.3;
    color: #fff;
}
.type3 .popup-con {
    padding: 30px;
    font-size: 14px;
    line-height: 181.56%;
}
.type3 .popup-con img {
    max-width: 100%;
    border: 1px solid #eee;
}
.type3 .popup-attach-con {
    width: calc(100% - 60px);
    margin: 0 auto;
    padding: 16px 20px;
    border: 1px solid #e7e7e7;
    border-radius: 5px;
    background-color: #f8f8f8;
}
.type3 .popup-attach-con > a {
    display: block;
    padding: 2px 0;
    padding-left: 30px;
    background-image: url("/assets/image/sub/ic_download_333.png");
    background-repeat: no-repeat;
    background-position: 0 2px;
    font-size: 14px;
    letter-spacing: -0.05em;
    word-break: break-all;
    transition: 0.3s;
}
.type3 .popup-attach-con > a:hover {
    background-image: url("../image/icon/ic_file_down_on.png");
}
.type3 .btn-wrap {
    margin-top: 40px;
}
.type3 .btn-wrap .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 46px;
    padding: 12px 30px;
    border: 1px solid transparent;
    border-radius: 5px;
    font-size: 1.5rem;
    font-weight: 500;
    letter-spacing: -0.05em;
}
.type3 .btn.btn-pop-more {
    border-color: #575e71;
    background-color: #fff;
    color: #575e71;
}
.type3 .btn.btn-pop-link {
    border-color: #2e56a5;
    background-color: #2e56a5;
    color: #fff;
}

/* Type D */
.type4 .popup-conbox {
    padding: 70px 35px 40px;
}
.type4 .popup-contit-wrap {
    margin-bottom: 10px;
}
.type4 .popup-contit {
    font-size: 2rem;
    font-weight: 600;
    color: #242424;
    letter-spacing: -0.11rem;
}
.type4 .popup-con {
    font-size: 14px;
    line-height: 179.021%;
    color: #242424;
    letter-spacing: -0.4px;
}
.type4 .popup-con img {
    max-width: 100%;
    border: 1px solid #eee;
}
.type4 .popup-attach-con {
    width: 100%;
    margin-top: 30px;
}
.type4 .popup-attach-con > a {
    display: block;
    padding: 12px 20px;
    padding-left: 50px;
    border: 1px solid #dbdbdb;
    border-radius: 5px;
    background-image: url("/assets/image/popup/ic_file_down3.png");
    background-repeat: no-repeat;
    background-position: 20px 15px;
    font-size: 14px;
    color: #242424;
    letter-spacing: -0.05em;
    word-break: break-all;
    transition: 0.3s ease;
}
.type4 .popup-attach-con > a + a {
    margin-top: 10px;
}
.type4 .popup-attach-con > a:hover {
    border-color: #9f9f9f;
}
.type4 .btn-wrap {
    margin-top: 30px;
}
.type4 .btn-wrap .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 46px;
    padding: 12px 30px;
    border: 1px solid transparent;
    border-radius: 5px;
    font-size: 1.6rem;
    font-weight: 600;
    letter-spacing: -0.05em;
}
.type4 .btn.btn-pop-more {
    border-color: #575e71;
    background-color: #fff;
    color: #575e71;
}
.type4 .btn.btn-pop-link {
    border-color: #0495be;
    background-color: #0495be;
    color: #fff;
}
.type4 .btn + .btn {
    margin: 8px 0 0;
}
.type4 .btn-pop-close {
    top: 30px;
    right: 35px;
}

/* Multi Popup */
.popup-rolling-wrap {
    display: flex;
    justify-content: center;
    overflow: hidden;
    width: 100%;
    max-width: 1440px;
    height: 80vh;
    margin: 10vh auto;
    padding: 0 20px;
}
.popup-wrap .popup-rolling-wrap .popup-contents {
    display: block;
    flex: 1;
    overflow: hidden;
    position: relative;
    width: 100%;
    max-width: 600px;
    height: 100%;
    margin: 0 auto;
    margin: 0 10px;
    border-radius: 20px;
    background-color: #fff;
}
.popup-rolling-wrap .popup-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.popup-rolling-wrap .slick-track {
    height: 100%;
}
.popup-rolling-wrap .slick-arrow {
    overflow: hidden;
    position: absolute;
    top: 50%;
    z-index: 1;
    width: 50px;
    height: 50px;
    background-color: rgba(0, 0, 0, 0.3);
    background-repeat: no-repeat;
    background-position: center;
    text-indent: -9999em;
    transform: translateY(-50%);
}
.popup-rolling-wrap .slick-prev {
    left: 0;
    background-image: url("/assets/image/popup/ic_pop_prev.png");
}
.popup-rolling-wrap .slick-next {
    right: 0;
    background-image: url("/assets/image/popup/ic_pop_next.png");
}
.popup-rolling-wrap .btn-pop-close {
    background-size: 30px;
}
.popup-rolling-wrap .scroll-y {
    overflow-y: auto;
    height: calc(100% - 128px);
}
.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);
}

/* layer popup */
.popup-wrap.layer-type {
    align-items: center;
    justify-content: center;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    letter-spacing: -0.015em;
}
.popup-wrap.layer-type .popup-contents {
    overflow: hidden;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 80vw;
    max-width: 688px;
    border: 1px solid #dde2ea;
    border-radius: 12px;
    box-shadow: 0 20px 60px 0 rgba(0, 0, 0, 0.15);
    background-color: #fff;
    transform: translate(-50%, -50%);
}
.popup-wrap.layer-type .popup-tit-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 25px 30px;
    background-color: #1a365d;
}
.popup-wrap.layer-type .popup-tit-wrap p {
    font-size: 2.2rem;
    font-weight: 600;
    color: #fff;
}
.popup-wrap.layer-type .popup-conbox {
    padding: 35px;
}
.popup-wrap.layer-type .popup-conbox .no-result {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-direction: column;
    margin: 30px 0 0;
    padding: 30px 10px;
    border: 1px solid #dde2ea;
    border-radius: 8px;
    text-align: center;
}
.popup-wrap.layer-type .search-wrap {
    padding: 21px;
    border: 1px solid #dde2ea;
    border-radius: 8px;
    background-color: #f4f7fa;
}
.popup-wrap.layer-type .search-wrap .form-group {
    display: flex;
    gap: 10px;
    align-items: center;
}
.popup-wrap.layer-type .search-wrap .form-group select {
    flex-shrink: 0;
}
.popup-wrap.layer-type .search-wrap .form-group .btn {
    flex-shrink: 0;
    margin: 0 !important;
}
.popup-wrap.layer-type .table-wrap {
    margin: 30px 0 0;
    border: 1px solid #d1d5db;
    border-top-width: 2px;
    border-radius: 8px;
}
.popup-wrap.layer-type .table-wrap table {
    border-radius: 8px;
}
/* .popup-wrap.layer-type  .cst-table {width: auto; min-width: 370px;} */
.popup-wrap.layer-type .cst-table th {
    background-color: #f1f5f9;
    font-size: 15px;
    text-align: center;
}
.popup-wrap.layer-type .cst-table td {
    font-size: 15px;
    font-weight: 400;
    color: #444;
    text-align: center;
}
.popup-wrap.layer-type .cst-table tr:hover td {
    font-weight: 600;
    color: #1a365d;
}
.popup-wrap.layer-type .cst-table thead tr:last-child th,
.popup-wrap.layer-type .cst-table thead tr:last-child td {
    padding: 15px 10px;
}
.popup-wrap.layer-type .cst-table .radio-wrap,
.popup-wrap.layer-type .cst-table .checkbox-wrap {
    margin: 0;
}
.popup-wrap.layer-type .cst .checkbox-group input[type="checkbox"] {
    margin: 0;
}
.popup-wrap.layer-type .checkbox-wrap {
    display: inline-block;
}
.popup-wrap.layer-type .checkbox-group {
    padding: 0;
}

.popup-wrap.layer-type .scroll-y {
    overflow-x: visible;
    max-height: 70vh;
}

.popup-wrap.layer-type fieldset {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}
.popup-wrap.layer-type .form-group,
.popup-wrap.layer-type .search-wrap,
.popup-wrap.layer-type form,
.popup-wrap.layer-type fieldset {
    min-width: 0;
}

.popup-wrap.webinar-type .popup-contents {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 80vw;
    max-width: 750px;
    max-height: 90vh;
    padding: 60px;
    box-shadow: 0 20px 60px 0 rgba(0, 0, 0, 0.15);
    background-color: #fff;
    transform: translate(-50%, -50%);
    box-sizing: border-box;
}
.popup-wrap.webinar-type .popup-top-wrap {
    text-align: center;
}
.popup-wrap.webinar-type .popup-top-wrap .title {
    margin: 17px 0 0;
    font-size: 3.6rem;
    font-weight: 700;
    line-height: normal;
}
.popup-wrap.webinar-type .popup-top-wrap .text {
    margin: 30px 0 0;
    font-size: 2rem;
    font-weight: 400;
}
.popup-wrap.webinar-type .popup-conbox {
    max-height: 280px;
    margin: 45px 0 0;
    padding: 32px;
    border: 1px solid #eee;
    background: #f8f9fa;
}
.popup-wrap.webinar-type .popup-conbox div + div {
    margin: 30px 0 0;
}
.popup-wrap.webinar-type .popup-conbox div .title {
    font-size: 1.7rem;
    font-weight: 600;
    color: #e1002a;
}
.popup-wrap.webinar-type .popup-conbox div .title + * {
    margin: 17px 0 0;
}
.popup-wrap.webinar-type .popup-conbox div ol.list-type-decimal {
    margin-left: 18px;
    font-size: 1.5rem;
    font-weight: 400;
}
.popup-wrap.webinar-type .checkbox-wrap {
    margin: 32px 0 0;
    font-size: 1.8rem;
    font-weight: 400;
}
.popup-wrap.webinar-type .checkbox-wrap.cst .checkbox-group input[type="checkbox"] {
    width: 20px;
    height: 20px;
    margin-top: -4px;
}

.write-form-wrap fieldset {
    margin: 60px 0 0;
}
.write-form-wrap fieldset > .sub-tit-wrap {
    margin: 0;
}

.popup-wrap.window-type {
    display: block;
    overflow: hidden;
    margin: 0 auto;
    background-color: #fff;
}
.popup-wrap.window-type .popup-tit-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 70px;
    padding: 24px 20px;
    background-color: #1a365d;
    font-size: 2rem;
    font-weight: 700;
    color: #fff;
    box-sizing: border-box;
}
.popup-wrap.window-type .popup-conbox {
    padding: 28px 46px 46px;
}
.popup-wrap.window-type .popup-conbox .title-wrap {
    padding: 0 0 22px;
    border-bottom: 1px solid #333;
}
.popup-wrap.window-type .popup-conbox .title-wrap .title {
    font-size: 2.4rem;
    font-weight: 600;
}
.popup-wrap.window-type .popup-conbox .video-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 15px 0 0;
    border: 1px solid #eee;
    border-radius: 4px;
    background-color: #f2f2f2;
    aspect-ratio: 2 / 1;
}
.popup-wrap.window-type .popup-conbox .video-wrap video,
.popup-wrap.window-type .popup-conbox .video-wrap iframe {
    width: 100%;
    height: 100%;
}
.popup-wrap.window-type .popup-conbox .video-wrap .empty {
    font-size: 2.6rem;
    font-weight: 600;
    color: #999;
}
.popup-wrap.window-type .popup-conbox .btn-area {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
    margin: 25px 0 0;
}
.popup-wrap.window-type .popup-conbox .btn-area .left {
    flex-shrink: 0;
}
.popup-wrap.window-type .popup-conbox .btn-area .left .btn {
    height: 40px;
    padding: 0 20px;
}
.popup-wrap.window-type .popup-conbox .btn-area .right {
    text-align: right;
}
.popup-wrap.window-type .popup-conbox .btn-area .right p {
    display: inline-block;
    font-size: 1.5rem;
    font-weight: 600;
    color: #1a365d;
}
.popup-wrap.window-type .popup-conbox .btn-speed-wrap {
    display: inline-flex;
    gap: 4px;
    align-items: center;
    margin: 0 0 0 20px;
}
.popup-wrap.window-type .popup-conbox .btn-speed {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 38px;
    padding: 0 17px;
    border: 1px solid #ddd;
    border-radius: 2px;
    background: #fff;
    font-size: 13px;
    font-weight: 600;
    transition: all 0.3s ease;
    box-sizing: border-box;
}
.popup-wrap.window-type .popup-conbox .btn-speed:hover,
.popup-wrap.window-type .popup-conbox .btn-speed.active {
    border-color: #1a365d;
    color: #1a365d;
}
.popup-wrap.window-type .training-progress-wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 40px 0 0;
    padding: 27px 46px;
    border: 1px solid #ffe4e8;
    border-radius: 6px;
    background: #fff7f8;
}
.popup-wrap.window-type .training-progress-wrap .title {
    flex-shrink: 0;
    font-size: 1.8rem;
    font-weight: 700;
    color: #e1002a;
}
.popup-wrap.window-type .training-progress-wrap .progress-bar {
    flex: 1;
    overflow: hidden;
    height: 12px;
    margin: 0 43px 0 53px;
    border-radius: 999px;
    background: #e4e0e0;
}
.popup-wrap.window-type .training-progress-wrap .progress-bar-inner {
    height: 100%;
    border-radius: 999px;
    background: #c93a34;
}
.popup-wrap.window-type .training-progress-wrap .progress-num {
    flex-shrink: 0;
    font-size: 2.2rem;
    font-weight: 800;
}
.popup-wrap.window-type .training-progress-wrap .text {
    width: 100%;
    margin: 22px 0 0;
    font-size: 1.5rem;
    font-weight: 600;
    color: #888;
    text-align: center;
}
.popup-wrap.window-type .btn-wrap {
    margin: 60px 0 0;
}
.popup-wrap.window-type .btn-wrap .btn.btn-big {
    padding: 0 85px;
    border-radius: 30px;
}

.popup-wrap.footer-layer .popup-contents {
    overflow: unset;
    margin: 0;
    border: none;
    background-color: transparent;
}
.popup-wrap.footer-layer .popup-tit-wrap {
    display: flex;
    align-items: center;
    overflow: hidden;
    height: 76px;
    padding: 20px 40px;
    border-radius: 40px 0 0 0;
    background-color: #1b3c87;
    background-image: url("/assets/image/popup/bg_email_popup.png");
    background-repeat: no-repeat;
    background-position: top 11px right 30px;
    font-size: 2.4rem;
    font-weight: 500;
    color: #fff;
    letter-spacing: -1.32px;
    box-sizing: border-box;
}
.popup-wrap.footer-layer .popup-conbox {
    padding: 40px 50px;
    border-radius: 0 0 40px 0;
    background-color: #fff;
}
.popup-wrap.footer-layer .term-wrap {
    max-height: 40vh;
    font-size: 1.6rem;
    color: #242424;
}
.popup-wrap.footer-layer .term-wrap b {
    font-weight: 600;
}
.popup-wrap.footer-layer .btn-pop-close {
    position: absolute;
    top: -32px;
    right: -32px;
    width: auto;
    height: auto;
}
.popup-wrap.footer-layer .btn-close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 45px;
    padding: 0 30px;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 5px;
    background: #8f939e;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.4;
    color: #fff;
    letter-spacing: -0.8px;
}

/* 연간 교육 안내 */
.year-search-wrap .title-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    border-radius: 10px 10px 0 0;
    background-color: #1a365d;
}
.year-search-wrap .title-wrap .btn-search-close {
    display: inline-flex;
    gap: 25px;
    align-items: center;
    font-size: 1.6rem;
    color: #fff;
}
.year-search-wrap .title-wrap i {
    line-height: 0;
}
.year-search-wrap .title-wrap .btn-search-close.on i {
    transform: rotate(-180deg);
}
.year-search-wrap .write-form-wrap fieldset {
    margin: 0;
}
.yearly-wrap {
    margin: 90px 0 0;
}
.yearly-btn-wrap {
}
.yearly-btn-wrap .view-method-wrap {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: flex-end;
}
.yearly-btn-wrap .view-method-wrap button {
    transition: 0.3s ease;
}
.yearly-btn-wrap .view-method-wrap .on {
    display: none;
}
.yearly-btn-wrap .view-method-wrap button:hover .off,
.yearly-btn-wrap .view-method-wrap .active .off {
    display: none;
}
.yearly-btn-wrap .view-method-wrap button:hover .on,
.yearly-btn-wrap .view-method-wrap .active .on {
    display: inline-block;
}
.mo-yearly-btn {
    display: none;
}
.yearly-btn {
    overflow: hidden;
    margin: 14px 0 0;
    border: 1px solid #dde2ea;
    border-radius: 10px;
    font-size: 0;
}
.yearly-btn li {
    display: inline-block;
    width: calc(100% / 13);
}
.yearly-btn li + li {
    border-left: 1px solid #dde2ea;
}
.yearly-btn li button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 56px;
    padding: 0 10px;
    font-size: 1.6rem;
    font-weight: 600;
    color: #00a3c4;
    transition: all 0.3s ease;
    box-sizing: border-box;
}
.yearly-btn li button:hover,
.yearly-btn li.on button {
    background-color: #00a3c4;
    color: #fff;
}

.yearly-list:not(:first-child) {
    margin: 60px 0 0;
}
.edu-category-wrap .category {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    padding: 0 16px;
    border-radius: 20px;
    font-size: 1.4rem;
    font-weight: 600;
    color: #fff;
}
.edu-category-wrap .category.type1 {
    background-color: #8cc63f; /* IRB 전문교육 */
}
.edu-category-wrap .category.type2 {
    background-color: #00a3c4; /* IRB 위원교육 */
}
.edu-category-wrap .category.type3 {
    background-color: #d95c5c; /* IRB 행정간사 */
}
.edu-category-wrap .category.type4 {
    background-color: #4e6fae; /* IRB 위원/행정 */
}
.edu-category-wrap .category.type5 {
    background-color: #f2be42; /* IRB 지역교육 */
}
.edu-category-wrap .category.type6 {
    background-color: #f28c52; /* SBR IRB */
}
.edu-category-wrap .category.type7 {
    background-color: #8a63c7; /* 신규 IRB */
}
.edu-category-wrap .category.type8 {
    background-color: #9aa3af; /* 심포지엄 */
}
.edu-category-wrap .category.type9 {
    background-color: #4db6ac; /* 월례집담회 */
}

.yearly-list > div .btn-wrap {
    display: flex;
    align-items: center;
    margin: 0;
}
.yearly-list > div .btn-wrap .btn {
    flex: 1;
}

.yearly-list.list-type {
    border-top: 2px solid #1a365d;
}
.yearly-list.list-type > div {
    display: table;
    width: 100%;
    padding: 30px 0;
    border-bottom: 1px solid #dde2ea;
    table-layout: fixed;
}
.yearly-list.list-type > div.no-result {
    display: flex;
    gap: 15px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: 1.8rem;
    color: #000;
}
.yearly-list.list-type > div:not(.no-result) > * {
    display: table-cell;
    vertical-align: middle;
}
.yearly-list.list-type > div:not(.no-result) > *:nth-child(1) {
    width: 120px;
}
.yearly-list.list-type > div:not(.no-result) > *:nth-child(2) {
    width: auto;
    padding: 0 16px 0 8px;
}
.yearly-list.list-type > div:not(.no-result) > *:nth-child(3) {
    width: 24%;
}
.yearly-list.list-type > div:not(.no-result) > *:nth-child(4) {
    /* width: 15.7%; */
    width: 265px;
}
.yearly-list.list-type > div .title-wrap .title {
    display: block;
    display: -webkit-inline-box;
    overflow: hidden;
    font-size: 1.8rem;
    font-weight: 600;
    color: #000;
    word-break: break-all;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
}
.yearly-list.list-type > div > ul {
    padding: 4px 63px 4px 31px;
    border-left: 1px solid #dde2ea;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.7;
    color: #666;
}

.yearly-list.list-type > div .btn-wrap .btn.btn-icon {
    padding: 0 22px;
    font-size: 1.4rem;
}

.yearly-list.gallery-type {
    display: flex;
    gap: 25px;
    flex-wrap: wrap;
}
.yearly-list.gallery-type > div {
    display: flex;
    flex-direction: column;
    width: calc((100% - 50px) / 3);
    min-height: 365px;
    padding: 24px;
    border-radius: 20px;
    box-shadow: 0 0 0 1px #dde2ea;
    transition: all 0.3s ease;
    box-sizing: border-box;
}
.yearly-list.gallery-type > div:hover {
    box-shadow: 0 0 0 2px #00a3c4;
}
.yearly-list.gallery-type > div.no-result {
    gap: 15px;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 235px;
    font-size: 1.8rem;
    color: #000;
}
.yearly-list.gallery-type > div .title-wrap {
    margin: 24px 0 20px;
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 1.2;
    color: #000;
}
.yearly-list.gallery-type > div > ul {
    margin: auto 0 0;
    font-size: 1.6rem;
    font-weight: 400;
}
.yearly-list.gallery-type > div > ul li {
    position: relative;
    padding: 0 0 0 24px;
}
.yearly-list.gallery-type > div > ul li::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 5px;
    left: 0;
    width: 14px;
    height: 14px;
    background-image: url("/assets/image/sub/ic_check_list.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
}
.yearly-list.gallery-type > div > ul li + li {
    margin: 10px 0 0;
}
.yearly-list.gallery-type > div .btn-wrap {
    margin: 30px 0 0;
}
.yearly-list.gallery-type > div .btn-wrap .btn {
    padding: 0;
}

.edu-info-wrap .title-wrap {
    margin: 16px 0 0;
    font-size: 2.6rem;
    font-weight: 600;
    color: #000;
}
.edu-info-wrap .info-list li {
    display: flex;
    margin: 30px 0 0;
}
.edu-info-wrap .info-list li .tit {
    flex-shrink: 0;
    width: 135px;
    font-size: 1.6rem;
    font-weight: 600;
    color: #000;
}
.edu-info-wrap .info-list li .txt {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.6;
}
.edu-info-wrap .info-list li .icon-wrap {
    display: flex;
    gap: 10px;
    align-items: flex-start;
}
.edu-info-wrap .info-list li .icon-wrap .icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin: 4px 0 0;
}
.edu-info-wrap .editer-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 149px;
    margin: 55px 0 0;
    border-top: 1px solid #dde2ea;
    border-bottom: 1px solid #dde2ea;
    background: #fafafa;
    font-size: 2rem;
    font-weight: 600;
    color: #999;
}
.edu-info-wrap .contact-wrap {
    display: flex;
    gap: 30px;
    align-items: center;
    margin: 40px 0 0;
    padding: 22px 38px;
    border-radius: 8px;
    background: linear-gradient(90deg, #00a3c4 0%, #0f4386 100%);
}
.edu-info-wrap .contact-wrap .text-wrap .tit {
    font-size: 1.8rem;
    font-weight: 600;
    color: #fff;
}
.edu-info-wrap .contact-wrap .text-wrap .txt {
    margin: 3px 0 0;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
}

/* 신청 가능한 교육 view */
.available-courses-wrap fieldset:first-child {
    margin: 0;
}
.available-courses-wrap .edu-info-wrap.view {
    padding: 50px 40px;
    border: 1px solid #dde2ea;
    border-radius: 10px;
}
.available-courses-wrap .edu-info-wrap .title-wrap {
    display: flex;
    gap: 20px;
    margin: 0;
}
.available-courses-wrap .edu-info-wrap .edu-category-wrap {
    flex-shrink: 0;
    margin: -4px 0 0;
}
.available-courses-wrap .edu-info-wrap .info-list {
    margin: 30px 0 0;
    border-top: 2px solid #1a365d;
}
.available-courses-wrap .edu-info-wrap .info-list li {
    padding: 0 20px;
}
.available-courses-wrap .edu-info-wrap .info-list li:first-child {
    margin: 15px 0 0;
}

/* 신청 가능한 교육 - 신청 step 01 */
.available-courses-wrap .edu-info-wrap.form {
    padding: 0 0 15px;
    border-bottom: 1px solid #dde2ea;
}
.available-courses-wrap .write-wrap .btn.btn-small {
    height: 33px;
}
.available-courses-wrap .form-tit.full .btn {
    margin: 0 0 0 auto;
}
.write-wrap > li.member-title {
    display: flex;
    background: #1a365d;
}
.write-wrap > li.member-title .number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 48px;
    height: 50px;
    padding: 0 10px;
    background: #1555ae;
    font-size: 2.4rem;
    color: #fff;
    box-sizing: border-box;
}
.write-wrap > li.member-title .name {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0 20px 0 16px;
    font-size: 1.8rem;
    color: #fff;
}
.write-wrap > li.member-title .name .btn-wrap {
    display: flex;
    align-items: center;
    margin: 0 0 0 auto;
}
.total-amount-wrap {
    margin: 40px 0 0;
    padding: 34px 20px;
    background: #fffff0;
    font-size: 2.2rem;
    font-weight: 600;
    text-align: center;
}
.total-amount-wrap .required {
    display: inline-block;
    margin: 0 0 0 10px;
    font-size: 3.2rem;
}
.total-amount-wrap .payment {
    margin: 10px 0 0;
    font-size: 1.6rem;
    color: #e1002a;
}
.total-amount-wrap + .write-wrap,
.total-amount-wrap + .btn-wrap {
    margin: 40px 0 0;
}

.total-amount-wrap.type2 {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
}
.total-amount-wrap.type2 img {
    margin: 0 18px 0 0;
}
.total-amount-wrap.type2 .required {
    margin: 0 0 0 24px;
    font-size: 2.6rem;
}

/* 신청 가능한 교육 - 신청 step 02 */
.warning-wrap {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    padding: 15px;
    background-color: #ffe9ec;
    font-size: 1.6rem;
    font-weight: 600;
    color: #e1002a;
}

/* 신청 가능한 교육 - 신청 step 03 완료 */
.available-courses-wrap .signup-complete-wrap.type2 {
    padding: 50px 15px 60px;
    border: 1px solid #dde2ea;
    border-radius: 10px;
    background-color: #f8fbff;
}
.available-courses-wrap .signup-complete-wrap.type2 .tit {
    font-size: 4.5rem;
}
.available-courses-wrap .signup-complete-wrap.type2 .small {
    display: inline-flex;
    align-items: center;
    margin: 30px 0 0;
    font-size: 1.5rem;
    font-weight: 400;
}
.available-courses-wrap .signup-complete-wrap.type2 .btn {
    padding: 5px 14px;
    border-radius: 30px;
}

.write-contop {
    margin: 0 0 10px;
}

/* 월간 교육 안내 */
.ev-wrap {
    width: 100%;
    letter-spacing: -0.045em;
}
.type4 .ev-contop {
    margin-bottom: 30px;
}
.type4 .ev-year {
    margin-bottom: 50px;
    text-align: center;
}
.type4 .ev-year * {
    display: inline-block;
    vertical-align: middle;
}
.type4 .ev-year .year {
    margin: 0 10px;
    font-size: 4.5rem;
    font-weight: 600;
    line-height: 1;
}
.type4 .ev-year .btn-year {
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center;
    transition: 0.3s ease;
}
.type4 .ev-year .btn-year-prev {
    background-image: url("/assets/image/sub/ic_cal_prev.png");
}
.type4 .ev-year .btn-year-next {
    background-image: url("/assets/image/sub/ic_cal_next.png");
}
/* .type4 .ev-year .btn-year-prev:hover {
    background-image: url("/assets/image/sub/ic_cal_prev_on.png");
}
.type4 .ev-year .btn-year-next:hover {
    background-image: url("/assets/image/sub/ic_cal_next_on.png");
} */
.type4 .ev-btn-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.type4 .ev-cate-wrap {
    display: flex;
    gap: 10px;
}
.type4 .ev-cate-wrap .ev-cate01 {
    color: #0f4386;
}
.type4 .ev-cate-wrap .ev-cate02 {
    color: #e93c69;
}
.type4 .ev-cate-wrap .ev-cate03 {
    color: #8cc63f;
}
.type4 .ev-cate-wrap span[class^="ev-cate"] i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 27px;
    height: 27px;
    border-radius: 3px;
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 800;
    color: #fff;
}
.type4 .ev-cate-wrap .ev-cate01 i {
    background-color: #0f4386;
}
.type4 .ev-cate-wrap .ev-cate02 i {
    background-color: #e93c69;
}
.type4 .ev-cate-wrap .ev-cate03 i {
    background-color: #8cc63f;
}
.type4 .ev-cate-wrap span[class^="ev-cate"] span {
    display: inline-block;
    margin: 0 0 0 4px;
}
.type4 .ev-btn-wrap .btn-wrap {
    margin: 0;
}
.type4 .ev-btn-wrap .form-group {
    display: inline-block;
    vertical-align: top;
}
.type4 .btn-wrap .form-item {
    width: 105px;
    height: 45px;
    margin: 0 0 0 4px;
}
.type4 .btn-ev {
    height: 45px;
    margin: 0 0 0 4px;
    padding: 12px 20px;
    border-radius: 3px;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.1;
}

.type4 .cal-table {
    width: 100%;
    border-top: 2px solid #556278;
    table-layout: fixed;
}
.type4 .cal-table th,
.type4 .cal-table td {
    border: 1px solid #dfdfdf;
    letter-spacing: -0.045em;
}
.type4 .cal-table th:first-child,
.type4 .cal-table td:first-child {
    border-left: 0;
}
.type4 .cal-table th:last-child,
.type4 .cal-table td:last-child {
    border-right: 0;
}
.type4 .cal-table th {
    padding: 20px;
    border-bottom: 0;
    background-color: #eff5ff;
    font-size: 1.8rem;
    font-weight: 700;
    color: #2d2d2c;
    text-align: center;
}
.type4 .cal-table .sun,
.type4 .cal-table .sun .num {
    color: #e93c69 !important;
}
.type4 .cal-table .sat,
.type4 .cal-table .sat .num {
    color: #144393 !important;
}
.type4 .cal-table td {
    padding: 15px 0;
    vertical-align: bottom;
}
.type4 .cal-table .today {
    background-color: #f6f6f6;
}
.type4 .cal-table td .num {
    padding: 0 20px;
}
.type4 .ev-cal-con {
    display: flex;
    flex-direction: column;
    min-height: 60px;
    margin: 4px 0 0;
    vertical-align: bottom;
}
.type4 .ev-cal-con > a {
    display: block;
    font-size: 14px;
    line-height: 1.3;
    color: #2d2d2c;
}
.type4 .ev-cal-con > a span {
    vertical-align: top;
}
.type4 .ev-cal-con > a + a {
    margin-top: 5px;
}
.type4 .ev-cal-con a[class^="ev-cate"] {
    position: relative;
    padding: 7px 12px;
    font-size: 1.4rem;
    line-height: 1.6rem;
    color: #fff;
}
.type4 .ev-cal-con .ev-cate01 {
    background-color: #915bc7;
}
.type4 .ev-cal-con .ev-cate02 {
    background-color: #dc9300;
}
.type4 .ev-cal-con .ev-cate03 {
    background-color: #59ac2b;
}
.type4 .ev-cal-con .ev-cate04 {
    background-color: #fc5c85;
}
.type4 .ev-tooltip-con {
    display: none;
    position: absolute;
    top: calc(100% + 12px);
    left: 30px;
    z-index: 2;
    min-width: 300px;
    padding: 15px;
    border: 1px solid #f6e05e;
    border-radius: 5px;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
    background-color: #fffff0;
    font-size: 1.4rem;
    font-weight: 400;
    color: #333;
}
.type4 .cal-table td:last-child .ev-tooltip-con {
    right: 0;
    left: auto;
}

.type4 .ev-view-contop {
    display: flex;
    align-items: start;
    flex-wrap: wrap;
    padding: 30px 25px;
    background-color: #eff5ff;
}
.type4 .ev-view-contop .btn-ev {
    margin: 0;
    border-radius: 50px;
}
.type4 .ev-tit-wrap {
    padding-left: 15px;
}
.type4 .ev-view-info ul {
    margin-top: 15px;
}
.type4 .ev-view-tit {
    text-align: left;
}
.type4 .ev-view-info ul > li:first-child {
    padding-left: 0;
}
.type4 .ev-view-attach {
    border-radius: 5px 5px 25px 5px;
    background-color: #eff5ff;
}
.type4 .ev-view-contop p {
    flex: 0 0 auto;
    width: 100%;
}
.type4 .ev-view-contop p > a {
    padding-left: 30px;
    background-image: url("/assets/image/sub/ic_ev_link.png");
    background-repeat: no-repeat;
    background-position: 0 0;
}
.type4 .ev-view-attach .view-attach-con .tit {
    align-items: start;
    justify-content: start;
    width: 210px;
    padding: 25px;
    border: 0;
    border-radius: 0;
    background-image: url("/assets/image/sub/ic_attach_file.png");
    background-repeat: no-repeat;
    background-position: right 40px bottom 25px;
}
.type4 .ev-view-attach .view-attach-con .con {
    position: relative;
    padding: 25px 20px;
}
.type4 .ev-view-attach .view-attach-con .con:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: calc(100% - 40px);
    clear: both;
    background-color: #ced6e4;
    transform: translateY(-50%);
}
.btn.btn-ev-tabmenu {
    display: none;
}
.ev-tab-wrap {
    width: 100%;
}
.ev-tab-menu {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #cdcdcd;
    border-radius: 3px;
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.02);
}
.ev-tab-menu > li {
    display: block;
    flex: 1;
    text-align: center;
}
.ev-tab-menu > li > a {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 100%;
    height: 65px;
    font-size: 1.8rem;
    line-height: 1.2;
    letter-spacing: -0.045em;
}
.ev-tab-menu > li > a:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 2px;
    clear: both;
    background-color: #144393;
    transition: 0.3s ease;
    transform: translateX(-50%);
}
.ev-tab-menu > li.on > a,
.ev-tab-menu > li:hover > a {
    font-weight: 700;
    color: #144393;
}
.ev-tab-menu > li.on > a:before,
.ev-tab-menu > li:hover > a:before {
    width: 100%;
}
.type4 .ev-list > li {
    display: flex;
    align-items: center;
    padding: 35px;
    border-bottom: 1px solid #dfdfdf;
    letter-spacing: -0.045em;
}
.type4 .ev-list .btn-ev {
    border-radius: 50px;
    color: #fff;
}
.type4 .ev-list .ev-cate01 {
    background-color: #8c59bc;
}
.type4 .ev-list .ev-cate02 {
    background-color: #dc9300;
}
.type4 .ev-list .ev-cate03 {
    background-color: #4ea61d;
}
.type4 .ev-list .ev-cate04 {
    background-color: #fc5c85;
}
.type4 .ev-list .cate {
    width: 17%;
}
.type4 .ev-list-con {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 83%;
}
.type4 .ev-con .tit {
    font-size: 2rem;
    font-weight: 700;
}
.type4 .ev-con ul {
    margin-top: 5px;
}
.type4 .ev-con ul > li {
    display: inline-block;
    padding-left: 35px;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.3;
}
.type4 .ev-con ul > li + li {
    margin-left: 30px;
}
.type4 .ev-con .date {
    background-image: url("/assets/image/sub/ic_date.png");
}
.type4 .ev-con .place {
    background-image: url("/assets/image/sub/ic_place.png");
}
.type4 .ev-list .btn-wrap {
    margin: 0;
}
.type4 .btn-homepage {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 35px;
    margin: 2px;
    padding: 0 15px;
    border-radius: 4px;
    vertical-align: top;
    background-color: #144393;
    font-size: 1.6rem;
    font-weight: 600;
    color: #fff;
}
.type4 .btn-homepage .plus {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}
.type4 .ev-list .bbs-admin {
    display: inline-block;
    vertical-align: top;
}
.type4 .ev-list .bbs-admin .form-item {
    width: 85px;
    height: 35px;
    margin: 2px;
    border-color: #b4b9c2;
}
.type4 .ev-list .bbs-admin .btn {
    border: 1px solid #b4b9c2;
    background-color: #fff;
}
.type4 .ev-list .bbs-admin .btn-modify {
    background-image: url("/assets/image/sub/ic_modify02.png");
}
.type4 .ev-list .bbs-admin .btn-delete {
    background-image: url("/assets/image/sub/ic_delete02.png");
}
.type4 .btn-ev.ev-cate01 {
    color: #fff;
}
.type4 .btn-ev.ev-cate01 {
    background-color: #8c59bc;
}
.type4 .btn-ev.ev-cate02 {
    background-color: #dc9300;
}
.type4 .btn-ev.ev-cate03 {
    background-color: #4ea61d;
}
.type4 .btn-ev.ev-cate04 {
    background-color: #fc5c85;
}

/* 연혁 */
.type4 .year-rolling-wrap {
    position: relative;
    width: 82%;
    margin: 0 auto;
    margin-bottom: 60px;
}
.type4 .btn-year-arrow {
    display: inline-block;
    position: absolute;
    top: 0;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center;
}
.type4 .btn-year-prev {
    left: 0;
    background-image: url("/assets/image/sub/ic_year_prev.png");
}
.type4 .btn-year-next {
    right: 0;
    background-image: url("/assets/image/sub/ic_year_next.png");
}
.type4 .year-rolling {
    position: relative;
    margin: 0 55px;
}
.type4 .year-rolling:before {
    content: "";
    display: block;
    position: absolute;
    top: 18px;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 5px;
    clear: both;
    background-color: #e8e7f1;
}
.type4 .year-rolling a {
    position: relative;
    padding-top: 60px;
    font-size: 2.2rem;
    line-height: 1;
    color: #c2bfd3;
    text-align: center;
    letter-spacing: -0.04em;
    transition: 0.3s ease;
}
.type4 .year-rolling a:before {
    content: "";
    display: block;
    position: absolute;
    top: 18px;
    left: 50%;
    width: 0;
    height: 5px;
    clear: both;
    transition: 0.3s ease;
    transform: translateX(-50%);
}
.type4 .year-rolling .current:before {
    width: 100%;
    background: linear-gradient(to right, #008bd1, #794597);
}
.type4 .year-rolling a span {
    padding-bottom: 3px;
}
.type4 .year-rolling .current > span {
    display: inline-block;
    box-shadow: inset 0 -10px #f1eeff;
    vertical-align: top;
    font-weight: 600;
    color: #6663ad;
    transition: 0.3s ease;
}

.type4 .history-wrap {
    position: relative;
}
.type4 .history-wrap:before {
    content: "";
    display: block;
    position: absolute;
    top: 35px;
    left: 250px;
    width: 4px;
    height: 100%;
    clear: both;
    background-color: #e1eced;
}
.type4 .js-bar {
    position: absolute;
    top: 35px;
    left: 250px;
    width: 4px;
    height: 0;
    background-color: #3e47a9;
}
.type4 .history-conbox {
    display: flex;
    gap: 50px;
}
.type4 .history-conbox + .history-conbox {
    margin-top: 60px;
}
.type4 .year {
    flex: 0 0 auto;
    width: 200px;
    background: linear-gradient(90deg, #00a3c4 0%, #1053c5 100%);
    -webkit-background-clip: text;
    font-size: 7rem;
    font-weight: 900;
    line-height: 1;
    -webkit-text-fill-color: transparent;
}
.type4 .history-con {
    padding-top: 20px;
}
.type4 .history-con > li {
    display: flex;
    gap: 15px;
    font-size: 1.8rem;
    word-break: keep-all;
}
.type4 .history-con > li + li {
    margin-top: 20px;
}
.type4 .history-con .date {
    flex: 0 0 auto;
    position: relative;
    width: 250px;
    padding-left: 30px;
    font-size: 2rem;
    font-weight: 500;
    color: #3e47a9;
}
.type4 .history-con .date:before {
    content: "";
    display: block;
    position: absolute;
    top: 12px;
    left: -4px;
    width: 12px;
    height: 12px;
    border: 3px solid #3e47a9;
    border-radius: 50%;
    clear: both;
    background-color: #fff;
    box-sizing: border-box;
}

/* info content header */
.info-content-header {
    display: flex;
    gap: 20px;
    align-items: center;
    margin: 0 0 20px;
    padding: 30px 55px;
    border: 1px solid #dde2ea;
    background: #f4f9ff;
    font-weight: 400;
}
.info-content-header img {
    max-width: 88px;
}
.info-content-header .title {
    margin: 0 0 10px;
    font-size: 1.8rem;
    font-weight: 600;
}
.info-content-header .list-type-dot > li:before {
    top: 10px;
}

/* 오프라인 교육, Webinar 교육 - my webinar */
.my-webinar-wrap {
}
.my-webinar-list {
    display: flex;
    overflow: hidden;
    border: 1px solid #dde2ea;
    border-radius: 12px;
}
.my-webinar-list + .my-webinar-list {
    margin: 14px 0 0;
}
.my-webinar-list .content-wrap {
    padding: 40px 30px 30px;
}
.my-webinar-list .content-wrap .title {
    display: flex;
    gap: 20px;
    font-size: 2.2rem;
    font-weight: 600;
    color: #000;
}
.my-webinar-list .content-wrap .title .state {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 82px;
    height: 25px;
    margin: 4px 0 0;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
}
.my-webinar-list .content-wrap .title .state.complete {
    background-color: #00a3c4;
}
.my-webinar-list .content-wrap .title .state.incomplete {
    background-color: #e93c69;
}
.my-webinar-list .content-wrap .date {
    position: relative;
    margin: 25px 0 0;
    padding: 0 0 0 30px;
    font-size: 14px;
    font-weight: 400;
    color: #888;
}
.my-webinar-list .content-wrap .date:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 24px;
    height: 24px;
    background-image: url("/assets/image/sub/ic_mini_date.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
    transform: translateY(-50%);
}
.my-webinar-list .content-wrap .time-wrap {
    display: flex;
    gap: 44px;
    align-items: center;
    margin: 17px 0 0;
}
.my-webinar-list .content-wrap .time-wrap p {
    position: relative;
    padding: 0 0 0 24px;
    font-size: 1.5rem;
    font-weight: 400;
    color: #666;
}
.my-webinar-list .content-wrap .time-wrap p:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 2px;
    left: 4px;
    width: 15px;
    height: 15px;
    background-image: url("/assets/image/sub/ic_time.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
}
.my-webinar-list .content-wrap .time-wrap p + p:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    left: -20px;
    width: 1px;
    height: 14px;
    background-color: #ddd;
    transform: translateY(-50%);
}
.my-webinar-list .content-wrap .time-wrap p span {
    font-weight: 600;
}
.my-webinar-list .content-wrap .time-wrap p.type1 span {
    color: #000;
}
.my-webinar-list .content-wrap .time-wrap p.type2 span {
    color: #e1002a;
}
.my-webinar-list .content-wrap .time-wrap p.type3 span {
    color: #8cc63f;
}
.my-webinar-list .content-wrap .btn-wrap .btn {
    height: 40px;
}
.my-webinar-list .link-wrap {
    flex-shrink: 0;
    width: 220px;
    margin: 0 0 0 auto;
}
.my-webinar-list .link-wrap .link-item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100%;
}
.my-webinar-list .link-wrap.on {
    background-color: #0077c1;
}
.my-webinar-list .link-wrap.off {
    background-color: #a0aec0;
}
.my-webinar-list .link-wrap p {
    position: relative;
    margin: 15px 0 0;
    padding: 0 30px 0 0;
    font-size: 2.2rem;
    font-weight: 600;
    color: #fff;
    text-align: center;
}
.my-webinar-list .link-wrap p:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    transform: translateY(-50%);
}
.my-webinar-list .link-wrap.on p:after {
    background-image: url("../image/sub/ic_in.png");
}
.my-webinar-list .link-wrap.off p:after {
    background-image: url("../image/sub/ic_close.png");
}
.watch-popup-header {
    display: flex;
    gap: 30px;
    align-items: center;
    padding: 25px 50px;
    border-bottom: 1px solid #ddd;
    background: #fff;
}
.watch-popup-header .img-wrap {
    flex-shrink: 0;
}
.watch-popup-header .title-wrap .title {
    font-size: 2.2rem;
    font-weight: 600;
    color: #000;
}
.watch-popup-header .title-wrap .date {
    margin: 4px 0 0;
    font-size: 1.5rem;
    font-weight: 400;
    color: #666;
}
.watch-popup-header .user-wrap {
    flex-shrink: 0;
    margin: 0 0 0 auto;
}
.watch-popup-header .user-wrap p {
    display: flex;
    gap: 10px;
    align-items: center;
    font-size: 1.9rem;
    font-weight: 600;
    color: #00a3c4;
}
.watch-popup-header .user-wrap svg {
    flex-shrink: 0;
}

.watch-popup-inner {
    display: flex;
    position: relative;
    height: calc(100vh - 111px);
    font-size: 0;
}
.watch-popup-inner .video-wrap {
    width: calc(100% - 260px);
    background-color: #000;
}
.watch-popup-inner .video-wrap iframe,
.watch-popup-inner .video-wrap video {
    width: 100%;
    height: 100%;
}
.watch-popup-right {
    display: flex;
    flex-direction: column;
    width: 260px;
    padding: 30px 20px;
    background: #2d3748;
    box-sizing: border-box;
}
.watch-popup-right .top-wrap > ul > li:not(:first-child) {
    position: relative;
}
.watch-popup-right .top-wrap > ul > li + li {
    margin: 15px 0 0;
}
.watch-popup-right .top-wrap > ul > li > a {
    display: inline-flex;
    gap: 15px;
    align-items: center;
    width: 100%;
    height: 65px;
    padding: 0 25px;
    border-radius: 6px;
    background-color: #fff;
    font-size: 1.8rem;
    font-weight: 600;
    transition: all 0.3s ease;
    box-sizing: border-box;
}
.watch-popup-right .top-wrap > ul > li > a:hover,
.watch-popup-right .top-wrap > ul > li > a.active {
    background-color: #00a3c4;
    color: #fff;
}
.watch-popup-right .top-wrap > ul > li > a svg path {
    stroke: #000 !important;
}
.watch-popup-right .top-wrap > ul > li > a:hover svg path,
.watch-popup-right .top-wrap > ul > li > a.active svg path {
    stroke: #fff !important;
}
.watch-popup-content {
    display: none;
    position: absolute;
    top: 0;
    right: calc(100% + 60px);
    padding: 35px 45px;
    border-radius: 12px;
    box-shadow: 0 20px 50px 0 rgba(0, 0, 0, 0.4);
    background: #fff;
    box-sizing: border-box;
}
.watch-popup-content#feedback {
    top: 50%;
    left: calc((100% - 260px) / 2);
    width: calc((100% - 260px) - 40px);
    max-width: 1000px;
    height: 75vh;
    transform: translate(-50%, -50%);
}
.watch-popup-content#voting {
    width: 450px;
}
.watch-popup-content#notice {
    width: 400px;
}
.watch-popup-content#question {
    width: 500px;
}
.watch-popup-content .title {
    font-size: 2.6rem;
    font-weight: 600;
    text-align: center;
}
.watch-popup-content .text-wrap {
    max-height: 200px;
}
.watch-popup-content .text {
    margin: 36px 0 0;
    font-size: 14px;
    text-align: center;
}
.watch-popup-content .voting-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 26px 0 0;
}
.watch-popup-content .voting-list li {
    width: calc((100% - 60px) / 5);
}
.watch-popup-content .voting-list a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    border: 2px solid #0077c1;
    border-radius: 100%;
    font-size: 2.4rem;
    font-weight: 600;
    color: #0077c1;
    aspect-ratio: 1 / 1;
    box-sizing: border-box;
}
.watch-popup-content .voting-list a:hover,
.watch-popup-content .voting-list a.on {
    background-color: #0077c1;
    color: #fff;
}
.watch-popup-content .question-form {
    display: flex;
    height: 120px;
    margin: 21px 0 0;
}
.watch-popup-content .question-form .form-con {
    width: 100%;
}
.watch-popup-content .question-form textarea.form-item {
    height: 100%;
    border-right: none;
    border-radius: 4px 0 0 4px;
}
.watch-popup-content .question-form .btn {
    width: 100px;
    border-radius: 0 4px 4px 0;
    background: #0077c1;
    font-size: 1.8rem;
    font-weight: 600;
    color: #fff;
}
.watch-popup-content .checkbox-wrap .checkbox-group {
    font-size: 1.5rem;
    font-weight: 400;
}
.watch-popup-content:not(#feedback) .btn-wrap {
    margin: 21px 0 0;
}
.watch-popup-content .btn-wrap .btn:not(.btn-submit) {
    min-width: 89px;
    height: 35px;
}
.watch-popup-right > .btn {
    width: 100%;
    height: 65px;
    margin: auto 0 0;
    transition: all 0.3s ease;
}
.watch-popup-right > .btn:hover {
    background-color: rgba(0, 0, 0, 0.4);
}

.watch-popup-content#feedback > .title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0 16px;
    border-bottom: 2px solid #333;
    font-size: 3.4rem;
    font-weight: 600;
    color: #1a365d;
    text-align: left;
}
.watch-popup-content#feedback form {
    height: calc(100% - 202px);
}
.watch-popup-content#feedback fieldset {
    min-width: 0;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
}
.watch-popup-content#feedback .feedback-list {
    max-height: 100%;
    margin: 40px 0 0;
}
.watch-popup-content#feedback .feedback-list li:not(:first-child) {
    margin: 50px 0 0;
}
.watch-popup-content#feedback .feedback-list li .title {
    display: flex;
    gap: 10px;
    font-size: 2.2rem;
    font-weight: 600;
    color: #000;
    text-align: left;
}
.watch-popup-content#feedback .feedback-list li .title .num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 78px;
    height: 28px;
    margin: 2px 0 0;
    border-radius: 30px;
    background-color: #00a3c4;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
}
.watch-popup-content#feedback .feedback-list .square-type {
    margin: 30px 0 0;
    font-size: 1.7rem;
    font-weight: 400;
}
.watch-popup-content#feedback .feedback-list .square-type .radio-group input[type="radio"] {
    margin: -3px 10px 0 0;
}
.watch-popup-content#feedback .feedback-list .square-type .radio-group input[type="radio"]:checked:before {
    top: -2px;
    left: -2px;
    width: 15px;
    height: 15px;
    background: #00a3c4;
}
.watch-popup-content#feedback .feedback-list .radio-wrap {
    gap: 15px;
    margin: 27px 0 0;
    font-size: 1.6rem;
    font-weight: 400;
}
.watch-popup-content#feedback .feedback-list .radio-wrap .radio-group {
    display: inline-flex;
    gap: 8px;
    align-items: center;
    justify-content: center;
    width: 87px;
    height: 43px;
    padding: 0;
    border: 1px solid #ddd;
    border-radius: 90px;
}
.watch-popup-content#feedback .feedback-list .radio-wrap .radio-group:has(input[type="radio"]:checked) {
    border: 1px solid #00a3c4;
    background: #f4f9ff;
}
.watch-popup-content#feedback .feedback-list .radio-group input[type="radio"] {
    margin: 0;
}
.watch-popup-content#feedback .feedback-list .radio-group input[type="radio"]:checked {
    border-color: #3182ce;
}
.watch-popup-content#feedback .feedback-list .radio-group input[type="radio"]:checked:before {
    background-color: #3182ce;
}
.watch-popup-content#feedback .feedback-list .list-type {
    margin: 18px 0 0;
    padding: 0;
}
.watch-popup-content#feedback .feedback-list .list-type li {
    font-size: 1.8rem;
    font-weight: 600;
    color: #00a3c4;
}
.watch-popup-content#feedback .feedback-list .list-type li:not(:first-child) {
    margin: 25px 0 0;
}
.watch-popup-content#feedback .feedback-list .list-type li:before {
    background-color: #00a3c4;
}
.watch-popup-content#feedback .feedback-list textarea {
    height: 200px;
    margin: 30px 0 0;
}
.watch-popup-content#feedback .btn-submit {
    width: 318px;
    height: 63px;
    border-radius: 4px;
    font-size: 2rem;
}

/* 온라인 교육 - 안내 */
.cont-info-wrap {
    padding: 32px 20px 48px;
    border-radius: 10px;
    background: #f8fcff;
    text-align: center;
}
.cont-info-wrap .text {
    margin: 10px 0 0;
    font-size: 1.8rem;
    line-height: 166.667%;
    color: #000;
}
.online-info-content {
    margin: 50px 0 0;
}
.online-info-content .course {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 73px;
    height: 30px;
    margin: 0 auto;
    border: 1px solid;
    border-radius: 30px;
    background: #fff;
    font-size: 12px;
    font-weight: 600;
}
.online-info-content .course + .course {
    margin: 5px auto 0;
}
.online-info-content .course.type1 {
    border-color: #008299;
    color: #008299;
}
.online-info-content .course.type2 {
    border-color: #1a365d;
    color: #1a365d;
}
.online-info-content .course.type3 {
    border-color: #885fc2;
    color: #885fc2;
}
.online-info-content .course.type4 {
    border-color: #00a17c;
    color: #00a17c;
}
.online-content-box {
    display: flex;
    gap: 15px;
    align-items: center;
    margin: 0;
}
.online-content-box .online-content-link {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: calc((100% - 45px) / 4);
    height: 148px;
    border: 1px solid #dde2ea;
    border-radius: 8px;
    background-color: #fff;
    font-size: 2rem;
    font-weight: 600;
    transition: all 0.3s ease;
}
.online-content-box .online-content-link::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 13px;
    right: 13px;
    width: 30px;
    height: 30px;
    background-image: url("/assets/image/sub/ic_course_off.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
.online-content-box .online-content-link:hover,
.online-content-box .online-content-link.on {
    border-color: #999;
    background: linear-gradient(108deg, #004a99 -2.08%, #017c99 62.16%);
    color: #fff;
}
.online-content-box .online-content-link:hover:before,
.online-content-box .online-content-link.on:before {
    background-image: url("/assets/image/sub/ic_course_on.png");
}

.online-content-popup {
    overflow: hidden;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 90vw;
    max-width: 750px;
    padding: 38px 40px 46px;
    border: 1px solid #dde2ea;
    border-radius: 15px;
    border-radius: 15px;
    box-shadow: 0 20px 60px 0 rgba(0, 0, 0, 0.15);
    background-color: #fff;
    box-sizing: border-box;
    transform: translate(-50%, -50%);
}
.online-content-popup .title {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 0 32px;
    padding: 0 0 20px;
    border-bottom: 1px solid #eee;
    font-size: 2.4rem;
    font-weight: 600;
    color: #000;
}
.online-content-popup .title .notice {
    display: flex;
    gap: 8px;
    align-items: flex-start;
    padding: 7px 15px 5px;
    border-radius: 20px;
    background-color: #ffe9ec;
    font-size: 14px;
    font-weight: 500;
    color: #e1002a;
}
.online-content-popup .title .notice img {
    margin: 4px 0 0;
}
.online-content-popup .table-wrap.scroll-y {
    max-height: 300px;
    border-top: 2px solid #1a365d;
    border-right: none;
    border-left: none;
    border-radius: 0;
}
.online-content-popup .cst-table td {
    padding: 15px;
    font-size: 14px;
    font-weight: 400;
    word-break: break-all;
}
.online-content-popup.type2 .title {
    margin: 0 0 43px;
    padding: 0;
    border: none;
}
.online-content-popup.type2 .popup-conbox.scroll-y {
    max-height: 496px;
    padding: 0;
}
.online-content-popup.type2 .popup-conbox .cont-box {
    padding: 30px 0;
    border-top: 1px dashed #ccc;
}
.online-content-popup.type2 .popup-conbox .cont-box:first-child {
    padding-top: 0;
    border-top: none;
}
.online-content-popup.type2 .popup-conbox .cont-box:last-child {
    padding-bottom: 0;
}
.online-content-popup.type2 .popup-conbox .content-title {
    font-size: 1.8rem;
    font-weight: 600;
    color: #000;
}
.online-content-popup.type2 .popup-conbox .apply-course-list {
    margin: 16px 0 0;
    padding: 30px;
    border-radius: 10px;
    background: #f8f9fa;
}
.online-content-popup.type2 .popup-conbox .apply-course-list li {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    padding: 14px 0;
    border-top: 1px solid #eee;
    font-size: 1.5rem;
}
.online-content-popup.type2 .popup-conbox .apply-course-list li:first-child {
    padding-top: 0;
    border-top: none;
}
.online-content-popup.type2 .popup-conbox .apply-course-list li:last-child {
    padding-bottom: 0;
}
.online-content-popup.type2 .popup-conbox .apply-course-list li .checkbox-wrap {
    flex-shrink: 0;
}
.online-content-popup.type2 .popup-conbox .apply-course-list li .checkbox-group {
    padding: 0;
}
.online-content-popup.type2 .popup-conbox .apply-course-list li .checkbox-group input[type="checkbox"] {
    margin: 0;
}
.online-content-popup.type2 .popup-conbox .apply-course-list li .checkbox-group:has(input:disabled),
.online-content-popup.type2 .popup-conbox .apply-course-list li .checkbox-group input[type="checkbox"]:disabled {
    opacity: 1;
}
.online-content-popup.type2 .popup-conbox .apply-course-list li .price {
    flex-shrink: 0;
    margin: 0 0 0 auto;
    font-weight: 700;
    color: #e1002a;
}

/* 온라인 교육 - 운영 규정 */
.content-notice-wrap {
    display: flex;
    gap: 46px;
    align-items: center;
    padding: 35px 90px;
    border-radius: 12px;
    background: #fffff0;
}
.content-notice-wrap .img-wrap {
    flex-shrink: 0;
}
.content-notice-wrap .title {
    font-size: 2.6rem;
    font-weight: 600;
    color: #e1002a;
}
.content-notice-wrap .text {
    margin: 10px 0 0;
    font-size: 1.5rem;
}

.content-notice-wrap.type2 {
    /* gap: 60px; */
    border-radius: 10px;
    background-color: #f8fcff;
}

.content-notice-wrap.type3 {
    gap: 40px;
    padding: 40px 47px;
    border-radius: 10px;
    background-color: #f4f9ff;
}
.content-notice-wrap.type3 .text-wrap {
    font-size: 1.6rem;
}
.content-notice-wrap.type3 .text-wrap .list-type > li + li {
    margin: 12px 0 0;
}

.content-notice-wrap.type4 {
    gap: 36px;
    padding: 30px 55px;
    border-radius: 10px;
    background-color: #fff0f2;
}
.content-notice-wrap.type4 .title {
    font-size: 1.6rem;
}
.content-notice-wrap.type4 .btn-wrap {
    margin: 16px 0 0;
}
.content-notice-wrap + .content-notice-wrap {
    margin: 21px 0 0;
}

.content-notice-wrap.type5 {
    gap: 30px;
    margin-bottom: 20px;
    padding: 30px 56px;
    border: 1px solid #dde2ea;
    border-radius: 0;
    background: #f4f9ff;
}
.content-notice-wrap.type5.type-half {
    gap: 50px;
}
.content-notice-wrap.type5 .text-area {
    display: flex;
    gap: 80px;
}
.content-notice-wrap.type5 .title {
    margin-bottom: 10px;
    font-size: 2rem;
    font-weight: 600;
    color: #009fff;
    letter-spacing: -0.5px;
}
.content-notice-wrap.type5 .text-blue {
    margin-top: 13px;
}

/* 온라인 교육 - 교육 신청 */
.content-box > .half-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.content-box > .half-wrap .btn-wrap {
    margin: 0;
}
.online-apply-wrap .text-notice + .btn-wrap {
    margin: -53px 0 0;
}
.online-apply-wrap .btn-wrap + .online-apply-list {
    margin: 17px 0 0;
}
.online-apply-list {
    display: flex;
    gap: 25px;
    flex-wrap: wrap;
}
.online-apply-list > div {
    display: flex;
    flex-direction: column;
    width: calc((100% - 50px) / 3);
    min-height: 450px;
    padding: 37px 35px;
    border-radius: 20px;
    box-shadow: 0 0 0 1px #dde2ea;
    transition: box-shadow 0.3s ease;
    box-sizing: border-box;
}
.online-apply-list > div:hover {
    box-shadow: 0 0 0 2px #008299;
}
.online-apply-wrap .course-wrap {
    display: flex;
    gap: 5px;
    align-items: center;
}
.online-apply-wrap .course-wrap .course {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 28px;
    border: 1px solid;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
}
.online-apply-wrap .course-wrap .course.type1 {
    /* 신규 */
    border-color: #008299;
    color: #008299;
}
.online-apply-wrap .course-wrap .course.type2 {
    /* 심화 */
    border-color: #1a365d;
    color: #1a365d;
}
.online-apply-wrap .course-wrap .course.type3 {
    /* 보수 */
    border-color: #885fc2;
    color: #885fc2;
}
.online-apply-wrap .course-wrap .course.type4 {
    /* 기타 */
    border-color: #a0aec0;
    color: #a0aec0;
}
.online-apply-list > div .title {
    margin: 26px 0 0;
    font-size: 2.2rem;
    font-weight: 700;
    color: #000;
}
.online-apply-list > div ul.list-type {
    margin: 40px 0;
}
.online-apply-list > div .btn-wrap {
    margin: auto 0 0;
}
.online-apply-list > div .btn-wrap .btn {
    width: calc(100% - 42px);
}
.online-apply-list > div .btn-wrap .btn.full {
    width: 100%;
}
.online-apply-list > div .cst .checkbox-group {
    padding: 0;
}
.online-apply-list > div .cst .checkbox-group input[type="checkbox"] {
    width: 32px;
    height: 32px;
    margin: 0;
}
.online-apply-list > div .cst .checkbox-group input[type="checkbox"]:before {
    content: "";
    display: block;
    position: absolute;
    top: 4px;
    left: 7px;
    width: 30%;
    height: 70%;
    border-bottom: 2px solid #9ea8b5;
    border-right: 2px solid #9ea8b5;
    clear: both;
    transform: rotate(50deg) translateY(-20%) translateX(-10%);
}
.online-apply-list > div .cst .checkbox-group input[type="checkbox"]:checked:before {
    top: 4px;
    left: 7px;
    border-color: #fff;
}
.online-apply-list > div .cst .checkbox-group input[type="checkbox"]:checked {
    border-color: #1077c4;
    background-color: #1077c4;
}

/* 온라인 교육 - 교육 신청 상세 페이지 */
.online-course-view-wrap {
    padding: 50px 0 0;
    border-top: 2px solid #1a365d;
}
.content-notice-wrap + .online-course-view-wrap {
    margin: 22px 0 0;
}
.online-course-view-wrap .title-wrap {
    display: flex;
    gap: 10px;
    align-items: flex-start;
}
.online-course-view-wrap .title-wrap .course-wrap {
    gap: 10px;
    flex-shrink: 0;
}
.online-course-view-wrap .title-wrap .course-wrap .course {
    width: 85px;
    height: 35px;
    font-size: 1.6rem;
}
.online-course-view-wrap .title-wrap .title {
    font-size: 2.4rem;
    font-weight: 600;
    color: #000;
}
.online-course-view-wrap .info-wrap {
    margin: 45px 0 0;
}
.online-course-view-wrap .info-wrap p {
    display: flex;
    align-items: flex-start;
    font-size: 1.5rem;
}
.online-course-view-wrap .info-wrap p + p {
    margin: 20px 0 0;
}
.online-course-view-wrap .info-wrap p .tit {
    display: inline-block;
    width: 150px;
    font-weight: 600;
    color: #000;
}
.online-course-view-wrap .info-wrap p .txt {
    width: calc(100% - 150px);
}

.online-course-view-wrap .view-content-wrap {
    margin: 50px 0 0;
    padding: 60px 20px;
    border-top: 1px solid #dde2ea;
}
.online-course-view-wrap .view-content-wrap .empty {
    font-size: 2.4rem;
    font-weight: 600;
    color: #000;
    text-align: center;
}
.online-course-view-wrap .period-wrap {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}
.online-course-view-wrap .period-wrap > div {
    width: calc((100% - 60px) / 5);
    padding: 21px;
    border: 1px solid #dde2ea;
    border-radius: 10px;
    text-align: center;
    box-sizing: border-box;
}
.online-course-view-wrap .period-wrap .title-wrap {
    gap: 10px;
    align-items: center;
    justify-content: center;
    padding: 0 0 13px;
    border-bottom: 1px solid #eee;
}
.online-course-view-wrap .period-wrap .title-wrap .title {
    font-size: 1.8rem;
}
.online-course-view-wrap .period-wrap .title-wrap .checkbox-group {
    padding: 0;
}
.online-course-view-wrap .period-wrap .title-wrap .checkbox-group input[type="checkbox"] {
    width: 20px;
    height: 20px;
    margin: 0;
}
.online-course-view-wrap .period-wrap .title-wrap .cst .checkbox-group input[type="checkbox"]:checked:before {
    top: 2px;
    left: 3px;
}
.online-course-view-wrap .period-wrap .title-wrap .cst .checkbox-group input[type="checkbox"]:checked {
    border-color: #00a3c4;
    background-color: #00a3c4;
}
.online-course-view-wrap .period-wrap .content-wrap {
    margin: 20px 0 0;
}
.online-course-view-wrap .period-wrap .content-wrap .text {
    font-size: 14px;
    color: #555;
}
.online-course-view-wrap .period-wrap .btn {
    height: 40px;
    margin: 18px 0 0;
    padding: 0;
    font-size: 13px;
}
.online-course-view-wrap .total-price-wrap {
    display: flex;
    gap: 28px;
    align-items: center;
    justify-content: center;
    height: 90px;
    margin: 40px 0 0;
    background: #fffff0;
    font-size: 2.6rem;
    font-weight: 600;
    color: #f00;
}

/* 온라인 교육 - 선택 강의 수강 신청 */
.online-course-view-wrap.choose-type {
    overflow: hidden;
    padding: 0;
    border: 1px solid #dde2ea;
    border-radius: 20px;
}
.online-course-view-wrap.choose-type + .online-course-view-wrap.choose-type {
    margin: 20px 0 0;
}
.online-course-view-wrap.choose-type .inner {
    padding: 30px;
}
.online-course-view-wrap.choose-type .title-wrap {
    display: block;
}
.online-course-view-wrap.choose-type .title-wrap .lecturer {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    justify-content: flex-end;
    margin: 15px 0 0;
    font-size: 1.6rem;
    font-weight: 500;
}
.online-course-view-wrap.choose-type .title-wrap .lecturer i {
    margin: 4px 0 0;
}
.online-course-view-wrap.choose-type .info-wrap {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    margin: 25px 0 0;
    padding: 20px;
    border-radius: 10px;
    background-color: #f8f9fa;
}
.online-course-view-wrap.choose-type .info-wrap p {
    width: calc((100% - 20px) / 2);
}
.online-course-view-wrap.choose-type .info-wrap p.full {
    width: 100%;
}
.online-course-view-wrap.choose-type .info-wrap p + p {
    margin: 0;
}
.online-course-view-wrap.choose-type .info-wrap p .tit {
    flex-shrink: 0;
    width: 100px;
}
.online-course-view-wrap.choose-type .info-wrap p .txt {
    width: calc(100% - 100px);
}
.online-course-view-wrap.choose-type .price-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 30px;
    background-color: #fffff0;
}
.online-course-view-wrap.choose-type .price-wrap .price {
    font-size: 2rem;
    font-weight: 600;
    color: #f00;
}
.apply-choose-wrap {
    margin: 30px 0 0;
}
.apply-choose-wrap > div {
    display: flex;
    gap: 15px;
}
.apply-choose-wrap > div + div {
    margin: 10px 0 0;
}
.apply-choose-wrap .tit {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 80px;
    height: 30px;
    border-radius: 30px;
    background-color: #1a365d;
    font-size: 1.4rem;
    font-weight: 500;
    color: #fff;
}
.apply-choose-wrap .cont {
    padding: 4px 0 0;
}
.online-course-view-wrap.choose-type .apply-course-list li {
    display: flex;
    gap: 10px;
}
.online-course-view-wrap.choose-type .apply-course-list li + li {
    margin: 5px 0 0;
}
.online-course-view-wrap.choose-type .apply-course-list li button {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    margin: 3px 0 0;
    border-radius: 100%;
    background-color: #f00;
    font-size: 10px;
    color: #fff;
}

/* 온라인 교육 - 교육 수강 페이지 */
.js-view-toggle-btn {
    display: flex;
    gap: 21px;
    align-items: center;
    justify-content: center;
    height: 60px;
    border-radius: 10px 10px 0 0;
    background: #1a365d;
    font-size: 1.6rem;
    font-weight: 600;
    color: #fff;
}
.js-view-toggle-btn:hover,
.js-view-toggle-btn:focus,
.js-view-toggle-btn:active {
    color: #fff;
}
.js-view-toggle-btn.close {
    background-color: #a0aec0;
}
.online-apply-wrap .content-notice-wrap .state-wrap {
    display: flex;
    gap: 16px 24px;
    flex-wrap: wrap;
    margin: 26px 0 0;
}
.online-apply-wrap .content-notice-wrap .state-wrap p {
    display: flex;
    gap: 10px;
    align-items: center;
    width: calc((100% - 52px) / 3);
}
.online-wrap .state-wrap .state {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 75px;
    height: 23px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
}
.online-wrap .state-wrap .state.type1 {
    /* 수강중 */
    background-color: #805ad5;
}
.online-wrap .state-wrap .state.type2 {
    /* 수강대기 */
    background-color: #999;
}
.online-wrap .state-wrap .state.type3 {
    /* 시험진행 */
    background-color: #00a17c;
}
.online-wrap .state-wrap .state.type4 {
    /* 이수완료 */
    background-color: #00a3c4;
}
.online-wrap .state-wrap .state.type5 {
    /* 설문진행 */
    background-color: #0056b3;
}

.training-course-item {
    display: flex;
    gap: 28px;
    flex-wrap: wrap;
    margin: 28px 0 0;
    padding: 0 0 28px;
}
.training-course-item + .training-course-item {
    padding: 28px 0;
    border-top: 1px solid #ddd;
}
.training-course-item .img-wrap {
    flex-shrink: 0;
    max-width: 300px;
}
.training-course-item .img-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    width: 300px;
    border: 1px solid #dde2ea;
    aspect-ratio: 155 / 87;
}
.training-course-item .img-wrap img {
    max-width: inherit;
}
.training-course-item .img-wrap .btn {
    width: 100%;
    margin: 5px 0 0;
    border-radius: 0;
}
.training-course-item .content-wrap {
    width: calc(100% - 328px);
}
.training-course-item .content-wrap .title-wrap {
    display: flex;
    gap: 12px;
}
.training-course-item .content-wrap .title-wrap .state-wrap {
    flex-shrink: 0;
}
.training-course-item .content-wrap .title-wrap .state-wrap span {
    width: 80px;
    height: 28px;
    margin: 2px 0 0;
    font-size: 13px;
}
.training-course-item .content-wrap .title-wrap .title {
    font-size: 2rem;
    font-weight: 600;
    color: #000;
}
.training-course-item .content-wrap .table-wrap {
    margin: 17px 0 0;
}
.training-course-item .content-wrap .table-wrap .btn {
    width: 100%;
    min-width: 0;
    max-width: 96px;
    height: 34px;
    padding: 0 15px;
    font-size: 13px;
}
.training-course-info {
    display: flex;
    gap: 15px;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 17px 22px;
    background-color: #f4f9ff;
}
.training-course-info .btn-wrap {
    flex-shrink: 0;
    margin: 0;
}

/* 온라인 교육 - 나의 교육 수강 */
.online-apply-list.in-progress > div {
    min-height: 285px;
}
.online-apply-list.completed > div {
    min-height: 285px;
}
.online-apply-list.interest > div {
    min-height: 285px;
}
.my-course-wrap .online-apply-list > div:hover {
    border-color: #00a3c4;
    border-width: 2px;
}
.my-course-wrap .online-apply-list > div ul.list-type {
    margin: 26px 0;
}
.my-course-wrap .online-apply-list > div .btn-wrap .btn {
    border-radius: 4px;
}
.online-apply-list .training-state-wrap {
    display: flex;
    gap: 10px;
    align-items: center;
    width: 100%;
    margin: 5px 0 0;
}
.online-apply-list .training-state-wrap p {
    width: calc((100% - 20px) / 3);
    font-weight: 600;
}
.online-apply-list .training-state-wrap p .tit.type1 {
    color: #0074ff;
}
.online-apply-list .training-state-wrap p .tit.type2 {
    color: #e1002a;
}

.online-apply-list .training-state-wrap p .tit.type3 {
    color: #2fa860;
}

.online-apply-list.completed > div .btn-wrap .btn {
    width: calc((100% - 10px) / 2);
    min-width: 0;
}

/* 강의 팝업 */
.course-test-wrap {
    display: flex;
    gap: 35px;
    align-items: flex-start;
    height: calc(100% - 117px);
}
.course-test-wrap .quiz-wrap {
    max-height: 100%;
}
.course-test-wrap .quiz-wrap .quiz-inner {
    padding: 36px;
    border: 1px solid #dde2ea;
    border-radius: 12px;
}
.course-test-wrap .quiz-wrap .quiz-inner + .quiz-inner {
    margin: 26px 0 0;
}
.course-test-wrap .quiz-wrap .quiz-inner .title {
    margin: 0 0 20px;
    padding: 0 0 20px;
    border-bottom: 1px dashed #eee;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: -1px;
}
.course-test-wrap .quiz-wrap .quiz-inner .checkbox-wrap + .checkbox-wrap {
    margin: 14px 0 0;
}
.course-test-wrap .quiz-info-wrap {
    flex-shrink: 0;
    width: 340px;
}
.course-test-wrap .quiz-info-wrap .quiz-info {
    padding: 31px;
    border: 1px solid #eee;
    border-radius: 8px;
    background: #f8f9fa;
}
.course-test-wrap .quiz-info-wrap .quiz-info .title {
    font-size: 1.9rem;
    font-weight: 700;
    color: #004098;
    text-align: center;
}
.course-test-wrap .quiz-info-wrap .quiz-info .list-type {
    margin: 26px 0 0;
}
.course-test-wrap .quiz-info-wrap .quiz-info .list-type li {
    font-size: 14px;
}
.course-test-wrap .quiz-info-wrap .quiz-info .list-type li:before {
    top: 9px;
}
.course-test-wrap .quiz-info-wrap .table-wrap {
    margin: 27px 0 0;
}
.course-test-wrap .quiz-info-wrap .cst-table th,
.course-test-wrap .quiz-info-wrap .cst-table td {
    padding: 15px 10px;
}
.course-test-wrap .quiz-info-wrap .cst-table th {
    font-size: 1.5rem;
}

.course-test-wrap.result {
    gap: 0;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100%;
}
.course-result-wrap {
    display: flex;
    gap: 114px;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 0 100px;
    box-sizing: border-box;
}
.course-result-wrap .standard-wrap {
    padding: 16px 50px;
    border-radius: 35px;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
    background: #00a3c4;
    font-size: 2rem;
    font-weight: 800;
    color: #fff;
}
.course-result-wrap .progress-circle {
    position: relative;
    width: 185px;
    height: 185px;
}
.course-result-wrap .progress-circle svg {
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
}
.course-result-wrap .progress-path {
    stroke-linecap: round;
    stroke-dasharray: 680;
    stroke-dashoffset: 476;
    transform: rotate(-90deg);
    transform-origin: center;
}
.course-result-wrap .progress-text {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    line-height: 1;
    inset: 0;
}
.course-result-wrap .progress-text strong {
    font-size: 5.8rem;
    font-weight: 800;
    color: #1a365d;
    letter-spacing: -2px;
}
.course-result-wrap .progress-text span {
    display: inline-block;
    margin: 25px 0 0 5px;
    font-size: 2.8rem;
    font-weight: 500;
    color: #bbb;
    letter-spacing: -1px;
}
.course-result-wrap .pass-wrap {
    font-size: 2.2rem;
    font-weight: 500;
}
.course-result-wrap .pass-wrap .tit {
    font-size: 1.5rem;
    font-weight: 800;
    letter-spacing: -1px;
}
.course-result-wrap .pass-wrap .tit strong {
    font-size: 6.4rem;
}
.course-result-wrap .pass-wrap .txt {
    margin: 10px 0 0;
}
.course-result-wrap .pass-wrap.pass-type .tit {
    color: #e1002a;
}
.course-result-wrap .pass-wrap.no-type .tit {
    color: #004098;
}
.course-result-wrap .btn-wrap {
    width: 100%;
}

.course-feedback-wrap {
    height: 100%;
}
.course-feedback-wrap > .title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0 16px;
    border-bottom: 2px solid #333;
    font-size: 3.4rem;
    font-weight: 600;
    color: #1a365d;
    text-align: left;
}
.course-feedback-wrap form {
    height: 100%;
}
.course-feedback-wrap fieldset {
    min-width: 0;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
}
.course-feedback-wrap .feedback-list {
    max-height: calc(100% - 125px);
}
.course-feedback-wrap .feedback-list li:not(:first-child) {
    margin: 50px 0 0;
}
.course-feedback-wrap .feedback-list li .title {
    display: flex;
    gap: 10px;
    font-size: 2.2rem;
    font-weight: 600;
    color: #000;
    text-align: left;
}
.course-feedback-wrap .feedback-list li .title .num {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 78px;
    height: 28px;
    margin: 2px 0 0;
    border-radius: 30px;
    background-color: #00a3c4;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
}
.course-feedback-wrap .feedback-list .square-type {
    margin: 30px 0 0;
    font-size: 1.7rem;
    font-weight: 400;
}
.course-feedback-wrap .feedback-list .square-type .radio-group input[type="radio"] {
    margin: -3px 10px 0 0;
}
.course-feedback-wrap .feedback-list .square-type .radio-group input[type="radio"]:checked:before {
    top: -2px;
    left: -2px;
    width: 15px;
    height: 15px;
    background: #00a3c4;
}
.course-feedback-wrap .feedback-list .radio-wrap {
    gap: 15px;
    margin: 27px 0 0;
    font-size: 1.6rem;
    font-weight: 400;
}
.course-feedback-wrap .feedback-list .radio-wrap .radio-group {
    display: inline-flex;
    gap: 8px;
    align-items: center;
    justify-content: center;
    width: 87px;
    height: 43px;
    padding: 0;
    border: 1px solid #ddd;
    border-radius: 90px;
}
.course-feedback-wrap .feedback-list .radio-wrap .radio-group:has(input[type="radio"]:checked) {
    border: 1px solid #00a3c4;
    background: #f4f9ff;
}
.course-feedback-wrap .feedback-list .radio-group input[type="radio"] {
    margin: 0;
}
.course-feedback-wrap .feedback-list .radio-group input[type="radio"]:checked {
    border-color: #3182ce;
}
.course-feedback-wrap .feedback-list .radio-group input[type="radio"]:checked:before {
    background-color: #3182ce;
}
.course-feedback-wrap .feedback-list .list-type {
    margin: 18px 0 0;
    padding: 0;
}
.course-feedback-wrap .feedback-list .list-type li {
    font-size: 1.8rem;
    font-weight: 600;
    color: #00a3c4;
}
.course-feedback-wrap .feedback-list .list-type li:not(:first-child) {
    margin: 25px 0 0;
}
.course-feedback-wrap .feedback-list .list-type li:before {
    background-color: #00a3c4;
}
.course-feedback-wrap .feedback-list textarea {
    height: 200px;
    margin: 30px 0 0;
}
.course-feedback-wrap .btn-submit {
    width: 318px;
    height: 63px;
    border-radius: 4px;
    font-size: 2rem;
}

/* 뉴스레터 */
.board-top-con {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 26px;
}
.board-top-con .total {
    display: flex;
    gap: 10px;
    align-items: center;
    font-size: 1.6rem;
    font-weight: 500;
    letter-spacing: -1px;
}
.board-top-con .total b {
    font-size: 1.6rem;
    font-weight: 700;
    color: #e1002a;
    letter-spacing: -1px;
}
.newsletter-list-wrap {
    display: flex;
    gap: 26px;
    flex-wrap: wrap;
}
.newsletter-list-wrap > div {
    width: calc((100% - 78px) / 4);
}
.newsletter-list-wrap > div > a {
    display: block;
    position: relative;
    width: 100%;
    border: 1px solid #dde2ea;
}
.newsletter-list-wrap .img-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
    aspect-ratio: 5 / 6;
    object-fit: cover;
}
.newsletter-list-wrap > div > a .img-wrap:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    transition: all 0.3s ease;
    opacity: 0;
}
.newsletter-list-wrap > div > a .img-wrap:after {
    content: "+";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
    border: 1px solid #fff;
    font-size: 50px;
    font-weight: 300;
    line-height: normal;
    color: #fff;
    letter-spacing: -1px;
    transition: all 0.3s ease;
    transform: translate(-50%, -50%);
    opacity: 0;
}
.newsletter-list-wrap > div > a:hover .img-wrap:before {
    opacity: 1;
}
.newsletter-list-wrap > div > a:hover .img-wrap:after {
    opacity: 1;
}
.newsletter-list-wrap .text-wrap {
    padding: 20px 15px 25px;
    text-align: center;
}
.newsletter-list-wrap .text-wrap .title {
    font-size: 2rem;
    font-weight: 600;
    line-height: normal;
    color: #0077c1;
    letter-spacing: -1px;
}
.newsletter-list-wrap .text-wrap .date {
    margin: 10px 0 0;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: normal;
    color: #000;
    letter-spacing: -1px;
}

.admin-bbs {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 17px 0 0;
    padding: 0 4px 0 20px;
}
.admin-bbs .view {
    display: flex;
    gap: 6px;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    color: #888;
    letter-spacing: -1px;
}
.admin-bbs .btn-wrap {
    display: flex;
    gap: 4px;
    align-items: center;
    margin: 0 !important;
}
.admin-bbs .btn-wrap a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 2px;
}
.admin-bbs .btn-wrap a.write {
    background-color: #1a365d;
}
.admin-bbs .btn-wrap a.delete {
    background-color: #e1002a;
}

.issue-list-wrap > div + div {
    margin: 30px 0 0;
}
.issue-list-wrap div.inner {
    display: flex;
    gap: 30px;
    align-items: flex-start;
    padding: 30px 32px;
    border: 1px solid #dde2ea;
    border-radius: 8px;
}
.issue-list-wrap div.inner .img-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 45%;
    max-width: 440px;
    box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, 0.1);
    background: rgba(255, 255, 255, 0);
    aspect-ratio: 21 / 9;
    object-fit: cover;
}
.issue-list-wrap div.inner .img-wrap img {
    width: 100%;
}
.issue-list-wrap div.inner .text-wrap {
    width: 100%;
    padding: 15px 0 0;
}
.issue-list-wrap div.inner .text-wrap .list-type {
    font-size: 1.5rem;
    font-weight: 500;
    color: #000;
    letter-spacing: -1px;
}
.issue-list-wrap div.inner .text-wrap .list-type.list-type-dot > li:before {
    top: 10px;
}
.issue-list-wrap div.inner .text-wrap .list-type .writer {
    margin: 5px 0 0;
    font-size: 14px;
    font-weight: 400;
    color: #666;
}
.issue-list-wrap div.inner .btn-small {
    padding: 0 26px;
}

/* 사례요약집 */
.example-list-wrap {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}
.example-list-wrap > div {
    display: flex;
    flex-direction: column;
    width: calc((100% - 20px) / 2);
}
.example-list-wrap > div .inner {
    display: flex;
    flex-direction: column;
    min-height: 213px;
    padding: 44px 32px 35px;
    border: 1px solid #dde2ea;
    border-radius: 5px;
    box-sizing: border-box;
}
.example-list-wrap > div .text-wrap {
    font-size: 1.9rem;
    font-weight: 500;
    line-height: 147.368%;
}
.example-list-wrap > div .content-wrap {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin: auto 0 0;
}
.example-list-wrap > div .content-wrap .left {
    display: flex;
    gap: 10px;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    color: #888;
    letter-spacing: -0.1rem;
}
.example-list-wrap > div .content-wrap .left span + span {
    position: relative;
    padding: 0 0 0 11px;
}
.example-list-wrap > div .content-wrap .left span + span:before {
    content: "|";
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    line-height: 0;
    transform: translateY(-50%);
}
.example-list-wrap > div .content-wrap .btn {
    gap: 15px;
    padding: 13px 18px;
    font-size: 14px;
}

/* 간행위원회 */
.editorial-table-wrap {
    border: none;
}
.editorial-table-wrap .cst-table th,
.editorial-table-wrap .cst-table td {
    padding: 14px 40px;
    border-color: #dde2ea;
    font-size: 1.5rem;
    text-align: center;
    letter-spacing: -1px;
}
.editorial-table-wrap .cst-table th {
    font-weight: 600;
    color: #1a365d;
}
.editorial-table-wrap .cst-table th.title {
    background-color: #1a365d;
    font-size: 14px;
    color: #fff;
}
.editorial-table-wrap .cst-table td {
    font-weight: 500;
}
.editorial-table-wrap .cst-table .border-left {
    border-left: 1px solid #dde2ea;
}

/* 투고규정 */
.contribution-wrap {
    letter-spacing: -1px;
}
.contribution-wrap .contribution-inner + .contribution-inner {
    margin: 15px 0 0;
}
.contribution-wrap .contribution-inner .title-wrap a {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
    padding: 18px 30px;
    border-radius: 10px;
    background-color: #a0aec0;
    transition: all 0.3s ease;
}
.contribution-wrap .contribution-inner .title-wrap a:hover {
    background-color: #1a365d;
}
.contribution-wrap .contribution-inner .title-wrap .title {
    font-size: 1.6rem;
    font-weight: 600;
    color: #fff;
}
.contribution-wrap .contribution-inner .title-wrap img {
    flex-shrink: 0;
    transition: all 0.3s ease;
}
.contribution-wrap .contribution-inner .content-wrap {
    display: none;
    padding: 44px 50px 58px;
    border: 1px solid #dde2ea;
    border-top: none;
}
.contribution-wrap .contribution-inner .writer-wrap {
    font-size: 13px;
    line-height: 1.8;
    color: #666;
    text-align: right;
}
.contribution-wrap .contribution-inner .content-inner {
    margin: 34px 0 0;
    font-size: 1.5rem;
    line-height: 1.8;
}
.contribution-wrap .contribution-inner .content-inner:first-child {
    margin: 0;
}
.contribution-wrap .contribution-inner .content-inner .title {
    margin: 40px 0 33px;
    font-size: 1.8rem;
    font-weight: 600;
    color: #000;
}
.contribution-wrap .contribution-inner .content-inner .title span {
    display: inline-block;
    padding: 0 0 9px;
    border-bottom: 2px solid #000;
}
.contribution-wrap .contribution-inner .content-inner .sub-title {
    margin: 20px 0 10px;
    font-size: 1.6rem;
    font-weight: 600;
    color: #000;
}
.contribution-wrap .contribution-inner .content-inner .sub-title.type2 {
    margin: 10px 0;
    font-size: 1.5rem;
}
.contribution-wrap .contribution-inner .content-inner .text + .text {
    margin: 15px 0 0;
}
.contribution-wrap .contribution-inner .content-inner .list-type:not(.inner-list-type) > li + li {
    margin: 15px 0 0;
}
.contribution-wrap .contribution-inner .content-inner .inner-list-type {
    margin: 10px 0;
    line-height: 1.5;
}
.contribution-wrap .contribution-inner .btn-small {
    height: 35px;
    margin: 0 0 0 20px;
    font-size: 12px;
}
.contribution-wrap .contribution-inner .btn-small img {
    width: 15px;
}

.contribution-wrap .contribution-inner.active .title-wrap a {
    border-radius: 15px 15px 0 0;
    background: #1a365d;
}
.contribution-wrap .contribution-inner.active .title-wrap img {
    transform: rotate(-180deg);
}

/* The Journal of KAIRB - 권호별 겸색 */
.volume-issue-list {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}
.volume-issue-list > div {
    display: flex;
    flex-direction: column;
    position: relative;
    width: calc((100% - 60px) / 4);
    padding: 31px 29px 31px 31px;
    border: 1px solid #dde2ea;
    background: #fff;
    box-sizing: border-box;
}
.volume-issue-list > div:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 6px;
    height: 100%;
    background-color: #0077c1;
}
.volume-issue-list .top-wrap {
    padding: 0 0 20px;
    border-bottom: 1px solid #dde2ea;
}
.volume-issue-list .content-wrap {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.volume-issue-list .content-wrap .title-wrap {
    margin: 16px 0 15px;
    line-height: normal;
    letter-spacing: -1px;
}
.volume-issue-list .content-wrap .title {
    font-size: 3rem;
    font-weight: 700;
    color: #000;
}
.volume-issue-list .content-wrap .year {
    font-size: 2.6rem;
    font-weight: 500;
    color: #ccc;
}
.volume-issue-list .content-wrap .btn-wrap {
    margin: 0 0 27px;
}
.volume-issue-list .content-wrap .btn-wrap .btn {
    width: 100%;
    min-width: 0;
    margin: 0;
    border-radius: 0;
    font-size: 1.5rem;
}
.volume-issue-list .content-wrap .btn-wrap .btn + .btn {
    margin: 10px 0 0;
}
.volume-issue-list .content-wrap .text {
    margin: auto 0 0;
    font-size: 13px;
    font-weight: 600;
    line-height: normal;
    color: #0077c1;
    text-align: right;
}

/* The Journal of KAIRB - 상세검색 */

/* The Journal of KAIRB - 권/호 list */
.volume-issue-wrap > .title-wrap .title {
    font-size: 2.4rem;
    font-weight: 600;
    letter-spacing: -1px;
}
.volume-issue-wrap > .title-wrap .board-top-con {
    margin-top: 10px;
}

.volume-issue-item {
    margin: 20px 0 0;
}
.volume-issue-item .title-wrap {
    padding: 0 0 10px;
    border-bottom: 1px solid #0056b3;
}
.volume-issue-item .title-wrap .title {
    font-size: 1.8rem;
    font-weight: 600;
    color: #0056b3;
    letter-spacing: -1px;
}
.volume-issue-box {
    position: relative;
    margin: 12px 0 0;
    border-radius: 5px;
    box-shadow: 0 0 0 1px #dde2ea;
    transition: all 0.3s ease;
}
.volume-issue-box > a {
    display: inline-block;
    width: 100%;
    height: 100%;
    padding: 36px;
    box-sizing: border-box;
}
.volume-issue-box:has(a:hover) {
    box-shadow: 0 0 0 2px #00a3c4;
}
.volume-issue-box:has(.admin-bbs) > a {
    padding: 36px 36px 70px;
}
.volume-issue-box .title {
    font-size: 1.8rem;
    font-weight: 600;
    color: #000;
    letter-spacing: -1px;
}
.volume-issue-box .eng-title {
    margin: 10px 0 0;
    font-size: 1.5rem;
    font-weight: 500;
    color: #444;
    text-decoration: underline;
    letter-spacing: -1px;
}
.volume-issue-box .info-wrap {
    margin: 20px 0 0;
    font-size: 14px;
    line-height: normal;
    color: #666;
    letter-spacing: -1px;
}
.volume-issue-box .info-wrap p + p {
    margin: 11px 0 0;
}
.volume-issue-box .admin-bbs {
    position: absolute;
    bottom: 21px;
    left: 0;
    width: 100%;
    padding: 0 21px 0 36px;
}
.btn.btn-journal-download {
    width: auto;
    height: 40px;
    margin: 0 0 0 auto;
    padding: 0 26px;
}

/* The Journal of KAIRB - 권/호 view */
.volume-issue-view .title-wrap {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
    padding: 11px 23px;
    border-radius: 10px 10px 0 0;
    background-color: #1a365d;
}
.volume-issue-view .title-wrap .title {
    font-size: 1.8rem;
    font-weight: 600;
    color: #fff;
}
.volume-issue-view .title-wrap .btn {
    flex-shrink: 0;
    border-color: #fff;
}
.volume-issue-view .content-wrap {
    padding: 50px 0 80px;
}
.volume-issue-view .content-wrap .title {
    font-size: 2.3rem;
    font-weight: 600;
    text-align: center;
    letter-spacing: -1px;
}
.volume-issue-view .content-wrap .writer-wrap {
    margin: 30px 0 0;
}
.volume-issue-view .content-wrap .writer-wrap .tit {
    font-size: 1.6rem;
    font-weight: 500;
    text-align: center;
    letter-spacing: -1px;
}
.volume-issue-view .content-wrap .writer-wrap .txt {
    margin: 10px 0 0;
    font-size: 14px;
    color: #666;
    text-align: center;
    letter-spacing: -1px;
}
.volume-issue-view .content-wrap .text {
    margin: 45px 0 0;
    font-size: 1.5rem;
    line-height: 1.8;
    letter-spacing: -1px;
}
.volume-issue-view .content-wrap .key-word {
    margin: 45px 0 0;
    font-size: 1.5rem;
    letter-spacing: -1px;
}
.volume-issue-view .bottom-text {
    padding: 16px 0 0;
    border-top: 1px solid #ddd;
    font-size: 13px;
    color: #888;
    text-align: right;
    letter-spacing: -1px;
}

/* 교육 QR CODE */
.edu-code-wrap {
    width: 100%;
    max-width: 318px;
    margin: 0 auto;
}
.edu-code-wrap .title {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3;
    color: #000;
    text-align: center;
}
.edu-code-wrap .qr-wrap {
    margin: 18px 0 20px;
    padding: 20px 0;
    border: 1px solid #ccc;
    border-radius: 15px;
    text-align: center;
}
.timer-item {
    display: flex;
    align-items: center;
    overflow: hidden;
    border: 2px solid;
    border-radius: 12px;
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    text-align: center;
    letter-spacing: -0.5px;
}
.timer-item + .timer-item {
    margin: 15px 0 0;
}
.timer-wrap .timer-item .tit {
    width: 70px;
    padding: 10px 0;
    color: #fff;
}
.timer-wrap .timer-item .cont {
    width: calc(100% - 70px);
    padding: 10px 0;
}

.timer-item.type1 {
    border-color: #00a3c4;
}
.timer-wrap .timer-item.type1 .tit {
    background-color: #00a3c4;
}
.timer-wrap .timer-item.type1 .cont {
    color: #00a3c4;
}

.timer-item.type2 {
    border-color: #8cc63f;
}
.timer-wrap .timer-item.type2 .tit {
    background-color: #8cc63f;
}
.timer-wrap .timer-item.type2 .cont {
    color: #8cc63f;
}

.timer-item.type3 {
    border-color: #e1002a;
}
.timer-wrap .timer-item.type3 .tit {
    background-color: #e1002a;
}
.timer-wrap .timer-item.type3 .cont {
    color: #e1002a;
}

/* 나의 교육 현황 */
.edu-status-wrap .text-notice.with-btn {
    transform: translateY(30px);
}
.edu-status-wrap .text-notice + .btn-wrap {
    margin-top: -20px !important;
}
.edu-status-item {
    overflow: hidden;
    margin: 16px 0 0;
    border: 1px solid #dde2ea;
    border-radius: 4px;
}
.edu-status-item .title-wrap {
    padding: 20px 30px 16px;
}
.edu-status-item .title-wrap .date-wrap {
    display: flex;
    gap: 18px;
    align-items: flex-end;
    font-size: 13px;
    font-weight: 400;
    line-height: normal;
    color: #888;
    letter-spacing: -0.5px;
}
.edu-status-item .title-wrap .title {
    margin: 10px 0 0;
    font-size: 2rem;
    font-weight: 600;
    color: #1a365d;
    letter-spacing: -0.5px;
}
.edu-status-item .title-wrap .sub-title {
    margin: 7px 0 0;
    font-size: 1.5rem;
    color: #0046ff;
    letter-spacing: -0.5px;
    text-decoration-line: underline;
    text-underline-position: under;
}
.edu-status-item .title-wrap .list-type-dot > li {
    font-size: 2rem;
    font-weight: 600;
    color: #1a365d;
    letter-spacing: -0.5px;
}
.edu-status-item .title-wrap .list-type-dot > li::before {
    top: 14px;
    background-color: #1a365d;
}
.edu-status-item .title-wrap .list-type-dot > li + li {
    margin: 15px 0 0;
}
.edu-status-item .title-wrap .list-type-bar {
    margin: 5px 0 0;
}
.edu-status-item .title-wrap .list-type-bar > li {
    font-size: 1.6rem;
    font-weight: 400;
    color: #111;
    letter-spacing: -0.5px;
}
.edu-status-item .info-wrap {
    display: flex;
    gap: 5px 20px;
    align-items: center;
    flex-wrap: wrap;
    padding: 15px 30px;
    border-top: 1px solid #dde2ea;
    background: #f4f9ff;
}
.edu-status-item .info-wrap p {
    display: flex;
    gap: 5px;
    align-items: center;
    font-size: 14px;
    color: #666;
    letter-spacing: -0.5px;
}
.edu-status-item .info-wrap p.edu-category {
    font-size: 1.5rem;
    font-weight: 500;
    color: #333;
    letter-spacing: -0.5px;
}
.edu-status-item .info-wrap p img {
    display: block;
    flex-shrink: 0;
    transform: translateY(1px);
}
.edu-status-item .info-wrap p b {
    font-weight: 600;
    color: #000;
}
.edu-status-item .info-wrap p .complete {
    color: #0046ff;
}
.edu-status-item .info-wrap p .incomplete {
    color: #c50000;
}
.edu-status-item .info-wrap .btn-wrap.flex-type {
    gap: 8px;
    margin-left: auto;
}
.edu-status-item .info-wrap .btn-icon {
    height: 34px;
    margin-left: auto;
    border-radius: 4px;
    font-size: 14px;
}
.edu-status-item .info-wrap .btn-link {
    padding: 0 15px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -0.5px;
}
.edu-status-item .info-wrap .btn-pdf {
    width: 34px;
    height: 34px;
}
.edu-status-wrap .table-wrap {
    margin: 15px 0 0;
}
.edu-status-wrap .cst-table th,
.edu-status-wrap .cst-table td {
    padding: 14px 20px;
    font-size: 1.5rem;
}
.edu-status-wrap .cst-table .checkbox-group {
    padding-left: 0;
}
.edu-status-wrap .cst-table .checkbox-group input[type="checkbox"] {
    margin: 0;
}
.edu-status-wrap .cst-table .btn-print {
    position: relative;
    width: 24px;
    height: 24px;
    vertical-align: middle;
}
.edu-status-wrap .cst-table .btn-print img {
    position: absolute;
    top: 50%;
    left: 50%;
    transition: all 0.3s ease;
    transform: translate(-50%, -50%);
}
.edu-status-wrap .cst-table .btn-print .print-off {
    opacity: 1;
}
.edu-status-wrap .cst-table .btn-print:hover .print-on {
    opacity: 0;
}

.edu-status-item.type-check {
    border-top: 3px solid #1a365d;
}
.edu-status-item.type-check .title-wrap {
    position: relative;
    padding: 26px 30px 22px 135px;
}
.edu-status-item .title-wrap .score {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: absolute;
    top: 50%;
    left: 30px;
    width: 80px;
    border-radius: 40px;
    background: linear-gradient(145deg, #00badb 6.03%, #0085e9 93.97%);
    transform: translateY(-50%);
    aspect-ratio: 1 / 1;
}
.edu-status-item .title-wrap .score span {
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    letter-spacing: -0.5px;
    opacity: 0.8;
}
.edu-status-item .title-wrap .score b {
    margin: 4px 0 0;
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 1;
    color: #fff;
    letter-spacing: -0.5px;
}

/* 교육이수증출력 */
.edu-status-item .title-wrap .checkbox-wrap {
    display: inline-flex;
    vertical-align: middle;
    font-size: 0;
}
.edu-status-item .title-wrap .checkbox-group {
    padding-left: 0;
}
.edu-status-item .title-wrap .checkbox-group input[type="checkbox"] {
    width: 22px;
    height: 22px;
    margin-top: -3px;
    margin-right: 13px;
    margin-left: 0;
    border-color: #9ea8b5;
    border-radius: 2.5px;
}
.edu-status-item .title-wrap .checkbox-group input[type="checkbox"]:before {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
    width: 25%;
    height: 55%;
    border-bottom: 2px solid #9ea8b5;
    border-right: 2px solid #9ea8b5;
    clear: both;
    transform: rotate(50deg) translateY(-20%) translateX(-10%);
}
.edu-status-item .title-wrap .checkbox-group input[type="checkbox"]:checked {
    border-color: #1077c4;
    background-color: #1077c4;
}
.edu-status-item .title-wrap .checkbox-group input[type="checkbox"]:checked:before {
    border-color: #fff;
}
.edu-status-item .info-wrap .btn-info {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 34px;
    padding: 0 24px;
    border: 1px solid transparent;
    border-radius: 2px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -0.5px;
}
.edu-status-item .info-wrap .btn-info.type1 {
    border-color: #ed5e11;
    background-color: #ed5e11;
    color: #fff;
}
.edu-status-item .info-wrap .btn-info.type2 {
    border-color: #008299;
    background-color: #008299;
    color: #fff;
}
.edu-status-item .info-wrap .btn-info.type3 {
    border-color: #004098;
    background-color: #004098;
    color: #fff;
}
.edu-status-item .info-wrap .btn-info.type4 {
    border-color: #004098;
    background-color: #fff;
    color: #004098;
}
.edu-status-item .info-wrap .btn-info.type5 {
    border-color: #e1002a;
    background-color: #fff;
    color: #e1002a;
}
.certificate-wrap .edu-status-item .info-wrap {
    gap: 5px 10px;
}

/* 기관 이력 확인 - IRB 기관등록 내역 */
.institution-registration-wrap.list {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}
.institution-registration-wrap.list .content {
    position: relative;
    width: calc((100% - 40px) / 3);
    padding: 32px 24px 32px 86px;
    border: 1px solid #dde2ea;
    border-radius: 4px;
    background-image: url("/assets/image/sub/bg_institution.png");
    background-repeat: no-repeat;
    background-position: center left 20px;
    box-sizing: border-box;
}
.institution-registration-wrap.list .content .title {
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.2;
    color: #000;
    letter-spacing: -0.5px;
}
.institution-registration-wrap.list .content .date {
    margin-top: 12px;
    font-size: 14px;
    line-height: 1.2;
    color: #888;
    letter-spacing: -0.5px;
}
.institution-registration-wrap.list .content .btn-institution-write {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0;
    bottom: 0;
    height: 34px;
    padding: 0 16px;
    border-radius: 10px 0 4px 0;
    background-color: #4d8dff;
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
    color: #fff;
    letter-spacing: -0.5px;
}
.institution-registration-wrap.list .content.end {
    background-color: #f4f9ff;
}
.institution-registration-wrap.list .content.end .btn-institution-write {
    background-color: #1a365d;
}

.institution-registration-wrap.view .sub-contit-wrap + .list-type {
    margin: 12px 0 13px;
}

.write-wrap.irb-info > li {
    display: flex;
}
.write-wrap.irb-info > li:not(.line-title) {
    border-bottom: 1px solid #dde2ea;
}
.write-wrap.irb-info .line-title {
    display: flex;
    gap: 10px;
    align-items: center;
    padding: 12px 20px;
    border-radius: 4px 4px 0 0;
    background: #1a365d;
}
.write-wrap.irb-info .line-title .title {
    position: relative;
    padding-left: 14px;
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.2;
    color: #fff;
    letter-spacing: -0.5px;
}
.write-wrap.irb-info .line-title .title:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 20px;
    border-radius: 2px;
    background: #00a3c4;
}
.write-wrap.irb-info .form-tit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 15px 20px;
}
.write-wrap.irb-info .form-con {
    display: inline-flex;
    align-items: center;
    width: calc((100% - 80px) / 2);
    padding: 15px 20px;
    border-left: 1px solid #dde2ea;
}
.write-wrap.irb-info .size-xs {
    width: 80px;
}
.write-wrap.irb-info .size-m {
    max-width: 250px;
}

/* 수강 이력 확인 */
.course-history-wrap .title-wrap {
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 14px;
}
.course-history-wrap .title-wrap .title {
    position: relative;
    padding-left: 36px;
    font-size: 1.8rem;
    line-height: 24px;
    color: #000;
}
.course-history-wrap .title-wrap .title strong {
    font-size: 2.2rem;
    font-weight: 600;
    color: #004098;
}
.course-history-wrap .title-wrap .title:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: -4px;
    left: 0;
    width: 30px;
    height: 30px;
    background-image: url("/assets/image/sub/ic_course_history.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
.course-history-wrap .title-wrap .btn {
    font-weight: 500;
    letter-spacing: -0.14px;
}
.course-history-wrap .title-wrap .btn i {
    display: inline-block;
    margin-top: 1px;
}

.sub-tab-wrap.type1 > ul.type-help-desk > li > a {
    font-size: 2rem;
}
.sub-tab-wrap.type1 > ul.type-help-desk > li > a span {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 38px;
    height: 26px;
    margin-left: 20px;
    padding: 5px 0;
    border: 1px solid transparent;
    border-radius: 20px;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1;
}

.sub-tab-wrap.type1 > ul.type-help-desk > li > a span.type1 {
    border-color: #004098;
    background-color: #004098;
    color: #fff;
}
.sub-tab-wrap.type1 > ul.type-help-desk > li > a span.type2 {
    border-color: #1077c4;
    background-color: #1077c4;
    color: #fff;
}
.sub-tab-wrap.type1 > ul.type-help-desk > li > a span.type3 {
    border-color: #64748b;
    background-color: #64748b;
    color: #fff;
}
.sub-tab-wrap.type1 > ul.type-help-desk > li.on > a span {
    border-color: #fff !important;
}