
/* ==================================================
   공통
================================================== */
body {top:0;background:#fff;}
.pdd-wrap{padding:0 4%}
.bg-w-wrap{background:#fff}

/* ==================================================
   TOP Banner
================================================== */
.top-banner {position: relative;overflow: hidden;}
.top-banner img {width:100%;}
.top-banner .btn-close {position: absolute;top:15px;right:15px;}
.top-banner .btn-close img {height:19px;width:19px;}
.top-banner .banner-brand {position: relative;}
.top-banner .banner-brand a {position: absolute;top:0;width:35%;display: block;height:96%;font-size:0;line-height:0;}
.top-banner .banner-brand .bt01 {left:0;}
.top-banner .banner-brand .bt02 {right:0;}

/* ==================================================
   헤더
================================================== */
/* 서브 고정 */
.header-fix {position: fixed;left: 0;top: 0;width: 100%;background: #fff;height: 56px;border-bottom: 1px solid #eee;}

header {background:#fff;height:55px;position: relative;z-index:7;border-bottom:1px solid #ddd;}
header h1 {text-align:center;padding-top:15px;position: relative;font-size:0;line-height:0;    padding: 16px 0 0 4%;display: flex;align-items: center;justify-content: flex-start;}
header h1 img {width:auto;height:24.5px;vertical-align: top}

header .russel_hs h1 img {height:20px;}
header .russel_sm h1 img {height:20px;}
header .russel_w h1 img {height:20px;}
header .russel_wm h1 img {height:20px;}


header .left-nav {position: absolute;top:0;left:0;display: block;width: 48px;height: 48px;overflow: hidden;white-space: nowrap;color: transparent;font-size: 0;z-index: 3;}
header .left-nav span {position: absolute;top: 50%;left: 10px;	display: inline-block;height: 2px;width: 27px;background: #444a5a;}
header .left-nav span::before,.left-nav span::after {position: absolute;display: inline-block;height: 2px;width: 27px;background: #444a5a;content:"";transform-origin: 0 50%;}
header .left-nav span::before {top: -7px;}
header .left-nav span::after {top: 7px;}
header .left-nav.active span::before {transition:all .3s ease;top:0}
header .left-nav.active span::after {transition:all .3s ease;top:0}

header .goRussel {position: absolute;top:35%;left:4%;transform: translateY(-50.1%);z-index:10;display:inline-block;height:18px;width:18px;}
header .goRussel a {display: block;position: relative;width:100%;height:100%;margin-top: 3px;}
/* header .goRussel span {display: inline-block;transition: all .4s;box-sizing: border-box;position: absolute;left: 0;width: 100%;height: 2px;background-color: #000;border-radius: 2px;}
header .goRussel span:nth-of-type(1) {top: 0;width:100%;}
header .goRussel span:nth-of-type(2) {top: 5px;width:75%}
header .goRussel span:nth-of-type(3) {bottom: 0;width:50%} */
/* header .goRussel span {display: none;} */
/* header .goRussel a {display:block;position: absolute;top: 50%;left:0 ;transform: translateY(-50%);width: 2.8rem;height: 2.8rem;flex-shrink: 0;font-size: 0;background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'><path d='M4.66663 7H23.3333' stroke='%23111111' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/><path d='M4.66663 14H23.3333' stroke='%23111111' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/><path d='M4.66663 21H23.3333' stroke='%23111111' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat center;background-size: contain;} */
/* header .goRussel a.gnb-hamburger {display: inline-flex;flex-direction: column;justify-content: center;gap: 5px;border: none;background: none;cursor: pointer;position: relative;z-index: 1001;} */
/* header .goRussel a.gnb-hamburger .gnb-hamburger-line {width: 18px;height: 2px;background-color: #111;border-radius: 999px;transition: all 0.3s ease-in-out; transform-origin: center;} */
header .goRussel {right: 6% !important;}

/* X 버튼으로 변하는 상태 (is-active) */
header .goRussel a.gnb-hamburger.is-active .gnb-hamburger-line {width: 20px;}
.gnb-hamburger.is-active .gnb-hamburger-line:nth-child(1) {    transform: translateY(7px) rotate(45deg);}
.gnb-hamburger.is-active .gnb-hamburger-line:nth-child(2) {    opacity: 0;    transform: translateX(-10px);}
.gnb-hamburger.is-active .gnb-hamburger-line:nth-child(3) {    transform: translateY(-7px) rotate(-45deg);}


header .util-right {position:absolute;top:50%;right:4%;transform: translateY(-50.1%);font-size:0;line-height:0;}
header .util-right a {display:inline-block;width:23px;height:20px;position: relative;}
header .util-right a span {display: block;width: 17px;height: 17px;line-height: 18px;position: absolute;top:-9px;right:-9px;font-size:1.1rem;color:#fff;background:#db3e6b;border-radius: 50%;text-align: center;}
header .util-right a:nth-of-type(1) {background:url("https://russeldata.megastudy.net/campus/images/russel/m_russel/common/ico_cart.svg") no-repeat left top/100%;}
header .util-right a:last-child {margin-left:10px;background:url("https://russeldata.megastudy.net/campus/images/russel/m_russel/common/ico_my.svg") no-repeat left top/100%!important;}

header .goRussel.logo_rm{display: none;}
header .russel_wm h1 img {width:calc(350vw/7.2);height:auto;vertical-align: top}


/* ==================================================
   학원 전체보기 & 햄버거 상세 메뉴(인트로와 공통사용)
================================================== */
/* 학원 전체보기 */
.btn-all-campus {overflow:hidden;display:flex;align-items: center;justify-content: center;width:50px;height:50px;margin-top:5px;z-index: 7!important;background:#2C5BF6!important;border:1px solid #2C5BF6;color:#fff;border-radius: 50px;box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);box-sizing: border-box;}
.btn-all-campus a {display:inline-block!important;height:auto!important;font-size: 1.3rem;color:#fff;font-weight: bold;}
.campus-list-wrap {display:none;}
.campus-list-wrap .close_campus {position: absolute;top: 24px;right: 9%;width: 20px;height: 20px;}
.campus-list-wrap .close_campus img {width: 100%;height:auto;}
.campus-list-wrap .tit-campus {display:flex;align-items: center;gap:14px;margin-bottom:18px;color: #111;font-size: 18px;font-weight: 800;line-height: 100%;letter-spacing: -0.45px;}
.campus-list-wrap .tit-campus a {display: inline-flex;height: 28px;padding: 0 15px 0 17px;align-items: center;gap: 5px;color:#2C5BF6;text-align: center;font-size: 12px;font-weight: 600;line-height: 100%; border: 1px solid #2C5BF6;border-radius: 30px;}
.campus-list-wrap .tit-campus a::after {width: 6px;height: 6px;border-right: 1px solid #2C5BF6;border-top: 1px solid #2C5BF6;content: "";transform: rotate(45deg) translateY(-1px)}
.campus-list-wrap .tit {padding: 6px 14px 8px 14px;border-radius: 4px;background: #EEF4FF;color:#2C5BF6;font-size: 15px;font-weight: 800;line-height: 145%;letter-spacing: -0.375px;}
.campus-list-wrap .s-tit {color: #111;font-size: 13px;font-weight: 700;line-height: 145%;letter-spacing: -0.325px;} 
.campus-list-wrap .s-tit::before {content:"· "}
.campus-list-wrap .s-tit strong {color:#2C5BF6}
.campus-list-wrap .campus-list {position:fixed;left:4%;top:50%;z-index: 100;transform: translateY(-50%);width: 96%;}
.campus-list-wrap .campus-list-inner {width:inherit;padding:20px 4% 4px;background:#fff;box-sizing: border-box;max-height:78vh;border-radius: 20px;overflow: auto;}
.campus-list-wrap .tit {margin-bottom:16px;padding: 6px 14px 8px;background-color: #EEF4FF;border-radius: 4px;}
.campus-list-wrap .tit strong {display:block;font-size:1.5rem;color: #111;font-weight: bold;;}
.campus-list-wrap .c-list {display:flex;flex-wrap: wrap;padding:0 3% 0px;display: grid;grid-template-columns: 1fr 1fr 1fr;row-gap: 20px;column-gap: 30px;margin: 16px 0 30px;}
.campus-list-wrap .c-list li {width:33.3%;box-sizing: border-box;min-width: 70px;}
.campus-list-wrap .c-list li a {display: block;font-size: 1.4rem;color:#222;line-height: 1.4;position: relative;}
.campus-list-wrap .c-list li a .sub {color: #777;font-size: 12px;font-weight: 400;line-height: 130%;letter-spacing: -1.5px;}
.campus-list-wrap .c-list li .ico-new {padding: 1px 4px;margin-left:2px;color: #FC4F3F;font-size: 8px;font-weight: 700;line-height: normal;letter-spacing: -0.2px;border-radius: 100px;border: 1px solid #EBEBEB;background: #FFF;vertical-align: middle;position: absolute;top: 2px;right: -16px;}


.campus-list-wrap .campus-mask {position: fixed;top:0;left:0;z-index:7;background:#000;opacity: .6;width:100%;height:100%;z-index: 10;}
/* 기숙 */
.campus-list-wrap .c-list.c-l-gisuk {grid-template-columns: 1fr 1fr;}
.campus-list-wrap .c-list.c-l-gisuk li {flex:none;width: unset;min-width: unset;}
/* .campus-list-wrap .c-list.c-l-gisuk li.l-line a {height:57px;display:flex;align-items:center;justify-content:center;flex-direction:column;line-height:17px;}
.campus-list-wrap .c-list.c-l-gisuk li.l-line .gray {color:#868686;font-size:1.4rem;} */
.panel-wrap.on {top: 56px;left:0;}
.panel-wrap {left:100%;}
/* 햄버거 상세 메뉴 */
.panel-wrap.on {left:0;background:#fff;}
.panel-wrap {position: fixed;top:57px;right:100%;height:100%;width:100%;z-index:101;;transition:all ease .5s .4s}
.panel-wrap .panel-in {position: relative;overflow-y:auto;top:0;left:0;height:100%;width:100%;z-index:100;background:#fff;}

.panel-wrap .tit-wrap {padding:13px 5.5% 4px;background:#fff;height:33px;overflow:hidden}
.panel-wrap .tit-wrap.logo_common {padding-top:17px;height:29px;}
.panel-wrap .tit-wrap.logo_common .img-logo img {height:16.4px;}
.panel-wrap .tit-wrap .img-logo img {width:auto;height:27.5px}
.panel-wrap .tit-wrap .img-logo.logo_hs img {width:auto;height:23.2px}
.panel-wrap .tit-wrap .img-logo.logo_sm img {width:auto;height:23.2px}
.panel-wrap .tit-wrap .img-logo.logo_w img {width:auto;height:23.2px}

.panel-wrap .tit-wrap .img-logo.logo_wm img {width:calc(350vw/7.2);height:auto;vertical-align: top} 
.panel-wrap .tit-wrap .panel-close {position: absolute;top:16px;right:15px;width:19px;height:19px;}
.panel-wrap .tit-wrap .panel-close.active {animation:bt-rotate .3s ease-in-out;}

.panel-wrap .bt-wrap {padding:26px 0px;text-align:center;background: linear-gradient(45deg, #0083fb, #02a98c);}
.panel-wrap .bt-wrap a {display:inline-block;margin:0 4%;font-size:1.8rem;color:#fff;border-bottom:1px solid #fff;font-weight: bold;}

.panel-wrap .menu-list {padding:0 0 100px 0;background:#fff;}
.panel-wrap .menu-list a {font-size:1.6rem;color:#222;display:block;padding:14px 6%;border-bottom:1px solid #eaeaea;}
.panel-wrap .menu-list .menu-item.on > a {font-weight: 700;color: #2C5BF6;}
/* .panel-wrap .menu-list .menu01 {position: relative;}
.panel-wrap .menu-list .menu01::before {content:"";position: absolute;top:18px;left:-30px;width:23px;height:23px;background:url("https://russeldata.megastudy.net/campus/images/russel/m_russel/common/ico_lnb.png") no-repeat;background-size: 23px auto;} */


/* 개발중 메뉴 */
.panel-wrap .menu-ico img:first-child {margin:0 auto;display:block;}
.panel-wrap .menu-list .ico-new {padding: 1px 4px;width:16px;height:16px;box-sizing: border-box;margin-left:5px;color: #FC4F3F;font-size: 8px;font-weight: 700;line-height: normal;letter-spacing: -0.2px;border-radius: 100px;border: 1px solid #EBEBEB;background: #FFF;vertical-align: middle;}
.panel-wrap .menu-list .menu-item {position:relative;}


.panel-wrap .menu-list .menu-item a {position:relative;letter-spacing:-1px;}
.panel-wrap .menu-list .menu-item .m-icon {width:23px;height:23px;position:absolute;top:50%;left:-30px;transform:translateY(calc(-50% + 0.5px));}

.panel-wrap .menu-list .menu-item > a {color: #333;font-size: 16px;font-weight: 700;}
.panel-wrap .menu-list .menu-item .ico-arrow {content:"";display:block;width:10px;height:10px;border-left:2px solid #222;border-bottom: 2px solid #222;transform: rotate(-45deg);position:absolute;top:20px;right:6%;}

.panel-wrap .menu-list div.menu-item > a:first-child:after {display:none}
.panel-wrap .menu-list .menu-item.on .ico-arrow {transform: rotate(135deg);margin-top:5px}
.panel-wrap .menu-list .menu-item.on .menu02 {display: block;}


/* .panel-wrap .menu-list .m-mo::before {background-position: 0 1px;}
.panel-wrap .menu-list .m-pt::before {background-position: 0 -22px;}
.panel-wrap .menu-list .m-perfect::before {background-position: 0 -43px;}
.panel-wrap .menu-list .m-stu::before {background-position: 0 -67px;}
.panel-wrap .menu-list .m-system::before {background-position: 0 -87px;}
.panel-wrap .menu-list .m-studyhall::before {background-position: 0 -113px;}
.panel-wrap .menu-list .m-myrussel::before {background-position: 0 -137px;}
.panel-wrap .menu-list .m-covid::before {background-position: 0 -161px;}
.panel-wrap .menu-list .m-campus::before {background-position: 0 -184px;}
.panel-wrap .menu-list .m-notice::before {background-position: 0 -205px;}
.panel-wrap .menu-list .m-food::before {background-position: 0 -232px;}
.panel-wrap .menu-list .m-bus::before {background-position: 0 -256px;}
.panel-wrap .menu-list .menu01-02 > a:first-child::after {content:"";display:block;width:10px;height:10px;border-left:2px solid #a9a9a9;border-bottom: 2px solid #a9a9a9;transform: rotate(-45deg);position:absolute;top:20px;right:12%;}
.panel-wrap .menu-list .menu01-02.on > a:first-child::after {transform: rotate(135deg);margin-top:5px} */
.panel-wrap .menu-list .menu02 {display:none;margin-left:3%;border-bottom:1px solid #eaeaea;padding-bottom:20px}
.panel-wrap .menu-list .menu02 li {position: relative;margin-left:5%;}
.panel-wrap .menu-list .menu02 li::before {content:"";width:2px;height:2px;border-radius: 50%;background:#555;position: absolute;top:70%;left:-6px;}
.panel-wrap .menu-list .menu02 a {display:flex;align-items: center;color:#555;border-bottom:none;padding:18px 0 0 0;font-size: 14px;font-weight: 400;}
.panel-wrap .menu-list .menu02 li:first-of-type a {padding: 0;}
/* .panel-wrap .menu-list .menu01.on .menu02 {display: block;} */
.panel-wrap .menu-list .menu02-title{   display:none;   padding:10px 6%;    font-size:14px;    font-weight:600;    color:#333;    line-height:-0.35;}
.panel-wrap .menu-list .menu02-title:first-of-type {padding: 16px 6% 10px;}
.panel-wrap .menu-list .menu-item.on .menu02-title{    display:block;}


/* 하단 배너 */
.bottom-slide {position: relative;margin-bottom:-25px;background-color: #fff;min-height:30px}
.bottom-slide .swiper-wrapper {border-radius: 25px 25px 0 0;overflow: hidden;}
.bottom-slide .swiper-slide {position: relative;}
.bottom-slide .swiper-slide .txt {position: absolute;top:50%;left:0;transform: translateY(-50.1%);width:100%;text-align: center;transition: all ease .9s;opacity:0}
.bottom-slide .swiper-slide .txt strong {margin-top:5px;display: block;font-size: 1.5rem;color:#fff;}
.bottom-slide .swiper-slide.swiper-slide-active .txt {transform: translateY(-77.1%);opacity:1;color:#fff;font-size: 1.3rem;letter-spacing: -1px;}
.bottom-slide .swiper-slide img {width: 100%;}
.bottom-slide .bottom-pagination {position:absolute;top:10px;left:90%;z-index:2;color:#fff;font-size: 1.1rem;height:auto;}
.bottom-slide .bottom-pagination span {color:#fff;}
.bottom-slide .bottom-pagination .swiper-pagination-current {font-weight: bold;}

.panel-wrap .bottom-slide {display:none;padding-top:0;margin-bottom:-25px!important;position:fixed;bottom: 0;right:100%;width: 100%;z-index:5;transition:all ease .5s .4s}
.panel-wrap .bottom-slide .swiper-slide-active .txt {top:calc(50% - 12px);transform: translateY(-50.1%)!important;}
.panel-wrap .bottom-slide .bottom-pagination {top:17px;}
.panel-wrap.on .bottom-slide {right:0;}

/* 각 학원 메인용 메뉴 */
.panel-wrap .menu-ico {display: flex;flex-wrap: wrap;border-bottom:10px solid #f2f2f2;background:#fff;padding:0 2.5% 20px}
.panel-wrap .menu-ico a {flex: 0 0 33.3%;text-align:center;padding:20px 0 0 0}
.panel-wrap .menu-ico a  img {width:45px;height:auto;}
.panel-wrap .menu-ico a strong {display:block;margin-top:5px;font-size:1.6rem;color:#222;font-weight: normal;}

.panel-wrap .is-hidden {display: none;}

/* 애니메이션 keyframes */
@keyframes bt-rotate {0%{transform: rotate(0);}100%{transform: rotate(180deg);}}


/* ==================================================
   적응형 모바일 헤더 수정 CSS
================================================== */
.header-fix h1 .btn-all {margin-left: 10px;font-size: 12px;border-radius: 999px;border: 1px solid #777;display: inline-flex;justify-content: center;align-items: center;gap: 4px;color:#777;font-weight: 500;padding: 4px 8px;line-height: 1;background-color: #fff !important;width: fit-content;height: fit-content;box-shadow: none;margin-top: 0;}
.header-fix h1 .btn-all svg {transform: rotate(90deg);}

.util-right {display: none;}
header .goRussel {left: auto;}


/* ==================================================
   푸터
================================================== */
footer {position:relative;overflow: hidden;z-index:1;padding:30px 0;text-align:center;background:#fff;font-size:1.1rem;color:#666;line-height: 1.5;margin-top:-25px;border-top: 1px solid #EBEBEB;}
footer h1, .info-area strong {color: #777;font-weight: 500;font-size: 13px;}
footer .footer-btn {text-align:center;margin-bottom:20px;}
footer .footer-btn a {padding:0 2% 0 0;margin-right:1%;color:#777;font-size:1.3rem;position: relative;}
footer .footer-btn a::after {content:"";display:block;width:1px;height:10px;background:#cacaca;position:absolute;top:50%;right:1%;    transform: translateY(-50%);}
footer .footer-btn a:last-child {padding:0}
footer .footer-btn a:last-child::after {content:none}
footer .footer-btn a.bt-main {padding-right:0;margin-right:0;}
footer .footer-btn a.bt-main::after {display: none;padding-right: 0;}
footer .footer-info {margin-bottom:15px;font-size:1.3rem;color:#A9A9A9;}
footer .footer-info a {text-decoration:underline;color:#222;font-size: 1.3rem;}
footer .btn-sns {margin-top:30px}
/* footer .btn-sns svg {border:1px solid #E9E9EC;border-radius: 50px;} */
footer .btn-sns {display:flex; justify-content:center; align-items:center; gap:12px; align-self:stretch;margin-top: 30px;}
footer .btn-sns a {display:block; width:32px; height:32px; aspect-ratio:1/1; background-repeat:no-repeat; background-position:center;background-size:contain;}
footer .btn-sns a.blog{ background-image:url("https://img.megastudy.net/campus/library/v2015/library/common/sns_blog_2026.svg");}
footer .btn-sns a.youtube{ background-image:url("https://img.megastudy.net/campus/library/v2015/library/common/sns_youtube_2026.svg");}
footer .btn-sns a.insta{ background-image:url("https://img.megastudy.net/campus/library/v2015/library/common/sns_instargram_2026.svg");}
footer .btn-sns a {margin-right:1%;}
footer .btn-sns a:last-child {margin-right: 0;}
footer .btn-sns a img {width:25px;height:25px;}

footer .info-area {margin:0 4%;color:#a9a9a9;}
footer .info-area p{margin-top:2%;font-size:1.3rem;color:#A9A9A9;}

footer .footer-toggle{font-weight:500;font-size:1.3rem;color:#535252;}
footer .footer-toggle u {text-decoration: none;}
footer .footer-toggle u::after{content:'';display:inline-block;width:5px;height:5px;margin-left:5px;border-left:2px solid #535252;border-bottom:2px solid #535252;transform:translateY(-3px)  rotate(-45deg);}
footer .footer-toggle u.on::after{transform:rotate(135deg);}
footer .footer-wrap{display:none;padding-top:10px;}
footer .footer-wrap.on {display: block;}

/* .box-floating {display: none;} */
/* ==================================================
   컨텐츠 공통
================================================== */
.sub-wrap {background:#fff;padding:51px 0 55px 0;font-size:1.6rem;color:#222;}
/* .sub-wrap * {font-size:1.6rem;color:#222;} */
.sub-wrap .bg-gray {background:#f2f2f2;margin-bottom:-35px;}

/* 서브 타이틀 */
.sub-tit {height:51px;box-sizing:border-box;border-bottom:1px solid #ddd;border-top:1px solid #ddd;text-align: center;position: fixed;top:56px;width:100%;background:#fff;z-index: 7;}
.sub-tit strong {width:85%;font-size:1.7rem;color:#222;position: absolute;top:50.1%;left:50.1%;transform:translate(-49.1%, -50.1%)}
.sub-tit .bt-prev {font-size:0;line-height:0;position: absolute;top:50.1%;left:4%;transform:translateY(-50.1%);}
.sub-tit .bt-prev img {width:19px;height:auto;}
.tbl-stit {position: relative;padding-left: 18px;margin: 20px 0 10px;text-align: left;font-size: 1.5rem;color: #222;font-weight: bold;line-height: 1.2;}
.tbl-stit::before {content:"■ ";font-weight: bold;position: absolute;top:0px;left:0;}
.tbl-stit-02 {position: relative;padding-left: 15px;margin: 10px 0;text-align: left;font-size: 1.3rem;color: #222;font-weight: bold;}
.tbl-stit-02::before {content:"ㆍ";font-weight: bold;position: absolute;top:0px;left:0;}

/* 서브 고정 메뉴 */
.fix-tab {position: relative;width:100%}
.fix-tab.active {position: fixed;top:51px;left:0;z-index: 7;}

/* 플로팅 메뉴 */
.h-body {width: 100%;height: 100%;overflow: hidden;z-index: 1;top:0;left:0}
.floating-box {z-index:-1;opacity:0;position: absolute;bottom: 50px;transition: all ease .3s;visibility: hidden;}
.floating-box.up {bottom:104px;}
.floating-box.on {z-index:8;opacity:1;visibility: visible;}
.floating-box a {display:block;width:50px;height:50px;position: relative;margin-bottom:7px;transform:translateY(15%);opacity:0;transition: all ease .3s;visibility: hidden;}
.floating-box a em {display:block;width:18px;height:18px;line-height:18px;position: absolute;top:0px;right:-7px;background:#db3e6b;border-radius: 50%;color:#fff;font-size:1.1rem;text-align:center;font-style: normal;}
.floating-box.on a {transform:translateY(0%);opacity:1;visibility: visible;}
.floating-box.on a:nth-of-type(1) {transition-delay: .3s;}
.floating-box.on a:nth-of-type(2) {transition-delay: .2s;}
.floating-box.on a:nth-of-type(3) {transition-delay: .1s;}
.floating-box a span:nth-of-type(1) {display:block;width:120px;position: absolute;top:50%;left:-130px;text-align: right;font-size:1.3rem;color:#fff;transform:translateY(-50%);}
.floating-box a span:nth-of-type(2) {display:block;width:50px;height:50px;background:#fff;border-radius: 25px;position: relative;}
.floating-box a span:nth-of-type(2) img {width:27px;height:27px;position: absolute;top:50%;left:50%;transform: translate(-50.1%, -50.1%)}
#btn-floating {position:relative;width:50px;height:50px;margin-top:5px;z-index: 5;text-align:center;border-radius: 50%;background: #0b9678;overflow: hidden;box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);}
#btn-floating.on {z-index: 8;}
#btn-floating img {width:14px;height:14px;margin:0;position: absolute;top:50%;left:50%;transform: translate(-50.1%, -50.1%) rotate(-45deg);transition: all ease .4s;}

/* #btn-floating::before {content:"";display:block;width:100%;height:100%;position: absolute;top:0;left:0;background:transparent;border-radius: 25px;opacity: .8;} */
#btn-floating::after {content:"";display:block;width:100%;height:100%;position: absolute;top:0;left:0;opacity: .8;}
#btn-floating a {overflow:hidden;display: block;width: 100%;height: 100%;z-index: 1;position: relative;border-radius: 25px;}
#btn-floating.on img {transform: translate(-50.1%, -50.1%) rotate(90deg);}

#btn-top {margin-top:5px;opacity: 0;height:0;transition: all ease-in .4s;}
#btn-top.on {display: block;opacity: 1;height:50px;}
#btn-top a {box-sizing:border-box;font-size:0;width: 50px;height: 50px;overflow:hidden;border-radius:50% 50%;display: block;background-color:#fff;border:1px solid #cdcdcd;opacity: 0.8;box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);}
#btn-top span {display:block;width:100%;height:100%;background:url("https://russeldata.megastudy.net/campus/images/russel/m_russel/common/ico_top.png") center 40px no-repeat;background-size: 50%;/* transition */transition:ease all 1s 1s}
#btn-top.on span {padding-top:0;transition:ease all 1s .2s;background-position: center center;}
.floating-mask {display:none;position: fixed;top:0;left:0;z-index:7;background:#000;opacity: .6;width:100%;height:100%;}
.floating-mask.on {display: block;}


/* 하단 코로나 방역 툴팁 */
#btn-corona {position:fixed;bottom:135px;right:4%;z-index:7;}
#btn-corona.on .btn-corona-wrap{display:flex;align-items:center;width:300px;transition-property:width;transition-duration:200ms;transition-timing-function:linear;}
#btn-corona.on .text{opacity:1;animation-name:fadeIn;animation-delay:200ms;animation-fill-mode: both;}

#btn-corona .btn-corona-wrap{width:50px;height:50px;border:1px solid #333;border-radius:25px;box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);background:#fff url("https://russeldata.megastudy.net/campus/images/russel/m_russel/common/ico_corona_tool.png") right 6px  bottom 0 no-repeat;background-size:37px;transition-property:width;transition-duration:200ms;transition-timing-function:linear;}
#btn-corona .text{overflow:hidden;height:18px;padding-left:20px;font-size:1.4rem;font-weight:500;opacity:0;box-sizing:border-box;color:#222;}
#btn-corona .text span{color:#0081ff;}

#btn-corona .text::after{content:'';display:block;clear:both;}
#btn-corona .text .co-tit{float:left;margin-right:5px;color:#0081ff;}
#btn-corona .text .corona-slide{float:left;width:165px;}

/*부천 메인 카카오 버튼*/
#btn-kakao {display:none;position: relative;overflow:hidden;display: block;width:50px;height:50px;margin-top:5px;z-index: 5;text-align:center;box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);border-radius: 25px;}
#btn-kakao.on {z-index: 8;}
#btn-kakao img {width:52px;height:52px;margin:0;position: absolute;top:50%;left:50%;transform: translate(-50.1%, -50.1%);transition: all ease .4s;}
#btn-kakao.on img {transform: translate(-50.1%, -50.1%) rotate(90deg);}

/* ==================================================
   헤더 aside 메뉴(인트로)
================================================== */
.aside-menu {padding-bottom:50px;border-top:1px solid #EEE}
.aside-menu .ico-new {padding: 1px 4px;width:16px;height:16px;box-sizing: border-box;margin-left:2px;color: #FC4F3F;font-size: 8px;font-weight: 700;line-height: normal;letter-spacing: -0.2px;border-radius: 100px;border: 1px solid #EBEBEB;background: #FFF;vertical-align: middle;}
.aside-menu .ico-win img {width:20px;height:20px}
.aside-menu .menu-depth01 {position:relative;padding:14px 5% 15px;font-size: 15px;color:#111;font-weight: bold;border-bottom:1px solid #EEE}
/* .aside-menu .menu-depth01:first-child {border-top:1px solid #EEE} */
.aside-menu .menu-depth01.on {color:#2C5BF6}
.aside-menu .menu-depth02 {display:none;padding:12px 5%;border-bottom:1px solid #EEE}
.aside-menu .menu-depth02.on {display: block;}
.aside-menu .menu-depth02 li a {display:block;padding:9px 0;}
.aside-menu .menu-depth02 li > a {display:flex;align-items: center;font-size:13px;color:#111;font-weight: 500;padding:5px 0 12px;}
.aside-menu .menu-depth03 li > a {font-size: 13px;color: #555;font-weight: normal;}
.aside-menu .menu-depth03 li > a::before {margin-right:6px;content:"· "}
.aside-menu .menu-depth01 .ico-arrow {content:"";display:block;width:10px;height:10px;border-left:2px solid #222;border-bottom: 2px solid #222;transform: rotate(-45deg);position:absolute;top:20px;right:6%;}
.aside-menu .menu-depth01.on .ico-arrow {transform: rotate(135deg);margin-top:5px}


/* ==================================================
   480px 보다 큰 사이즈 예외 경우
================================================== */
@media screen and (min-width:480px){
    .intro-visual:first-child {width:75%;margin:15px auto;}
    .intro-visual:first-child .swiper-container {height:100%;width:auto;}
    .flw-wrap .flw-tab, .study-hall-wrap .study-hall-tab .tab-btn  {position: relative!important}
}

@keyframes fadeIn {
  0% {
	opacity:0;
  }

  100% {
	opacity:1;
  }
}

/* ==================================================
  하단 공통 탭바
================================================== */
.bottom-nav {
   display: flex;
   position: fixed;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 64px;
   background: #fff;
   border-top: 1px solid #E2E2E6;
   justify-content: space-around;
   align-items: center;
   z-index: 1000;
   /* 아이폰 노치(하단바) 대응 */
   padding-bottom: env(safe-area-inset-bottom);
   height: calc(60px + env(safe-area-inset-bottom));
   background:#fff;
   z-index:10;
   line-height: 1.1;
}

.bottom-nav .tab-item {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
text-decoration: none;
color: #666;
font-size: 12px;
letter-spacing: -1px;
}

.bottom-nav .tab-item i {
   font-size: 20px;
   margin-bottom: 6px;
}
.bottom-nav .tab-apply {
   color:#2C5BF6;
   font-size: 14px;
}

.bottom-nav .tab-apply i {
   margin:-29px 0 0px;
   border-radius: 999px;
   display: flex;
   width: 50px;
   height: 50px;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   gap: 6px;
   background: linear-gradient(180deg, #2C5BF6 0%, #B291FF 100%);
}
.bottom-nav .tab-apply span {margin-top:2px}