/* =========================
   common
========================= */
html{font-size: 31.25%;} /*rem ´ÜÀ§ °ø½Ä : ¿øÇÏ´Â px / 5 Çؼ­ ÀÔ·Â*/

:root {
  --key-color: #0376F0;
  --key-color02: #FF4096;
  --key-color03: #FF613D;
  --white-color: #fff;
}
.gisuk_briefing-wrap {overflow:hidden;}
.gisuk_briefing-wrap .blind {visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0}

  .scroll-btn-wrap {bottom: 10.5% !important;}

  #btn-top {bottom: 80px !important;}

/*=================== Visual ===================*/
.visual-area {background:url("https://russeldata.megastudy.net/campus/images/russel/intro/2026/gisuk_briefing/visual_bg.jpg") #EEEEEE no-repeat center/cover;text-align:center;}
.visual-area .inner {padding: calc(30vw / 3.6) 0;}
.visual-area .v-stit { color: #000;text-align: center;font-size: calc(15vw / 3.6);font-style: normal;font-weight: 500;line-height: 140%;}
.visual-area .v-tit {padding-top: calc(14vw / 3.6);  color: #000;text-align: center;font-size: calc(30vw / 3.6);font-style: normal;font-weight: 700;line-height: 110%;}
.visual-area .info-txt {  position: relative;  padding-top: calc(40vw / 3.6);  color: #101010;text-align: center;font-size: calc(13vw / 3.6);font-style: normal;font-weight: 400;line-height: 140%;}
.visual-area .info-txt::before {display: block;content: '';width: 1px;height: calc(32vw / 7.2);background: #000;position: absolute;top: calc(27vw / 7.2);left: 50%;transform: translateX(-50%);}
.visual-area .info-txt strong {color: #0376F0;font-size: calc(13vw / 3.6);font-style: normal;font-weight: 800;line-height: 140%;}

/*=================== // Visual ===================*/


/*=================== Contents ===================*/
.gisuk_briefing-wrap *[class^="cont0"] {padding:150px 0;}

/*ÅÇ*/
.tab-inner {display: flex;border-radius: 6px;border: 1px solid var(--key-color, #0376F0);background: #FFF;margin: 0 4%;}
.tab-inner a {  padding: calc(16vw / 3.6) 0;  display: inline-block;  font-size: calc(14vw / 3.6);  font-weight: 700;  color: var(--key-color);  flex: 1;  text-align: center;  line-height: 1;}
.tab-inner a.active {  background: var(--key-color);  color: var(--white-color);}
.tab-content {  display: none;}
.tab-content.active {  display: block;}
.tab-wrap.fixed {  position: fixed;  top: 0;  left: 0;  width: 100%;  z-index: 2;  background: #fff;}

/* °íÁ¤µÇ¾úÀ» ¶§ ¾Æ·¡ ÄÜÅÙÃ÷ ¹Ð¸² ¹æÁö¿ë */
.tab-wrap-placeholder {  display: none;}
.tab-wrap.fixed + .tab-wrap-placeholder {  display: block;}



/*¼³¸íȸ »çÀü ¿¹¾àÇϱ⠹è³Ê*/
.reservation-banner {  position: fixed;  left: 0;  bottom: 0;  width: 100%;  text-align: center;  z-index: 6;  display: none;}
.reservation-banner .inner > div {padding: 0 2% 20px;}
.reservation-banner .inner > div a {border-radius: 10px; background: #005ABA; display: block;  padding: 3.3rem 0;      line-height: 120%;position: relative;}
.reservation-banner .inner > div a span {line-height: 1; text-align: left;  color: #FFF;font-size: 14px;  font-style: normal;  font-weight: 700;display: block;margin-left: 20px;}
.reservation-banner .inner > div a span::after {position: absolute;top: 50%;right: 4rem; display: block;content: '';border-top: 2px solid;border-right: 2px solid;transform: rotate(45deg) translateY(-50%);width: 7px;height: 7px;}


/*ŸÀÌƲ ¹®±¸*/
.main-tit {color: #000;
font-size: 3.6rem;
font-style: normal;
font-weight: 700;
line-height: 1.3;margin-top: 6rem;}


/*ÁÖ¼®¹®±¸*/
.r-txt {color: #999;margin-top: 2rem;text-align: right;font-size: 2.4rem;font-style: normal;font-weight: 400;line-height: 130%;}
.c-txt {color: #999;margin-top: 2rem;text-align: center;font-size: 2.4rem;font-style: normal;font-weight: 400;line-height: 130%;}

section {padding: 0 4%;}
.briefing-cont-wrap .cont-box {border-radius: 10px;border: 1px solid #E2E2E2;background: #FFF;padding: 4rem 3.2rem;margin-top: 2rem;}


.briefing-cont-wrap .cont-box .tit {display: flex;}
.briefing-cont-wrap .cont-box .tit strong {min-width: 30px; color: var(--key-color);font-size: 3.2rem;font-style: normal;font-weight: 600;line-height: 140%;display: inline-block;margin-right: 5px;}
.briefing-cont-wrap .cont-box .tit span {display: inline-block;height: 100%; color: #000;font-size: 3.2rem;font-style: normal;font-weight: 600;line-height: 140%;word-break: keep-all;overflow-wrap: break-word;}



.briefing-cont-wrap .cont-box .top-con {border-radius: 6px;padding:3.2rem 2rem;margin-top: 2rem;background: #f7f7f7}
.briefing-cont-wrap .cont-box .top-con ul {padding-left: 4rem;}
.briefing-cont-wrap .cont-box .top-con ul li {text-align: left;color: #333;position: relative;font-size: 2.6rem;font-style: normal;font-weight: 500;line-height: 130%;word-break: keep-all;overflow-wrap: break-word;}
.briefing-cont-wrap .cont-box .top-con ul li:not(:last-of-type) {margin-bottom: 2.5rem;}
.briefing-cont-wrap .cont-box .top-con ul li::before {position: absolute;top: 50%;left: -2rem;transform: translateY(-50%);display: block;content: "";width: 3px;height: 3px;border-radius: 50px;background: #000;}

.briefing-cont-wrap .cont-box .btm-con {margin-top: 2rem;}
.briefing-cont-wrap .cont-box .btm-con p {color: #000;text-align: right;font-size: 2.6rem;font-style: normal;font-weight: 600;line-height: 130%;}
.briefing-cont-wrap .cont-box .btm-con p span {color: #555;text-align: right;font-size: 11px;display: block;font-style: normal;font-weight: 400;line-height: 130%;margin-top: 2px;}

.boon-cont-wrap .cont-box {border-radius: 10px;padding: 4rem 3.2rem;margin-top: 2rem;border: 1px solid #E2E2E2;background: #FFF;}
.boon-cont-wrap .cont-box ul {padding-left: 4rem;}
.boon-cont-wrap .cont-box ul li {color: #333333;position: relative;font-size: 2.6rem;font-style: normal;font-weight: 500;line-height: 130%;word-break: keep-all;overflow-wrap: break-word;}
.boon-cont-wrap .cont-box ul li:not(:last-of-type) {margin-bottom: 2.5rem;}
.boon-cont-wrap .cont-box ul li::before {position: absolute;top: 50%;left: -2rem;transform: translateY(-50%);display: block;content: "";width: 3px;height: 3px;border-radius: 50px;background: #000;}

.schedule-cont-wrap .cont-box {border-radius: 10px;padding: 4rem 3.2rem;margin-top: 2rem;border: 1px solid #E2E2E2;background: #FFF;}
.schedule-cont-wrap .cont-box .tit {color: #000;font-size: 18px;font-style: normal;font-weight: 700;line-height: 130%; /* 23.4px */}

.schedule-cont-wrap .cont-box .in-box {margin-top: 2rem;}
.schedule-cont-wrap .cont-box .in-box dl {display: flex;}
.schedule-cont-wrap .cont-box .in-box dl dt {color: #111;font-size: 2.4rem;font-style: normal;font-weight: 600;line-height: 140%; /* 16.8px */min-width: 30px;}
.schedule-cont-wrap .cont-box .in-box dl dd {color: #111;font-size: 2.4rem;font-style: normal;font-weight: 400;line-height: 140%; /* 16.8px */}
.schedule-cont-wrap .cont-box .in-box dl:not(:first-of-type) {margin-top: 4px;}

.schedule-cont-wrap .cont-box .btn-cont-wrap {margin-top: 2rem;width: 100%;display: flex;gap: 1.2rem;}
.schedule-cont-wrap .cont-box .btn-cont-wrap a {border-radius: 6px;border: 1px solid #333;background: #FFF;color: #333;text-align: center;font-size: 2.8rem;font-style: normal;font-weight: 600;line-height: 130%; /* 18.2px */flex: 1;padding: 2.2rem 0;}
.schedule-cont-wrap .cont-box .btn-cont-wrap a.apply {border: 1px solid var(--key-color);background: #EBF3FF;color: var(--key-color);}
.schedule-cont-wrap .cont-box .btn-cont-wrap a.end {border: 1px solid #E2E2E2;background: #EFEFEF;color: #999;}


#common {background: #F7F7F7;padding-bottom: 8rem;}
#common .main-tit {color: #000;text-align: center;font-size: 18px;font-style: normal;font-weight: 400;line-height: 130%;padding-top: 8rem;}
#common .main-tit strong {font-weight: 700;}
#common .main-tit strong.color-blue {color: var(--key-color);}


.gisuk-cont-wrap .cont-box {display: flex;padding: 20px 16px;flex-direction: column;justify-content: center;align-items: flex-start;align-self: stretch;border-radius: 10px;background: #FFF;}
.gisuk-cont-wrap .cont-box:first-of-type {margin-top: 4rem;}
.gisuk-cont-wrap .cont-box:not(:first-of-type) {margin-top: 2rem;}
.gisuk-cont-wrap .cont-box .top-con span {color: #555;font-size: 12px;font-style: normal;font-weight: 300;line-height: 140%;}
.gisuk-cont-wrap .cont-box .top-con p {color: #000;margin-top: 0.8rem;font-size: 18px;font-style: normal;font-weight: 700;line-height: 130%;}
.gisuk-cont-wrap .cont-box .btm-con {margin-top: 3.2rem;width: 100%;}
.gisuk-cont-wrap .cont-box .btm-con ul {display: flex;gap: 1.2rem;}
.gisuk-cont-wrap .cont-box .btm-con ul li {  /*display: flex;*/height: 40px;justify-content: center;align-items: center;flex: 1 0 0;border-radius: 6px;border: 1px solid #333;background: #FFF;}
.gisuk-cont-wrap .cont-box .btm-con ul li a {color: #333;text-align: center;font-size: 14px;font-style: normal;font-weight: 600;line-height: 1;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}

.btm-banner {display: flex;padding: 24px 0;background: #FFF;flex-direction: column;align-items: center;align-self: stretch;}
.btm-banner p {color: #000;text-align: center;font-size: 16px;font-style: normal;font-weight: 500;line-height: 130%;}
.btm-banner p strong {color: var(--key-color);font-size: 16px;font-style: normal;font-weight: 700;line-height: 130%;}
.btm-banner strong.highlight {  position: relative;  font-weight: 700;  background: linear-gradient(    to top,    #cfe3ff69 100%,    transparent 55%  );}


/*Ȩ¹öÆ°*/
.russel_hs.scroll-btn-wrap {display: none;}
.russel_sm.scroll-btn-wrap {display: none;}
.russel_w.scroll-btn-wrap {display: none;}
.russel_wm.scroll-btn-wrap {display: none;}

/*=================== //Contents ===================*/
.pc-only { display:none}
.mo-only { display:block }


/*=================== ºÐ±âÁ¡º° css ó¸® ===================*/
/* Tablet */
@media (min-width: 768px) {
  html { font-size: 55%; }  /*rem ´ÜÀ§ °ø½Ä : ¿øÇÏ´Â px / 8.8 Çؼ­ ÀÔ·Â*/

  .pc-only { display:block }
  .mo-only { display:none}

  .scroll-btn-wrap {bottom: 12% !important;}

  .gisuk_briefing-wrap { min-width: 100%; }

  .visual-area .v-stit {font-size: 2.5rem;}
  .visual-area .v-tit {font-size: 5.9rem;padding-top: 20px;}
  .visual-area .v-tit br {display: none;}
  .visual-area .info-txt {font-size: 2.27rem;padding-top: 68px;}
  .visual-area .info-txt strong {font-size: 2.27rem;}
  .visual-area .info-txt br {display: none;}
  .visual-area .inner {padding: 9rem 0;}
  .visual-area .info-txt::before {height: 36px;top: 17px;}

  .tab-inner {width: 100%;max-width: 720px; margin: 0 auto;}
  .tab-inner a {font-size: 18px;padding: 16px 0;}

  section {padding: 0 3%;}

  .main-tit {font-size: 26px;margin-top: 70px;}
  .briefing-cont-wrap .cont-box {padding: 30px 40px;}
  .briefing-cont-wrap .cont-box .tit {font-size: 24px;}
  .briefing-cont-wrap .cont-box .tit strong {font-size: 24px;min-width: 43px;}
  .briefing-cont-wrap .cont-box .tit span {font-size: 24px;}
  .briefing-cont-wrap .cont-box .top-con {padding: 20px 10px;}
  .briefing-cont-wrap .cont-box .top-con ul li {font-size: 18px;}
  .briefing-cont-wrap .cont-box .top-con ul li:not(:last-of-type) {margin-bottom: 10px;}
  .briefing-cont-wrap .cont-box .btm-con {margin-top: 16px;}
  .briefing-cont-wrap .cont-box .btm-con p {font-size: 18px;}
  .briefing-cont-wrap .cont-box .btm-con p span {font-size: 16px;margin-top: 4px;}

  .boon-cont-wrap .cont-box {padding: 30px 40px;}
  .boon-cont-wrap .cont-box ul {padding-left: 2rem;}
  .boon-cont-wrap .cont-box ul li {font-size: 18px;}
  .boon-cont-wrap .cont-box ul li:not(:last-of-type) {margin-bottom: 10px;}

  .c-txt {font-size: 13px;margin-top: 16px;}

  /* .schedule-cont-wrap {display: flex;flex-wrap: wrap;gap: 16px;justify-content: space-between;margin-top: 16px;} */
  .schedule-cont-wrap {display: flex;flex-wrap: wrap;margin-top: 16px;gap: 16px;}
  /* .schedule-cont-wrap .cont-box {width: calc(100% / 2 - 70px);padding: 40px 30px;margin-top: 0;} */
  .schedule-cont-wrap .cont-box {flex: 1 1 420px;padding: 40px 30px;margin-top: 0;}
  .schedule-cont-wrap .cont-box .tit {font-size: 24px;}
  .schedule-cont-wrap .cont-box .in-box dl dt {font-size: 16px;min-width: 45px;}
  .schedule-cont-wrap .cont-box .in-box dl dd {font-size: 16px;}
  .schedule-cont-wrap .cont-box .in-box dl:not(:first-of-type) {margin-top: 6px;}
  .schedule-cont-wrap .cont-box .in-box {margin-top: 10px;}

  .schedule-cont-wrap .cont-box .btn-cont-wrap a {font-size: 18px;padding: 14.5px 0;}
  .schedule-cont-wrap .cont-box .btn-cont-wrap {margin-top: 30px;}

  .schedule-cont-wrap.type-one {display: flex;justify-content: center;}
  .schedule-cont-wrap.type-one .cont-box {width: 100%;max-width: 492px;box-sizing: border-box;}

  
  #common {padding-bottom: 100px;}
  #common .main-tit {font-size: 34px;padding-top: 100px;}

  .gisuk-cont-wrap {display: flex;flex-wrap: wrap;gap: 11.78px;justify-content: space-between;width: 100%;max-width: 736px;margin: 50px auto 0;}
  .gisuk-cont-wrap .first-box {width: 100%;}
  .gisuk-cont-wrap .first-box .cont-box {width: 100%;max-width: 362.11px;margin: 0 auto;}
  .gisuk-cont-wrap .cont-box {padding: 20px;box-sizing: border-box;}
  .gisuk-cont-wrap .cont-box:not(:first-of-type) {width: calc(100% / 2 - 6px);margin-top: 0;}

  .btm-banner {padding: 40px 0;}
  .btm-banner p {font-size: 30px;}
  .btm-banner p strong {font-size: 30px;}

  .gisuk-cont-wrap .cont-box .top-con span {font-size: 14px;}
  .gisuk-cont-wrap .cont-box .top-con p {font-size: 20px;margin-top: 4px;}
  .gisuk-cont-wrap .cont-box .btm-con {margin-top: 20px;}
  .gisuk-cont-wrap .cont-box .btm-con ul {gap: 5px;}
  .gisuk-cont-wrap .cont-box .btm-con ul li a {font-size: 13px;}

  .reservation-banner .inner > div a {padding:  22px 0;}
  .reservation-banner .inner > div a span {margin-left: 40px;font-size: 22px;}
  .reservation-banner .inner > div a span::after {width: 9px;height: 9px;right: 40px;} 

  /*Ȩ¹öÆ°*/
  .russel_hs.scroll-btn-wrap {display: block;}
  .russel_sm.scroll-btn-wrap {display: block;}
  .russel_w.scroll-btn-wrap {display: block;}
  .russel_wm.scroll-btn-wrap {display: block;}

}

/* PC */
@media (min-width: 1200px) {

  html { font-size: 62.5%; }
  section .inner {width: 1000px;margin: 0 auto;}
  .pc-only { display:block }
  .mo-only { display:none }

    .scroll-btn-wrap {bottom: 8% !important;}

  .visual-area .v-stit {font-size: 22px;}
  .visual-area .v-tit {font-size: 52px;}
  .visual-area .info-txt {font-size: 20px;}
  .visual-area .info-txt strong {font-size: 20px;}
  .tab-inner {width: 100%;max-width: 1000px; margin: 0 auto;}
  .tab-inner a {padding: 18.5px 0;}

  .main-tit {margin-top: 80px;}
  .gisuk-cont-wrap {gap: 16px;max-width: 1000px;}
  .gisuk-cont-wrap .first-box .cont-box {width: 452px;max-width: unset;}
  .gisuk-cont-wrap .cont-box {padding: 30px;}
  .gisuk-cont-wrap .cont-box .btm-con {margin-top: 30px;}
  .gisuk-cont-wrap .cont-box .top-con span { font-size: 16px;}
  .gisuk-cont-wrap .cont-box .top-con p { font-size: 24px;}
  .gisuk-cont-wrap .cont-box .btm-con ul li {height: 50px;}
  .gisuk-cont-wrap .cont-box .btm-con ul li a { font-size: 16px;}
  .gisuk-cont-wrap .cont-box:not(:first-of-type) {width: calc(100% / 2 - 8px);}

  .reservation-banner {z-index: 4;}
  .reservation-banner .inner {width: 1000px;margin: 0 auto;}
  .reservation-banner .inner > div {padding: 0 0 20px;}

  .btm-banner {padding: 50px 0;}

}
/*=================== //ºÐ±âÁ¡º° css ó¸® ===================*/