#mojipgateWrap { 
    padding-bottom: 0; 
    line-height:1; 
}
#mojipgateWrap * { box-sizing: border-box; }
img{ width:100%;}

/* common */
div[class*=section] {
    position: relative;
    padding: 120px 0;
}

div[class*=section] .mojip_inner {
    position: relative;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 0;
}

/* PC (1200px ÀÌ»ó): ±âº» ½ºÅ¸ÀÏ */
#wrapper{ min-width:100% !important;}
#container{ 
    border:none !important;
    padding:0 !important;
    text-align: left;
}

.pc_only{ display: block;}
.pc_ta_only { display: block; }
.mo_only{ display: none !important;}


/* section_visual */
#mojipgateWrap .top_bg {
    background:url('https://img.megastudy.net/campus/library/v2015/library/campus_common/2026/final_gate/visual_bg_1.jpg') 50% 0 repeat-x; 
}
#mojipgateWrap .top_visual {
    position:relative; 
    max-width:3300px; 
    margin:0 auto;
    background:url('https://img.megastudy.net/campus/library/v2015/library/campus_common/2026/final_gate/visual_bg_2.jpg') 50% 0 no-repeat; 
}
#mojipgateWrap .bg_overlay { 
    position:absolute; 
    top:0; 
    left:0; 
    margin:0 auto;
    width:100%;
    height: 850px; 
    background:#010333 url('https://img.megastudy.net/campus/library/v2015/library/campus_common/2026/final_gate/visual_bg_3.jpg') 50% 0 no-repeat; 
    max-width: 3300px; 
    opacity:0;
}
.top_visual .obj_wrap img { width:auto !important;}
.top_visual .obj_wrap {
    position:relative; 
    max-width:1200px;
    height:850px; 
    margin:0 auto;
}
.top_visual .obj_wrap .act {position:absolute; left:0; opacity:0;}
.top_visual .obj_wrap .act.m01 { 
    top:150px;
    width: auto;
    height: 56px;
    display: inline-block;
    will-change: clip-path, opacity;
}
.top_visual .obj_wrap .act.m02 { 
    top:258px;
    width: auto;
    height: 393px;
    display: inline-block;
    will-change: clip-path, opacity;
}
.top_visual .obj_wrap .act.m02_2 { 
    top:378px;
    left:413px;
    width: auto;
    height: 106x;
    display: inline-block;
    will-change: clip-path, opacity;
}
.top_visual .obj_wrap .act.m03 { 
    top: 188px;
    left: auto;
    right: 26px;
    width: auto;
    height: 205px;
}
.top_visual .obj_wrap .act.m04 { 
    top:auto;
    bottom: 0; 
    left:auto;
    right: -12px;
    width: auto;
    height: 490px;
}

/* °øÅë Å¸ÀÌÆ² */
.mojip_gate_wrap .title_wrap {
    color: #000;
    text-align: center;
    font-size: 45px;
    font-weight: 400;
    line-height: 120%;
}
.mojip_gate_wrap .title_wrap strong{
    text-align: center;
    font-size: 66px;
    font-weight: 800;
    line-height: 120%;
}
.mojip_gate_wrap .sub_title_wrap{
    margin-top:30px;
    color: #000;
    text-align: center;
    font-size: 28px;
    font-weight: 400;
    line-height: 140%;
}
.mojip_gate_wrap .sub_title_wrap strong{
    display: inline-block;
    margin-top:6px;
    text-align: center;
    font-size: 32px;
    font-weight: 700;
    line-height: 130%;
}

