.sub_topmenu {display: none;}

/*기본체크박스 셋팅*/
.main_chk input[type='checkbox']{display: none;}
.main_chk input[type='checkbox'] + label {
    position: relative;
    display: block;
    width: 100%; max-width: 500px;
    margin: 0 auto;
    background: #EAEAEA;
    border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px;
    text-align: center; font-size: 15px; line-height: 39px; color: #6c6c6c; letter-spacing: -0.02em; font-weight: 700;
}
.main_chk input[type='checkbox'] + label::before {
    content: url(/mobile/common/img/after/check1.svg);
    position: absolute; top: 50%; left: 5.7%;
    transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);
}
.main_chk input[type='checkbox']:checked + label {
    background: #404040;
    color: #FFFFFF; 
}
.main_chk input[type='checkbox']:checked + label::before {content: url(/mobile/common/img/after/check2.svg);}

/*main_버튼*/
.btn_main {
    display: block;
    margin: 0 auto;
    width: 100%; max-width: 500px; height: initial;
    background: #113FB4;
    font-size: 16px; line-height: 46px; letter-spacing: -0.02em; text-align: center; font-weight: 700; color: #fff;
    border-radius: 23px; -webkit-border-radius: 23px; -moz-border-radius: 23px; -ms-border-radius: 23px; -o-border-radius: 23px;
}

/*sub_버튼*/
.btn_sub {
    display: block;
    margin: 0 auto;
    width: 100%; max-width: 500px; height: initial;
    background: #4B63FF;
    font-size: 16px; line-height: 46px; letter-spacing: -0.02em; text-align: center; font-weight: 700; color: #fff;
    border-radius: 23px; -webkit-border-radius: 23px; -moz-border-radius: 23px; -ms-border-radius: 23px; -o-border-radius: 23px;
}
.btn_small {
    display: block;
    width: 100%; max-width: 500px; margin: 0 auto;
    font-size: 15px; letter-spacing: -0.01em; text-align: center; font-weight: 700; line-height: 39px; color: #fff;
    background: #4B63FF;
    border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px;
}

.btn_black {
    display: block;
    width: 100%; max-width: 500px; margin: 0 auto;
    font-size: 15px; letter-spacing: -0.01em; text-align: center; font-weight: 700; line-height: 39px; color: #fff;
    background: #404040;
    border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px;
}
.btn_gray {
    display: block;
    width: 100%; max-width: 500px; margin: 0 auto;
    font-size: 15px; letter-spacing: -0.01em; text-align: center; font-weight: 700; line-height: 39px; color: #6C6C6C;
    background: #EAEAEA;
    border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px;
}


.main_tab {
    margin: 0 auto; padding: 3px;
    width: 100%;
    display: flex; align-items: center; justify-content: space-between;
    border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px;
    background-color: #fff;
}
.main_tab > li {
    float: initial;
    color: #113FB4; font-size: 16px; font-weight: 400; letter-spacing: -0.01em; line-height: 31px; text-align: center;
    border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px;
}
.main_tab .on {
    background: #113FB4;
    font-weight: 700; color: #fff;
    border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px;
}

.main_tab.tab2 > li {width: 50%;}
.main_tab.tab3 > li {width: 33.3%;}

.flex_box {display: flex; align-items: center; justify-content: space-between;}

.btn_entry {background-color: #4B63FF;}
.relative {position: relative;}


/************************** HEADER ******************************/
.top_wrap {
    display: flex; align-items: center; justify-content: space-between;
    padding: 18px 20px;
    height: auto; max-width: 768px;
    position: relative;
}
.top_wrap .logoimg {
    width: 45%;
    margin: initial;
    position: absolute; top: 50%; left: 50%;
    transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%);
}

.top_wrap .top_log_btn {
    margin: inherit; padding: initial; 
    top: -3px;
    position: relative;
}
.top_wrap .top_log_btn::after {
    position: absolute; top: 100%; left: 50%;
    transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%);
    font-size: 8px; color: #121212; line-height: 8px; letter-spacing: -0.41px; font-weight: 500; text-align: center;
    width: 160%;
}
.top_wrap .top_log_btn.login::after { content: "통합로그인";}
.top_wrap .top_log_btn.mypage::after { content: "나의강의실";}

.menu-icon {
    width: 24px; height: 24px;
    padding: 4px 2.5px; margin: 0;
    top: inherit; left: inherit;

}
.menu-icon span {
    height: 2px;
    margin: 0 0 5px 0;
    width: 100%;
    transition: 0.5s;
}
.menu-icon.close {
    position: absolute; top: 20px; right: 20px;
    z-index: 101;
}
.menu-icon.close > span {position: absolute;}
.menu-icon.close > span:first-child {
    top: 13px;
    transform:rotate(45deg) ; -webkit-transform:rotate(45deg) ; -moz-transform:rotate(45deg) ; -ms-transform:rotate(45deg) ; -o-transform:rotate(45deg) ;
}
.menu-icon.close > span:nth-child(2) { opacity: 0; ; }
.menu-icon.close > span:last-child { 
    top:13px;
    transform:rotate(-45deg) ; -webkit-transform:rotate(-45deg) ; -moz-transform:rotate(-45deg) ; -ms-transform:rotate(-45deg) ; -o-transform:rotate(-45deg) ; 
}

.top_wrap a > .top_log_btn > img {margin: initial; width: inherit;}



/*Fixed menu*/
.sitenavigation {
    display: none;
    position: fixed; top : 0; right: 0; left: 0; bottom: 0;
    z-index: 100;
    padding: 0; margin: 0;
    background-color: #FFF;
}
.sitenavigation.is-tapped {display: block;}
.sitenavigation_wrap {
    width: 100%; max-width: 768px;
    margin: 0 auto;
}
.menu_top {
    background: #fff;
    padding: 19px 54px 13px 20px; margin: 0 auto;
    border-radius: inherit; -webkit-border-radius: inherit; -moz-border-radius: inherit; -ms-border-radius: inherit; -o-border-radius: inherit;
    display: flex; align-items: center; justify-content: space-between;
    font-size: 12px; line-height: 1.5; letter-spacing: -0.01em; font-weight: 700; color: #4F4F53;
}
.menu_top .top_menu_btn_wrap > div {
    display: inline-block;
    font-size: 13px; line-height: 27px; letter-spacing: -0.05em; color: #211686;
    border: 1px solid #211686; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px;
    padding: 0 12px 0 29px;
    position: relative;
}
.menu_top .top_menu_btn_wrap > div::before {
    content : "";
    width: 4.36vw; height: 4.36vw; max-width: 17px; max-height: 17px;
    display: block;
    position: absolute; top: 50%; left: 10px;
    transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);
}
.menu_top .top_menu_btn_wrap .login::before {background: url(/mobile/common/img/after/top_login.svg) no-repeat center / cover;}
.menu_top .top_menu_btn_wrap .join::before {background: url(/mobile/common/img/after/top_join.svg) no-repeat center / cover;}
.menu_top .top_menu_btn_wrap .logout::before {background: url(/mobile/common/img/after/top_logout.svg) no-repeat center / cover;}

.menu_bottom {
    background-color: #FAFBFB;
    padding-top: 18px;
    position: relative;
}
.menu_bottom .fast_menu {
    margin: 0 auto 25px; padding: 10px 30px 14px 34px;
    display: flex; align-items: center; justify-content: space-between;
    width: 88.22%;
    background: #fff;
    border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px;
}
.menu_bottom .fast_menu > a {
    padding-top: 50px; 
    font-size: 13px; letter-spacing: -0.05em; line-height: 1.4; font-weight: 500; color: #505769;
    position: relative;
}
.menu_bottom .fast_menu > a::before {
    position: absolute; top: 0; left: 50%;
    transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%);
}
.menu_bottom .fast_menu > a.counsule::before {content: url(/mobile/common/img/after/counsule.svg);}
.menu_bottom .fast_menu > a.register::before {content: url(/mobile/common/img/after/register.svg);}
.menu_bottom .fast_menu > a.mypage::before {content: url(/mobile/common/img/after/mypage.svg);}

