/* ====================== 
COMMON
====================== */
.wrap_left_sky, .wrap_right_sky {display:none;}
.perfect-wrap {margin-top:-20px;}
.perfect-wrap.gisuk {margin-top:-50px;}
.perfect-wrap.intro {margin-top:-0;}
.inner {width:1200px;margin:0 auto;position:relative;text-align: center;}
.confetti {position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index: 1;}
.perfect-wrap a:hover {text-decoration: none;}
/* ====================== 
CONTENTS
====================== */
.perfect-wrap {background:#C8E7FC url("https://russeldata.megastudy.net/campus/images/russel/perfect/2026/bg.jpg") center no-repeat;background-size:100% auto; overflow:hidden;padding-bottom:140px;background-position:top;position:relative;}
.perfect-wrap .bg-confetti {position:absolute;top:0;left:0; width: 100%;display: flex;justify-content: center;padding-left:100px;}

/* ---------- Å¸ÀÌÆ² ---------- */
.tit-wrap .tit-obj {box-sizing: border-box;padding-right:90px;  animation: floatObj 1.5s ease-in-out infinite;
}
.tit-wrap .sub-tit {margin-top:-20px;}
.tit-wrap h2 {margin-top:50px;position:relative;}
@keyframes floatObj {
  0%   { transform: translateY(0); }
  50%  { transform: translateY(-10px); } /* À§·Î 10px */
  100% { transform: translateY(0); }
}
/* µ¥ÀÌÅÍ »êÃâ±âÁØ */
.tooltip {position: absolute;bottom:23px;right:173px;display: inline-block;z-index: 2;}
.tooltip-trigger {cursor: pointer;color: rgba(1, 1, 1, 0.40);
font-size:13px;font-weight:500;letter-spacing: -0.65px;display:flex;align-items: center;}
.tooltip-trigger i {margin-right:5px;}
.tooltip-layer {display: none;position: absolute;top: 100%;left: 0;padding: 8px 12px;background: #fff;border-radius: 4px;box-shadow: 0 4px 10px rgba(0,0,0,0.08);font-size: 12px;white-space: nowrap;z-index: 50;margin-top: 6px;
text-align: left;}
.tooltip:hover .tooltip-layer {display: block;}

/* ---------- selecbox ---------- */
.custom-select {position: absolute;top:180px;right:0;width: 220px;z-index: 2;}
.select-trigger {width: 100%;padding: 10px 36px 10px 20px;background-color:transparent;color:#222;font-weight:500;border: 1px solid #222;border-radius: 4px;text-align: left;cursor: pointer;font-size: 15px;display:block;box-sizing: border-box;}
.select-trigger::after {content: "";position: absolute;right: 17px;top: 50%;transform: translateY(-50%);width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 6px solid #333;}
.custom-select.open .select-trigger {border-radius: 4px 4px 0 0;}
.custom-select.open .select-trigger::after {border-top: none;border-bottom: 6px solid #333;}
/* ¿É¼Ç ¸®½ºÆ® */
.select-options {display: none;position: absolute;width: 100%;background-color:transparent;color:#222;top:calc(100% - 1px);left: 0;border: 1px solid #222;border-radius: 0 0 4px 4px;z-index: 99;font-weight:500;font-size: 15px;box-sizing: border-box;}
.select-options li {padding: 10px 0 10px 20px;cursor: pointer;text-align: left;box-sizing: border-box;color:#222;}
.select-options li:hover {background: rgb(242, 242, 242, .2);}

/* ---------- cardbox ---------- */
.card-box {border-radius: 75px;background: #FFF;padding: 50px;position:relative;z-index: 2;margin-top:40px;box-sizing: border-box;}
.card-box .confetti-piece {position:absolute;top:-30px;left:84px;}
.card-box .achiever {border-radius: 40px 40px 0 0;
border: 1px solid #E8E8E8;display:flex;
background:url("https://russeldata.megastudy.net/campus/images/russel/perfect/2026/achive_bg.jpg") center no-repeat;background-size:cover;justify-content: space-between;}
.card-box .achiever .profile {padding-top:42px;padding-left:60px;}
.card-box .achiever .info {padding:148px 130px 0 0;margin-left:-75px}
.card-box .achiever .info a {margin-top:32px;display:inline-block;}

/* ---------- ¾ÆÄÚµð¾ð ---------- */
.faq-list {border:none;}
.faq-list .faq-item {border: 1px solid #E8E8E8;border-top:none;}

.faq-list .faq-q {width: 100%;padding: 28px 60px;text-align: left;background:#fff;display: flex;align-items: center;justify-content: space-between;cursor: pointer;box-sizing: border-box;}
.faq-list .faq-q .q-text {font-size: 24px;font-weight:800;display:flex;align-items: center;color:#222;}
.faq-list .faq-q .q-text span {border-radius: 9px;background: #333;padding: 7px 11px;letter-spacing: -0.963px;color: #FFF;font-size:19px;font-weight:700;line-height:1;margin-right:20px;display:inline-block;}
.faq-list .faq-q .arrow {display: inline-block;width: 20px;height: 20px;border-right: 3px solid #333;border-bottom: 3px solid #333;transform: rotate(45deg);transition: transform .2s;}
/* ¿­·ÈÀ» ¶§ È­»ìÇ¥ À§·Î È¸Àü */
.faq-list .faq-item.on .faq-q .arrow {transform: rotate(-135deg);}
.faq-list .faq-item.on .faq-q .q-text span {background-color:#2C5BF6;}
.faq-list .faq-item.on .faq-q .q-text {color:#2C5BF6}
.faq-list .faq-item.on .arrow {border-color:#2C5BF6}
.faq-list .faq-a {display: none;padding:40px 60px 40px 91px;font-size: 20px;line-height: 1.6;background: #F1F3F8;position:relative;text-align: left;color:#111;font-weight:500;}
.faq-list .faq-a:before {content:'A.';position:absolute;top:40px;left:60px;color:#111;font-weight:500;}
.faq-list .faq-item:last-child {border-radius:0 0 48px 48px;overflow:hidden;}

/* ---------- ¿µ»óÆË¾÷ ---------- */
/* ·¹ÀÌ¾î ÀüÃ¼ (dim ¿µ¿ª) */
.video-layer {position: fixed;inset: 0;background: rgba(0,0,0,0.6);display: none;             /* ¡Ú Ã³À½¿£ ¼û±â±â */align-items: center;       /* ¼¼·Î Áß¾Ó */justify-content: center;   /* °¡·Î Áß¾Ó */z-index: 999;}
/* Áß¾Ó ¹Ú½º */
.video-layer__box {position: relative;width: 90%;max-width: 800px;background: #000;}
/* ¿µ»ó */
.video-layer__box iframe {width: 100%;height: 450px;}
/* ´Ý±â ¹öÆ° */
.btn-close {position: absolute;top: -40px;right: 0;width: 32px;height: 32px;border-radius: 50%;border: none;padding: 0;background:rgba(0,0,0,0.5);cursor: pointer;display: inline-flex;
align-items: center;justify-content: center;transition: background .2s, transform .15s;}
.btn-close::before,
.btn-close::after {content: "";position: absolute;width: 18px;height: 2px;background: #fff;border-radius: 1px;}
.btn-close::before {transform: rotate(45deg);}
.btn-close::after {transform: rotate(-45deg);}
.btn-close:hover {background: rgba(0,0,0,0.8);transform: scale(1.05);}
.btn-close:focus-visible {outline: 2px solid #fff;outline-offset: 2px;}
/* ·¹ÀÌ¾î ¿­·ÈÀ» ¶§ body ½ºÅ©·Ñ ¸·±â */
body.no-scroll {overflow: hidden;}
