@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");

#container.half_gate {overflow:visible; padding-bottom:0; font-family:"Pretendard Variable", Pretendard, sans-serif; line-height:1;}
#container.half_gate * {box-sizing:border-box;}

/*--- visual ---*/
.visual_top {position:relative; height:960px; background:url('https://img.megastudy.net/campus/library/v2015/library/campus_common/2026/2026_half_gate/top_bg.jpg') 50% top no-repeat;background-size:cover;}
.visual_top .act_wrap {display:flex; flex-direction:column; position:relative; width:1000px; height:100%; margin:0 auto; text-align:center;}
.visual_top .act_wrap [class^=act] {opacity:0;}
.visual_top .act_wrap .act1_1, .visual_top .act_wrap .act1_2 {transform:scale(1.2); position: relative;}
.visual_top .act_wrap .act1_1{ left:-3px;}
.visual_top .act_wrap .act1_2 {left:3px;}

.visual_top .act_wrap .act2 {transform:translateY(50px);}
.visual_top .act_wrap .act3 {transform:translateY(-50px);}
.visual_top .act_wrap .act4 {transform:scale(1.5);}
.visual_top .act_wrap .act4_1 {transform:translateY(70px);}
.visual_top .act_wrap .act4_2 {transform:translateX(70px);}
.visual_top .act_wrap .act4_3 {transform:translateX(-70px);}

.visual_top .txt_wrap {position:relative; left:0; right:0; z-index:3; margin:0 auto;}
.visual_top .txt_wrap .txt1 {padding-top:95px; font-size:0;}
.visual_top .txt_wrap .txt1 > img {display:inline-block;}
.visual_top .txt_wrap .txt2 {padding-top:40px;}
.visual_top .txt_wrap .txt3 {padding-top:36px;}

.visual_top .object_wrap {display:flex; flex:1; flex-direction:column; justify-content:center; min-height:400px;}
.visual_top .obj_posi {position:relative; width:100%; margin:0 auto; padding-bottom:104px;}
.visual_top .object_wrap .cube_box {display:inline-block; position:relative; z-index:3; margin-top:150px;}
.visual_top .object_wrap .cube {position:absolute;}
.visual_top .object_wrap .cube.c1 {top:-94px; left:76px; animation:v-updown 1.5s infinite ease-in-out;}
.visual_top .object_wrap .cube.c1_b {top:-157px; left:34px; animation: v-blink 1.2s infinite, v-updown 1.5s infinite ease-in-out;}
.visual_top .object_wrap .cube.c2 {top:0; left:-85px; animation:v-updown 2s infinite ease-in-out;}
.visual_top .object_wrap .cube.c3 {top:60px; right:-87px; animation:v-updown 3s infinite ease-in-out;}

.visual_top .light_wrap {position:absolute; top:-150px; left:-170px; z-index:1; animation: v-blink 2s infinite;}

@keyframes v-blink {
    0%, 100% {opacity:1;}
    50% {opacity:0.4;}
}

@keyframes v-updown {
    0% {transform:translateY(0);}
    50% {transform: translateY(20px);}
    100% {transform: translateY(0);}
}

/*--- quick link ---*/
.quick_banner {position:fixed; top:245px; left:0; right:0; z-index:50; width:1000px; margin:0 auto;}
.quick_banner .banner_wrap {position:absolute; right:-203px;}

.btn_top_wrap {width:100%; margin:0 auto; position:relative;}
.btn_top_wrap .btnTop {display:block; opacity:0; position:fixed; width:50px; bottom:40px; height:32px; right:40px;background:url("https://img.megastudy.net/campus/library/v2015/library/intro_renew/top_off.png") 0 0 no-repeat; z-index:999;}
.btn_top_wrap .btnTop:hover {background:url("https://img.megastudy.net/campus/library/v2015/library/intro_renew/top_on.png") 0 0 no-repeat;}