.menu_bottom .menu_list {
    padding: 19px 23px;
    display: flex; align-items: flex-start; flex-direction: column; justify-content: flex-start; row-gap: 24px;
    position: relative;
    height: calc(100vh - 196px);
}
.menu_bottom .menu_list .menu_title {
    display: inline-block;
    width: 115px;
    text-align: center; line-height: 40px; font-size: 16px; font-weight: 700; letter-spacing: -0.01em; color: #333333;
    background-color: transparent;
    border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px;
}
.menu_bottom .nav-dropdown.active .menu_title {
    color: #D2D7E2; 
    background-color: #113FB4;
}
.sitenavigation ul {
    clear: both;
    display: block;
    max-width: initial;
    border-top: none;
    margin: 0;
    box-shadow: none;
}
.nav-dropdown > ul {
    display: none;
    width: calc(100% - 160px); height: 100%;
    position: absolute; top: 0; right: 0;
    padding: 28px 0;
    border-left: 1px solid #EAEAEA;
}
.nav-dropdown.active > ul {display: block;}
.nav-dropdown li {
    font-size: 15px; line-height: 1.4; letter-spacing: -0.01em; color: #333; font-weight: 400;
    padding: 15px 37px;
    border-bottom: 1px solid rgba(239, 239, 239, 0.6);
}
.nav-dropdown .nav_title {
    font-size: 16px; font-weight: 700;
    padding: 0 24px 15px;
    border-bottom: none;
}
.nav-dropdown li:last-child {border-bottom: none;}
.nav-dropdown li a {display: block;}
.recruit {
    font-size: 13px; color: #fff; font-weight: 400;
    padding: 2px 11px 4px; margin-left: 10px;
    background: #4B63FF;
    border-radius: 12.5px; -webkit-border-radius: 12.5px; -moz-border-radius: 12.5px; -ms-border-radius: 12.5px; -o-border-radius: 12.5px;
}


.cs_wrap {
  width: calc(100% - 195px); max-width: calc(768px - 195px);
  position: absolute; bottom: 11px; left: 172px;
  background-color: #fff;
  padding: 12px 16px;
  border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px;
}

.cs_wrap .cs_tel_info dt,
.cs_wrap .cs_time dd {font-size: 10px; font-weight: 700; line-height: 1.4; letter-spacing: -0.01em; color: #7D7C7C}
.cs_wrap .cs_tel_info dd {
    font-family: 'GmarketSansBold'; font-size: 20px; line-height: 1.4; letter-spacing: -0.01em; color: #2E498D;
    margin-bottom: 12px;
}

/*************** FOOTER **********************/
/*footer {
    background: #88A4FF;
    padding: 53px 20px 93px;
    font-size: 9.5px; line-height: 1.46; letter-spacing: -0.1em; color: #fff;
    position: relative;
}
footer::before{
    content: "";
    width: 100%; height: 30px;
    border-radius: 0 0 20px 20px; -webkit-border-radius: 0 0 20px 20px; -moz-border-radius: 0 0 20px 20px; -ms-border-radius: 0 0 20px 20px; -o-border-radius: 0 0 20px 20px;
    background-color: #FAFBFB;
    position: absolute; top: -1px; left: 0; right: 0;
}*/
footer {
    background: linear-gradient(to bottom, transparent 20px, #88A4FF 20px) !important;
    padding: 53px 20px 93px;
    font-size: 9.5px; 
    line-height: 1.46; 
    letter-spacing: -0.1em; 
    color: #fff;
    position: relative;
    margin-top: -20px; 
    z-index: 2;
}

/* 좌측: 패딩을 뚫고 맨 왼쪽 끝으로 강제 이동 */
footer::before {
    content: "";
    width: 20px; 
    height: 20px;
    position: absolute; 
    top: 0; 
    left: 0 !important; /* 무조건 왼쪽 끝에 붙임 */
    background: url('../img/footer_left.svg') no-repeat left top / contain;
    z-index: 10; 
}

/* 우측: 성공한 설정 그대로 유지 */
footer::after {
    content: "";
    width: 20px; 
    height: 20px;
    position: absolute; 
    top: 0; 
    right: 0 !important; /* 무조건 오른쪽 끝에 붙임 */
    background: url('../img/footer_right.svg') no-repeat right top / contain;
    z-index: 10; 
}
footer .m_t {margin: 14px 0;}
footer .footer_menu {
    border: none;
    align-items: center; justify-content: flex-start; column-gap: 18px;
}
footer .footer_menu .privacy {color: #000}
.footer_menu li {
    flex: initial;
    text-align: left; font-size: 13px; letter-spacing: -0.1em; line-height: 1.46; font-weight: 900; color: #495784;
}



/*fixed menu*/
.bottom_icon { 
    position: fixed;
    z-index: 3; height: initial;
    bottom: 20px;
}
.go_top {
    position: absolute; top: -70px; right: 0; bottom: initial;
    width: 52px; height: 52px;
    background: rgba(253, 253, 253, 0.8) url(/mobile/common/img/after/top_icon.svg) no-repeat center;
    backdrop-filter: blur(4px);
    border-radius: 21px; -webkit-border-radius: 21px; -moz-border-radius: 21px; -ms-border-radius: 21px; -o-border-radius: 21px; border: 1px solid #113fb412;
    box-shadow: 0 2px 10px 0 #b1b1b13b; 
    margin-bottom: 39px; padding: initial;
}
.fixed_menu {
    position: relative;
    width: 100%;
    padding: 9.5px 7.12%;
    display: flex; align-items: center; justify-content: space-between;
    background-color: rgba(253, 253, 253, 0.9);
    box-shadow: 0 2px 10px 0 #113fb412;
    border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; border: 1px solid #113fb412;
}
.fixed_menu .fast_counsule {
    width: 22%; height: 104%;
    position: absolute; top: 50%; left: 50%;
    transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%);
    border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px;
    box-shadow: 0 2px 10px 0 #78787863, inset 0 4px 4px 0 rgb(255 255 255 / 25%);
    font-size: 8px; line-height: 1.4; color: rgba(224, 231, 244, 0.9); text-align: center;
    overflow: hidden;
}
.fixed_menu .fast_counsule > div {position: relative; width: 100%; height: 100%;}
.fixed_menu .fast_counsule .bg_box {
    position: absolute; top: 50%; left: 50%;
    width: 24vw; height: 24vw;
    background: linear-gradient(#88A4FF, #0144EF);
    animation: rotateBtn 1.5s linear infinite; -webkit-animation: rotateBtn 1.5s linear infinite;
}
@keyframes rotateBtn {
  0% { transform: translate(-50%, -50%) rotate(0deg); -webkit-transform: translate(-50%, -50%) rotate(0deg); -moz-transform: translate(-50%, -50%) rotate(0deg); -ms-transform: translate(-50%, -50%) rotate(0deg); -o-transform: translate(-50%, -50%) rotate(0deg); }
  50% { transform: translate(-50%, -50%) rotate(-180deg); -webkit-transform: translate(-50%, -50%) rotate(-180deg); -moz-transform: translate(-50%, -50%) rotate(-180deg); -ms-transform: translate(-50%, -50%) rotate(-180deg); -o-transform: translate(-50%, -50%) rotate(-180deg); }
  100% { transform: translate(-50%, -50%) rotate(-360deg); -webkit-transform: translate(-50%, -50%) rotate(-360deg); -moz-transform: translate(-50%, -50%) rotate(-360deg); -ms-transform: translate(-50%, -50%) rotate(-360deg); -o-transform: translate(-50%, -50%) rotate(-360deg); }
}

.fixed_menu .fast_counsule .icon_box {
    position: absolute; top: 50%; left: 50%;
    transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);
    padding: 13px 0;
}
.fixed_menu .fast_counsule .icon_box > img {display: block; margin: 0 auto 5px;}
.fixed_menu > ul {
    width: 40%;
    display: flex; align-items: center; justify-content: flex-start; column-gap: 35.5%;
    background : transparent;
    margin: initial;
}
.fixed_menu > ul:last-child {justify-content: flex-end;}
.fixed_menu > ul > li { 
    text-align: center; font-size: 8px; line-height: 1.4; letter-spacing: -0.41px; color: rgba(60, 60, 60, 0.9);
    flex: initial; padding: initial;
}

.main_counsule_wrap {
    display: none;
    position: fixed; top: 0; left: 0; bottom: 0; right: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 2;
}
.main_counsule_wrap.active {display: block;}
.main_counsule {
    position: relative;
    width: 100%; height: 100vh;
}
.main_consult {
    display: none;
    position: absolute; bottom: 0;
    background: #FAFBFB;
    border-radius: 30px 30px 0 0; -webkit-border-radius: 30px 30px 0 0; -moz-border-radius: 30px 30px 0 0; -ms-border-radius: 30px 30px 0 0; -o-border-radius: 30px 30px 0 0;
    padding: 40px 23px 120px;
} 
.main_consult > h3 { 
    position: relative;
    font-size: 18px; text-align: center; font-weight: 600; line-height: 1.4; letter-spacing: -0.05em; color: #000;
}

.main_consult > h3 > .close {
    padding: 17px;
    position: absolute; right: -14px; top: -30px
}
.form_wrap {
    margin: 31px auto 26px;
    width: 100%; 
    display: flex; flex-direction: column; align-items: flex-start; justify-content: center; row-gap: 8px;
}
.form_wrap > li {width: 100%;}
.form_wrap > li select,
.form_wrap > li input[type=text] {
    height: initial;
    border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border: 1px solid #E7EDF3;
    background: #fff;
    padding: 11px 15px 11px 13px; margin: 0;
    font-size: 14px;  font-weight: 500; line-height: 1.5; letter-spacing: -0.02em;
}
.form_wrap .call_num {display: flex; align-items: stretch; justify-content: space-between; column-gap: 7px;}
.form_wrap .call_num > * {width: calc(33.3% - 4px);}    
.ck_wrap {position: relative; margin-bottom: 20px;}
.ck_wrap input[type="checkbox"] {display: none;}
.ck_wrap input[type=checkbox] + label {
    padding-left: 20px; 
    position: relative;
    font-size: 14px; line-height: 1.5; letter-spacing: -0.02em; color:#384066; 
}
.ck_wrap input[type=checkbox] + label::before {
    content:"";
    width: 13px; height: 13px;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border: 1px solid #C3CADA;
    position: absolute; top: 50%; left: 0;
    transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);
}
.ck_wrap input[type=checkbox]:checked + label::before {
    background: #113FB4 url(/mobile/common/img/after/checked_icon.svg) no-repeat center / 100%;
    border : 1px solid #113FB4;
}

.ck_wrap .rule_down {
    position: absolute; top: 50%; right: 0;
    transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);
    transition: 0.2s linear;-webkit-transition: 0.2s linear;-moz-transition: 0.2s linear;-ms-transition: 0.2s linear;-o-transition: 0.2s linear;
}
.ck_wrap .rule_down.active { transform:rotate(180deg) ; -webkit-transform:rotate(180deg') ; -moz-transform:rotate(180deg') ; -ms-transform:rotate(180deg') ; -o-transform:rotate(180deg') ; }

