/* ==========================
   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; max-width:768px}
.paragraph-wrap h3 {display: flex; font-size: 32px; font-style: normal; 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-style: normal; font-weight: 400; line-height: 140%; letter-spacing: -1%;margin-bottom: 20px;}
.paragraph-wrap p strong {font-weight: 700;}
.paragraph-wrap .p01 {font-size: 20px; font-style: normal; font-weight: 400; line-height: 140%; letter-spacing: -0.2px; margin-top: 12px; margin-bottom: 40px;}

/* =====================
   ¿øÀå SECTION
===================== */
.content-wrap.no-pic .wonjang-wrap {padding: 0 60px;}
.content-wrap.no-pic .wonjang-wrap .text-box {margin-right: 0;}

.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; font-style: normal; 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;}
.wonjang-wrap a.detail-btn {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;}
.paragraph-wrap p b{font-weight:700;}

.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
}
/* ====================================================
   RESPONSIVE (Media Queries)
==================================================== */
/* ÅÂºí¸´ ÀÌÇÏ (1199px ÀÌÇÏ) */
@media (max-width: 1199px) {
   .content-wrap p > .only-mo{display:block!important}
   .content-wrap {padding:120px 0 0px;}
   .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);}
   .content-wrap.no-pic .paragraph-wrap p:not(.p01) {max-width: 100%;font-size:16px}

   .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;}
   .paragraph-wrap{padding:0 55px}
}

