/* ==========================
   COMMON
========================== */
:root {
   --font-color2: #222;
   --font-color3: #333;
   --font-p: font-family: 'Pretendard';
   --font-pv: font-family: "Pretendard Variable";
   --background-color: #F2F5FC;
}

* {
    font-family: var(--font-pv); 
    color: var(--font-color3); 
    margin: 0; 
    padding: 0; 
    box-sizing: border-box; 
    word-break: keep-all; 
    overflow-wrap: break-word; 
    white-space: normal;
}

section {width: 100%; max-width: 1200px; margin: 0 auto;}

/* =====================
   ¿øÀå SECTION
===================== */
.content-wrap {position: relative; background: var(--background-color); padding-top: 60px;}
.content-wrap::before {
    content: ""; 
    position: absolute; 
    width: 716px; height: 555px; 
    top: 0; left: 68.8%; 
    transform: translateX(-50%); 
    background-image: url(https://russeldata.megastudy.net/campus/images/russel/campus_common/info/bg.png); 
    background-repeat: no-repeat; 
    background-size: cover; 
    pointer-events: none; 
    z-index: 0;
}

.paragraph-wrap {position: relative; padding: 0 60px;}
.paragraph-wrap h3 {display: flex; font-size: 32px; font-weight: 400; line-height: 130%; letter-spacing: -0.64px; margin-top: 1px;}
.paragraph-wrap h3 span {display: flex; align-items: center; padding-top: 8px;}
.paragraph-wrap h3 strong {display: flex; width: 170px; height: 57px; align-items: center;}
.paragraph-wrap h3 strong img {display: inline-block; width: 170px; height: auto;}

.paragraph-wrap p {font-size: 17px; font-weight: 400; line-height: 140%; letter-spacing: -1%; margin-bottom: 20px;}
.paragraph-wrap p strong {font-weight: 700;}
.paragraph-wrap p b {font-weight: 700;}
.paragraph-wrap .p01 {font-size: 20px; margin-top: 12px; margin-bottom: 40px; letter-spacing: -0.2px;}


.wonjang-wrap {position: relative; display: flex; justify-content: flex-end; align-items: flex-end; text-align: right;}
.wonjang-wrap .text-box {margin-bottom: 60px; margin-right: calc(258px + 2px);}
.wonjang-wrap .text-box p {font-size: 20px; line-height: 140%; letter-spacing: -1%;}
.wonjang-wrap .text-box p.wonjang-name span {font-weight: bold;}
.wonjang-wrap .img-box {position: absolute; flex: 0 0 258px; width: auto;}
.wonjang-wrap .img-box img {display: block; width: 100%; height: auto; color-scheme: only light !important;}
.wonjang-wrap a.detail-btn {
    display: block; width: 80px; height: 30px; font-size: 14px; 
    border: 1px solid #DBDEE5; background: #FFF; text-align: center; 
    line-height: 30px; border-radius: 4px; letter-spacing: -0.14px; margin-top: 10px;
}

.content-wrap.no-pic .wonjang-wrap {padding: 0 60px;}
.content-wrap.no-pic .wonjang-wrap .text-box {margin-right: 0;}

/* ¿øÀå À̸§+À̹ÌÁö ±×·ì */
.name {display: flex; align-items: flex-end; justify-content: flex-end;}
.name p {margin: 0;}
.name p:first-child {align-self: flex-end; margin-bottom: 60px; margin-right: 33px;}

@media (max-width: 1199px) {
    p > .only-mo {display: block !important;}
    .content-wrap {padding: 120px 0;}
    .content-wrap.img{padding: 120px 0 0}
    .content-wrap::before {
        width: 537px; height: 438px; left: 64%; 
        background-image: url(https://russeldata.megastudy.net/campus/images/russel/campus_common/info/bg_ta.png);
    }
    
    .paragraph-wrap {padding: 0 55px;}
    .paragraph-wrap p {font-size: clamp(14px, calc(14px + (16 - 14) * ((100vw - 360px) / 840)), 16px);}
    .paragraph-wrap p:not(.p01) {max-width: calc(100% - 258px + 36px);}
    .paragraph-wrap p.p01 {font-size: 20px;}

    .wonjang-wrap {margin-top: 40px;}
    .wonjang-wrap .text-box {margin-bottom: 60px; margin-right: calc(258px + 24px);}
    .wonjang-wrap .img-box {right: 24px;}
    
    .content-wrap.no-pic .wonjang-wrap {padding: 0; position: absolute; bottom: -148px; right: 55px;}
    
    .name {width: 100%; justify-content: flex-end;}
    .name p:first-child {align-self: center; margin-bottom: 0;}
}

@media (max-width: 767px) {
    .content-wrap {padding: 60px 0; padding-top: clamp(80px, calc(80px + (120 - 80) * ((100vw - 360px) / 840)), 120px);}
    .content-wrap::before {
        width: clamp(253px, 50vw, 537px); height: clamp(284px, 50vw, 537px); 
        left: auto; right: 0; transform: none; 
        background-image: url(https://russeldata.megastudy.net/campus/images/russel/campus_common/info/bg_m.png);
    }
    .content-wrap.img{padding:60px 0 0}

    .paragraph-wrap {padding: 0 clamp(24px, calc(24px + (60 - 24) * ((100vw - 360px) / 840)), 60px);}
    .paragraph-wrap h3 {font-size: 20px; font-weight: 350; line-height: normal; color: var(--font-color2);}
    .paragraph-wrap h3 span {padding-top: 4px;}
    .paragraph-wrap h3 strong {width: 109px; height: 37px;}
    .paragraph-wrap h3 strong img {width: 106px; height: 25px;}
    
    .paragraph-wrap p {font-size: 14px; letter-spacing: -0.11px; margin-bottom: 16px;}
    .paragraph-wrap p:not(.p01) {max-width: 100%;}
    .paragraph-wrap p.p01 {font-size: 17px; letter-spacing: -0.17px; margin-bottom: 32px;}
    .paragraph-wrap p strong {display: inline-block;}
    .paragraph-wrap p strong.block {display: block;}

    .wonjang-wrap {margin-top: 16px; justify-content: flex-end; gap: 8px; padding: 0 24px;}
    .wonjang-wrap .text-box {margin: 0 0 34.5px 0; padding-left: 20px;}
    .wonjang-wrap .text-box p {font-size: 17px;}
    .wonjang-wrap .img-box {position: relative; flex: 0 0 140px; width: 140px; right: 0;}
    .wonjang-wrap a.detail-btn {width: 73px; font-size: 13px;}

    .content-wrap.no-pic .wonjang-wrap {position: relative; bottom: 0; right: 0; padding: 0 24px;}

    /* ¸ð¹ÙÀÏ À̸§+À̹ÌÁö Á¤·Ä ÃÖÀûÈ­ */
    .name {
        display: flex;
        width: 100%;
        justify-content: flex-end;
        align-items: center;
        gap: 0;
        text-align: right;
    }
    .name p {margin-bottom: 0 !important;}
    .name p:first-child {
        width: calc(100% - 140px); 
        align-self: center; 
        margin-right: 0;
    }
    .name p:last-child {
        flex: 0 0 140px; 
        width: 140px;
    }
    .name p img {
        width: 100%; 
        max-width: none; 
        display: block;
    }
}

/* =================================================
  ÁÖº¯Çлç
==================================================== */
.gosi-page {padding-bottom:50px;color:#333}
.gosi-wrap {width:100%;max-width:1200px;margin:0 auto;box-sizing:border-box}
.gosi-notice-body {min-width:0;word-break:break-word}
.gosi-notice-title {font-family:Pretendard,Arial,sans-serif;font-size:16px;font-weight:600;line-height:24px;letter-spacing:-0.16px;color:#555}
.gosi-notice-text {margin-top:4px;font-family:Pretendard,Arial,sans-serif;font-size:13px;font-weight:400;line-height:18px;color:#777}
.gosi-notice-text span {display:block;padding-left:1em;text-indent:-1em}

.gosi-list {width:100%;overflow:hidden}
.gosi-card {display:flex;align-items:center;width:100%;padding:20px 0;border-top:1px solid #333;box-sizing:border-box;word-break:break-word}
.gosi-card:last-child {border-bottom:1px solid #333}
.gosi-card-main {flex:none;width:50%;padding-left:32px;box-sizing:border-box}
.gosi-card-heading {display:flex;align-items:center;gap:4px}
.gosi-card-name {font-family:Pretendard,Arial,sans-serif;font-size:18px;font-weight:600;line-height:26px;letter-spacing:-0.36px;color:#333}
.gosi-home {display:block;flex:none;width:24px;height:24px;padding:0 4.45px 1px;box-sizing:border-box}
.gosi-home svg {display:block;width:100%;height:100%}
.gosi-card-tel {font-family:Pretendard,Arial,sans-serif;font-size:16px;font-weight:600;line-height:24px;letter-spacing:-0.16px;color:#555}
.gosi-card-address {font-family:Pretendard,Arial,sans-serif;font-size:14px;font-weight:400;line-height:20px;letter-spacing:-0.14px;color:#777}
.gosi-card-details {display:flex;flex:1;flex-direction:column;gap:4px;min-width:0;padding: 0;font-family:Pretendard,Arial,sans-serif;font-size:14px;font-weight:400;line-height:20px;letter-spacing:-0.14px}
.gosi-card-details > div {display:flex;gap:4px}
.gosi-card-details dt {position:relative;flex:none;width:81px;padding-left:13px;box-sizing:border-box;color:#777}
.gosi-card-details dt:before {position:absolute;left:2px;top:0;content:'¡¤'}
.gosi-card-details dd {flex:1;min-width:0;color:#555}
.gosi-empty-row {display:none;padding:20px 0}
.gosi-list.is-empty .gosi-empty-row {display:block}
.gosi-list.is-empty .gosi-card {display:none}
.gosi-empty {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:100px 0;font-family:Pretendard,Arial,sans-serif;font-size:16px;font-weight:400;line-height:22.4px;letter-spacing:-0.16px;color:#333;text-align:center}
.gosi-empty-icon {display:block;width:40px;height:35px}
.gosi-empty-icon svg {display:block;width:100%;height:100%}

@media (max-width:1199px) {
	.gosi-wrap {padding-right:24px;padding-left:24px}
	.gosi-card-main {width:50%;padding-left:32px}
	.gosi-empty {padding:80px 0}
}

@media (max-width:767px) {
	.gosi-page {padding-bottom:clamp(32px,calc(16.1176px + 4.4118vw),50px)}
	.gosi-wrap {padding-right:clamp(16px,calc(8.9412px + 1.9608vw),24px);padding-left:clamp(16px,calc(8.9412px + 1.9608vw),24px)}
	.gosi-notice-title {font-size:clamp(14px,calc(12.2353px + 0.4902vw),16px);line-height:clamp(20px,calc(16.4706px + 0.9804vw),24px);letter-spacing:-0.14px}
	.gosi-notice-text {font-size:clamp(12px,calc(11.1176px + 0.2451vw),13px);line-height:18px;letter-spacing:-0.12px}

	.gosi-card {flex-direction:column;align-items:stretch;padding:0}
	.gosi-card-main {width:100%;padding:clamp(12px,calc(4.9412px + 1.9608vw),20px) 0}
	.gosi-card-heading {gap:clamp(2px,calc(0.2353px + 0.4902vw),4px)}
	.gosi-card-name {font-size:clamp(16px,calc(14.2353px + 0.4902vw),18px);line-height:clamp(24px,calc(22.2353px + 0.4902vw),26px);letter-spacing:-0.32px}
	.gosi-home {width:20px;height:20px;padding:0 0 1px 0;display:flex;align-items:center;justify-content:center;flex:none;box-sizing:border-box}
	.gosi-home svg {display:block;width:14px;height:15px;transform:scale(0.9);transform-origin:center}
	.gosi-card-tel {font-size:clamp(14px,calc(12.2353px + 0.4902vw),16px);line-height:clamp(20px,calc(16.4706px + 0.9804vw),24px);letter-spacing:-0.14px}
	.gosi-card-address {font-size:clamp(13px,calc(12.1176px + 0.2451vw),14px);line-height:clamp(18px,calc(16.2353px + 0.4902vw),20px);letter-spacing:0;margin-top:4px}
	.gosi-card-details {gap:clamp(2px,calc(0.2353px + 0.4902vw),4px);padding:12px 0;border-top:1px solid #ededed;font-size:clamp(13px,calc(12.1176px + 0.2451vw),14px);line-height:clamp(18px,calc(16.2353px + 0.4902vw),20px);letter-spacing:0}
	.gosi-card-details > div {gap:4px}
	.gosi-card-details dt {width:75px;padding-left:12px}
	.gosi-card-details dt:before {left:2px}
	.gosi-empty-row {padding:0}
	.gosi-empty {height:190px;gap:clamp(6px,calc(4.2353px + 0.4902vw),8px);padding:0;font-size:clamp(14px,calc(12.2353px + 0.4902vw),16px);line-height:clamp(21px,calc(19.7647px + 0.3431vw),22.4px);letter-spacing:-0.14px;box-sizing:border-box}

    .alarm {margin-bottom:16px}
}