.rule_wrap {
    display: none;
    height: 200px; overflow: hidden; margin-bottom: 17px;
    padding: 20px 13px 10px;
    background: rgba(199, 208, 217, 0.2);
    border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px;
}
.rule {
    height: 100%; overflow-y: scroll;
    padding-right: 14px;
    font-size: 14px; font-weight: 400; line-height: 1.46; letter-spacing: -0.02em; color: #040B3D; white-space: pre-line;
}
.rule::-webkit-scrollbar {width: 3px;}
.rule::-webkit-scrollbar-thumb {
    background: rgba(106, 119, 164, 0.5);
    border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px;
}

.main_consult .btn_cons { 
    border-radius:28px ; -webkit-border-radius:28px ; -moz-border-radius:28px ; -ms-border-radius:28px ; -o-border-radius:28px ; 
    background: #113FB4;
    color: #fff; font-size: 16px; line-height: 56px; font-weight: 700;
    padding: initial;
}



/************************** INDEX ******************************/
.main_wrap {
    min-height: calc(100vh - 505.72px);
    padding:0 23px 40px;
    background-color: #FAFBFB;
    position: relative; z-index: 2;
}

.main_wrap2 {
    padding:30px 23px 40px;
    background-color: #FAFBFB;
    position: relative;
}



