@charset "euc-kr";

.male-dorm-page {background:#fff;color:#333;font-family:Pretendard,"Pretendard Variable","Noto Sans KR",sans-serif;letter-spacing:-.01em}
.male-dorm-page * {box-sizing:border-box}
.male-dorm-page .mo-only,.male-dorm-page .only-mo,.male-dorm-page .only-ta-mo {display:none}
.male-dorm-page .only-pc {display:block}
.male-dorm-page .event-page {overflow:hidden;background:#fff}
.male-dorm-page .event-inner {width:1200px;max-width:100%;margin:0 auto}
.male-dorm-page .visual-wrap {display:flex;align-items:flex-start;justify-content:center;min-height:615px;padding-top:80px;background:linear-gradient(180deg,rgba(198,169,255,.2) 0%,rgba(204,178,255,.08) 56.393%,rgba(210,188,255,0) 100%);text-align:center}
.male-dorm-page .visual {display:flex;flex-direction:column;align-items:center}
.male-dorm-page .visual-eyebrow {margin:0;color:#333;font-size:32px;line-height:42px;font-weight:400;letter-spacing:-.02em}
.male-dorm-page .visual-eyebrow strong {font-weight:700}
.male-dorm-page h1 {margin:20px 0 0;color:#333;font-size:72px;line-height:84px;font-weight:400;letter-spacing:-.02em}
.male-dorm-page h1 em {color:#6428ff;font-style:normal;font-weight:700}
.male-dorm-page .visual-desc {margin:40px 0 0;color:#555;font-size:24px;line-height:32px;font-weight:400;letter-spacing:-.02em}
.male-dorm-page .visual-btn {display:flex;align-items:center;justify-content:center;width:500px;height:61px;margin-top:60px;border:1px solid #6428ff;border-radius:8px;color:#6428ff;font-size:18px;line-height:25px;font-weight:600;text-decoration:none;letter-spacing:-.01em}
.male-dorm-page .event-section {padding:60px 0}
.male-dorm-page .event-section h2 {margin:0;color:#333;font-size:32px;line-height:42px;font-weight:700;text-align:center;letter-spacing:-.02em}
.male-dorm-page .event-section h2 span {font-weight:400}
.male-dorm-page .section-sub {margin:12px 0 0;color:#333;font-size:20px;line-height:28px;text-align:center;letter-spacing:-.02em}
.male-dorm-page .reason-section {padding-top:0;background:#fff}
.male-dorm-page .reason-box {overflow:hidden;margin-top:32px;padding:60px;border:1px solid #e5e5e5;border-radius:16px;background:rgba(255,255,255,.4)}
.male-dorm-page .reason-track {display:grid;grid-template-columns:516px 516px;justify-content:center;column-gap:48px;row-gap:24px}
.male-dorm-page .reason-card {display:flex;flex-direction:column;gap:0;min-width:0}
.male-dorm-page .reason-img {overflow:hidden;position:relative;width:100%;aspect-ratio:516/313;border-radius:12px;background:#f8f8f8}
.male-dorm-page .reason-img img {display:block;width:100%;height:100%;object-fit:cover}
.male-dorm-page .reason-card h3 {margin:24px 0 0;color:#333;font-size:24px;line-height:32px;font-weight:700;text-align:center;letter-spacing:-.02em}
.male-dorm-page .reason-card ul {display:flex;flex-direction:column;gap:8px;margin:12px 0 0;padding:0;list-style:none}
.male-dorm-page .reason-card li {display:flex;gap:4px;align-items:flex-start;color:#555;font-size:16px;line-height:24px;letter-spacing:-.01em}
.male-dorm-page .ico-check {display:flex;align-items:center;justify-content:center;flex:0 0 24px;width:24px;height:24px}
.male-dorm-page .ico-check svg {display:block;width:17px;height:17px;fill:none;stroke:#9aa3b2;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.male-dorm-page .reason-dots {display:none}
.male-dorm-page .knowhow-section {background:#f6f3fd}
.male-dorm-page .knowhow-list {display:grid;grid-template-columns:repeat(4,238px);justify-content:center;gap:24px;width:1024px;max-width:100%;margin:32px auto 0}
.male-dorm-page .knowhow-list article {min-height:210px;padding:32px;border-radius:16px;background:#fff}
.male-dorm-page .knowhow-list span {display:inline-flex;align-items:center;height:26px;padding:4px 12px;border-radius:999px;background:#f1f3f8;color:#777;font-size:13px;line-height:18px;font-weight:700}
.male-dorm-page .knowhow-list h3 {margin:8px 0 0;color:#333;font-size:24px;line-height:32px;font-weight:700;letter-spacing:-.02em}
.male-dorm-page .knowhow-list p {margin:8px 0 0;color:#555;font-size:16px;line-height:24px;letter-spacing:-.01em}
.male-dorm-page .review-section {background:#f8f8f8}
.male-dorm-page .review-section .event-inner {width:1200px}
.male-dorm-page .review-swiper {display:block;overflow:visible;max-width:1200px;margin:32px auto 0;padding:48px 32px;border-radius:16px;background:#fff}
.male-dorm-page .review-list {display:grid;grid-template-columns:480px 480px;justify-content:center;gap:48px 40px}
.male-dorm-page .review-card {display:none;position:relative;width:480px;padding:0 16px 48px;border-bottom:1px solid #e5e5e5;background:#fff;text-align:center}
.male-dorm-page .review-card.is-visible {display:block}
.male-dorm-page .review-card.is-tail {border-bottom:0;padding-bottom:0}
.male-dorm-page .review-num {display:none}
.male-dorm-page .review-card h3 {display:inline-block;margin:0 12px 0 0;color:#333;font-size:20px;line-height:28px;font-weight:600;text-align:center;letter-spacing:-.02em;vertical-align:middle;white-space:nowrap}
.male-dorm-page .review-card strong {display:inline-flex;align-items:center;justify-content:center;width:auto;max-width:100%;margin:0;padding:4px 12px;border-radius:999px;background:#f6f3fd;color:#6428ff;font-size:18px;line-height:26px;font-weight:600;text-align:center;letter-spacing:-.02em;vertical-align:middle;white-space:nowrap}
.male-dorm-page .review-card p {display:flex;align-items:center;justify-content:center;min-height:72px;margin:20px 0 12px;padding:12px;border-radius:12px;background:#f8f8f8;color:#555;font-size:16px;line-height:24px;text-align:center;letter-spacing:-.01em}
.male-dorm-page .score-table {overflow:visible;border:0;border-radius:0;background:#fff}
.male-dorm-page table {width:100%;border-collapse:collapse;table-layout:fixed}
.male-dorm-page caption {overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0)}
.male-dorm-page .score-table table {border-collapse:separate;border-spacing:0}
.male-dorm-page .score-table th,.male-dorm-page .score-table td {height:44px;padding:12px 8px;border:0;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;color:#333;font-size:14px;line-height:20px;text-align:center;letter-spacing:-.01em;vertical-align:middle}
.male-dorm-page .score-table thead th {background:#f8f8f8;font-weight:600}
.male-dorm-page .score-table thead tr:first-child th {border-top:1px solid #e5e5e5}
.male-dorm-page .score-table tbody th {width:100px;background:#f8f8f8;font-weight:600}
.male-dorm-page .score-table thead tr:first-child th:nth-child(3) {border-top:2px solid #6428ff;border-right:2px solid #6428ff;border-left:2px solid #6428ff;color:#333}
.male-dorm-page .score-table thead tr:nth-child(2) th:nth-child(3) {border-left:2px solid #6428ff;color:#333}
.male-dorm-page .score-table thead tr:nth-child(2) th:nth-child(4) {border-right:2px solid #6428ff;color:#333}
.male-dorm-page .score-table tbody td:nth-child(4) {border-left:2px solid #6428ff;color:#6428ff;font-weight:600}
.male-dorm-page .score-table tbody td:nth-child(5) {border-right:2px solid #6428ff;color:#6428ff;font-weight:600}
.male-dorm-page .score-table tbody tr:last-child td:nth-child(4),.male-dorm-page .score-table tbody tr:last-child td:nth-child(5) {border-bottom:2px solid #6428ff}
.male-dorm-page .review-progress {display:none}
.male-dorm-page .more-btn {display:flex;align-items:center;justify-content:center;gap:2px;width:200px;height:42px;margin:48px auto 0;padding:0 24px;border:1px solid #dbdee5;border-radius:6px;background:#fff;color:#333;font-size:15px;line-height:22px;font-weight:500;letter-spacing:-.01em;cursor:pointer}
.male-dorm-page .more-ico {display:block;position:relative;flex:0 0 16px;width:16px;height:16px}
.male-dorm-page .more-ico:before {content:"";position:absolute;left:4px;top:3px;width:7px;height:7px;border-right:1.5px solid #333;border-bottom:1.5px solid #333;transform:rotate(45deg)}
.male-dorm-page .env-section {background:#fff}
.male-dorm-page .env-section h2 {margin-bottom:32px}
.male-dorm-page .compare-table {overflow:hidden;width:1024px;max-width:100%;margin:0 auto;border:1px solid #e5e5e5;border-radius:16px;background:#fff}
.male-dorm-page .compare-table table {border-collapse:separate;border-spacing:0}

.male-dorm-page .compare-table th,.male-dorm-page .compare-table td {height:74px;padding:24px 48px;border:0;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;color:#333;font-size:18px;line-height:26px;text-align:center;letter-spacing:-.02em;vertical-align:middle;white-space:nowrap}
.male-dorm-page .compare-table th:last-child,.male-dorm-page .compare-table td:last-child {border-right:0}
.male-dorm-page .compare-table tbody tr:last-child th,.male-dorm-page .compare-table tbody tr:last-child td {border-bottom:0}
.male-dorm-page .compare-table thead th {height:76px;background:#f8f8f8;font-size:20px;line-height:28px;font-weight:600}
.male-dorm-page .compare-table thead th:last-child {background:#6428ff;color:#fff}
.male-dorm-page .compare-table tbody th { background:#f8f8f8;font-weight:400}
.male-dorm-page .compare-table tbody td:nth-child(2) {color:#777}
.male-dorm-page .compare-table tbody td:nth-child(3) {color:#333}
.male-dorm-page .bottom-banner {padding:40px 24px;background:#f6f3fd;text-align:center}
.male-dorm-page .bottom-banner h2 {margin:0;color:#333;font-size:32px;line-height:42px;font-weight:700;letter-spacing:-.02em}
@media (max-width:1199px) {
    .male-dorm-page .event-inner {width:100%;padding-right:10px;padding-left:10px}
    .male-dorm-page .only-ta-mo {display:block}
    .male-dorm-page .only-pc {display:none}
    .male-dorm-page .visual-wrap {min-height:699px;padding-top:80px}
    .male-dorm-page h1 {font-size:72px;line-height:84px}
    .male-dorm-page .reason-box {padding:32px}
    .male-dorm-page .reason-track {grid-template-columns:1fr 1fr;column-gap:24px;row-gap:24px}
    .male-dorm-page .knowhow-list {grid-template-columns:repeat(2,1fr);width:100%;gap:24px}
    .male-dorm-page .knowhow-list article {min-height:186px}
    .male-dorm-page .review-section .event-inner {width:100%}
    .male-dorm-page .review-swiper {padding:48px 32px}
    .male-dorm-page .review-list {grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px 24px}
    .male-dorm-page .review-card {width:auto;padding-right:0;padding-left:0}
    .male-dorm-page .review-card h3 {display:block;margin:0;font-size:18px;line-height:26px}
    .male-dorm-page .review-card strong {margin-top:4px;font-size:16px;line-height:24px}
    .male-dorm-page .review-card p {font-size:14px;line-height:20px}
    .male-dorm-page .compare-table {width:100%}

    .male-dorm-page .compare-table th,.male-dorm-page .compare-table td {padding-right:24px;padding-left:24px}
}
@media (max-width:767px) {
    .male-dorm-page .pc-only,.male-dorm-page .only-pc {display:none}
    .male-dorm-page .mo-only,.male-dorm-page .only-mo,.male-dorm-page .only-ta-mo {display:block}
    .male-dorm-page .event-inner {padding-right:16px;padding-left:16px}
    .male-dorm-page .visual-wrap {min-height:auto;padding:48px 0}
    .male-dorm-page .visual-eyebrow {font-size:24px;line-height:32px;letter-spacing:-.02em}
    .male-dorm-page h1 {margin:8px 0 0;font-size:32px;line-height:42px;letter-spacing:-.02em}
    .male-dorm-page .visual-desc {margin-top:24px;font-size:16px;line-height:24px;letter-spacing:-.01em}
    .male-dorm-page .visual-btn {width:328px;max-width:100%;height:61px;margin-top:40px;font-size:16px;line-height:140%}
    .male-dorm-page .event-section {padding:40px 0}
    .male-dorm-page .event-section h2 {font-size:28px;line-height:38px;letter-spacing:-.02em}
    .male-dorm-page .section-sub {margin-top:4px;font-size:16px;line-height:24px}
    .male-dorm-page .reason-section {padding-top:0}
    .male-dorm-page .review-section {
        scroll-margin-top: 55px;
    }
    .male-dorm-page .reason-box {overflow:hidden;margin-top:20px;padding:16px;border-radius:16px}
    .male-dorm-page .reason-track {display:flex;justify-content:flex-start;gap:0;width:100%;transition:transform .25s ease;will-change:transform}
    .male-dorm-page .reason-card {flex:0 0 100%;width:100%;min-width:100%;max-width:100%;gap:0}
    .male-dorm-page .reason-img {aspect-ratio:328/198;border-radius:12px}
    .male-dorm-page .reason-card h3 {margin-top:16px;font-size:20px;line-height:28px}
    .male-dorm-page .reason-card ul {gap:4px;margin-top:8px}
    .male-dorm-page .reason-card li {font-size:14px;line-height:20px}
    .male-dorm-page .ico-check {width:24px;height:24px;flex-basis:24px}
    .male-dorm-page .ico-check svg {width:17px;height:17px}
    .male-dorm-page .reason-dots {display:flex;justify-content:center;gap:6px;margin-top:16px}
    .male-dorm-page .reason-dots button {overflow:hidden;width:6px;height:6px;padding:0;border:0;border-radius:5px;background:#dbdee5;text-indent:-999px}
    .male-dorm-page .reason-dots button.is-active {width:16px;background:#333}
    .male-dorm-page .knowhow-list {display:flex;flex-direction:column;gap:16px;margin-top:20px}
    .male-dorm-page .knowhow-list article {min-height:auto;padding:24px;border-radius:16px}
    .male-dorm-page .knowhow-list h3 {font-size:20px;line-height:28px}
    .male-dorm-page .knowhow-list p {font-size:16px;line-height:24px}
    .male-dorm-page .review-swiper {overflow:hidden;margin-top:20px;padding:24px 0 44px;border-radius:16px}
    .male-dorm-page .review-list {display:flex;justify-content:flex-start;gap:0}
    .male-dorm-page .review-card,.male-dorm-page .review-card.is-visible {display:block;flex:0 0 100%;width:100%;padding:0 16px;border-bottom:0}
    .male-dorm-page .review-card.is-tail {border-bottom:0;padding-bottom:0}
    .male-dorm-page .review-card h3 {display:block;margin:0;font-size:18px;line-height:26px}
    .male-dorm-page .review-card strong {display:inline-flex;width:147px;margin-top:8px;font-size:18px;line-height:26px}
    .male-dorm-page .review-card p {min-height:68px;margin-top:20px;font-size:14px;line-height:20px}
    .male-dorm-page .review-progress {display:block;top:auto;bottom:16px;left:16px;width:calc(100% - 32px);height:3px;background:#dbdee5}
    .male-dorm-page .review-progress .swiper-pagination-progressbar-fill {background:#6428ff}
    .male-dorm-page .more-btn {display:none !important}
    .male-dorm-page .score-table th,.male-dorm-page .score-table td {height:44px;padding:12px 4px;font-size:14px;line-height:20px}
    .male-dorm-page .env-section h2 {margin-bottom:20px}
    .male-dorm-page .compare-table {border-radius:16px}
    .male-dorm-page .compare-table th,.male-dorm-page .compare-table td {height:80px;padding:16px 8px;font-size:16px;line-height:24px;white-space:nowrap}
    .male-dorm-page .compare-table thead th {height:80px;font-size:16px;line-height:24px}

    .male-dorm-page .bottom-banner {padding:40px 24px}
    .male-dorm-page .bottom-banner h2 {font-size:28px;line-height:38px}
}