/* section_system */
.section_system{
    background: #12215C;
    background:url('https://img.megastudy.net/campus/library/v2015/library/campus_common/2026/final_gate/system_bg.jpg') 50% 0 no-repeat;
    background-size:cover;
    padding:100px 0 120px 0;
}
.section_system .title_icon{
    height: 60px;
    margin:0 auto;
}
.section_system .title_icon img{
    width:auto;
}
.section_system .title_wrap {
    margin-top: 20px;
    color: #FFF;
}
.section_system .title_wrap strong{
    display:block;
    background: linear-gradient(90deg, #FFF 27.3%, #F2CFA9 61.48%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.section_system .sub_title_wrap{
    color: #FFF;
}
.section_system .sub_title_wrap strong{
    color: #FFF;
}
.section_system .content_title{
    margin-top: 80px;
    position:relative;
}
.section_system .content_title > span{
    display:inline-flex;
    flex-direction: column;
}
.section_system .content_title .text{
    display: inline-block;
    position:relative;
    color: #FFF; 
    font-size: 32px;
    font-weight: 700;
    line-height: 130%;
}
.section_system .content_title .line{
    height: 14px;
    align-self: stretch;
    background: #4F71DF;
    margin-top: -14px;
}
.section_system .programm_list {
    margin-top: 50px;
    width: 100%;
}
.section_system .programm_list ul {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    align-self: stretch;
}
.section_system ul li {
    display: flex;
    padding: 40px;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    flex: 1 0 0;
    align-self: stretch;
    border-radius: 10px;
    background: #FFF;
    width: calc((100% - 40px) / 3);
}
.section_system ul li p {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    color: #555;
    font-size: 18px;
    font-weight: 300;
    line-height: 150%;
    text-align: left;
}
.section_system ul li p em {
    color: #000;
    font-size: 28px;
    font-weight: 700;
    line-height: 130%;
}
.section_system ul li p span {
    color: #2749D5;
    font-size: 24px;
    font-weight: 700;
    line-height: 130%; 
    display: inline-block;
    padding-bottom: 4px;
}
.section_system ul li .icon {
    display: flex;
    height: 100px;
    flex-direction: column;
    align-items: flex-end;
    align-self: end;
}


/* section_tab */
.section_tab .slider_wrap {
    margin-top: 80px;
    position: relative;
    overflow: hidden;
}
.section_tab .slider_wrap .tabs {
    display: flex;
    align-items: flex-start;
    gap: 2px;
    align-self: stretch;
}
.section_tab .slider_wrap .tabs .tab {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1 0 0;
    background: #344050;
    color: #888;
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    line-height: 130%;
    padding: 28px 0;
    line-height: 1;
    cursor: pointer;
}

.section_tab .slider_wrap .tabs .tab:first-child {
    border-radius: 20px 0 0 0;
} 
.section_tab .slider_wrap .tabs .tab:last-child {
    border-radius: 0 20px 0 0;
}     
.section_tab .slider_wrap .tabs .tab.active {
    background: var(--gradient, linear-gradient(152deg, #4665E8 28.57%, #1C257A 88.83%));
    color: #FFF;
}
.section_tab .slider_content{
    background: #F5F6F8;
}
.section_tab .slider_content .swiper-slide {
    display: flex;
    align-items: center;
    align-self: stretch;
    justify-content: space-between;
    padding:60px 60px 122px 60px;
    background: #F5F6F8;
}
.section_tab .slider_content .slide_info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
    text-align: left;
}
.section_tab .slider_content .slide_text{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}
.section_tab .slider_content .slide_text .text_sub strong{
    color: #2749D5;
    font-size: 22px;
    font-weight: 700;
    line-height: 130%;
    display: inline-block;
    margin-bottom: 10px;
}
.section_tab .slider_content .slide_text .text_sub p{
    color: #000;
    font-size: 20px;
    font-weight: 300;
    line-height: 150%;
    display: flex;
    align-items: initial;
    gap: 8px;
}
.section_tab .slider_content .slide_text h3{
    color: #000;
    text-align: left;
    font-size: 45px;
    font-weight: 800;
    line-height: 120%;
}
.section_tab .slider_content .swiper-slide .slide-img{
    height:310px;
}
.section_tab .slider_content .swiper-slide .slide_link {
    display: flex;
    padding: 11.5px 0;
    width:192px;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    background: #253DA1;
    color: #FFF;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    line-height: 150%;
}
.section_tab .slider_content .swiper-slide .slide_link .link_arrow {
    width: 5px;
    height: 10px;
    display: inline-block;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='7' height='12' viewBox='0 0 7 12' fill='none'><path d='M1 1L6 6L1 11' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin-left: 10px;
}
.section_tab .slider_content .swiper-pagination {
    position: absolute;
    z-index:7;
    bottom: 60px;
    left: 0;
    right: 0;
    margin: 0 auto;
    gap: 10px;
}
.section_tab .slider_content .swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #D9D9D9;
    border-radius: 50%;
    opacity: 1 !important;
}
.section_tab .slider_content .swiper-pagination .swiper-pagination-bullet-active {
    background: #2749D5;
}


/* section_level */
.section_level{
    background: linear-gradient(180deg, #EDE3D7 0%, #FFF 38.65%);
}
.section_level .number_title.first{
    margin-top: 80px;
}
.section_level .number_title{
    margin-top: 100px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
}
.section_level .number_title .title_num{
    display: flex;
    width: 46px;
    height: 46px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    background: var(--gradient, linear-gradient(152deg, #4665E8 28.57%, #1C257A 88.83%));
    color: #FFF;
    text-align: center;
    font-size: 28px;
    font-weight: 700;
    line-height: 140%;
}
.section_level .number_title > div{
    color: #000;
    font-size: 32px;
    font-weight: 300;
    line-height: 130%;
}
.section_level .number_title > div strong{
    font-weight: 700;
}
.section_level .content_title{
    margin-top: 23px;
    position:relative;
    color: #000;
    font-size: 28px;
    font-weight: 400;
    line-height: 140%;
}
.section_level .content_title > span{
    display:inline-block;
}
.section_level .content_title .text{
    display: inline-block;
    position:relative;
    color: #000;
    font-size: 32px;
    font-weight: 700;
    line-height: 130%;
}
.section_level .content_title .line{
    height: 14px;
    align-self: stretch;
    background: #FFEDDA;
    margin-top: -13px;
}
.section_level .bubble_01 img{
    width: auto;
    height: 91px;
    margin: 0 auto;
    margin-top: 60px;
}
.section_level .bubble_02 img{
    width: auto;
    height: 289px;
    margin: 0 auto;
    margin-top: 60px;
}
.section_level .teacher_list {
    width: 100%;
    margin-top: 60px;
}
.section_level .teacher_list ul {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    gap: 24px;
    flex-wrap: wrap;
}
.section_level ul li {
    display: flex;
    width: calc((100% - 24px) / 2);
    padding: 61px 30px 61px 40px;
    align-items: center;
    flex: 1 0 0;
    border-radius: 10px;
    border: 1px solid #4665E8;
    background: #FFF;
    position: relative;
    text-align: left;
}
.section_level ul li p {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 6px;
    flex: 1 0 0;
    font-size: 20px;
}
.section_level ul li p em {
    color: #000;
    font-size: 32px;
    font-weight: 700;
    line-height: 130%;
}
.section_level ul li .icon {
    position: absolute;
    bottom: 14px;
    right: 30px;
    width: auto;
    height: 161px;
}
.section_level ul li .icon img {
    width: 100%;
}
.section_level .step_box{
    position: relative;
    margin-top: 60px;
}
.section_level .row_box{
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.section_level .row_box > div{
    display: flex;
    height: 200px;
    padding: 30px;
    padding: 30px 0;
    flex-direction: column;
    align-items: center;
    flex: 1 0 0;
    border-radius: 10px;
    border: 1px solid var(--gradient, #4665E8);
    background: #FFF;
    color: #000;
    text-align: center;
    font-size: 18px;
    font-weight: 300;
    line-height: 150%;
    gap: 20px;
}
.section_level .row_box > div strong{
    display: flex;
    width: 100px;
    height: 30px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 30px;
    background: #2749D5;
    color: #FFF;
    font-size: 16px;
    font-weight: 700;
    line-height: 150%;
}
.section_level .row_box > div:last-child{
    position: relative;
    background:#2C4AC4;
    border:1px solid #2C4AC4;
    color:#fff;
}
.section_level .row_box > div:last-child > div{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    color: #FFF;
    text-align: center;
    font-size: 20px;
    
    font-weight: 700;
    line-height: 150%;
}
.section_level .row_box .arrow {
    width: 10px;
    height: 20px;
    padding:0 15px;
    display: inline-block;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='20' viewBox='0 0 10 20' fill='none'><path d='M8.29096 10L0.207616 18.722C0.141065 18.7923 0.0884505 18.8757 0.0528174 18.9675C0.0171843 19.0593 -0.000759051 19.1576 2.48605e-05 19.2567C0.000808772 19.3558 0.0203057 19.4537 0.0573855 19.5449C0.0944653 19.636 0.148393 19.7185 0.216047 19.7877C0.283702 19.8568 0.36374 19.9111 0.45153 19.9475C0.539319 19.984 0.633119 20.0017 0.727498 19.9999C0.821877 19.998 0.914963 19.9765 1.00137 19.9365C1.08777 19.8966 1.16578 19.8391 1.23088 19.7674L9.79778 10.5227C9.92745 10.3828 10 10.1952 10 10C10 9.80477 9.92745 9.61724 9.79778 9.4773L1.23089 0.232631C1.16579 0.160859 1.08778 0.103357 1.00137 0.0634491C0.914965 0.0235416 0.821879 0.00202099 0.7275 0.000134611C0.63312 -0.00175176 0.539321 0.0160304 0.451531 0.052457C0.363742 0.0888835 0.283704 0.143226 0.216049 0.212344C0.148394 0.281463 0.094467 0.363982 0.0573872 0.455127C0.0203073 0.546271 0.000810408 0.644231 2.6479e-05 0.743339C-0.00075745 0.842446 0.0171859 0.940734 0.052819 1.03251C0.0884521 1.12429 0.141066 1.20774 0.207617 1.27803L8.29096 10Z' fill='black'/></svg>");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}


/* section_megapass */
.section_megapass{
    position: relative;
    background:url('https://img.megastudy.net/campus/library/v2015/library/campus_common/2026/final_gate/megapass_bg.jpg') 50% 0 no-repeat;
    background-size:cover;
}
.section_megapass .mojip_inner{
    position: relative;
}
.section_megapass::before {
    content: '';
    position: absolute;
    top: -55px;
    left: 50%;
    transform: translateX(-50%);
    width: 147px;
    height: 56px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='147' height='56' viewBox='0 0 147 56' fill='none'><g clip-path='url(%23clip0_3150_8263)'><circle cx='74' cy='73.5' r='70' fill='%230C1A8F'/></g><defs><clipPath id='clip0_3150_8263'><rect width='147' height='56' fill='white'/></clipPath></defs></svg>");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 0;
}
.section_megapass::after {
    content: '';
    position: absolute;
    top: -22px;
    left: 50%;
    transform: translateX(-50%);
    width: 54px;
    height: 54px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='54' height='54' viewBox='0 0 54 54' fill='none'><rect x='23' width='8' height='54' rx='4' fill='white'/><rect x='54' y='23' width='8' height='54' rx='4' transform='rotate(90 54 23)' fill='white'/></svg>");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 1;
}
.section_megapass .title_wrap{
    margin-top:0;
    color: #FFF;
    text-align: center;
    font-size: 66px;
    font-weight: 800;
    line-height: 120%;
}
.section_megapass .title_wrap strong{
    color:#F2CFA9;
}
.section_megapass .sub_title_wrap{
    margin-top: 36px;
    color: #FFF;
    text-align: center;
    font-size: 28px;
    font-weight: 400;
    line-height: 140%;
}
.section_megapass .sub_title_wrap strong{
    font-weight: 700;
}
.section_megapass .coupon{
    margin-top: 50px;
}
.section_megapass .coin{
    position: absolute;
    top: 164px;
    left: 5px;
    right: 0;
    width: 834px;
    margin:0 auto;
}
.section_megapass .coupon img{
    width:auto;
    height:432px;
}
.section_megapass .notice{
    margin-top: 50px;
    color: #888;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
}


/* section_banner */
.section_banner {
    padding:0 !important;
    background:url('https://img.megastudy.net/campus/library/v2015/library/campus_common/2026/final_gate/banner_bg.jpg') 50% 0 no-repeat;
    background-size:cover;
}
.section_banner .banner_text {
    display: flex;
    padding: 70px 0px;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    color: #000;
    font-size: 32px;
    font-weight: 300;
    line-height: 130%;

}
.section_banner .banner_text p span {
    font-weight: 700;
}
.section_banner .banner_text strong {
    color: #000;
    text-align: center;
    font-size: 45px;
    font-weight: 800;
    line-height: 120%;
}

/* section_academy */
.section_academy {
    background: #f1f1f1;
}
.section_academy .mojip_inner{
    position: relative;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding:120px 0;
}
.section_academy .title_wrap .main_tit {
    color:#000;
    text-align: center;
    font-size: 66px;
    font-weight: 800;
    line-height: 120%;
}
.section_academy .academy_info_wrap{
    margin-top: 80px;
}
.section_academy .academy_info_wrap ul {
    display: flex;
    width:100%;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    gap: 24px;
    flex-wrap: wrap;
}
.section_academy .academy_info_wrap ul li {
    display: flex;
    width: calc((100% - 72px) / 4);
    padding: 36px;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    flex-shrink: 0;
    border-radius: 20px;
    background: #FFF;
    box-sizing: border-box;
}
.section_academy .academy_info_wrap ul li .academy_name {
    color: #000;
    text-align: center;
    font-size: 24px;
    font-weight: 700;
    line-height: 130%;
}
.section_academy .academy_info_wrap .mo_academy_info {
    display: none;
}
.section_academy .academy_info_wrap ul li .academy_call {
    color: #000;
    text-align: center;
    font-size: 20px;
    font-weight: 300;
    line-height: 150%;
}
.section_academy .academy_info_wrap ul li a.mojip_btn {
    display: flex;
    padding: 6px 32px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 999px;
    border: 2px solid #2749D5;
    color: #2749D5;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    line-height: 150%;
}
.section_academy .academy_info_wrap ul li span.mojip_arrow {
    width:5px;
    height:10px;
    display: inline-block;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='7' height='13' viewBox='0 0 7 13' fill='none'><path d='M1 1.5L6 6.5L1 11.5' stroke='%234413D8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.section_academy .academy_info_wrap {
    display: block;
}

/* fixed_floating */
.fixed_floating {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    position: fixed;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
    bottom: 30px;
    z-index: 11;
    display: flex;
    padding: 8px 10px;
    justify-content: space-between;
    align-items: center;
    gap: 1%;
    box-sizing: border-box;
}
.fixed_academy_list {
    display: inline-flex;
    padding: 8px 24px;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.22);
    box-sizing: border-box;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.80);
    backdrop-filter: blur(15px);
    justify-content: space-around;
    flex: auto;
    width: 85%;
}
.fixed_academy_list .academy_list {
    width:100%;
    display: flex;
    padding: 8px 24px;
    align-items: center;
    justify-content: space-around;
    font-size: 20px;
}
.fixed_academy_list .academy_list li a {
    line-height: normal;
    display: block;
    font-weight: 500;
    color: #020202;
    letter-spacing: -0.8px;
}
.fixed_academy_list .academy_list li a:hover {
    font-weight: 700;
    color: #2749D5;
    text-decoration: underline;
    text-underline-offset: 8px;
}
.fixed_academy_list._02 {
    width: 14%;
    display: inline-flex;
    padding:8px 0;
    background: rgba(76, 99, 235, 0.80);
}
.fixed_academy_list._02 .academy_list a {
    color: #FFF;
    text-align: center;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.8px;
}
.fixed_academy_list._02 .academy_list a:hover {
    text-decoration: none;
}


/* ¿©¹é */
@media (max-width: 1248px) and (min-width: 1200px) {
    #mojipgateWrap .top_visual {
        overflow: hidden;
    }
    .top_visual .obj_wrap {
        margin-left: 3.255%;
    }
    .section_system .programm_list {
        padding: 0 24px;
    }
    .section_tab .slider_wrap {
        margin: 80px 24px 0 24px;
    }
    .section_level .teacher_list {
        padding: 0 24px;
    }
    .section_level .step_box {
        padding: 0 24px;
    }
    .section_academy .academy_info_wrap {
        padding: 0 24px;
    }
}

/* Tablet (768px ~ 1199px): ÅÂºí¸´ ´ëÀÀ */
@media (max-width: 1199px) and (min-width: 768px) {
    .pc_ta_only { display: block; }
    .pc_only { display: none; }
    .ta_only { display: block; }
    .mo_only { display: none; }

    div[class*=section] .mojip_inner {
        width: 100%;
        max-width: 100%;
        overflow: hidden;
    }
    .scroll-btn {
        display: none !important;
    }

    #mojipgateWrap .top_bg {
        background:none;
        overflow: hidden;
    }
    #mojipgateWrap .top_visual {
        overflow: hidden;
        position:relative; 
        max-width:1199px; 
        margin:0 auto;
        background:url('https://img.megastudy.net/campus/library/v2015/library/campus_common/2026/final_gate/visual_bg_2_ta.jpg') 50% 0 no-repeat;
        background-size:cover;
    }
    #mojipgateWrap .bg_overlay { 
        position:absolute; 
        top:0; 
        left:0; 
        margin:0 auto;
        width:100%;
        height: 78.125vw; /*600*/
        background:#010333 url('https://img.megastudy.net/campus/library/v2015/library/campus_common/2026/final_gate/visual_bg_3_ta.jpg') 50% 0 no-repeat;
        background-size:cover;
        max-width: 1199px; 
        opacity:0;
    }
    .top_visual .obj_wrap img { width:auto !important;}
    .top_visual .obj_wrap {
        position:relative; 
        max-width:1199px;
        height: 78.125vw; /*600*/
        margin:0 auto;
        margin-left: 3.255%;
    }
    .top_visual .obj_wrap .act {position:absolute; left:0; opacity:0;}
    .top_visual .obj_wrap .act.m01 { 
        top: 15%;
        width: auto;
        height: 5.729vw;
        display: inline-block;
        will-change: clip-path, opacity;
    }
    .top_visual .obj_wrap .act.m02 { 
        top: 27.333%;
        width: auto;
        height: 33.854vw;
        display: inline-block;
        will-change: clip-path, opacity;
    }
    .top_visual .obj_wrap .act.m02_2 { 
        top: 40.333%;
        left: 37.239%;
        width: auto;
        height: 9.766vw;
        display: inline-block;
        will-change: clip-path, opacity;
    }

    .top_visual .obj_wrap .act.m03 { 
        display: none;
    }
    .top_visual .obj_wrap .act.m04 { 
        display: none;
    }

    /* section_system */
    .section_system{
        padding: 100px 0 120px 0;
    }
    .section_system .programm_list {
        padding: 0 24px;
    }
    .section_system .programm_list ul {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
        align-self: stretch;
    }
    .section_system ul li {
        width:100%;
        flex-direction: row;
        justify-content: space-between;
    }
    .section_system ul li .icon{
        align-self: center;
    }


    /* section_tab */
    .section_tab .slider_wrap {
        overflow: hidden;
        margin:80px 24px 0 24px;
    }
    .section_tab .slider_content .swiper-slide {
        display: flex;
        align-items: center;
        align-self: stretch;
        justify-content: space-between;
        padding: 60px 30px 122px 30px;
        background: #F5F6F8;
    }
    .section_tab .slider_content .swiper-slide .slide_info {
        width: 60%;
    }
    .section_tab .slider_content .swiper-slide .slide-img {
        width: 40%;
    }
    .section_tab .slider_content .swiper-slide .slide-img{
        height: auto;
    }

    /* section_level */
    .section_level .teacher_list {
        padding: 0 24px;
    }
    .section_level .teacher_list ul {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }
    .section_level ul li {
        width: 100%;
    }

    .section_level .step_box {
        padding: 0 24px;
    }
    .section_level .row_box{
        flex-wrap: wrap;
        justify-content: center;
        row-gap: 30px;
    }
    .section_level .row_box > div{
        flex: none;
        width: 29.583%;   
    }


    /* section_megapass */
    .section_megapass{
        position: relative;
        background:url('https://img.megastudy.net/campus/library/v2015/library/campus_common/2026/final_gate/megapass_bg.jpg') 50% 0 no-repeat;
        background-size:cover;
    }
    .section_megapass .coin{
        position: absolute;
        top: 162px;
        left: -22px;
        right: 0;
        width: 834px;
        margin: 0 auto;
    }

    /* section_academy */
    .section_academy .mojip_inner{
        max-width: 100%;
    }
    .section_academy .academy_info_wrap{
        margin-top: 60px;
        padding:0 24px;
    }
    .section_academy .academy_info_wrap ul {
        width: 100%;
    }
    .section_academy .academy_info_wrap ul li {
        width: calc((100% - 24px) / 2);
    }

}

/* Mobile (~767px): ¸ð¹ÙÀÏ ´ëÀÀ */
@media (max-width: 767px) {

    .mo_only{ display: block !important;}
    .pc_only{ display: none !important;}
    .pc_ta_only { display: none !important; }

    html { scroll-behavior: smooth;}

    a {
        outline: none !important;
        -webkit-tap-highlight-color: transparent !important;
    }
    .scroll-btn {
        display: none !important;
    }

    #mojipgateWrap .top_bg {
        background:none;
        overflow: hidden;
    }
    #mojipgateWrap .top_visual {
        overflow: hidden;
        position:relative; 
        max-width:767px; 
        margin:0 auto;
        background:url('https://img.megastudy.net/campus/library/v2015/library/campus_common/2026/final_gate/visual_bg_2_mo.jpg') 50% 0 no-repeat;
        background-size:cover;
    }
    #mojipgateWrap .bg_overlay { 
        position:absolute; 
        top:0; 
        left:0; 
        margin:0 auto;
        width:100%;
        height: 88.889vw; /*320*/
        background:#010333 url('https://img.megastudy.net/campus/library/v2015/library/campus_common/2026/final_gate/visual_bg_3_mo.jpg') 50% 0 no-repeat;
        background-size:cover;
        max-width: 767px; 
        opacity:0;
    }
    .top_visual .obj_wrap img { width:auto !important;}
    .top_visual .obj_wrap {
        position:relative; 
        max-width:767px;
        height: 88.889vw; /*320*/
        margin:0 auto;
        left: 5.555%;
    }
    .top_visual .obj_wrap .act {position:absolute; left:0; opacity:0;}
    .top_visual .obj_wrap .act.m01 { 
        top: 15%;
        width: auto;
        height: 6.944vw;
        display: inline-block;
        will-change: clip-path, opacity;
    }
    .top_visual .obj_wrap .act.m02 { 
        top: 27.333%;
        width: auto;
        height: 33.854vw;
        display: inline-block;
        will-change: clip-path, opacity;
    }
    .top_visual .obj_wrap .act.m02_2 { 
        top: 40.333%;
        left: 37.239%;
        width: auto;
        height: 9.766vw;
        display: inline-block;
        will-change: clip-path, opacity;
    }

    .top_visual .obj_wrap .act.m03 { 
        display: none;
    }
    .top_visual .obj_wrap .act.m04 { 
        display: none;
    }

    div[class*=section] {
        padding: 15.625vw 0;
    }

    div[class*=section] .mojip_inner {
        width: 100%;
        max-width: 100%;
        overflow: hidden;
    }

    .mojip_gate_wrap .title_wrap {
        font-size: 6.111vw;
    }
    .mojip_gate_wrap .title_wrap strong{
        font-size: 8.889vw;
    }
    .mojip_gate_wrap .sub_title_wrap{
        margin-top:3.889vw;
        font-size: 4.444vw;
    }
    .mojip_gate_wrap .sub_title_wrap strong{
        margin-top:1.111vw;
        font-size: 5.556vw;
    }

    /* section_system */
    .section_system{
        padding:13.889vw 0;
    }
    .section_system .title_icon{
        height: 11.111vw;
        margin:0 auto;
    }
    .section_system .title_icon img{
        height:100%;
        width:auto;
    }
    .section_system .title_wrap {
        margin-top: 5.556vw;
    }
    .section_system .title_wrap strong{
        margin-top:0.556vw;
    }
    .section_system .content_title{
        margin-top: 13.889vw;
    }

    .section_system .content_title .text{
        font-size: 6.667vw;
    }
    .section_system .content_title .line{
        height: 3.333vw;
        align-self: stretch;
        background: #4F71DF;
        margin-top: -4.722vw;
    }
    .section_system .programm_list {
        margin-top: 8.333vw;
        padding: 0 4.444vw;
    }
    .section_system .programm_list ul {
        flex-direction: column;
        gap: 4.444vw;
    }
    .section_system ul li {
        gap: 0;
        width:100%;
        flex-direction: row;
        justify-content: space-between;
        padding: 8.333vw 6.667vw;
    }
    .section_system ul li p {
        font-size: 3.889vw;
        gap: 2.222vw;
    }
    .section_system ul li p em {
        font-size: 5.556vw;
    }
    .section_system ul li p span {
        font-size: 4.722vw;
        padding-bottom: 1.111vw;
    }
    .section_system ul li .icon {
        width: 19.444vw;
        height: 19.444vw;
        align-self: center;
    }

    /* section_tab */
    .section_tab .slider_wrap {
        margin: 13.889vw 4.444vw 0 4.444vw;
    }
    .section_tab .slider_wrap .tabs {
        gap: 0.556vw;
    }
    .section_tab .slider_wrap .tabs .tab {
        padding: 5vw 0;
        font-size: 4.444vw;
    }
    .section_tab .slider_wrap .tabs .tab:first-child {
        border-radius: 5.556vw 0 0 0;
    } 
    .section_tab .slider_wrap .tabs .tab:last-child {
        border-radius: 0 5.556vw 0 0;
    }     
    .section_tab .slider_content .swiper-slide {
        padding:8.333vw 5.556vw 39.444vw 5.556vw;
        flex-direction: column;
    }

    .section_tab .slider_content .swiper-slide .slide_info {
        width: 100%;
        margin-bottom: 8.333vw;
    }
    .section_tab .slider_content .swiper-slide .slide-img {
        width: 100%;
        height: 52.778vw;
    }
    .section_tab .slider_content .swiper-slide .slide-img{
        height: auto;
    }
    .section_tab .slider_content .slide_info {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 8.333vw;
        text-align: left;
    }
    .section_tab .slider_content .slide_text{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }
    .section_tab .slider_content .slide_text .text_sub strong{
        font-size: 4.167vw;
        margin-bottom: 1.667vw;
    }
    .section_tab .slider_content .slide_text .text_sub p{
        color: #000;
        font-size: 3.611vw;
        font-weight: 300;
        line-height: 150%;
        display: flex;
        align-items: initial;
        gap: 1.111vw;
    }
    .section_tab .slider_content .slide_text h3{
        font-size: 8.333vw;
    }

    .section_tab .slider_content .swiper-slide .slide-img{
        height:100%;
    }

    .section_tab .slider_content .swiper-slide .slide_link {
        position:absolute;
        bottom: 20vw;
        left:0;
        right:0;
        margin:0 auto;
        padding: 2.639vw 0;
        width:80vw;
        border-radius: 1.389vw;
        font-size: 3.889vw;
    }
    .section_tab .slider_content .swiper-slide .slide_link .link_arrow {
        width: 1.389vw;
        height: 2.778vw;
        margin-left: 2.222vw;
    }
    .section_tab .slider_content .swiper-pagination {
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        bottom: 8.333vw;
        gap: 2.778vw;
    }
    .section_tab .slider_content .swiper-pagination .swiper-pagination-bullet {
        width: 3.333vw;
        height: 3.333vw;
    }

    /* section_level */
    .section_level .number_title.first{
        margin-top: 13.889vw;
    }
    .section_level .number_title{
        margin-top: 13.889vw;
        gap: 2.778vw;
    }
    .section_level .number_title .title_num{
        width: 8.333vw;
        height: 8.333vw;
        border-radius: 1.389vw;
        font-size: 5vw;
    }
    .section_level .number_title > div{
        font-size: 5.556vw;
    }
    .section_level .content_title{
        margin-top: 3.889vw;
        font-size: 5.556vw;
    }
    .section_level .content_title .text{
        font-size: 5.556vw;
    }
    .section_level .content_title .line{
        height: 2.778vw;
        margin-top: -2.778vw;
    }
    .section_level .bubble_01 img{
        height: 17.778vw;
        margin-top: 8.333vw;
    }
    .section_level .bubble_02{
        display: flex;
        justify-content: center;
    }
    .section_level .bubble_02 img{
        height: 56.389vw;
        margin:0 auto;
        margin-top: 8.333vw;
    }
    .section_level .teacher_list {
        margin-top: 8.333vw;
        padding:0 4.444vw;
    }
    .section_level .teacher_list ul {
        flex-direction: column;
        gap: 2.531vw;
    }
    .section_level ul li {
        display: flex;
        width: 100%;
        padding: 6.944vw 2.778vw 6.944vw 5.556vw;
        border-radius: 1.667vw;
    }
    .section_level ul li p {
        gap: 0.758vw;
        font-size: 3.611vw;
    }
    .section_level ul li p em { 
        font-size: 4.444vw;
    }

    .section_level ul li .icon {
        position: absolute;
        bottom: 1.022vw;
        right:0;
        width: auto;
        height: 21.389vw;
    }
    .section_level ul li .icon img {
        width: auto;
        height:100%; 
    }
    .section_level .step_box{
        position: relative;
        margin-top: 8.333vw;
        padding: 0 5vw;
    }
    .section_level .row_box{
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
    }
    .section_level .row_box > div{
        height:100%; 
        padding: 5.556vw;
        border-radius: 2.778vw;
        font-size: 4.444vw;
        width:100%;
        gap: 2.778vw;
    }
    .section_level .row_box > div strong{
        width: 25vw;
        height: 8.333vw;
        border-radius: 8.333vw;
        font-size: 3.889vw;
    }
    .section_level .row_box > div:last-child > div{
        font-size: 4.444vw;
    }
    .section_level .row_box .arrow {
        width: 2.778vw;
        height: 5.556vw;
        padding: 2.778vw 0;
        display: inline-block;
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='11' viewBox='0 0 20 11' fill='none'><path d='M10 8.8017L1.27803 0.718358C1.20774 0.651806 1.12429 0.599192 1.03251 0.563559C0.940736 0.527927 0.842448 0.509983 0.74334 0.510767C0.644232 0.511551 0.546272 0.531047 0.455127 0.568128C0.363983 0.605208 0.281464 0.659135 0.212346 0.726789C0.143229 0.794444 0.0888845 0.874482 0.0524587 0.962272C0.016033 1.05006 -0.00175121 1.14386 0.000135418 1.23824C0.00202205 1.33262 0.023542 1.4257 0.06345 1.51211C0.103358 1.59852 0.160861 1.67653 0.232633 1.74163L9.4773 10.3085C9.61724 10.4382 9.80477 10.5107 10 10.5107C10.1952 10.5107 10.3828 10.4382 10.5227 10.3085L19.7674 1.74162C19.8391 1.67653 19.8966 1.59852 19.9365 1.51211C19.9765 1.4257 19.998 1.33262 19.9999 1.23824C20.0018 1.14386 19.984 1.05006 19.9475 0.962271C19.9111 0.874481 19.8568 0.794443 19.7877 0.726789C19.7185 0.659134 19.636 0.605207 19.5449 0.568127C19.4537 0.531047 19.3558 0.51155 19.2567 0.510766C19.1576 0.509982 19.0593 0.527926 18.9675 0.563559C18.8757 0.599191 18.7923 0.651806 18.722 0.718357L10 8.8017Z' fill='black'/></svg>");
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }

    /* section_megapass */
    .section_megapass .mojip_inner{
        overflow: hidden;
        position: relative;
    }
    .section_megapass::before {
        content: '';
        position: absolute;
        top: -5.556vw;
        left: 50%;
        transform: translateX(-50%);
        width: 22.5vw;
        height: 8.571vw;
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='147' height='56' viewBox='0 0 147 56' fill='none'><g clip-path='url(%23clip0_3150_8263)'><circle cx='74' cy='73.5' r='70' fill='%230C1A8F'/></g><defs><clipPath id='clip0_3150_8263'><rect width='147' height='56' fill='white'/></clipPath></defs></svg>");
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        z-index: 0;
    }
    .section_megapass::after {
        content: '';
        position: absolute;
        top: -1vw;
        left: 50%;
        transform: translateX(-50%);
        width: 8.265vw;
        height: 8.265vw;
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='54' height='54' viewBox='0 0 54 54' fill='none'><rect x='23' width='8' height='54' rx='4' fill='white'/><rect x='54' y='23' width='8' height='54' rx='4' transform='rotate(90 54 23)' fill='white'/></svg>");
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        z-index: 1;
    }
    .section_megapass .title_wrap{
        font-size: 8.889vw;
    }
    .section_megapass .sub_title_wrap{
        margin-top: 3.889vw;
        font-size: 4.444vw;
    }
    .section_megapass .sub_title_wrap strong{
        font-weight: 700;
        font-size: 5.556vw;
    }
    .section_megapass .coupon{
        margin-top: 13.889vw;
    }
    .section_megapass .coin{
        position: absolute;
        left: -6%;
        right: 0;
        margin: 0 auto;
        top: 28%;
        width: 100%;
    } 
    .section_megapass .coupon img{
        width:auto;
        height:100%;
    }

    .section_megapass .coupon img{
        width:auto;
        height:60.278vw;
    }
    .section_megapass .notice{
        margin-top: 13.889vw;
        font-size: 3.056vw;
    }


    /* section_banner */
    .section_banner .banner_text {
        padding: 12.778vw 0px;
        gap: 1.667vw;
        font-size: 5vw;
    }
    .section_banner .banner_text strong {
        font-size: 7.222vw;
    }

    /* section_academy */
    .section_academy .academy_info_wrap {
        margin-top: 9.375vw;
        padding: 0px 5vw;
    }

    .section_academy .academy_call,
    .section_academy .mojip_btn {
        display: none;
    }
    .section_academy .academy_info {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .section_academy .title_wrap .main_tit {
        font-size: 10vw;
    }
    .section_academy .academy_info_wrap ul {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 3.125vw;
        align-self: stretch;
    }
    .section_academy .academy_info_wrap ul li {
        display: flex;
        padding: 4.375vw 6.25vw;
        justify-content: space-between;
        align-items: center;
        align-self: stretch;
        border-radius: 3.125vw;
        background: #FFF;
        width:100%;
    }
    .section_academy .academy_info_wrap ul li .academy_name {
        font-size: 5.625vw;
    }
    .section_academy .academy_info_wrap .mo_academy_info {
        display: flex;
        align-items: center;
        gap: 2.5vw;
    }
    .section_academy .academy_info_wrap .mo_academy_info .btn_info {
        display: flex;
        height: 10vw;
        padding: 1.25vw 5vw;
        justify-content: center;
        align-items: center;
        gap: 2.5vw;
        border-radius: 999px;
        border: 1px solid var(--main1, #2749D5); 
        color: var(--main1, #2749D5);
        text-align: center;
        font-size: 4.375vw;
        font-weight: 700;
        line-height: 150%;
    }

    .section_academy .academy_info_wrap .mo_academy_info .btn_tel {
        width: 10vw;
        height: 10vw;
        font-size: 0;
        background: #2749D5 url('https://img.megastudy.net/campus/library/v2015_mob/asset/campus_common/2026/2026_half_gate/icon_phone.png') center center no-repeat;
        background-size: 4.688vw 4.688vw;
        border-radius: 100%;
    } 
    .section_academy .academy_info_wrap ul li a.mojip_btn{
        display: none;
    }

   /* fixedFloating */
    .fixed_floating {
        max-width:100%;
        width: 90vw;
        padding:0;
        gap: 2.5vw;
    }
    .fixed_academy_list {
        flex:2;
    }
    .fixed_academy_list .academy_list{
        /* font-size: 3.889vw; */
        font-size: 4.444vw;
        padding:8px 0;
    }
    .fixed_academy_list .academy_list li a {
        width: 100%;
        height: auto;
        text-decoration: none !important;
        letter-spacing: 0;
    }
    .fixed_academy_list._02 {
        flex:1;
    }


}