section h3 {font-size: 16px; line-height: 1.4; letter-spacing: -0.01em; color: #333333}
section h3 > a {
    font-size: 11px; font-weight: 500; color: #999;
    padding-right: 12px;
    position: relative;
}

/*slider*/
.slider_box {padding: 18px 0 12.3px;}
.main_img {
    top: 0;
    border-radius:20px ; -webkit-border-radius:20px ; -moz-border-radius:20px ; -ms-border-radius:20px ; -o-border-radius:20px ; 
    overflow: hidden;
}
.img_box {margin: 0 auto;}
.main_img .numbering {
    padding-top: 6px;
    width: 46px;
    bottom: 10px; right: 15px; left: initial;
    float: right;
    text-align: center; font-family: 'GmarketSansBold'; font-size: 15px; line-height: 1.4; letter-spacing: -0.14em; color: rgba(48, 48, 48, 0.59);
    background: rgba(255, 255, 255, 0.66);
    border-radius: 13.42px; -webkit-border-radius: 13.42px; -moz-border-radius: 13.42px; -ms-border-radius: 13.42px; -o-border-radius: 13.42px;
}
.main_img .numbering .swiper-pagination-current {font-size: 20px; color: #4B63FF; line-height: 1;}
.main_img .numbering .swiper-pagination-total {font-size: 13px;}


/*개강일자*/
.class_add {
    margin: 0 auto 13px; padding: 13px 15px 15px;
    width: 100%;
    border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px;
    background-color: #fff;
}

.class_add > h3 {
    display: flex; align-items: center; justify-content: space-between;
    margin-bottom: 25px;
}
.class_add > h3 > a {
    font-size: 11px; font-weight: 500; color: #999;
    padding-right: 12px;
    position: relative;
}
.class_add > h3 > a::after,
.main_bbs .more::after {
    content: url(/mobile/common/img/after/arrow.svg);
    position: absolute; top: 50%; right: 0;
    transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);
}
.class_add .class_info {display: flex; align-items: center; justify-content: flex-start; column-gap: 11px;}
.class_add .class_info > li:first-child {
    width: 33%; max-width: 77px;
    font-size: 15px; line-height: 38px; text-align: center; font-weight: 700; color: #fff;
    background-color: #4B63FF;
    border-radius: 19px; -webkit-border-radius: 19px; -moz-border-radius: 19px; -ms-border-radius: 19px; -o-border-radius: 19px;
}
.class_add .class_info > li:last-child {display: flex; align-items: flex-start; flex-direction: column;}
.class_add .class_num {
    width: inherit;
    text-align: left; font-size: 15px; line-height: 1.4; letter-spacing: -0.01em; font-weight: 500; color: #B3B3B3;
    background: inherit;
    top: inherit;
    margin-bottom: 0;
}
.class_add .class_date {
    width: inherit; min-width: inherit;
    float: left;
    text-align: left; font-size: 15px; line-height: 1.4; letter-spacing: -0.01em; font-weight: 500;
}

.class_add .class_date .class_tag {
    padding: 0 4px 3px 4px; margin-left: 3px;
    font-size: 13px; line-height: 16px; font-weight: 500; letter-spacing: -0.01em; color: #fff;
    background: linear-gradient(#DE2525, rgba(222, 37, 37, 0));
    border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px;
}


/*고객센터 안내*/
.cs_info_wrap {
    margin-bottom: 13px;
    width: 100%;
    background-color: #fff;
    border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px;
    padding: 13px 15px 16px;
    display: flex; align-items: flex-start; justify-content: space-between;
}
.cs_info_wrap > div {width: 50%;}
.cs_info_wrap a {font-family: 'GmarketSansBold'; font-size: 28px; line-height: 1.4; letter-spacing: -0.05em; color: #333;}
.cs_info_wrap .info {font-size: 14px; line-height: 1.5; letter-spacing: -0.01em; color: #b3b3b3}


/*공지사항*/
.main_bbs {
    background-color: #fff;
    width: 100%;
    padding: 13px 15px 2px;
}

.main_bbs h3 {margin-bottom: 11px;}
.main_bbs .more {
    padding-right: 12px;
    color: #999; font-size: 11px; line-height: 1.4; letter-spacing: -0.01em;
}
.main_bbs > ul > li {
    padding: 15px 0;
    border-bottom: 1px solid #EAEAEA;
    background: initial; 
}
.main_bbs > ul > li:last-child {border-bottom: none;}
.main_bbs > ul > li > a {
    position: relative;  
    display: block;
    width: 100%;
    padding-right: 31px;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.main_bbs > ul > li > a::after {
    content: "";
    display: block; width: 21px; height: 21px;
    background: #1557FF url(/mobile/common/img/after/bbs_icon.svg) no-repeat center;
    border-radius: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px; -ms-border-radius: 9px; -o-border-radius: 9px;
    position: absolute; top: 50%; right: 0;
    transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);
}



/*바로가기*/
.go_to_btn {display: flex; align-items: center; justify-content: space-between; column-gap: 8px;}
.go_to_btn > a {
    position: relative;
    width: calc(25vw - 17.5px); max-width: 174.5px; height: calc(25vw - 17.5px); max-height: 174.5px;
    border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px;
    box-shadow: 0 2px 10px 0 #E2E2E2;
    font-size: 11px; font-weight: 500; line-height: 1.4; letter-spacing: -0.01em; text-align: center;
    display: flex; align-items: center; justify-content: center; flex-direction: column;
    background: #FDFDFD;
}


/************************** COURSE ******************************/
.course_wrap {
    padding: 23px 23px 5px;
    background-color: #FAFBFB;
}
.subject_btn1 { /*수강신청버튼*/
    width: 80px;
    padding : 26px 0 27px; 
    background-color: #D037D3;
    border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px;
    text-align: center; font-size: 15px; line-height: 1.4; letter-spacing: -0.01em; font-weight: 700; color: #fff;
}
.subject_btn2 { /*선택완료버튼*/
    width: 80px;
    padding : 26px 0 27px; 
    background-color: #4B63FF;
    border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px;
    text-align: center; font-size: 15px; line-height: 1.4; letter-spacing: -0.01em; font-weight: 700; color: #fff;
}
.subject_btn3 { /*구매완료버튼*/
    width: 80px;
    padding : 26px 0 27px; 
    background-color: #333333;
    border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px;
    text-align: center; font-size: 15px; line-height: 1.4; letter-spacing: -0.01em; font-weight: 700; color: #fff;
}
.subject_btn4 {/*마감버튼*/
    width: 80px;
    padding : 26px 0 27px; 
    background-color: #969696;
    border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px;
    text-align: center; font-size: 15px; line-height: 1.4; letter-spacing: -0.01em; font-weight: 700; color: #fff;
}

.package_btn_class1,
.course_btn_class1 {/*전공태그*/
    display: inline-block;
    padding: 0 5px;
    background: #C538FD;
    font-size: 10px; line-height: 1.4; letter-spacing: -0.01em; color: #fff; font-weight: 600;
    margin: 0px 3px;
    border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px;
}
.package_btn_class2,
.course_btn_class2 {/*교양태그*/
    display: inline-block;
    padding: 0 5px;
    background: #38ABFD;
    font-size: 10px; line-height: 1.4; letter-spacing: -0.01em; color: #fff; font-weight: 600;
    margin: 0px 3px;
    border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px;
}
.package_btn_class3,
.course_btn_class3 {/*전필태그*/
    display: inline-block;
    padding: 0 5px;
    background: #3848FD;
    font-size: 10px; line-height: 1.4; letter-spacing: -0.01em; color: #fff; font-weight: 600;
    margin: 0px 3px;
    border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px;
}


/* 단과신청 */
.part_wrap {
    background: #fff;
    border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px;
    padding : 13px 15px 20px;
}
h1.sub_tit1 {
    padding: initial; margin-bottom: 15px;
    font-size: 16px; line-height: 1.4; letter-spacing: -0.01em; color: #333; 
}
.year_tap {
    display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;
    column-gap: 8px; row-gap: 10px; 
    margin-bottom: initial;
}
.year_tap li {
    width: calc(50% - 4px);
    margin: initial;
    padding: 13px 10px 15px 15px;
    border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; border: initial;
    background: #ECEEF8;
    font-size: 15px; line-height: 1.4; letter-spacing: -0.04em; font-weight: 400; color:rgba(52, 76, 170, 0.6); text-align: left;
}
.year_tap li > h3 { font-size: 14px; color: #001B74; margin-bottom: 2px;}
.year_tap .course_on {
    border: initial;
    background: #4B63FF;
    color: rgba(255, 255, 255, 0.6); font-weight: 400;
}
.year_tap .course_on > h3 {color: #fff; font-weight: 700;}

.class_tab_wrap {
    overflow: hidden; 
    height: 68px;
    padding: 15px 0;
    position: relative;
}
.class_tap2 {
    display: flex; align-items: stretch; justify-content: flex-start; column-gap: 10px;
    width: max-content;
    margin: initial;
    border: initial;
}
.class_tap2 li {
    width: auto;
    padding: 8px 15px 10px;
    color: #FFFFFF; font-weight: 700; font-size: 15px; line-height: 1.4; letter-spacing: -0.01em; text-align: center;
    background-color: #D9DCEA;
    border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px;
}
.class_tap2 .check {
    font-weight: 700; 
    background: #4B63FF;
}
.open_tab {
    position: absolute; top: 20px; right: 0;
    width: 35px; height: 35px;
    background-color: #4B63FF;
    border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%; -o-border-radius: 50%;
    box-shadow: 0 0 50px 69px #FAFBFB;
}
.open_tab::before {
    content: "";
    background: url(/mobile/common/img/after/w_down_icon.svg) center no-repeat;
    display: block;
    width: 100%;
    height: 100%;
    transition-duration: 0.5s;
}
.class_tab_wrap.on {height: 100%; margin: initial;}
.class_tab_wrap.on .class_tap2 {
    width: 100%;
    flex-wrap: wrap;
    padding-right: 35px;
    row-gap: 9px;
}
.class_tab_wrap.on .open_tab {box-shadow: none;}
.class_tab_wrap.on .open_tab::before {rotate: 180deg;}


.subject_list > li { 
    display: flex; align-items: center; justify-content: flex-start; column-gap: 10px;
    padding: 14px 5px 20px; 
    border-bottom: 1px solid rgba(239, 239, 239, 0.6);
}
.subject_list > li:last-child {border-bottom: initial;}
.subject_list .subject_check {width: 15px;}
.subject_check input[type="checkbox"] {display: none;}
.subject_check input[type="checkbox"] + label {
    display: block;
    width: 15px; height: 15px;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border: 1px solid #BABABA;
    background: #F5F5F5;
}
.subject_check input[type="checkbox"]:checked + label {
    background: #4B63FF url(/mobile/common/img/after/checked_icon.svg) no-repeat center;
    border: 1px solid #4B63FF;
}
.subject_check input[type="checkbox"]:disabled + label {background: #BABABA;}
.subject_info {width: calc(100% - 115px);}
.subject_info2 {width: calc(100% - 25px);}
.subject_info > a {display: inline-block;}
.subject_info .btn_sample { 
    border-radius:10px ; -webkit-border-radius:10px ; -moz-border-radius:10px ; -ms-border-radius:10px ; -o-border-radius:10px ; border: initial;
    font-size: 15px; line-height: 1.4; font-weight: 500; letter-spacing: -0.01em; text-align: center; color: #fff;
    padding: 2px 10px 4px; margin-bottom: 10px;
    background: #848BFF;
}
.subject_info .subject_title {display: block;}
.subject_info .subject_title > p {font-size: 15px; line-height: 1.4; letter-spacing: -0.01em; font-weight: 700; color: #333;}
.subject_info .my_money {
    width: initial;
    margin: 3px 0 4px;
    font-size: 13px; line-height: 1.4; letter-spacing: -0.01em; color: #9C0000; font-weight: 600;
}
.info_etc {
    display: flex; align-items: center; justify-content: flex-start; column-gap: 20px;
    font-size: 13px; line-height: 1.4; letter-spacing: -0.01em; font-weight: 600; color: #888;
}
.info_etc > li {position: relative;}
.info_etc > li:nth-child(2)::before,
.info_etc > li:nth-child(2)::after {
    content: "";
    width: 1px; height: 11px;
    background: #888;
    position: absolute; top: 50%;
    transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);
}
.info_etc > li:nth-child(2)::before {left: -7px;}
.info_etc > li:nth-child(2)::after {right: -7px;}


.course_box {
    width: 100%;
    position: fixed; bottom: 97px; left: 5px; z-index: 3;
    display: none;
}
.course_add {
    display: flex; align-items: flex-start; justify-content: space-between; column-gap: 15px;
    width: calc(100% - 10px);
    border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border: none;
    background: rgba(245, 245, 245, 0.93); backdrop-filter: blur(4px);
    padding: 14px 20px 18px; margin: initial;     
}
.course_add div {
    padding: initial; margin: initial;
    background: initial;
    font-size: 13px; color: #888888; line-height: 1.4; letter-spacing: -0.01em;
}
.course_add .left_box{ 
    display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap;
    column-gap: 10px; row-gap: 5px;
    width: calc(100% - 94px);
    position: relative;
    transition-duration: 0.5s;
}
.course_add .left_box.active {padding-bottom: 25px;}
.course_add .left_box> p {
    font-size: 15px; line-height: 1.4; letter-spacing: -0.01em; color: #121212; 
    width: 100%;
}
.course_add .left_box > div {
    width: calc(50% - 5px);
    text-overflow: ellipsis; white-space: nowrap; overflow: hidden;
    transition-duration: 0.5s;
}
.course_add .course_add_btn {
    width: 79px; height: initial;
    background: #1800F5;
    padding: 11px 0;
    text-align: center; font-size: 15px; color: #fff; letter-spacing: -0.01em; font-weight: 700; line-height: 1.4;
    border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px;
}
.course_add div span {
    width: 11px; height: 11px;
    background: #D9D9D9 url(/mobile/common/img/after/w_close_icon.svg) no-repeat center;
    border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%;
    margin-right: 8px;
}
.course_add div span.page_open {
    display: none;
    width: auto; height: auto;
    padding-left: 10px; margin: initial;
    background: rgba(245, 245, 245, 0.93);
    box-shadow: 0 0 30px 5px rgba(245, 245, 245, 0.93);
    border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0;
    font-size: 13px; line-height: 1.4; letter-spacing: -0.01em; color: #000;
    position: absolute; bottom: 0; right: 0; z-index: 3;
}

.left_box > div:nth-of-type(n+5) { display: none;}
.left_box.active > div:nth-of-type(n+5) { display: block;}



/* 패키지 */
.pack_tap2 {
    column-gap: 10px; row-gap: 10px;
    margin-bottom: 15px;
}
.pack_tap2 li{
    width: calc(50% - 5px);
    margin: initial; padding: 13px 15px 14px;
    border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px;
    font-size: 13px; line-height: 1.4; letter-spacing: -0.01em; color: #001B74; font-weight: 700; text-align: left;
    background: #ECEEF8;
    border: initial;
}
.pack_tap2 li:hover {border: none;}
.pack_tap2 li > h3 {font-size: 16px;}
.pack_tap2 li > p {
    color: rgba(52, 76, 170, 0.6); font-weight: 500;
    margin: 6px 0;
}
.pack_tap2 .on {
    border: none;
    background: #4B63FF;
    color: #FFF600;
}
.pack_tap2 .on > h3 {color: #fff}
.pack_tap2 .on > p {color: rgba(255, 255, 255, 0.6)}
.package_txt1 {
    width: 100%;
    border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;-ms-border-radius: 20px;-o-border-radius: 20px;
    background: rgba(199, 208, 217, 0.2);
    padding: 15px 14px 15px 15px;
    display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: column; row-gap: 15px;
}
.package_txt1 li,
.package_txt1 li:first-child,
.package_txt1 li:last-child,
.package_txt1 li > p {
    position: relative;
    background: initial;
    padding: 0 0 0 15px;
    font-size: 12px; line-height: 1.3; letter-spacing: -0.04em; font-weight: 500; color: #040B3D;
}
.package_txt1 li::before,
.package_txt1 li  > p::before {
    content: "";
    width: 3px; height: 3px;
    border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%;
    position: absolute; top: 7px; left: 5px;
    background: #040B3D;
}
.package_txt1 li  > p::before {background: #FF0000;}

.pack_tap {
    display: flex; align-items: stretch; justify-content: space-between; flex-wrap: wrap;
    column-gap: 10px; row-gap: 10px;
    margin: 25px auto;
}
.pack_tap > li {
    width: calc(50% - 5px);
    padding: 13px 14px 15px; margin: initial;
    border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px;
}
.pack_tap .pkg_type.on {border: none;}
.pack_tap .pkg_type > h3 {font-size: 16px; word-break: keep-all; text-align: left; line-height: 1.4; letter-spacing: -0.01em;}
.pack_tap .pkg_type.on > h3 {color:#fff;}
.pack_tap .pkg_type > p {
    margin-top: 2px;
    font-size: 15px; line-height: 1.4; letter-spacing: -0.01em; color: rgba(18, 18, 18, 0.6); font-weight: 400; text-align: left;
    top:initial;
    transform: initial; -webkit-transform: initial; -moz-transform: initial; -ms-transform: initial; -o-transform: initial;
}
.pack_tap .pkg_type.on > p {color:rgba(255, 255, 255, 0.6);}
.pkg_type.blue {background: #E0E3FF;}
.pkg_type.blue > h3 {color: #3D4DFF}
.pkg_type.blue.on {background: #3D4DFF;}
.pkg_type.orange {background: #FFEBE0;}
.pkg_type.orange > h3 {color: #FF813D}
.pkg_type.orange.on {background: #FF813D;}
.pkg_type.green {background: #D1F0E4;}
.pkg_type.green > h3 {color: #00BE7C}
.pkg_type.green.on {background: #00BE7C;}
.pkg_type.black {background: #D8D8D8;}
.pkg_type.black > h3 {color: #585858}
.pkg_type.black.on {background: #585858;}

.pkg_name {
    font-size: 16px; line-height: 1.4; letter-spacing: -0.01em; color: #333;
    margin-bottom: 15px;
}
.pkg_table {border-collapse: separate;}
.pkg_table thead th {
    background: #F5F5F5;
    font-size: 11px; line-height: 1.4; letter-spacing: -0.01em; text-align: center; color:#515151;
    padding: 10px 0 11px; margin: 0 -1px 0;
    border: 1px solid #F5F5F5;
}
.pkg_table thead th:first-child {border-top-left-radius: 5px;}
.pkg_table thead th:last-child {border-top-right-radius: 5px;}
.pkg_table tbody td {
    text-align: center; font-size: 10px!important; line-height: 1.4; letter-spacing: -0.01em; color: #888888; font-weight: 500;
    padding: 9px 0 11px;
    border-bottom: 1px solid rgba(239, 239, 239, 0.6);
}
.pkg_table tbody tr:last-child td {border-bottom: 1px solid #E8E8E8;} 
.pkg_table tbody tr td:first-child {border-left: 1px solid #E8E8E8;}
.pkg_table tbody tr td:last-child {border-right: 1px solid #E8E8E8;}
.pkg_table tbody tr:last-child td:first-child {border-bottom-left-radius: 5px;} 
.pkg_table tbody tr:last-child td:last-child {border-bottom-right-radius: 5px;} 
.pkg_table .tag_box {margin-bottom: 2px;}
.pkg_table .package_sample {
    font-size: 10px; line-height: 1.4; letter-spacing: -0.01em; font-weight: 600; text-align: center;
    padding: 0 2px;
    width: auto; max-width: initial;
    background: #FDB138;
    border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px;
}

.all_price {
    font-size: 16px; line-height: 1.4; letter-spacing: -0.01em; color: #333;
    margin-bottom: 21px;
}
.all_price > b {color: #FF4040; float: right;}
.package_warning {
    width: 100%;
    background: rgba(199, 208, 217, 0.2);
    border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px;
    padding: 14px 13px 20px; margin: 0 auto 15px;
}
.package_warning > div {
    height: 193px; overflow-y: scroll;
    padding-right: 19px;
    font-size: 12px; line-height: 1.3; letter-spacing: -0.04em; color:#040B3D; 
    white-space: pre-line;
}
.package_warning > div::-webkit-scrollbar {width: 3px;}
.package_warning > div::-webkit-scrollbar-thumb {
    background: rgba(106, 119, 164, 0.5);
    border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px;
}
.pkg_ck > label {
    display: block;
    font-size: 13px; line-height: 1.5; letter-spacing: -0.02em; color: #040B3D; font-weight: 400;
    margin-bottom: 16px;
}
.pkg_ck.ck_wrap input[type=checkbox] + label::before {top: 11px}
.package_pay {
    margin: 0 auto;
    width: 100%; max-width: 500px; height: initial;
    background: #113FB4;
    font-size: 16px; line-height: 46px; letter-spacing: -0.02em; text-align: center; font-weight: 600;
    border-radius: 23px; -webkit-border-radius: 23px; -moz-border-radius: 23px; -ms-border-radius: 23px; -o-border-radius: 23px;
}


/*강좌 장바구니*/
.cart_list {margin-top: 10px;}
.cart_list > li {
    padding: 20px 0;
    border-bottom: 1px solid rgba(239, 239, 239, 0.6);
}
.cart_list > li:last-child {border: none; padding-bottom: 0;}
.cart_check {position: relative; margin-bottom: 3px;}
.cart_check input[type="checkbox"] {display: none;}
.cart_check input[type="checkbox"] + label {
    display: block;
    font-size: 15px; line-height: 1.4; letter-spacing: -0.01em; font-weight: 700; color: #333;
    padding-left: 25px;
    position: relative;
}
.cart_check input[type="checkbox"] + label::before {
    content: "";
    display: block;
    width: 15px; height: 15px;
    border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border: 1px solid #BABABA;
    background: #F5F5F5;
    position: absolute; top: 50%; left: 0;
    transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);
}
.cart_check input[type="checkbox"]:checked + label::before {
    border: 1px solid #4B63FF;
    background: #4B63FF url(/mobile/common/img/after/checked_icon.svg) no-repeat center;
}

.del_btn {
    position: absolute; top: 0; right: 0;
    border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px;
    background: #848BFF;
    font-size: 15px; line-height: 27px; color: #fff; font-weight: 500; letter-spacing: -0.01em; text-align: center;
    padding: 0 13px 0 12px;
}
.cart_info {padding-left: 25px;}
.cart_info > p {font-size: 12px; line-height: 1.4; letter-spacing: -0.01em; color: #888; font-weight: 500; margin: 5px 0 3px;}
.cart_info .price_info { 
    display: flex; align-items: center; justify-content: flex-start; column-gap: 20px;
    font-size: 12px; line-height: 1.4; letter-spacing: -0.01em; font-weight: 700;
}
.cart_info .price_info > li {position: relative;}
.cart_info .price_info > li::before {
    content: "";
    width: 1px; height: 11px;
    background: #888;
    position: absolute; top: 50%; left: -10px;
    transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);    
}
.cart_info .price_info > li:first-child::before {display: none;}

.year_new {
    display: flex; align-items: stretch; justify-content: space-between; flex-direction: column; row-gap: 15px;
    padding: initial; margin: 25px 0 10px;
}
.year_new ul.credit_list {
    display: flex; align-items: stretch; justify-content: space-between;
    padding: 14px 17px; margin: initial;
    background: #F4F6F7;
    border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px;  border: none;
}
.year_new .credit_list li {
    width: initial;
    padding: initial;
    font-size: 13px; line-height: 1.4; letter-spacing: -0.01em; color: #888; font-weight: 600;

}
.credit_list .year_txtn1 {
    font-size: 13px; line-height: 1.4; letter-spacing: -0.01em; color: #211686;
    background: initial;
    padding: initial; margin-right: 4px;
}
.year_new .credit_list li > p {position: relative; padding-left: 10px;}
.year_new .credit_list li > p:first-child { margin-bottom: 7px;}
.year_new .credit_list li > p::before {
    content: "";
    width: 3px; height: 3px;
    background: #211686;
    border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%;
    position: absolute; top: 50%; left: 0;
    transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);
}
.year_new .credit_list li > p > b {
    color: #211686; font-weight: 700;
    margin-right: 7px;
}
.credit_info {
    margin-bottom: 26px;
    font-size: 11px; line-height: 1.5; letter-spacing: -0.02em; font-weight: 500; text-align: center; color:#9FA6C9;
}


.course_pirce {
    display: flex; align-items: stretch; justify-content: space-between; flex-direction: column; row-gap: 15px;
    background: #F4F6F7;
    border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px;
    padding: 22px 15px 18px;
}
.course_pirce > li {font-size: 15px; line-height: 1.4; letter-spacing: -0.01em; color: #040B3D; font-weight: 700;}
.course_pirce > li > span {float: right;}
.course_all_pirce {
    font-size: 18px; line-height: 1.4; letter-spacing: -0.01em; color: #333;
    margin: 42px 0 20px;
}
.course_all_pirce > b {float: right; color: #FF0000}







/************************** LOGIN ******************************/
.login_warp {
    padding: 108px 0 94px; margin: 0 auto;
    border:none;
    text-align: left;
}
.login_warp > h1 {font-size: 20px; line-height: 1.4; letter-spacing: -0.05em; color: #121212;}
.login_tab {margin: 16px auto 23px;}
.login_form {display: flex; align-items: stretch; justify-content: space-between; flex-direction: column; row-gap: 15px; }
.login_form input {
    width: 100%;
    border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px;
    border: 1px solid #E7EDF3;
    padding: 20px 14px 22px;
    font-size: 15px; line-height: 1.4; letter-spacing: -0.01em; color:#333;
}
.login_form input::placeholder {color: rgba(0, 0, 0, 0.6)}
.login_warp .find {
    margin: 15px auto 17px;
    display: flex; align-items: center; justify-content: center; column-gap: 48px;
}
.login_warp .find > li {
    position: relative;
    clear: both;
    margin: initial; padding: initial;
    background: initial;
    width: auto;
    font-size: 13px; line-height: 1.4; letter-spacing: -0.01em; font-weight: 600; color: #888888;
}
.login_warp .find > li:last-child::before {
    content: "";
    width: 1px; height: 11px;
    background-color: #888;
    position: absolute; top: 50%; left: -25px;
    transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);
}

.login_warp .certi_btn {margin: 10px auto 20px;}
.login_form input.warning {text-align: left;}
.login_form input.warning:focus {outline: 2px solid #ff0000; }
.login_form .certi_info { 
    font-size: 13px; line-height: 1.4; letter-spacing: -0.01em; font-weight: 500; color: #ff0000;
    margin: 8px 10px 15px;
}

.certi_list { 
    display: flex; align-items: center; justify-content: flex-start; flex-direction: column; row-gap: 10px;
    margin: 15px auto 20px;
}
.certi_list > li > span { position: relative;}
.certi_list > li > span::before{
    position: absolute; top: 50%; left: 0;
    transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);
}
.certi_list > li.naver {background: #03C75A}
.certi_list > li.kakao {background: #FEE500; color: #121212;}
.certi_list > li.samsung {background: #1D4BC7}
.certi_list > li.pass {background: #FF3A4A}

.certi_list > li.naver > span {padding-left: 17px;}
.certi_list > li.kakao > span {padding-left: 20px;}
.certi_list > li.samsung > span,
.certi_list > li.pass > span {padding-left: 19px;}

.certi_list > li.naver > span::before {content :  url(/mobile/common/img/after/naver.svg);}
.certi_list > li.kakao > span::before {content :  url(/mobile/common/img/after/kakao.svg);}
.certi_list > li.samsung > span::before {content :  url(/mobile/common/img/after/samsung.svg);}
.certi_list > li.pass > span::before {content :  url(/mobile/common/img/after/pass.svg);}







/************************** FIND ID / PW ******************************/
.find_info {
    margin: 15px 0 20px;
    font-size: 13px; line-height: 1.4; letter-spacing: -0.01em; font-weight: 600; color: #888
}
.find_id_box {
    display: none;
    width: 100%;
    margin: 20px auto 0; padding: 15px 0;
    background: #fff;
    border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border: 1px solid #E7EDF3;
    font-size: 13px; line-height: 1.4; letter-spacing: -0.01em; text-align: center; color: #888; font-weight: 600;
}
.find_id_box #id_text {font-size: 16px; line-height: 1.5; letter-spacing: -0.02em; color:#113FB4;   margin-top: 10px;}








/*************** JOIN **********************/
/*본인인증*/
.join_main_wrap {padding: 24px 0 0;}
.join_main_wrap h1.sub_tit1 {
    display: block;
    font-size: 20px; letter-spacing: -0.05em; color: #121212;
    margin-bottom: 37px;
}
.join_per_wrap {color:#4B63FF;}
.join_per { border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; }
.join_per hr { 
    border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px;
    background: #4B63FF;
}
.join_main_wrap #lottie {
    margin: 0 auto; padding: 180px 0;
    position: relative;
    overflow: hidden;
}
.join_main_wrap #lottie .img_box {
    width: 160%; max-width: 650px;
    position: absolute; top: 45%; left: 50%;
    transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%);
}

.input_box .input_text {font-size: 16px; line-height: 1.4; font-weight: 700; letter-spacing: -0.01em; color: #121212;}
.input_box input.input_text {
    line-height: 1.4; 
    border: none;
}

/*이용약관*/
.join_prov_warp {background: #fff;}
.terms_wrap .join_prov_warp h6, 
.join_prov_warp .terms > p, 
.join_prov_warp .terms > ul li, 
.join_prov_warp .terms li ol li, 
.join_prov_warp .terms dt, 
.join_prov_warp .terms dd,
.join_prov_warp .terms > table th,
.join_prov_warp .terms > table td {font-size: min(3.6vw, 14px)!important;     word-break:keep-all;}

.join_prov_warp .terms > table th {padding: 14px 10px 13px 11px;}
.join_prov_warp .terms > table td {padding: 10px 8px;}



/*개인정보 입력*/
.join_form_wrap .sub_info select {background: #fff; font-size: 14px; line-height: 22.39px;}
.join_form_wrap .input_box {
    padding: 8px 17px 26.5px; 
    background: #fff;
}
.join_form_wrap .input_box .input_name {margin-bottom: 11px;}
.join_form_wrap .input_box2 {padding: 8px 17px 19px;}
.join_btn2 {
    width: 80px;
    background: #4B63FF;
    margin: initial;
    font-size: 15px!important; color:rgba(253, 253, 253, 0.8)!important; letter-spacing: -0.01em; font-weight: 700;
    border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px;
}
.join_form_wrap input.input_text,
.join_form_wrap .sub_info .reference_box input.input_text {line-height: 1.75;}
.join_form_wrap .join_txt2 {
    font-size: 13px; line-height: 1.4; letter-spacing: -0.01em; color: #7E7E7E; font-weight: 500; word-break: keep-all;
    padding: 0px 9px 0 10px;
}

.join_form_wrap .sub_info > li {display: block;}
.mem_hp .agree_btn {margin: 13px auto 8px;}
.agree_btn.on {background: #4B63FF;}
.join_form_wrap .sub_info > li .agree_rule > li {word-break: keep-all;}
.join_form_wrap .sub_info .mem_birth {margin: 15px auto 13px;}
.join_form_wrap .sub_info .reference_box > div {padding: 8px 17px 19px;}
.join_form_wrap .sub_info .address_box {
    display: flex; align-items: stretch; justify-content: flex-start; row-gap: 13px;
}








/************************** SUB ******************************/
.subtap_any {
    width: 100%; height: initial;
    display: flex; align-items: center; justify-content: space-between;
    padding: 3.8px 5.3px; margin: 0 auto ;
    background: #fff;
    border-radius: 50px;  -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px;
}
.subtap_any li {
    height: 25.71px;
    flex: initial; flex-basis: initial;
    font-size: 12px; color: #6C6C6C; font-weight: 600; letter-spacing: -0.01em; line-height: 25.71px;
    border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px; border: none;
    padding: 0 10px;
}
.subtap_any2 li {font-size: 9px; padding: 0 7px;} 
.subtap_any li.on {background: #4B63FF; font-weight: 800;}
.subtap_any li > a { display: block;}

.subtap2 > li.on{ background: #9EA6DF;}

.sub_warp {padding: initial; margin: initial;}
.course1_top1 {
    background: #5065EE;
    border: 1px solid #D0DBFF;
}

div.sub_tit1 {padding: initial;}
.sub_tit2, .sub_tit4, 
.sub_tit5, .sub_tit10 {border: none; position: relative;}
.sub_tit2::before, .sub_tit4::before,
.sub_tit5::before {
    content:"";
    width: 2.18px; height: 62%;
    background: #4B63FF;
    border-radius: 1.09px; -webkit-border-radius: 1.09px; -moz-border-radius: 1.09px; -ms-border-radius: 1.09px; -o-border-radius: 1.09px;
    position: absolute; top: 50%; left: 0;
    transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);
}
.sub_tit3 {
    background: initial; 
    position: relative;
    padding-left: 12px;
}
.sub_tit3::before { 
    content:"";
    width: 5.5px; height: 5.5px;
    background-color: #BCBCBC;
    border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; 
    position: absolute; top: 50%; left: 0;
    transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);
}

.sub_tit10::before {
    content:"";
    width: 2.18px; height: 62%;
    background: #bfcad7;
    border-radius: 1.09px; -webkit-border-radius: 1.09px; -moz-border-radius: 1.09px; -ms-border-radius: 1.09px; -o-border-radius: 1.09px;
    position: absolute; top: 50%; left: 0;
    transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);

}


.guide_txt6 { border-radius:5px ; -webkit-border-radius:5px ; -moz-border-radius:5px ; -ms-border-radius:5px ; -o-border-radius:5px ; border: 1px solid #ededed;}

.guide_txt8 li {background: initial; position: relative;}
.guide_txt8 li::before {
    content:"";
    width: 3px; height: 3px;
    background-color: #000;
    border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; 
    position: absolute; top: 16px; left: 10px;
}
.guide_txt2 { 
    border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border: 1px solid #ddd;
    background: #efefef;
    color: #333; word-break: keep-all;
}
.guide_txt11 { 
    border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border: 1px solid #D0DBFF;
    background: #E6ECFF;
    color: #333;
}

.tabBox {
    padding: 3px;
    background: #fff;
    border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px;
}
.tab-link {
    padding: initial;
    border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px;
    background: initial;
    font-size: 13px; line-height: 31px; color:#113FB4; font-weight: 400; letter-spacing: -0.01em; text-align: center;
}
.tab-link.current {
    background-color: #113FB4;
    border: none; 
    color: #fff; font-weight: 700; font-size: 13px;
}
.course_tit1 {background: #113fb4;}

.tbl01, .tbl02, .tbl03, .tbl04, 
.my_tbl01, .my_tbl02, .my_tbl03 {border-top: 2px solid #4B63FF;}


.btn_now {
    display: inline-block;
    padding: 2px 5px 3px;
    width: auto;
    color: #3848FD;
    border: 1px solid #3848FD;
    border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px;
}





/************************** 게시판 ******************************/
.board_wrap {text-align: center;}
.bbs_form1 {
    position: relative;
    height: auto;
    padding: 9px 10px 10px 17px;
    border-radius: 19.5px; -webkit-border-radius: 19.5px; -moz-border-radius: 19.5px; -ms-border-radius: 19.5px; -o-border-radius: 19.5px; border: 1px solid #F2F2F2;
    background: #fff;
    color: #676767;
}
/*나중에 공지사항 검색 앞에 화살표 넣기*/

.ui01 {
    padding: 2px 5px 3px;
    background: #fff;
    border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border: none;
}
.ui01 > li {
    padding: 18px 17px;
    border-bottom: 1px solid rgba(239, 239, 239, 0.6);
}
.ui01 > li:last-child {border-bottom: none;}
.list_notice {
    padding: 0px 8px 1px; margin: 0 0 8px;
    background-color: #848BFF;
    font-size: 14px; line-height: 1.4; letter-spacing: -0.01em; text-align: center; font-weight: 400;
    border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px;
}
.list_tit01 {font-size: 15px; line-height: 1.4; letter-spacing: -0.01em; color: #333; font-weight: 500;}
.list_tit02 {font-size: 13px; line-height: 1.4; letter-spacing: -0.01em; color: #888; font-weight: 600;}


.paging {
    display: inline-block;
    width: auto;
    background: #fff;
    padding: 3.8px 5.3px;
    border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; -o-border-radius: 50px;
}
.paging li {
    border: none;
    border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%;
    width: 27px;
    padding: initial;
    font-size: 8px; line-height: 25px; font-weight: 600; letter-spacing: -0.01em; text-align: center; color: #6C6C6C;
}
.paging li.on {
    color: #fff; font-weight: 800;
    background-color: #9EA6DF;
}


.ui02 {
    padding: 10px 5px;
    background: #fff;
    border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border: none;
    border-top: none;
}
.ui02 > li {
    padding: 15px 5px;
    border-bottom: 1px solid rgba(239, 239, 239, 0.6);
    font-size: 13px; line-height: 1.4; letter-spacing: -0.01em; font-weight: 600; color: #888;
}
.ui02 > li:first-child h3 { font-size: 15px; font-weight: 600; color: #333333}
.ui02 > li:last-child {border-bottom: none;}
.btn_list {
    background-color:#848BFF;
    border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px;
}

.btn_write {
    background-color: #4B63FF;
    border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px;
    margin: 0 0 20px 10px;
}

.ui03 {
    border: none;
    display: flex; align-items: stretch; justify-content: space-between; flex-direction: column;
    row-gap: 15px;
}

.ui03 > li {
    padding: 8px 15px 20px 17px;
    border: 1px solid #DADADA;  border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px;
    background: #fff;
}
.ui03 .tit2 {
    margin-bottom: 13px; 
    font-size: 13px; line-height: 1.4; letter-spacing: -0.01em; font-weight: 600; color: #888;
}
.bbs_form03 {
    border : none;
    font-size: 16px; line-height: 1.4; letter-spacing: -0.01em; font-weight: 700; color: #121212;
}
.select_wrap {position: relative;}
.select_wrap::after {
    content: "";
    width: 10px; height: 10px;
    position: absolute; right: 0px; top: 45%;
    transform: translate(-50%, -50%) rotate(45deg); -webkit-transform: translate(-50%, -50%) rotate(45deg); -moz-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); -o-transform: translate(-50%, -50%) rotate(45deg);
    border: solid #757A97; border-width: 0 3px 3px 0;
}
.ui03 > li.form_no_wrap {
    border: none;
    padding: 0;
    background: initial;
}
.ui03 > li.form_no_wrap .tit2 {font-size: 16px; line-height: 1.4; letter-spacing: -0.01em; font-weight: 700; color: #000;}
.ui03 > li.form_no_wrap textarea {
   padding: 8px 15px 20px 17px;
   border: 1px solid #DADADA;
   border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px;
   background: #fff;
}
.ui03 .txt2.radio_wrap {display: flex; align-items: stretch; justify-content: space-between; column-gap: 8px; }
.ui03 > li.form_no_wrap input[type="radio"] {display: none;}
.ui03 > li.form_no_wrap input[type="radio"] + label {
    width: calc(50% - 4px);
    background: #EAEAEA;
    font-size: 16px; line-height: 46px; letter-spacing: -0.02em; text-align: center; font-weight: 700; color: #6C6C6C;
    border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px;
}
.ui03 > li.form_no_wrap input[type="radio"]:checked + label { background: #404040; color: #fff;}



/*********** LANDING ***********************/
.sub_warp_landing {margin: -20px auto 0;}





/*********** MENU_DEPTH ***********************/
/*depth2*/
.depth2 {
    display: flex; align-items: stretch; justify-content: center; flex-wrap: wrap; 
    padding: 7.7px 20px;
}
.depth2 > li {position: relative;}
.depth2 > li > a {
    display: flex; align-items: center; justify-content: center;
    width: 100%; min-height: 38px;
    word-break: keep-all; font-size: 11px; line-height: 1.4; letter-spacing: -0.01em; color: #6C6C6C; font-weight: 600; text-align: center;
    padding: 4.46px 8px;
    border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px;
}
.depth2 > li.on {margin: initial;}
.depth2 > li.on > a {
    background: #4b63ff;
    color: #fff; font-weight: 700;
    margin: initial;
}
.depth2.menu2 > li {width: 50%;}
.depth2.menu3 > li {width: 33.3%;}
.depth2.menu4 > li {width: 25%; min-width: 83px; max-width: 130px; }
.depth2 li::after {
    content: "";
    width: 1px; height: 6px;
    border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px;
    background: #C5CDFF;
    position: absolute;  top: 50%; right: 0;
    transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);
}
.depth2 li:last-child::after,
.depth2 li:nth-child(4n)::after,
.depth2 li.on::after {content: initial;}


.tabBox_way {
    width:100%;
    display:flex; justify-content: space-between; align-items: stretch;
    margin-bottom:30px; padding: 3.8px 5.3px;
    border-radius:50px ; -webkit-border-radius:50px ; -moz-border-radius:50px ; -ms-border-radius:50px ; -o-border-radius:50px ;
    background: #fff;
}
.tab_way {
    padding: 9px 0;
    border-radius:50px ; -webkit-border-radius:50px ; -moz-border-radius:50px ; -ms-border-radius:50px ; -o-border-radius:50px ;
    text-align: center; font-size: 13px; line-height: 1.4; color: #6C6C6C; font-weight: 600; letter-spacing: -0.01em;
    transition:initial; -webkit-transition:initial; -moz-transition:initial; -ms-transition:initial; -o-transition:initial;
}
.tab_way.way_contents {
    background-color: #9EA6DF;
    font-weight: 800; color: #fff;
    border: none;
}
.tab_content {display: none;}
.tab_content.way_contents {display: block;width: 100%;}

.sub_top_menu { 
    border-radius:50px ; -webkit-border-radius:50px ; -moz-border-radius:50px ; -ms-border-radius:50px ; -o-border-radius:50px ; 
    justify-content: space-between;  align-items: stretch; flex-wrap: wrap;
    background: #fff;
    padding: 3.5px 5.3px;
}
.sub_top_menu li {
    position: relative;
    border-radius:50px ; -webkit-border-radius:50px ; -moz-border-radius:50px ; -ms-border-radius:50px ; -o-border-radius:50px ; 
    line-height: 1.4; color: #113FB4; letter-spacing: -0.01em; font-weight: 400;
    padding: 4px 0; margin: initial;
}
.sub_top_menu li.on {
    background: #113FB4; 
    font-weight: 700; color: #fff;
}
.sub_top_menu.menu_4 { 
    border-radius:10px ; -webkit-border-radius:10px ; -moz-border-radius:10px ; -ms-border-radius:10px ; -o-border-radius:10px ; 
    row-gap: 10px;
}
.sub_top_menu.menu_3 > li {width: 33.3%;}
.sub_top_menu.menu_4 > li {width: 50%;}



/*메뉴 select*/
.page_name {
    position: relative;
    width: 100%;
    border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border: 1px solid #495CD9;
    background-color: #fff;
    padding: 10.87px 10px 11.22px; margin-bottom: 36px;
    font-size: 14px; line-height: 1.5; letter-spacing: -0.02em; font-weight: 700; color: #495CD9;
    position: relative;
}
.page_name::after {
    content: "";
    width: 16px; height: 16px;
    background: #495CD9 url(/mobile/common/img/after/select_arrow.svg) no-repeat 56% 52% / 50%;
    position: absolute; top: 53%; right: 10px;
    transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);
    transition:  all 0.2s linear; -webkit-transition:  all 0.2s linear; -moz-transition:  all 0.2s linear; -ms-transition:  all 0.2s linear; -o-transition:  all 0.2s linear;
     border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ;
}
.page_name.active::after { transform: translateY(-50%) rotate(180deg); -webkit-transform: translateY(-50%) rotate(180deg); -moz-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); -o-transform: translateY(-50%) rotate(180deg);}

.page_link_list {
    display: none;
    position: absolute; top: 55px; left: 0; z-index: 10;
    padding: 0 5.4px;
    width: 100%; max-height: 230px; ;
    background: rgba(255, 255, 255, 0.9); backdrop-filter: blur(4px);
    border-radius:8px ; -webkit-border-radius:8px ; -moz-border-radius:8px ; -ms-border-radius:8px ; -o-border-radius:8px ; border: 1px solid #D4DAFF;
    overflow-y: scroll;
}
.page_link_list > li {
    width: 100%;
    padding: 13px 4.5px 9px;
    border-bottom: 1px solid #F4F5F8;
    font-size: 13px; line-height: 1.4; letter-spacing: -0.01em; font-weight: 600; color: #5B649A;
}
.page_link_list > li.on {display: none;}
.page_link_list > li:last-child {border: none}






/********** TAG *********/
.way_contents ul li dt span { background : #848BFF;}




/*mobile_txt*/
.mobile_txt {display: grid; grid-template-columns: 60px calc(100% - 60px);}
.mobile_txt dd {width: auto;}


@media (max-width: 376px){
    /*메인 tab*/
    .main_tab > li {font-size: 4.1vw;}
 
    /************************** HEADER ******************************/
    /*Fixed menu*/
    .menu_top {font-size: 3.1vw;}
    .menu_top .top_menu_btn_wrap > div {
        font-size: 3.35vw;
        padding: 0 2vw 0 6vw;
    }
    .menu_top .top_menu_btn_wrap > div::before {left: 1.7vw;}

    .nav-dropdown .nav_title {padding: 0 5.15vw 15px;}
    .nav-dropdown li {padding: 15px 0 15px 7vw;}


    /************************** FOOTER *****************************/
    /*fixed menu*/
    .fixed_menu > ul {column-gap: 25.5%;}



    /************************** INDEX ******************************/
    .main_wrap {padding: 0 6vw 40px;}
    .main_wrap2 {padding: 20px 6vw 40px;}

    /*고객문의 */
    .cs_info_wrap a {font-size: 7.2vw;}
    .cs_info_wrap .info {font-size: 3.5vw;}


    /*바로가기*/
    .go_to_btn img {width: 70%;}



    /************************** COURSE ******************************/
    .course_wrap {padding: 5.9vw 5.9vw 5px;}
    .part_wrap {padding: 13px 3.84vw 20px;}

    /*단과신청*/
    .year_tap li > h3 {font-size: 3.59vw;}
    .year_tap li {font-size: 3.84vw;}
    .subject_info .info_etc {font-size: 3.33vw;}
    .package_btn_class1 {font-size: 2.8vw;}
    .subject_info .subject_title > p {font-size: 3.84vw;}
    .subject_info .btn_sample {font-size: 3.84vw; padding: 3px 10px 3px;}


    /*패키지 구매*/
    .pack_tap2 li {padding: 13px 3.84vw 14px;}
    .pack_tap2 li > h3,
    .pkg_name,
    .pack_tap .pkg_type > h3 {font-size: 4.1vw;} /*font-size : 16px*/
    .package_txt1 {padding: 15px 3.6vw;}
    .pack_tap .pkg_type > p {font-size: 3.84vw;} /*font-size : 15px*/

    /*장바구니*/
    .credit_info {text-align: left;}
    .cart_check input[type="checkbox"] + label {font-size: 3.84vw;}
    .info_etc {font-size: 3.34vw;} /*font-size : 13px*/
    .cart_info > p {font-size: 3.1vw;} /*font-size : 12px*/
    .del_btn {
        font-size: 3.84vw;
        padding: 0 3.34vw 0 3.1vw;
    }




    /************************* JOIN *******************************/
    .join_main_wrap #lottie {padding: 43vw 0;}
    .join_prov_warp .terms > table th  {padding: 3.6vw 2.1vw;}
    .join_prov_warp .terms > table td { padding: 2.1vw;}



}

@media (max-height: 670px){
    /************************** HEADER ******************************/
    /*Fixed menu*/
    .menu_bottom .menu_list {padding: 2.25vh 23px;}
    .nav-dropdown > ul {padding: 3.32vh 0;}
    .nav-dropdown .nav_title {padding-bottom: 1.77vh;}
    .nav-dropdown li {
        padding-top: 1.4vh; padding-bottom: 1.4vh;
        font-size: 2.3vh;
    }
    .cs_wrap .cs_tel_info dd {margin-bottom: 0.8vh;}


    /************************** FOOTER *****************************/
    /*fixed menu*/
    .bottom_icon {bottom: 15px;}
    .go_top {margin-bottom: 20px;}
    .main_consult {padding: 4.75vh 5.9vw 15vh;}
    .form_wrap {margin: 3.65vh auto 3.08vh;}
    .rule_wrap {height: 130px;}



}


@media (min-width: 750px){
    /*패키지 개강반*/
    .pack_tap2 li,
    .pack_tap > li {width: calc(33% - 6px);}

    /*강좌바구니*/
    .main_chk {
        display: inline-block;
        width: calc(50% - 5px);
    }
    .cart_del {
        width: calc(50% - 5px);
        display: inline-block;
        float: right;
    }


}