/*--- academy list ---*/
.fixed_academy_list {display:flex; position:fixed; left:0; right:0; bottom:48px; z-index:10; width:894px; height:56px; padding:8px 10px; margin:0 auto; box-shadow:0px 0px 16px 0px rgba(0, 0, 0, 0.22); 
    background:#fff; border-radius:28px; /*transition:bottom 0.2s ease;*/
    justify-content: center; width:894px;
}
.fixed_academy_list .academy_title { min-width:120px; line-height:40px; font-size:20px; font-weight:700; letter-spacing:-.8px; color:#F77056; background:#222020; border-radius:20px;}
.fixed_academy_list .academy_list {display:flex;}
.fixed_academy_list .academy_list li {padding:0 0; min-width:83px;}
.fixed_academy_list .academy_list li a {line-height:40px; font-size:20px; font-weight:500; color:#020202; letter-spacing:-0.8px;}
.fixed_academy_list .academy_list li a:hover {font-weight:700; color:#F77056;}


/*--- content ---*/
div[class*=cont_section] {position:relative; padding:100px 0;}
div[class*=cont_section] .inner {position:relative; width:1000px; margin:0 auto; text-align:center;}

.sub_title_wrap {margin-top:100px;}
.ct_wrap {margin-top:80px;}

/* cont 1 */
.cont_section1 {background:linear-gradient(180deg, #FFC252 -22.19%, #F77056 18.04%);}

.sticky_wrap {position:relative;}
.card_sticky.title_wrap {top:-200px;}
.card_sticky {position:-webkit-sticky; position:sticky; width:100%; top:300px; z-index:1;}

/* cont 2 */
.cont_section2 {background:#F1F1F1 url('https://img.megastudy.net/campus/library/v2015/library/campus_common/2026/2026_half_gate/con02_top_bg.png') 50% top no-repeat;}

.tab_wrap .tab_menu {display:flex; align-items:flex-end; list-style:none; padding:0;}
.tab_wrap .tab_menu li {display:flex; flex:1; justify-content:center; align-items:center; height:94px; background:#E8E8E8; border-radius:20px 20px 0px 0px;}
.tab_wrap .tab_menu li:nth-child(2) {background:#DBDBDB;}
.tab_wrap .tab_menu li:nth-child(3) {background:#CFCFCF;}
.tab_wrap .tab_menu li a {display:block; width:100%; color:#555;}
.tab_wrap .tab_menu li span {display:block; line-height:30px; font-size:20px; font-weight:300;}
.tab_wrap .tab_menu li strong {display:inline-block; line-height:31px; font-size:24px; font-weight:700;}
.tab_wrap .tab_menu li.active {height:104px; background:#fff;}
.tab_wrap .tab_menu li.active a {color:#000;}
.tab_wrap .tab_menu li.active span {line-height:30px; color:#000;}
.tab_wrap .tab_menu li.active strong {position:relative; z-index:1;}
.tab_wrap .tab_menu li.active strong::after {position:absolute; left:0; bottom:0; z-index:-1; width:100%; height:11px; background:#FFB439; content:'';}

.tab_contents .tab_ct {display:none; padding:40px; background:#fff; border-radius:0px 0px 20px 20px;}
.tab_contents .tab_ct.active {display:block;}

.tab_contents #tab2 .btn_view {display:block; margin-top:24px; text-align:right;}
.tab_contents #tab3 {padding:60px 0 65px 0;}

.tab_contents .img_list {margin-top:-24px;}
.tab_contents .img_list li {position:relative; margin-top:24px;}
.tab_contents .img_list.link_wrap a {display:block; position:absolute; right:22px; bottom:18px; width:85px; height:24px; font-size:0;}

/* cont 3*/
.cont_section3 {background:url('https://img.megastudy.net/campus/library/v2015/library/campus_common/2026/2026_half_gate/con03_bg.jpg') 50% top no-repeat; background-size:cover;}
.cont_section3::before {position:absolute; top:-56px; left:50%; z-index:1; width:147px; height:86px; margin-left:-73px; background:url('https://img.megastudy.net/campus/library/v2015/library/campus_common/2026/2026_half_gate/con03_plus.png') right 50% no-repeat; background-size:100%; content:'';}

/* bottom banner */
.cont_section5 {position:relative; height:408px; padding-top:116px !important; overflow:hidden; background:url('https://img.megastudy.net/campus/library/v2015/library/campus_common/2026/2026_half_gate/bottom_bnr_bg.jpg') 50% top no-repeat; background-size:cover;}
.cont_section5 .bottom_cube1 {position:absolute; top:-28px; right:-280px;}
.cont_section5 .bottom_cube2 {position:absolute; top:-66px;  left:-138px;}