/* ¸ð¹ÙÀÏ ÀÌÇÏ (767px ÀÌÇÏ) */
@media (max-width: 767px) {
   .wonjang-wrap .text-box p {font-size:17px}
   .content-wrap.no-pic .paragraph-wrap p:not(.p01){font-size:14px}
   .paragraph-wrap p.p01{font-size:17px}
   .content-wrap {padding-top: clamp(80px, calc(80px + (120 - 80) * ((100vw - 360px) / 840)), 120px);}
   .content-wrap::before {width: clamp(253px, calc(253px + (537 - 253) * ((100vw - 360px) / 840)), 537px); height: clamp(284px, calc(284px + (537 - 284) * ((100vw - 360px) / 840)), 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.no-pic .wonjang-wrap {padding: 0}
   .content-wrap.no-pic .wonjang-wrap .text-box .m-only {display: none;}

   .paragraph-wrap {padding: 0 clamp(24px, calc(24px + (60 - 24) * ((100vw - 360px) / 840)), 60px);}
   .paragraph-wrap h3 {color: var(--font-color2); font-size: 20px; font-style: normal; font-weight: 350; line-height: normal;}
   .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 {letter-spacing: -0.11px; margin-bottom: 16px;}
   .paragraph-wrap p:not(.p01) {max-width: 100%;}
   .paragraph-wrap .p01 {letter-spacing: -0.17px; margin-bottom: 32px;}

   .wonjang-wrap {margin-top: 16px; justify-content: right; gap: 8px; padding: 0 24px;}
   .wonjang-wrap .text-box {margin: 0 0 34.5px 0; padding-left: clamp(20px, calc(20px + (40 - 20) * ((100vw - 360px) / 840)), 40px);}
   .wonjang-wrap .text-box p {font-size:17px; letter-spacing: -1%;}
   .wonjang-wrap .img-box {position: relative; flex: 0 0 140px; width: 140px; right: 0;}
   .wonjang-wrap a.detail-btn {width: 73px; font-size: 13px; letter-spacing: -0.13px;}
   .content-wrap .wonjang-wrap .name p:nth-child(2){width:140px}
   .content-wrap .wonjang-wrap .name p:nth-child(2) img{width:100%}
   .content-wrap.no-pic .wonjang-wrap{    position: relative;bottom: 0;right: 0;}
   .paragraph-wrap p:first-child{width:100%}
   .paragraph-wrap p strong{display:inline-block}
   .wonjang-wrap p{margin-bottom:0}
   .content-wrap{padding-bottom:0}
 .name {
        display: flex;
        width: 100%;
        justify-content: flex-end;
        align-items: center;
        gap: 0;     
    }
.name p{margin-bottom:0}
    .name p.wonjang-name {
        width: auto;
        flex: none;
        margin: 0;
        text-align: right;
    }
.name p:first-child{width:calc(100% - 148px);text-align:right;}
    /* 3. À̹ÌÁö ¹Ú½º: ½ÇÁ¦ »çÀÌÁî 140px °­Á¦ °íÁ¤ */
    .content-wrap .wonjang-wrap .name p:nth-child(2) {
        width: 140px;
        min-width: 140px; /* 140px ¹ØÀ¸·Î Àý´ë ¾È ³»·Á°¨ */
        flex: 0 0 140px;  /* flex-basis¸¦ 140px·Î °íÁ¤ÇÏ°í Àý´ë ¾È º¯ÇÏ°Ô ¼³Á¤ */
        margin: 0;
    }

    .name p img {
        width: 100%;
        display: block;
    }
    .name p:last-child{width:174px}
}

/* ==========================================
   safety_edu - russel daegu (¾ÈÀüÀ» À§ÇÑ ³ë·Â)
========================================== */
.wrap_right_sky, .wrap_left_sky {display:none}
.safety-edu-wrap {overflow:hidden;background:#fff;color:#222;font-family:'Pretendard','Pretendard Variable','Noto Sans KR',sans-serif;-webkit-text-size-adjust:100%;word-break:keep-all}
.safety-edu-wrap * {box-sizing:border-box}
.safety-edu-wrap img {display:block;max-width:100%}
.safety-edu-wrap .br-mo {display:none}
.safety-inner {width:1024px;margin:0 auto}

/* visual
---------------------------------------------------- */
.safety-visual {position:relative;overflow:hidden;background:#fff}
.safety-visual-bg {position:absolute;top:0;left:0;width:100%;z-index:0;pointer-events:none;line-height:0}
.safety-visual-bg .bg-scene {display:none;width:100%;height:auto}
.safety-visual-bg .bg-pc {display:block}
.safety-visual .safety-inner {position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:60px;padding:80px 0}
.safety-visual-tit {display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;text-align:center;color:#222}
.safety-visual-sub {margin:0;font-size:24px;font-weight:600;line-height:1.3;letter-spacing:-0.24px}
.safety-visual-title {margin:0;font-weight:300;font-size:70px;line-height:1.2;letter-spacing:-1.75px}
.safety-visual-title strong {font-weight:700}
.safety-visual-box {display:flex;flex-direction:column;align-items:flex-end;gap:20px;width:100%}
.safety-visual-card {width:100%;border:1px solid #e7e7e7;border-radius:20px;background:#fff;overflow:hidden}
.safety-visual-photo {display:block;width:100%;height:405px;overflow:hidden;border-radius:20px 20px 0 0}
.safety-visual-photo img {width:100%;height:100%;object-fit:cover;object-position:23%}
.safety-visual-text {display:flex;flex-direction:column;align-items:center;gap:12px;padding:30px 40px;text-align:center}
.safety-box-head {display:block;color:#222;font-size:32px;font-weight:700;line-height:1.3;letter-spacing:-0.8px}
.safety-box-body {margin:0;color:#555;font-size:18px;font-weight:400;line-height:1.6;letter-spacing:-0.18px}
.safety-visual-note {margin:0;color:#777;font-size:13px;font-weight:400;line-height:1.3;letter-spacing:-0.13px;text-align:right}

/* sections common
---------------------------------------------------- */
.safety-section .safety-inner {display:flex;flex-direction:column;align-items:center;gap:20px;padding:60px 0}
.safety-section-tit {margin:0;color:#222;font-size:32px;font-weight:700;line-height:1.3;letter-spacing:-0.8px;text-align:center}
.safety-steps {background:#f3fadb}
.safety-gallery {background:#fff}
.safety-closing {background:#ecfbfa}

/* steps
---------------------------------------------------- */
.safety-step-list {display:grid;grid-template-columns:repeat(4, 210px);justify-content:center;gap:16px;width:100%;margin:0;padding:0;list-style:none}
.safety-step-card {display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:20px 30px;border-radius:20px;background:#fff;height:199px}
.safety-step-tit {display:flex;flex-direction:column;align-items:flex-start;color:#333;font-size:18px;font-weight:700;line-height:1.4;letter-spacing:-0.18px}
.safety-step-tit .num {font-style:normal}
.safety-step-tit .txt {display:block}
.safety-step-desc {display:flex;flex-direction:column;align-items:flex-start;width:100%;margin:0;padding:0;list-style:none}
.safety-step-desc li {display:flex;align-items:flex-start;gap:6px;color:#555;font-size:16px;font-weight:400;line-height:1.6;letter-spacing:-0.64px}
.safety-step-desc .dot {flex:0 0 auto;width:4px;color:#555;font-size:14px;text-align:center}

/* gallery
---------------------------------------------------- */
.safety-gallery-list {display:grid;grid-template-columns:repeat(3, 1fr);gap:16px;width:100%;margin:0;padding:0;list-style:none}
.safety-gallery-list li {position:relative;aspect-ratio:330 / 240;border-radius:20px;overflow:hidden}
.safety-gallery-list img {width:100%;height:100%;object-fit:cover}

/* closing
---------------------------------------------------- */
.safety-closing-text {margin:0;color:#222;font-size:32px;font-weight:700;line-height:1.4;letter-spacing:-0.32px;text-align:center}

/* TA
---------------------------------------------------- */
@media (max-width:1199px) {
	.safety-inner {width:clamp(720px, calc(720px + (1024 - 720) * ((100vw - 768px) / 431)), 1024px)}
	.safety-visual-bg .bg-pc {display:none}
	.safety-visual-bg .bg-ta {display:block}
	.safety-step-list {grid-template-columns:repeat(2, 210px)}
	.safety-gallery-list {grid-template-columns:repeat(2, 1fr)}
}

/* MO 
---------------------------------------------------- */
@media (max-width:767px) {
	.safety-inner {width:auto;margin:0 16px}
	.safety-visual-bg .bg-ta {display:none}
	.safety-visual-bg .bg-mo {display:block}
   .safety-visual-photo img {object-position:37%}
	.safety-visual .safety-inner {gap:30px;padding:40px 0}
	.safety-visual-tit {gap:10px}
	.safety-edu-wrap .br-mo, .br-mo {display:inline}
	.safety-visual-sub {font-size:clamp(18px, calc(18px + (24 - 18) * ((100vw - 360px) / 407)), 24px);letter-spacing:-0.18px}
	.safety-visual-title {font-size:clamp(38px, calc(38px + (70 - 38) * ((100vw - 360px) / 407)), 70px);letter-spacing:-0.95px}
	.safety-visual-photo {height:clamp(184px, calc(184px + (405 - 184) * ((100vw - 360px) / 407)), 405px)}
	.safety-visual-text {gap:6px;padding:20px}
	.safety-box-head {font-size:clamp(24px, calc(24px + (32 - 24) * ((100vw - 360px) / 407)), 32px);letter-spacing:-0.6px}
	.safety-box-body {font-size:clamp(16px, calc(16px + (18 - 16) * ((100vw - 360px) / 407)), 18px);letter-spacing:-0.16px}
	.safety-visual-note {font-size:clamp(12px, calc(12px + (13 - 12) * ((100vw - 360px) / 407)), 13px);letter-spacing:-0.12px}
	.safety-section-tit {font-size:clamp(24px, calc(24px + (32 - 24) * ((100vw - 360px) / 407)), 32px);letter-spacing:-0.6px}
	.safety-step-list {grid-template-columns:repeat(2, 1fr); max-width:436px;}
	.safety-step-card {max-width:210px; width:100%; padding:20px;height:auto;}
	.safety-step-tit {font-size:clamp(16px, calc(16px + (18 - 16) * ((100vw - 360px) / 407)), 18px);letter-spacing:-0.16px}
	.safety-step-desc li {font-size:clamp(14px, calc(14px + (16 - 14) * ((100vw - 360px) / 407)), 16px);letter-spacing:-0.56px;}
   .safety-step-desc li span {line-height:1.3}
	.safety-gallery-list {grid-template-columns:repeat(1, 1fr)}
	.safety-closing-text {font-size:clamp(24px, calc(24px + (32 - 24) * ((100vw - 360px) / 407)), 32px);letter-spacing:-0.24px}
}
/* ==========================================
   safety_edu - russel daegu (¾ÈÀüÀ» À§ÇÑ ³ë·Â)
========================================== */