/* =================================================
    ¸ÞÀÎ ½½¶óÀÌµå ¹è³Ê
==================================================== */
/* ¿ìÃø¹è³Ê */
.right-ss-banner {display:block;position:absolute;right:0;top:200px;border-radius:8px 0 0 8px;overflow: hidden;border:1px solid #E9E9EC;border-right: none;z-index: 10;}
.right-ss-banner li {border-bottom:1px solid #E9E9EC;background:#fff;}
.right-ss-banner li:last-child {border-bottom: none;}
.right-ss-banner li a {display:block;padding: 20px 20px 20px 24px;color:#555;font-size: 14px;font-weight: 400;line-height: 100%;letter-spacing: -0.35px;box-sizing: border-box;}
.right-ss-banner li a strong {display:block;margin-top:5px;font-size: 18px;font-weight: 700;line-height: 120%;letter-spacing: -0.45px;color:#2C5BF6;}


/* =================================================
    ¸ÞÀÎ ½½¶óÀÌµå ¹è³Ê
==================================================== */
/* ¸ÞÀÎ ½½¶óÀÌµå °øÅë */
.intro-wrap {width:1200px;margin:50px auto 80px;}
.intro-wrap .main-slide {position: relative;padding-bottom:70px;}
.intro-wrap .main-slide .swiper-pagination {width: 1008px;height: 4px;bottom:18px;background:#EBEBEB;border-radius: 999px;overflow: hidden;}
.intro-wrap .main-slide .swiper-pagination-progressbar-fill {height:100%;background: #111;}
.intro-wrap .main-slide .btn-wrap {position: absolute;bottom:0;right:0;width:200px}
.intro-wrap .main-slide .btn-wrap::after {display: block;content:"";position:absolute;top: -34px;left: -1000px;width:1200px;height:70px;z-index: 0;}
.intro-wrap .main-slide .btn-wrap div {display: flex;justify-content: flex-end;z-index: 1;}
.intro-wrap .main-slide .btn-wrap div div {cursor: pointer;}
.intro-wrap .main-slide .btn-wrap .swiper-button-next,
.intro-wrap .main-slide .btn-wrap .swiper-button-prev {flex:0 0 auto;position:relative;width:auto;height:auto;background:none;margin:0;left:0;right:0;top:0}
.intro-wrap .main-slide .btn-wrap .swiper-button-next::after,
.intro-wrap .main-slide .btn-wrap .swiper-button-prev::after {content:none;}
.intro-wrap .main-slide .btn-wrap .swiper-pause-btn {margin:0 6px}

.intro-wrap .slide-wrap {position: relative;border-radius: 16px;overflow: hidden;}
.intro-wrap .slide-wrap > a {display: block;position:relative;width:285px;height:380px;padding: 46px 26px 60px 30px;box-sizing: border-box;}
.intro-wrap .slide-wrap span {display: block;}
.intro-wrap .slide-wrap .ico-flag {display:inline-flex;height: 26px;padding: 0 8px;margin-bottom:20px;justify-content: center;align-items: center;border-radius: 4px;font-weight: 700;font-size: 14px;letter-spacing: -0.35px;}
.intro-wrap .slide-wrap .sub-tit {font-size: 17px;font-weight: 500;letter-spacing: -0.425px;color: #222;}
.intro-wrap .slide-wrap .main-tit {font-size: 32px;font-weight: 800;letter-spacing: -0.8px;line-height: 125%;letter-spacing: -0.8px;color: #111;}
.intro-wrap .slide-wrap .sub-tit + .main-tit {margin-top:5px;}
.intro-wrap .slide-wrap .main-tit strong {font-size: 32px;font-weight: 800;letter-spacing: -0.8px;line-height: 125%;letter-spacing: -0.8px;}
.intro-wrap .slide-wrap .date {position:absolute;bottom:60px;left:30px;font-size: 17px;font-weight: 700;line-height: 100%;letter-spacing: -0.68px;color: #111;}

.intro-wrap .slide-wrap > a:hover {background:#051457!important;}
.intro-wrap .slide-wrap > a:hover .sub-tit,
.intro-wrap .slide-wrap > a:hover .main-tit,
.intro-wrap .slide-wrap > a:hover .date {color: #fff;}


/* Á¤±Ô Å¸ÀÔ */
.intro-wrap .slide-wrap .regular {background: #DCEBFF;}
.intro-wrap .slide-wrap .regular .ico-flag {background:#2C5BF6;color:#fff;}
.intro-wrap .slide-wrap .regular .main-tit strong {color:#2C5BF6;}

.intro-wrap .slide-wrap .regular:hover .ico-flag {background:#5079FF}
.intro-wrap .slide-wrap .regular:hover .main-tit strong {color:#5079FF}


/* ´Ü°ú Å¸ÀÔ */
.intro-wrap .slide-wrap .danka {overflow: hidden;background: #F7F4FF;border-radius: 19px;}
.intro-wrap .slide-wrap .danka .ico-flag {background:#E5D9FF;color:#6428FF;}
.intro-wrap .slide-wrap .danka .main-tit strong {color:#6428FF;}

.intro-wrap .slide-wrap .danka:hover {border-radius: 19px;}
.intro-wrap .slide-wrap .danka:hover .ico-flag {color:#B598FF;background:#35338D}
.intro-wrap .slide-wrap .danka:hover .main-tit strong {color:#9B74FF}

/* ±âÅ¸ Å¸ÀÔ */
.intro-wrap .slide-wrap .etc .ico-flag {background:#fff}

/* .intro-wrap .slide-wrap a.etc:hover {background:#000!important;} */

/* ´Ü°ú ¼­ºê ¸Þ´º */
.intro-wrap .slide-wrap .sub-group {display: none;}
.intro-wrap .slide-wrap:hover .sub-group {display: block;}
.intro-wrap .slide-wrap .sub-group div {display:flex;flex-direction: column;justify-content: stretch;align-items:center;position:absolute;top:0;left:0;width:100%;height:100%;z-index: 10;}
.intro-wrap .slide-wrap .sub-group a {width:100%; flex: 1;display: flex;justify-content: center;align-items: center;z-index: 11;z-index: 11;color: #FFF;font-size: 17px;font-weight: 700;line-height: 100%;letter-spacing: -0.425px;border-bottom:1px solid rgba(255, 255, 255, 0.15);box-sizing: border-box;}
.intro-wrap .slide-wrap .sub-group a:last-child {border-bottom: none;}
.intro-wrap .slide-wrap .sub-group a:hover {background:#5E5BFD;}
.intro-wrap .slide-wrap .sub-group::after {display:block;content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 11, 61, 0.82);backdrop-filter: blur(2px);}
.intro-wrap .slide-wrap:hover .sub-group {display: block;}


/* ¸ÞÀÎ ½½¶óÀÌµå 4°³ ÀÌÇÏ */
.main-slide.stop-slide {padding-bottom:20px}
.main-slide.stop-slide .btn-wrap, .main-slide.stop-slide .swiper-pagination {display: none;}

/* ¸ÞÀÎ ¹è³Ê ÀüÃ¼ º¸±â */
.main-slide-all {display:none;position:fixed;top:50%;left:50%;transform: translate(-50%, -50%);z-index: 280;}
.main-slide-all.on {display: block;}
.main-slide-all .btn-all-close {position: absolute;cursor: pointer;top: 0;right: 0;margin-right: -50px;}
.main-slide-all .all-inner {display:flex;flex-wrap: wrap;width:1200px;max-height:780px;margin:0 auto;overflow-y:hidden;overflow-x: auto;}
.main-slide-all .slide-wrap {margin:0 20px 20px 0;}
.main-slide-all .slide-wrap:nth-of-type(4n) {margin-right:0}
.main-slide-all .slide-wrap > a {height:380px;padding-top:30px}
.main-slide-all .slide-wrap .date {bottom:45px}

/* =================================================
    ¼­ºê ¹è³Ê 
==================================================== */
/* ÀÔ°á °á°ú */
.result-box {display:flex;justify-content:space-between;align-items: center;position:relative;height:120px;width:100%;margin:60px 0 80px;padding:0 70px;box-sizing: border-box;z-index: 10;cursor: pointer;}
.result-box div {z-index: 1;}
.result-box .tit-box .tit {padding-top:5px;margin-bottom:5px;font-size:24px;color:rgba(255, 255, 255, 0.70);font-weight: 800;line-height: 120%;letter-spacing: -0.48px;}
.result-box .tit-box .tit strong {display:block;font-size:24px;color:#fff;font-weight: 800;}
.result-box .data-box a {position:relative}
.result-box .data-box a svg {vertical-align: middle;}
.result-box .data-box a .data-txt {font-size:13px;color:rgba(255, 255, 255, 0.50);}
.result-box .data-box .data-detail {display:none;padding:30px;border-radius: 10px;position:absolute;top:15px;left:0;background:#fff;min-width:max-content;max-width:600px;font-size: 12px;border:1px solid #eee}
.result-box .data-box a:hover .data-detail {display: block;}
.result-box .bg-box {position: absolute;top:0;left:0;z-index: 0;line-height:0;}
.result-box .number-box ul {display: flex;gap:32px;}
.result-box .number-box ul li {text-align: center;}
.result-box .number-box ul li p {color: rgba(255, 255, 255, 0.80);font-size: 16px;font-weight: 500;letter-spacing: -0.4px;}
.result-box .number-box ul strong {display: block;color: #FFF;font-size: 32px;font-weight: 700;letter-spacing: -0.8px;}
.result-box .number-box ul strong span {color: #FFF;font-size: 20px;font-weight: 500;letter-spacing: -0.5px;}


/* ¼­ºê¹è³Ê ¿µ¿ª */
.sub-banner-wrap {display: flex;gap:24px;position: relative;;height:344px;}

/* ¼³¸íÈ¸, °ø°³Æ¯°­ */
.lecture-banner {width:486px;position: relative;}
.lecture-banner .tit-banner {margin-bottom:30px;color: #111;font-size: 32px;font-weight: 700;letter-spacing: -0.8px;}
.lecture-banner .lecture-tab-btn {position: absolute;top:15px;right:0;}
.lecture-banner .lecture-tab-btn a {display:inline-block;position: relative;padding:0 12px;color: #777;font-size: 16px;font-weight: 400;line-height: 100%;letter-spacing: -0.4px;}
.lecture-banner .lecture-tab-btn a:first-child::after {display: block;content: "";position:absolute;top:2px;right:0;width:1px;height:10px;background: #ddd;}
.lecture-banner .lecture-tab-btn a.active {color:#2C5BF6;font-size: 16px;font-weight: 700;line-height: 100%;letter-spacing: -0.4px;}
.lecture-banner .lecture-tab-cont {position:absolute;bottom:0;left:0;;width: 486px;height: 280px;border-radius: 16px;opacity: 0;z-index: -1;visibility: hidden;}
.lecture-banner .lecture-tab-cont.active {opacity: 1;z-index: 1;visibility: visible;}
.lecture-banner .lecture-tab-cont .lecture-slide {height: 100%;width:100%;background: #F1F3F8;border-radius: 16px;}
.lecture-banner .lecture-tab-cont .swiper-wrapper .swiper-slide {display:flex;align-items:center;padding: 0 40px;box-sizing: border-box;}
.lecture-banner .lecture-tab-cont .lecture-slide .swiper-slide .inner {width:100%}
.lecture-banner .lecture-tab-cont .lecture-slide .ico-txt {display:inline-block;padding: 4px 10px;margin-bottom:15px;background:#2C5BF6;color: #FFF;font-size: 14px;font-weight: 700;letter-spacing: -0.35px;border-radius: 999px;}
.lecture-banner .lecture-tab-cont .lecture-slide .ico-txt img {vertical-align: middle;}
.lecture-banner .lecture-tab-cont .lecture-slide .tit {color: #111;font-size: 24px;font-weight: 400;letter-spacing: -0.6px;z-index: 1;}
.lecture-banner .lecture-tab-cont .lecture-slide .tit strong {display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; overflow: hidden;text-overflow: ellipsis;font-size: 24px;font-weight: 800;}
.lecture-banner .lecture-tab-cont .lecture-slide .info {margin-top:12px;}
.lecture-banner .lecture-tab-cont .lecture-slide .info li {margin-bottom:5px;color: #222;font-size: 16px;font-weight: 500;letter-spacing: -0.4px;}
.lecture-banner .lecture-tab-cont .lecture-slide .info strong {display:inline-block;width: 48px;padding: 3px 8px;margin-right:10px;border-radius: 4px;background: #DDE6FF;box-sizing: border-box;text-align: center;color:#2C5BF6;}
.lecture-banner .lecture-tab-cont .lecture-slide .no-lecture {position: relative;z-index: 1;}
.lecture-banner .lecture-tab-cont .lecture-slide .info._type02 li {padding-left:25px;background:url('https://devrusseldata.megastudy.net/campus/image/russel/intro/common/ico_check.png') left center no-repeat}
.lecture-banner .lecture-tab-cont .lecture-slide .bg-img {position: absolute;top:0;left:0;z-index: 0;}
.lecture-banner .lecture-tab-cont .lecture-slide .btn-book {display:block;width: 260px;padding: 8px 16px;margin:15px auto 0;text-align: center;box-sizing: border-box;border-radius: 999px;border: 1px solid #DDD;background: #FFF;font-size: 16px;font-weight: 600;color:#111}
.lecture-banner .lecture-tab-cont .swiper-button-next:after,
.lecture-banner .lecture-tab-cont .swiper-button-prev:after {font-size: 24px;color: #8B95A1;font-weight: bold;}
.lecture-banner .lecture-tab-cont .swiper-button-next,
.lecture-banner .lecture-tab-cont .swiper-button-prev {background:none;}
.lecture-banner .lecture-tab-cont .swiper-button-prev {left:10px;}
.lecture-banner .lecture-tab-cont .swiper-button-next {right:10px;}
.lecture-banner .lecture-tab-cont .btn-more {position:absolute;top:28px;right:28px;color: #222;font-size: 13px;font-weight: 600;letter-spacing: -0.325px;z-index: 10;}


/* È«º¸ ¹è³Ê °øÅë */
.banner-promo.swiper {border-radius: 16px;border: 1px solid #E9E9EC;background: #FFF;}
.banner-promo .swiper-button-next:after,
.banner-promo .swiper-button-prev:after {font-size: 13px;color: #222;font-weight: bold;}
.banner-promo .swiper-button-next,
.banner-promo .swiper-button-prev {background:none;}
.banner-promo .swiper-button-prev {top:28px;left: auto;right:70px;}
.banner-promo .swiper-button-next {top:28px;left: auto;right:20px;}
.banner-promo .swiper-pagination {top: 18px;left: auto;right: 34px;display: inline-block;width: 48px;height: 20px;color:#999;font-size:14px;}
.banner-promo .swiper-pagination .swiper-pagination-current {color: #222;font-weight: 700;}
.banner-promo.stop-slide .swiper-pagination,
.banner-promo.stop-slide .swiper-button-next,
.banner-promo.stop-slide .swiper-button-prev {display:none}

/* È«º¸ ¹è³Ê : ÄÜÅÙÃ÷ */
.banner-content {width:333px;}
.banner-content .swiper {height:100%;}
.banner-content .swiper-slide a {display: block;height:100%;padding: 60px 32px 32px 32px;box-sizing: border-box;}
.banner-content .swiper-slide span {display: block;}
.banner-content .swiper .s-txt {color: #555;font-size: 17px;font-weight: 500;letter-spacing: -0.425px;}
.banner-content .swiper .tit {margin-top:5px;color: #111;font-size: 24px;font-weight: 800;letter-spacing: -0.6px;}
.banner-content .swiper .ico-pic {position: absolute;bottom:15px;right:15px}
.banner-content .swiper .ico-pic img {width:172px;height:120px;}

/* È«º¸ ¹è³Ê : ºê·£µåº° */
.banner-brand {width:333px;}
.banner-brand .swiper {height:165px;}
.banner-brand .swiper .swiper-slide {box-sizing: border-box;}
.banner-brand .swiper:first-child {margin-bottom: 13px;}
.banner-brand .swiper .swiper-slide a {display: block;padding:42px 30px;}
.banner-brand .txt-blue {margin-bottom:2px;font-size:16;color: #2C5BF6;font-weight:700;}
.banner-brand .tit {font-size:24px;color: #111;font-weight:800;}
.banner-brand .tit sup {margin-top: -2px;}
.banner-brand .s-txt {font-size:14px;color: #777;font-weight:500;}



/* =================================================
    ¸ÞÀÎ ½½¶óÀÌµå ¹è³Ê
==================================================== */
/* footer - ¸ÞÀÎ ÇÏ´Ü¿¡ °íÁ¤¹è³Ê°¡ ÀÖÀ» °æ¿ì */
.footer {padding-bottom:100px}

/* ¸ÞÀÎ °³Æí ½Ã ¸ðµç ÇÐ¿ø¿¡ Àû¿ë layout.css or main.css */
.bottom-fixed-banner{position:fixed;z-index:100;bottom:20px;left:0;right:0;margin:0 auto;display:flex;width:1200px;height:70px;justify-content:space-between;align-items:center;border-radius:10px;}
.bottom-fixed-banner .swiper{width:100%;}
.bottom-fixed-banner a{box-sizing:border-box;width:100%;height:70px;padding:0 40px;display:flex;justify-content:space-between;align-items:center;border-radius:10px;}
.bottom-fixed-banner a .desc{display:flex;justify-content:center;align-items:center;gap:20px;color:#FFF;font-style:normal;line-height:120%;}
.bottom-fixed-banner a .desc strong{font-size:22px;font-weight:700;}
.bottom-fixed-banner a .desc span{font-size:16px;font-weight:500;}
.bottom-fixed-banner a .button{display:flex;height:40px;padding:0 30px;justify-content:center;align-items:center;gap:10px;border-radius:6px;background:#FFF;}
.bottom-fixed-banner a .button span{color:#000;text-align:center;font-size:16px;font-style:normal;font-weight:600;line-height:120%;text-shadow: none;}
.bottom-fixed-banner a .button i{width:5px;height:8px;display:block;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='8' viewBox='0 0 5 8' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.17448 7.81586C-0.0647657 7.577 -0.0570079 7.19718 0.191808 6.9675L3.47327 4L0.191807 1.0325C-0.0570082 0.802824 -0.0647661 0.422999 0.17448 0.184135C0.413726 -0.0547266 0.809377 -0.0621748 1.05819 0.167501L4.80819 3.5675C4.93074 3.68062 5 3.83679 5 4C5 4.16321 4.93074 4.31938 4.80819 4.4325L1.05819 7.8325C0.809378 8.06218 0.413726 8.05473 0.17448 7.81586Z' fill='%23333'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:5px 8px;}


