/* ====================== */
/* 메인 */
/* ====================== */
.l-main h2 {font-size:24px;font-weight:600;margin-bottom:20px;}
.l-main .banner {overflow:hidden;margin-bottom:60px;}
.l-main .banner .swiper {max-width:1180px;width:100%;padding:0 20px;overflow:visible;}
.l-main .banner .swiper-slide {width:100%;}
.l-main .banner .banner-item {width:100%;height:520px;border-radius:15px;overflow:hidden;position:relative;display:flex;align-items:start;flex-direction:column;justify-content:center;padding:0 80px}
.l-main .banner .banner-item .banner-bg {position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;z-index:-1;}
.l-main .banner .banner-item .banner-title {font-size:40px;color:#fff;margin-bottom:16px;}
.l-main .banner .banner-item .banner-title strong {font-weight:600;}
.l-main .banner .banner-item .banner-text {font-size:18px;color:#fff;font-weight:400;}
.l-main .banner .swiper-button-next, 
.l-main .banner .swiper-rtl .swiper-button-prev {right:40px;}
.l-main .banner .swiper-button-prev, 
.l-main .banner .swiper-rtl .swiper-button-next {left:40px;}
.l-main .banner .swiper-button-next:after, 
.l-main .banner .swiper-button-prev:after {font-size:24px;font-weight:500;color:#fff;}
.l-main .banner .swiper-pagination {left:50%; bottom:20px; right:auto; width:auto; background-color:rgba(39, 39, 39, 0.4); padding:12px 16px; border-radius:50px; transform:translateX(-50%); display:flex; gap:7px;}
.l-main .banner .swiper-pagination-bullet {background-color:#fff; opacity:1; transition:width .5s ease; border-radius:5px; height:5px; width:5px; margin:0 !important;}
.l-main .banner .swiper-pagination-bullet-active {width:44px;background-color:#5297FF;}

.l-main .quick-menu {margin-bottom:60px;display:flex;gap: 20px;}
.l-main .quick-menu .quick-item {height:125px;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;border-radius:8px;overflow:hidden;transition:all .4s ease;}
.l-main .quick-menu .quick-item:nth-child(1) {background:#011B43 url(../images/main/quick_item1_bg.png) no-repeat center/auto 100%;}
.l-main .quick-menu .quick-item:nth-child(2) {background:#011B43 url(../images/main/quick_item2_bg.png) no-repeat center/auto 100%;}
.l-main .quick-menu .quick-item:nth-child(3) {background:#011B43 url(../images/main/quick_item3_bg.png) no-repeat center/auto 100%;}
.l-main .quick-menu .quick-item:nth-child(4) {background:#011B43 url(../images/main/quick_item4_bg.png) no-repeat center/auto 100%;}
.l-main .quick-menu .quick-item:hover {background-size:auto 110%;}
.l-main .quick-menu .quick-item .icon {width:50px;height:50px;display:flex;margin-bottom:3px;}
.l-main .quick-menu .quick-item .icon img {margin:auto;}
.l-main .quick-menu .quick-item .name {color:#fff;font-size:16px;font-weight:500;}

.l-main .board {margin-bottom:40px;}
.l-main .board .board-head {display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;position:relative;}
.l-main .board .tab {display:flex;gap:28px;}
.l-main .board .tab .tab-btn {font-size:18px;color:#333D4B;}
.l-main .board .tab .tab-btn.active {color:#5297FF;font-weight:500;}
.l-main .board .btn-more {display: inline-flex;align-items:center;gap:6px;color:#969696;}
.l-main .board .btn-more:after {content:'';display:block;width:12px;height:12px;background:url(../images/btn_more.svg) no-repeat center/contain;}
.l-main .board .board-list {display:grid;grid-template-columns:repeat(2, 1fr);gap:18px;}
.l-main .board .board-list .board-item {border-radius: 8px;border: 1px solid #F0F0F0;display:block;padding:30px 25px 20px;color:#333D4B;transition:all .3s ease;}
.l-main .board .board-list .board-item:hover {border-color:#5297FF;background-color:#f9f9f9;}
.l-main .board .board-list .board-item .title {display:block;font-size:18px;font-weight:600;margin-bottom:12px;}
.l-main .board .board-list .board-item .text {color:#969696;line-height:150%;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;margin-bottom:18px;}
.l-main .board .board-list .board-item .date {display:block;text-align:right;color:#969696;font-weight:300;}

.l-main .line-banner {margin-bottom:60px;}
.l-main .line-banner .swiper {border-radius:15px;}
.l-main .line-banner .swiper img {width:100%;}
.l-main .line-banner .only-m {display:none;}
.l-main .line-banner .swiper-pagination {left:auto;right: 25px;bottom:15px; width:auto; display:flex; gap:8px;}
.l-main .line-banner .swiper-pagination-bullet {background-color:#F9FAFB; opacity:1; transition:width .5s ease; border-radius:100px; height:10px; width:10px; margin:0 !important;}
.l-main .line-banner .swiper-pagination-bullet-active {background-color:#5297FF;}

.l-main .schedule {margin-bottom:60px;}
.l-main .schedule-wrap {display:flex;gap:40px;height:595px;}
.l-main .schedule-wrap .schedule-title {font-size:20px;font-weight:600;}
.l-main .schedule-wrap .calendar {width:65%;border-radius: 15px;border: 1px solid #F0F0F0;box-shadow: 1px 1px 4px 0px rgba(140, 194, 215, 0.10);padding:30px;height:100%;position:relative;}
.l-main .schedule-wrap .calendar-btn {position: absolute;right:30px;top:30px;display:flex;gap:8px;}
.l-main .schedule-wrap .calendar-btn button {border-radius: 35.385px;width:26px;height:26px;border: 1px solid #F0F0F0;background: #FFF;box-shadow: 1px 1px 4.175px 0px rgba(140, 194, 215, 0.25);font-size:0;overflow:hidden;}
.l-main .schedule-wrap .calendar-btn .btn-next {background:#fff url(../images/main/btn_calendar_next.svg) no-repeat center/12px;}
.l-main .schedule-wrap .calendar-btn .btn-prev {background:#fff url(../images/main/btn_calendar_prev.svg) no-repeat center/12px;}
.l-main .schedule-wrap .calendar table {width:100%;border-collapse:collapse;text-align:center;margin-top:56px;}
.l-main .schedule-wrap .calendar table th {font-weight:600;}
.l-main .schedule-wrap .calendar table th:first-child {color:#F46161;}
.l-main .schedule-wrap .calendar table th:last-child {color:#5297FF;}
.l-main .schedule-wrap .calendar table td {width:calc(100%/7);padding:3px 5px;}
.l-main .schedule-wrap .calendar table td > div {height:66px;border-radius:5px;display:flex;align-items:center;justify-content:center;width:100%;font-weight:500;}
.l-main .schedule-wrap .calendar table td > div.active {background-color: #5297FF;color:#fff;}
.l-main .schedule-wrap .calendar table .disabled {opacity:.4;}
.l-main .schedule-wrap .event {width:35%;height:100%;display:flex;flex-direction:column;}
.l-main .schedule-wrap .event .event-list {margin-top:20px;background-color:#fff;overflow:auto;flex:auto;padding-right:10px;}
.l-main .schedule-wrap .event .event-item {margin-bottom:20px;border-radius: 15px;border: 1px solid #F0F0F0;box-shadow: 1px 1px 4px 0px rgba(140, 194, 215, 0.10);padding:20px;}
.l-main .schedule-wrap .event .event-item:last-child {margin-bottom:0;}
.l-main .schedule-wrap .event .event-item .date {display:block;font-size:16px;font-weight:600;color:#5297FF;margin-bottom:20px;}
.l-main .schedule-wrap .event .event-item span {color:#969696;display:block;margin-bottom:6px;}
.l-main .schedule-wrap .event .event-item p {font-weight:500;}

.l-main .gallery {margin-bottom:60px;}
.l-main .gallery .swiper-slide {width:220px;}
.l-main .gallery .gallery-item {border-bottom:1px solid #f0f0f0;padding-bottom:12px;color:#333D4B;}
.l-main .gallery .gallery-item .gallery-thumb {width:100%;height:180px;position:relative;border-radius:8px;overflow:hidden;margin-bottom:12px;}
.l-main .gallery .gallery-item .gallery-thumb img {position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;transition:all .5s ease;}
.l-main .gallery .gallery-item .gallery-thumb:hover img {transform:scale(1.05);}
.l-main .gallery .gallery-item .gallery-title {font-weight:600;display:block;margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.l-main .gallery .gallery-item .gallery-date {font-size:12px;color:#969696;}
.l-main .gallery .gallery-list {position:relative;}
.l-main .gallery .btn-gallery-next,
.l-main .gallery .btn-gallery-prev {width:36px;height:36px;font-size:0;white-space:nowrap;overflow:hidden;border-radius:100px;background:#fff url(../images/main/gallery_arrow.svg) no-repeat center;background-size:45% auto;position:absolute;top:50%;transform:translateY(-50%);box-shadow: 1px 1px 5.9px 0px rgba(0, 0, 0, 0.25);}
.l-main .gallery .btn-gallery-next {right:-18px;z-index:1;}
.l-main .gallery .btn-gallery-prev {left:-18px;z-index:1;transform:translateY(-50%) rotate(-180deg);}

.l-main .partner {margin-bottom:120px;padding:0 20px;max-width:1180px;width:100%;margin-left:auto;margin-right:auto;}
.l-main .partner .partner-slide {position:relative;overflow:hidden;padding:0 22px;margin-bottom:20px;}
.l-main .partner .partner-slide .partner-slide-group {display:flex;gap:10px;}
.l-main .partner .partner-slide .partner-slide-group > div {width:194px;height:66px;overflow:hidden;position:relative;display:flex;border-radius: 8px;border: 1px solid #F0F0F0;background: #FFF;box-shadow: 1px 1px 5px 0px rgba(140, 194, 215, 0.10);}
.l-main .partner .partner-slide .partner-slide-group > div img {margin:auto;}
.l-main .partner .partner-slide .js-marquee + .js-marquee {margin-left:10px}

/* 태블릿 */
@media screen and (max-width: 960px) {
    .l-main .schedule-wrap {flex-direction:column;height:auto;}
    .l-main .schedule-wrap .calendar {width:100%;height:auto;}
    .l-main .schedule-wrap .calendar table td > div {height:55  px;}
    .l-main .schedule-wrap .event {width:100%;height:auto;}
    .l-main .schedule-wrap .event .event-list {padding-right:0;}
}

/* 모바일 */
@media screen and (max-width: 768px) {
    .l-main .banner .swiper {padding:0;}
    .l-main .banner .banner-item {height:500px;padding:0 20px 80px;justify-content:end;border-radius:0;}
    .l-main .banner .banner-item .banner-title {font-size:20px;line-height:1.4;}
    .l-main .banner .banner-item .banner-text {font-size:12px;}
    .l-main .banner .swiper-button-next:after, .banner .swiper-button-prev:after {font-size:16px;}
    .l-main .banner .swiper-button-next, .banner .swiper-rtl .swiper-button-prev {right:14px;top:auto;bottom:14px;}
    .l-main .banner .swiper-button-prev, .banner .swiper-rtl .swiper-button-next {left:14px;top:auto;bottom:14px;}

    .l-main .quick-menu {flex-wrap:wrap;gap:14px;}
    .l-main .quick-menu .quick-item {width:auto;flex:1 1 40%;background-size:cover !important;}

    .l-main .board .btn-more {position:absolute;top:-44px;}
    .l-main .board .tab {width:100%;flex-wrap:wrap;gap:12px 14px;}
    .l-main .board .tab .tab-btn {flex:none;font-size:16px;}
    .l-main .board .board-head {flex-direction:column;align-items:flex-end;}
    .l-main .board .board-list {grid-template-columns:repeat(1, 1fr);gap:14px;}
    .l-main .board .board-list .board-item {padding:20px 14px 15px;}
    .l-main .board .board-list .board-item .title {font-size:16px;margin-bottom:8px;}
    
    .l-main .schedule-wrap .calendar {padding:20px 16px 16px;border-radius:12px;}
    .l-main .schedule-wrap .calendar table td > div {height:30px;}
    .l-main .schedule-wrap .calendar table td {padding:3px;}
    .l-main .schedule-wrap .calendar table {margin-top:32px;}
    .l-main .schedule-wrap .calendar-btn {right:16px;top:20px;}
    .l-main .schedule-wrap .event .event-item {padding:14px 14px;margin-bottom:10px;border-radius:6px;}

    .l-main .gallery .swiper-slide {width:calc((100% - 10px)/2);}
    .l-main .gallery .gallery-item .gallery-thumb {height:140px;}

    .l-main .line-banner .only-m {display:block;}
    .l-main .line-banner .only-pc {display:none;}

    .l-main .partner {margin-bottom:80px;padding:0;}
    .l-main .partner h2 {padding:0 20px;}
}

/* ====================== */
/* 인사말 */
/* ====================== */
.l-greeting .greeting-wrap {display:flex;gap:40px;align-items:start;}
.l-greeting .greeting-wrap .thumb {border-radius: 15px;border: 1px solid #F0F0F0;background:  lightgray -0.183px 0px / 100.086% 102.823% no-repeat;box-shadow: 1px 1px 4px 0px rgba(140, 194, 215, 0.10);overflow:hidden;}
.l-greeting .greeting-wrap .thumb img {width:100%;height:100%;object-fit:cover;}
.l-greeting .greeting-wrap .content {padding-left:60px;position:relative;padding-top:48px;}
.l-greeting .greeting-wrap .content .mark {position:absolute;left:0;top:0;}
.l-greeting .greeting-wrap .content .mark2 {position:absolute;right:0;}
.l-greeting .greeting-wrap .content .title {display:block;font-size:26px;font-weight:600;margin-bottom:28px;}
.l-greeting .greeting-wrap .content p {font-size:15px;line-height:1.56;word-break:keep-all;}
.l-greeting .greeting-wrap .sign {margin-top:80px;display:flex;justify-content:end;align-items: center;}
.l-greeting .greeting-wrap .sign span {font-size:16px;margin-right:7px;font-weight:300;}
.l-greeting .greeting-wrap .sign strong {font-size:18px;font-weight:500;color:#000;}
.l-greeting .greeting-wrap .sign .sign-img {margin-left:20px;}

/* 모바일 */
@media screen and (max-width: 768px) {
    .l-greeting .greeting-wrap {flex-direction:column;align-items:center;gap:30px;}
    .l-greeting .greeting-wrap .thumb {width:72%;}
    .l-greeting .greeting-wrap .content {padding-left:0;}
    .l-greeting .greeting-wrap .content .title {font-size:20px;margin-bottom:20px;}
    .l-greeting .greeting-wrap .content p {font-size:14px;}
}

/* ====================== */
/* 설립목적 및 연혁 */
/* ====================== */
.l-history p {line-height:1.45;word-break:keep-all;}
.l-history .history-tab {display:flex;gap:10px;}
.l-history .history-tab .tab-btn {display:inline-block;height:40px;border-radius: 4px;border: 1px solid #F0F0F0;background: #f9f9f9;padding:0 12px;color:#333D4B;}
.l-history .history-tab .tab-btn.active {background-color:#5297FF;color:#fff;}
.l-history .history-box {width:729px;max-width:100%;padding:24px;border-radius:8px;background-color:#f9f9f9;}
.l-history .history-box .history-line {display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;}
.l-history .history-box .history-line:last-child {margin-bottom:0;}
.l-history .history-box .history-line span {color:#969696;font-weight:500;}
.l-history .history-box .history-line strong {word-break:keep-all;line-height:1.5;}
.l-history .tls {width:729px;max-width:100%;}
.l-history .tls td {white-space:nowrap;}

/* 모바일 */
@media screen and (max-width: 768px) {
    .l-history .history-box .history-line {flex-direction:column;align-items:start;gap:5px;margin-bottom:20px;}
}

/* ====================== */
/* 기구 및 조직 */
/* ====================== */
.l-organization .organization-wrap {display:block;width:100%;padding:40px 14px;border-radius: 8px;border: 1px solid #F0F0F0;background-color:#fff;}
.l-organization .organization-wrap img {margin:0 auto;}

/* ====================== */
/* 체육회 임원현황 */
/* ====================== */
.l-executive .member-wrap {display:flex;flex-wrap:wrap;gap:30px 45px;}
.l-executive .member-wrap .member {width:152px;}
.l-executive .member-wrap .member .thumb {position:relative;padding-bottom:121%;width:100%;border-radius: 8px;border: 1px solid #F0F0F0;box-shadow: 1px 1px 4px 0px rgba(140, 194, 215, 0.10);overflow:hidden;}
.l-executive .member-wrap .member .thumb img {width:100%;height:100%;object-fit:cover;position:absolute;left:0;top:0;}
.l-executive .member-wrap .member .name {display:block;text-align:center;padding-top:11px;}

/* 모바일 */
@media screen and (max-width: 768px) {
    .l-executive .member-wrap {display:grid;grid-template-columns:repeat(3, 1fr);gap:24px 10px;}
    .l-executive .member-wrap .member {width:auto;}
    .l-executive .member-wrap .member .thumb {height:124px;}
}

/* ====================== */
/* 체육회 임원현황 */
/* ====================== */
.l-staff .tls {overflow-x: auto;}
.l-staff .tls table {white-space:nowrap;}
.l-staff .tls thead th,
.l-staff .tls td {padding:11px 20px;}

/* ====================== */
/* 수탁시설현황 */
/* ====================== */
.l-facility .area-wrap {display:grid;grid-template-columns:repeat(3, 1fr);gap:35px;}
.l-facility .area-wrap .info-box {border-radius:8px;overflow:hidden;position: relative;}
.l-facility .area-wrap .info-box .thumb {height:212px;width:100%;overflow:hidden;}
.l-facility .area-wrap .info-box .thumb img {width:100%;height:100%;object-fit:cover;transition:all .5s ease;}
.l-facility .area-wrap .info-box:hover .thumb img {transform:scale(1.05);}
.l-facility .area-wrap .info-box .detail {padding:15px 20px;border-right: 1px solid #F0F0F0;border-bottom: 1px solid #F0F0F0;border-left: 1px solid #F0F0F0;height:120px;overflow:auto;}
.l-facility .area-wrap .info-box .detail:after {content:'';display:block;position:absolute;bottom:0;left: 0;right:0;height:30px;background: linear-gradient(187deg, rgba(255, 255, 255, 0.00) 5.75%, #FFF 100%);}
.l-facility .area-wrap .info-box .detail .info {display:flex;justify-content:space-between;align-items:start;margin-bottom:12px;}
.l-facility .area-wrap .info-box .detail .info:last-child {margin-bottom:0;}
.l-facility .area-wrap .info-box .detail .info-label {color:#969696;font-size:13px;font-weight:600;white-space:nowrap;}
.l-facility .area-wrap .info-box .detail .info-text {color:#333D4B;font-size:13px;text-align:right;line-height:1.5;word-break:keep-all;}
.l-facility .area-wrap .info-box .detail .info-text ul li {margin-bottom:5px;}

/* 태블릿 */
@media screen and (max-width: 960px) {
    .l-facility .area-wrap {grid-template-columns:repeat(2, 1fr);}
}

/* 모바일 */
@media screen and (max-width: 768px) {
    .l-facility .area-wrap {grid-template-columns:repeat(1, 1fr);gap:0;}
}

/* ====================== */
/* 로그인 / 회원가입 */
/* ====================== */
.auth-wrap {display:flex;width:100%;margin:60px auto;padding:0 100px;justify-content:center;align-items:center;gap:80px;}
.auth-wrap .auth-bg {height:700px;width:58%;border-radius: 0px 25px;background: #011B43 url(../images/auth_bg.png) no-repeat center/cover;display:flex;padding:0 40px;}
.auth-wrap .auth-bg .auth-bg-inner {margin:auto;}
.auth-wrap .auth-bg .auth-bg-inner strong {font-size:46px;color:#fff;font-weight:600;line-height:1.4;margin-bottom:30px;display:block;}
.auth-wrap .auth-bg .auth-bg-inner p {font-size:18px;color:#fff;line-height:1.4;}
.auth-wrap .auth-bg .auth-bg-inner a {display:block;font-size:16px;font-weight:600;border:1px solid #fff;color:#fff;border-radius:6px;padding:20px 0;text-align:center;margin-top:60px;}
.auth-wrap .auth-content {width:42%;}
.auth-wrap .auth-top {margin-bottom:60px;text-align: center;}
.auth-wrap .auth-top h2 {font-size:36px;font-weight:600;margin-bottom:11px;}
.auth-wrap .auth-top p {font-size:18px;color:#969696;}
.input-box {position:relative;margin-bottom:10px;}
.input-box:last-child {margin-bottom:0;}
.input-box .input-icon {position:absolute;left:15px;top:50%;transform:translateY(-50%);width:20px;height:20px;}
.input-box .input-icon + input {padding:0 15px 0 45px;}
.input-box .input-icon img {width:100%;height:100%;object-fit:contain;}
.input-box input {height:58px;width:100%;border-radius: 4px;border: 1px solid #C0C4CC;background: #FFF;padding:0 15px;transition:all .3s ease;}
.input-box input:focus {outline:none;border-color:#5297FF;}
.input-box input::placeholder {color:#999;}
.input-box.with-btn {display:flex;gap:10px;}


.login-container {width:454px;max-width:100%;margin:0 auto;}
.login-container .login-etc {display:flex;align-items:center;justify-content:space-between;margin-top:20px;}
.login-container .login-etc a {color:#333D4B;}
.login-container .btn-login {margin-top:60px;width:100%;border-radius: 4px;background: #5297FF;padding:19px 0;color:#fff;font-size:16px;font-weight:600;}
.check {position:relative;display:inline-block;}
.check input {display:none;}
.check label {display:inline-flex;gap:6px;align-items:center;}
.check label:before {content:'';display:inline-block;width:20px;height:20px;border-radius: 4px;border: 1px solid #C0C4CC;background: #FFF;}
.check input:checked + label::before {border-color:#5297FF;background:url(../images/check.svg) no-repeat center/16px auto;}

.register-container .auth-top {margin-bottom:30px;}
.register-container .step {display:flex;gap:65px;align-items:start;justify-content:center;margin-bottom:48px;}
.register-container .step-item {text-align:center;}
.register-container .step-item .icon {width:72px;height:72px;border-radius:100px;background-color:#f9f9f9;border-radius:100px;display:flex;background-repeat:no-repeat;background-position:center;position:relative;}
.register-container .step-item .icon:after {content:'';display:block;width:70px;height:1px;background-color:#F0F0F0;position:absolute;top:36px;left:100%;z-index:-1;}
.register-container .step-item:last-child .icon:after {content:none;}
.register-container .step-item span {color:#969696;font-size:14px;margin-top:10px;display:block;}
.register-container .step-item:nth-child(1) .icon {background-image:url(../images/register_step1.svg);}
.register-container .step-item:nth-child(2) .icon {background-image:url(../images/register_step2.svg);}
.register-container .step-item:nth-child(3) .icon {background-image:url(../images/register_step3.svg);}
.register-container .step-item.active .icon {background-color:#5297FF;}
.register-container .step-item.active span {color:#5297FF;}
.register-container .step-item.active:nth-child(1) .icon {background-image:url(../images/register_step1_active.svg);}
.register-container .step-item.active:nth-child(2) .icon {background-image:url(../images/register_step2_active.svg);}
.register-container .step-item.active:nth-child(3) .icon {background-image:url(../images/register_step3_active.svg);}
.register-container .agree-top {display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;}
.register-container .agree-top .check label:before {border-color:#f0f0f0;}
.register-container .agree-top .check input:checked + label:before {border-color:#5297FF;}
.register-container .agree-top .check input:checked + label {color:#5297FF;user-select:none;}
.register-container .agree-top .check label {color:#969696;}
.register-container .agree-title {color:#969696;}
.register-container .agree-content {border-radius: 4px;border: 1px solid #F0F0F0;background: #FFF;overflow: auto;max-height:134px;padding:15px;line-height:1.5;color:#969696;font-size:13px;margin-bottom:40px;}
.register-container .register-form {display:flex;gap:20px;}
.register-container .register-form-col {width:100%;}
.register-container .register-form .input-box input {height:48px;}
.register-container .register-form .input-box .btn {width:100px;flex:none;}
.register-container .btn-area {margin-top:40px;text-align:center;}
.register-container .btn-area .btn {width:170px;max-width:40%;margin: 0 7px;}
.register-container .finish {border-radius: 0px 15px;background: #f9f9f9;padding:40px 20px;text-align:center;width:100%;max-width:500px;margin:0 auto;}
.register-container .finish strong {display:block;font-size:20px;font-weight:600;margin-bottom:14px;}
.register-container .finish p {line-height:1.45;color:#969696;}


/* 태블릿 */
@media screen and (max-width: 1400px) {
    .register-container .register-form {flex-direction:column;gap:10px;}
}

/* 태블릿 */
@media screen and (max-width: 960px) {
    .auth-wrap {flex-direction:column;align-items:center;padding:20px;margin:0;gap:0;}
    .auth-wrap .auth-bg {width:100%;padding:30px 34px 30px;height:auto;}
    .auth-wrap .auth-bg .auth-bg-inner strong {font-size:20px;margin-bottom:10px;}
    .auth-wrap .auth-bg .auth-bg-inner p {font-size:14px;word-break:keep-all;line-height:1.45;}
    .auth-wrap .auth-bg .auth-bg-inner a {padding:12px 0;font-size:14px;margin-top:26px;}
    .auth-wrap .auth-content {width:100%;padding:60px 0 30px;}
    .auth-wrap .auth-top {margin-bottom:30px;}
    .auth-wrap .auth-top h2 {font-size:24px;}
    .auth-wrap .auth-top p {font-size:16px;}
    .l-register .auth-bg {display:none;}
    .l-register .auth-content {padding:30px 0 30px;}
}

/* 모바일 */
@media screen and (max-width: 768px) {
    .login-container .btn-login {margin-top:30px;}
    .register-container .step {gap:32px;margin-bottom:30px;}
    .register-container .btn-area {display:flex;gap:14px;}
    .register-container .btn-area .btn {width:100%;max-width:none;margin:0;}
}


/* ====================== */
/* 프로그램 */
/* ====================== */
.l-program .board-wrap .board-list .list-item .btn-board-more {display:inline-block;width:14px;height:14px;font-size:0;background:url(../images/btn_board_more.svg) no-repeat center/12px auto;vertical-align:4px;margin-left:4px;}
.l-program .board-wrap .board-list .list-item > .col-event {width:18%;text-align:left;}
.l-program .board-wrap .board-list .list-item > .col-period {width:18%;}
.l-program .board-wrap .board-list .list-item > .col-period span {color: #969696;}
.l-program .board-wrap .board-list .list-item > .col-time {width:21%;}
.l-program .board-wrap .board-list .list-item > .col-status {width:17%;}
.l-program .board-wrap .board-list .list-item > .col-status .recruit {color:#5297FF;}
.l-program .board-wrap .board-list .list-item > .col-status .approval {color:#F35151;}
.l-program .board-wrap .board-list .list-item > .col-place {width:14%;}
.l-program .board-wrap .board-list .list-item > .col-apply {width:14%;}
.l-program .board-wrap .board-list .list-item > .col-apply .btn-apply {display:inline-block;width:70px;padding:8px 6px;text-align:center;border-radius:100px;background-color:#5297FF;color:#fff;text-decoration:none;font-size:13px;}
.l-program .board-wrap .board-list .list-item > .col-apply .btn-apply.disabled {color: #969696;background-color:#f9f9f9;}

.l-program-view .notice {margin-bottom:40px;width:100%;text-align:center;background:#011B43 url(../images/program/program_notice_bg.png) no-repeat center/cover;height:102px;display:flex;border-radius:8px;overflow:hidden;padding:20px;}
.l-program-view .notice p {margin:auto;color:#fff;font-weight:500;line-height:1.4;word-break:keep-all;}
.l-program-view .info {display:flex;gap:14px;margin-bottom:24px;}
.l-program-view .info .tls {width:100%;}
.l-program-view .info .tls th {width:150px;}
.l-program-view .info .tls td {text-align:left;padding:0 20px;}
.l-program-view .info .tls tbody tr:nth-child(even) {background-color:#fff;}
.l-program-view .desc {line-height:1.45;word-break:keep-all;}
.l-program-view .pg-section {margin-top:60px;}
.l-program-view .pg-section .pg-title {font-size: 18px;font-weight:600;display:block;margin-bottom:20px;}
.l-program-view .pg-section .pg-box {padding:15px;border-radius: 8px;border: 1px solid #F0F0F0;min-height:164px;line-height:1.5;}
.l-program-view .btn-area {margin-top:40px;text-align:center;}
.l-program-view .btn-area .btn {height:45px;width:200px;}

@media screen and (max-width: 768px) {
    .l-program .board-wrap .board-list .list-item>[class^="col-"] {width:100%;}
    .l-program .board-wrap .board-list .list-item .m-label {color:#969696;flex:auto;margin-left:0;font-size:13px;}
    .l-program .board-wrap .board-list .list-item > .col-event {font-size:16px;font-weight:600;margin-bottom:12px;}
    .l-program .board-wrap .board-list .list-item > .col-period {display:flex;justify-content:space-between;margin-bottom:9px;align-items:center;}
    .l-program .board-wrap .board-list .list-item > .col-time {display:flex;justify-content:space-between;color:#333D4B;margin-bottom:9px;align-items:center;}
    .l-program .board-wrap .board-list .list-item > .col-status {width:auto;position:absolute;left:0;bottom:18px;font-size:16px;}
    .l-program .board-wrap .board-list .list-item > .col-place {display:flex;justify-content:space-between;margin-bottom:16px;align-items:center;}
    .l-program .board-wrap .board-list .list-item > .col-apply {text-align: right;}

    .l-program-view .info {flex-direction:column;gap:10px;}
    .l-program-view .info .tls th {width:120px;}
    .l-program-view .info .tls td {text-align:right;}
    .l-program-view .btn -area .btn {width:100%;}
}

/* ====================== */
/* 갤러리 */
/* ====================== */
.l-gallery .gallery-list {display:grid;grid-template-columns:repeat(3, 1fr);gap:40px 20px;margin-top:40px;}
.l-gallery .gallery-item {border-bottom:1px solid #e4e4e4;padding-bottom:13px;}
.l-gallery .gallery-item .thumb {width:100%;height:auto;padding-bottom:50%;position:relative;overflow:hidden;border-radius:8px;margin-bottom:20px;}
.l-gallery .gallery-item .thumb img {width:100%;height:100%;object-fit:cover;position:absolute;left:0;top:0;}
.l-gallery .gallery-item .content .title {font-size:16px;font-weight:600;display:block;margin-bottom:17px;}
.l-gallery .gallery-item .content .etc {display:flex;justify-content:space-between;align-items:center;}
.l-gallery .gallery-item .content .etc .reaction {display:inline-flex;gap:18px;}
.l-gallery .gallery-item .content .etc .reaction .i-view {display:inline-flex;align-items:center;gap:7px;color:#c9c9c9;}
.l-gallery .gallery-item .content .etc .reaction .i-view:before {content:'';display:inline-block;width:18px;height:18px;background:url(../images/gallery/i_view.svg) no-repeat center/contain;}
.l-gallery .gallery-item .content .etc .reaction .i-comment {display:inline-flex;align-items:center;gap:7px;color:#c9c9c9;}
.l-gallery .gallery-item .content .etc .reaction .i-comment:before {content:'';display:inline-block;width:18px;height:18px;background:url(../images/gallery/i_comment.svg) no-repeat center/contain;}
.l-gallery .gallery-item .content .etc .date {color:#6d6d6d;}

@media screen and (max-width: 1200px) {
    .l-gallery .gallery-list {grid-template-columns:repeat(2, 1fr);}
}
@media screen and (max-width: 768px) {
    .l-gallery .board-wrap .board-top {flex-direction:column;gap:16px;}
    .l-gallery .board-wrap .board-top .search {width:100%;}
    .l-gallery .gallery-list {grid-template-columns:repeat(1, 1fr);gap:30px 10px;margin-top:10px;}
    .l-gallery .gallery-item .thumb {padding-bottom:62%;margin-bottom:13px;}
}

/* ====================== */
/* 회원종목단체 */
/* ====================== */
.l-group .group-list {display:grid;grid-template-columns:repeat(5, 1fr);gap:28px 20px;}
.l-group .group-item {background: #f9f9f9;border-radius:8px;overflow:hidden;}
.l-group .group-item .thumb {height: 130px;width:100%;overflow:hidden;}
.l-group .group-item .thumb img {width:100%;height:100%;object-fit:cover;}
.l-group .group-item .name {font-weight:500;display:block;padding:11px 9px;text-align:center;}

@media screen and (max-width: 768px) {
    .l-group .group-list {grid-template-columns:repeat(2, 1fr);gap:20px 14px;;}
    .l-group .group-item .thumb {height:110px;}
}