@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

@font-face {
    font-family: 'Pretendard';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* common */
img {
    width: 100%;
}

/* fade_up */
.fade_up {
    opacity: 0;
    transform: translate3d(0, 50px, 0);
    transition: opacity 1s ease, transform 1s ease;
}

.fade_up.active {
    opacity: 1;
    transform: translateZ(0);
}

/* header(main) */
#header {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    transition: all .3s;
}

/*********************************** quick_menu ***********************************/
/* quick_tab */
.quick_menu {
}

.quick_menu.down {
}

.quick_menu .quick_tab {
    position: fixed;
    top: calc(55px + 85vw);
    z-index: 99;
    display: flex;
    flex-direction: column;
    transform: translate(0, -100%);
    left: 0;
}

.quick_menu .quick_tab a {
    font-weight: 800;
    line-height: 14px;
    font-size: 13px;
    color: #fff;
    font-family: 'Pretendard';
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 11px 7px;
    flex-direction: column;
    text-align: center;
}

.quick_menu .quick_tab a.mid {
    background: #ed2727;
    border-radius: 0 6px 0 0;
}

.quick_menu .quick_tab a.mid::after {
    content: '';
    background: url(../../images/main/tab_red_ico.png) no-repeat 0 0 / contain;
    width: 10px;
    height: 10px;
    display: block;
    margin-top: 3px;
}

.quick_menu .quick_tab a.ele {
    background: #009ca2;
    border-radius: 0 0 6px 0;
}

.quick_menu .quick_tab a.ele::after {
    content: '';
    background: url(../../images/main/tab_green_ico.png) no-repeat 0 0 / contain;
    width: 10px;
    height: 10px;
    display: block;
    margin-top: 3px;
}

.quick_menu .quick_tab a p {
    display: none;
}

.quick_menu.on .quick_tab {
    top: 55px;
    left: 0;
    right: 0;
    transform: none;
    flex-direction: row;
    justify-content: center;
    animation: quickMenuFadeIn_ .5s forwards;
}

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

    100% {
        opacity: 1;
    }
}

.quick_menu.on .quick_tab.mid {
    border-color: #ed2727;
}

.quick_menu.on .quick_tab.ele {
    border-color: #009ca2;
}

.quick_menu.on .quick_tab a {
    color: #7A7D82;
    writing-mode: lr;
    font-size: 14px;
    border-radius: 0 0 12px 12px;
    padding: 6px 0 6px;
    background: #e9ecf0;
    font-family: 'GmarketSansBold';
    width: 150px;
}

.quick_menu.on .quick_tab a.mid {
}

.quick_menu.on .quick_tab a.mid::after {
    display: none;
}

.quick_menu.on .quick_tab a.mid.on {
    background: #ed3535;
    color: #fff;
}

.quick_menu.on .quick_tab a.ele {
}

.quick_menu.on .quick_tab a.ele::after {
    display: none;
}

.quick_menu.on .quick_tab a.ele.on {
    background: #009ca2;
    color: #fff;
}

.quick_menu.on .quick_tab a span {
    font-size: 10px;
    background: #7a7d82;
    height: 15px;
    color: #fff;
    padding: 2px 8px 0;
    border-radius: 5px;
    margin-bottom: 6px;
}

.quick_menu.on .quick_tab a.on span {
    background: #fff;
}

.quick_menu.on .quick_tab a.mid.on span {
    color: #ed3535;
}

.quick_menu.on .quick_tab a.ele.on span {
    color: #009ca2;
}

.quick_menu.on .quick_tab a p {
    display: block;
}

.quick_menu.down .quick_tab {
    top: auto;
    bottom: 29px;
    left: auto;
    right: 12px;
    background: #fff;
    padding: 2px;
    border-radius: 7px;
    border: 1px solid #ED2727;
}

.quick_menu.down .quick_tab.mid {
    border-color: #ed2727;
}

.quick_menu.down .quick_tab.ele {
    border-color: #009ca2;
}

.quick_menu.down .quick_tab a {
    color: #999;
    writing-mode: lr;
    font-size: 14px;
    width: 35px;
    height: 35px;
    border-radius: 6px;
    padding: 0;
}

.quick_menu.down .quick_tab a.mid {
    background: none;
}

.quick_menu.down .quick_tab a.mid::after {
    display: none;
}

.quick_menu.down .quick_tab a.mid.on {
    background: #ed2727;
    color: #fff;
}

.quick_menu.down .quick_tab a.ele {
    background: none;
}

.quick_menu.down .quick_tab a.ele::after {
    display: none;
}

.quick_menu.down .quick_tab a.ele.on {
    background: #009ca2;
    color: #fff;
}

/* top_btn */
.quick_menu .top_btn {
    position: fixed;
    bottom: 65px;
    right: 15px;
    font-size: 0;
    background: url(../../images/main/top_btn.png) no-repeat 0 0 / contain;
    width: 35px;
    height: 35px;
    z-index: 99;
}

/*********************************** popup ***********************************/
/* visual */
.visual_more_pop {
    background: #F4F6F9;
    position: fixed;
    pointer-events: none;
    opacity: 0;
    display: flex;
    z-index: -10;
    bottom: 0;
    left: 0;
    right: 0;
    top: 55px;
    flex-direction: column;
    transition: .5s ease;
}

.visual_more_pop.show {
    pointer-events: auto;
    opacity: 1;
    z-index: 101;
}

.visual_more_pop .inner {
    height: 100%;
    display: flex;
    flex-direction: column;
    z-index: 1;
    position: relative;
    transform: translate(0, 300px);
    transition: .5s ease;
}

.visual_more_pop.show .inner {
    transform: translate(0, 0);
}

.visual_more_pop .top {
    display: flex;
    padding: 0 15px;
    flex-shrink: 0;
    height: 55px;
}

.visual_more_pop .top .left {
    display: flex;
    align-items: center;
}

.visual_more_pop .top .left .tit {
    color: #121212;
    font-size: 17px;
    font-weight: 600;
    line-height: 1;
}

.visual_more_pop .top .right {
    margin-left: auto;
    display: flex;
    align-items: center;
}

.visual_more_pop .top .right .close {
    display: block;
    width: 16px;
    height: 16px;
    background: url(/images/main/pop_close_btn.png) no-repeat 0 0/contain;
    font-size: 0;
}

.visual_more_pop .btm {
    overflow: auto;
    padding-bottom: 30px;
    flex-grow: 1;
}

.visual_more_pop .btm ul {
    padding: 0 15px;
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.visual_more_pop .btm ul li {
}

.visual_more_pop .btm ul li a {
}

.visual_more_pop .btm ul li a .img {
    border-radius: 6px;
    overflow: hidden;
    position: relative;
    padding-top: 30.5%;
}

.visual_more_pop .btm ul li a .img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.visual_more_pop .btm ul li a p {
    font-size: 17px;
    color: #121212;
    font-weight: 600;
    margin-top: 5px;
}

.visual_more_pop .btm ul li a span {
    letter-spacing: 0;
    font-size: 12px;
    color: #888;
    margin-top: -1px;
    display: block;
    font-family: "Roboto", sans-serif;
}

/* learning */
.learning_more_pop {
    position: fixed;
    pointer-events: none;
    opacity: 0;
    display: flex;
    z-index: -10;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    flex-direction: column;
    padding-top: 100px;
    transition: .5s ease;
}

.learning_more_pop.show {
    pointer-events: auto;
    opacity: 1;
    z-index: 101;
}

.learning_more_pop::before {
    content: '';
    pointer-events: none;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: fixed;
    background: rgb(18 18 18 / 50%);
}

.learning_more_pop .inner {
    height: 100%;
    display: flex;
    flex-direction: column;
    z-index: 1;
    position: relative;
    transform: translate(0, 300px);
    transition: .5s ease;
}

.learning_more_pop.show .inner {
    transform: translate(0, 0);
}

.learning_more_pop .top {
    display: flex;
    padding: 0 15px;
    flex-shrink: 0;
    background: #F4F6F9;
    height: 47px;
}

.learning_more_pop .top .left {
    display: flex;
    align-items: center;
}

.learning_more_pop .top .left .tit {
    color: #121212;
    font-size: 17px;
    font-weight: 600;
    line-height: 1;
}

.learning_more_pop .top .right {
    margin-left: auto;
    display: flex;
    align-items: center;
}

.learning_more_pop .top .right .close {
    display: block;
    width: 16px;
    height: 16px;
    background: url(/images/main/pop_close_btn.png) no-repeat 0 0/contain;
    font-size: 0;
}

.learning_more_pop .btm {
    overflow: auto;
    padding: 15px 0 30px;
    flex-grow: 1;
    background: #fff;
}

.learning_more_pop .btm ul {
    padding: 0 15px;
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.learning_more_pop .btm ul li {
}

.learning_more_pop .btm ul li a {
}

.learning_more_pop .btm ul li a .img {
    border-radius: 6px;
    overflow: hidden;
}

.learning_more_pop .btm ul li a .img img {
    height: auto;
}

.learning_more_pop .btm ul li a p {
    font-size: 17px;
    color: #121212;
    font-weight: 600;
    margin-top: -2px;
}

.learning_more_pop .btm ul li a span {
    letter-spacing: 0;
    font-size: 12px;
    color: #888;
    display: block;
    margin-top: 9px;
    font-family: "Roboto", sans-serif;
}

/* acceptance */
.acceptance_more_pop {
    position: fixed;
    pointer-events: none;
    opacity: 0;
    display: flex;
    z-index: -10;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    flex-direction: column;
    padding-top: 100px;
    transition: .5s ease;
}

.acceptance_more_pop.show {
    pointer-events: auto;
    opacity: 1;
    z-index: 101;
}

.acceptance_more_pop::before {
    content: '';
    pointer-events: none;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: fixed;
    background: rgb(18 18 18 / 50%);
}

.acceptance_more_pop .inner {
    height: 100%;
    display: flex;
    flex-direction: column;
    z-index: 1;
    position: relative;
    transform: translate(0, 300px);
    transition: .5s ease;
}

.acceptance_more_pop.show .inner {
    transform: translate(0, 0);
}

.acceptance_more_pop .top {
    display: flex;
    padding: 0 15px;
    flex-shrink: 0;
    background: #F4F6F9;
    height: 47px;
}

.acceptance_more_pop .top .left {
    display: flex;
    align-items: center;
}

.acceptance_more_pop .top .left .tit {
    color: #121212;
    font-size: 17px;
    font-weight: 600;
    line-height: 1;
}

.acceptance_more_pop .top .right {
    margin-left: auto;
    display: flex;
    align-items: center;
}

.acceptance_more_pop .top .right .close {
    display: block;
    width: 16px;
    height: 16px;
    background: url(/images/main/pop_close_btn.png) no-repeat 0 0/contain;
    font-size: 0;
}

.acceptance_more_pop .btm {
    overflow: auto;
    padding: 15px 0 30px;
    flex-grow: 1;
    background: #fff;
}

.acceptance_more_pop .btm ul {
    padding: 0 15px;
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.acceptance_more_pop .btm ul li {
}

.acceptance_more_pop .btm ul li a {
}

.acceptance_more_pop .btm ul li a .img {
    border-radius: 6px;
    overflow: hidden;
}

.acceptance_more_pop .btm ul li a .img img {
    height: auto;
}

.acceptance_more_pop .btm ul li a .txt {
    display: flex;
    align-items: center;
    margin-top: 5px;
}

.acceptance_more_pop .btm ul li a .txt p {
    font-size: 17px;
    color: #121212;
    font-weight: 600;
}

.acceptance_more_pop .btm ul li a .txt span {
    letter-spacing: 0;
    font-size: 12px;
    color: #888;
    display: block;
    margin-left: auto;
    font-family: "Roboto", sans-serif;
}

/* event */
.event_more_pop {
    position: fixed;
    pointer-events: none;
    opacity: 0;
    display: flex;
    z-index: -10;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    flex-direction: column;
    padding-top: 100px;
    transition: .5s ease;
}

.event_more_pop.show {
    pointer-events: auto;
    opacity: 1;
    z-index: 101;
}

.event_more_pop::before {
    content: '';
    pointer-events: none;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: fixed;
    background: rgb(18 18 18 / 50%);
}

.event_more_pop .inner {
    height: 100%;
    display: flex;
    flex-direction: column;
    z-index: 1;
    position: relative;
    transform: translate(0, 300px);
    transition: .5s ease;
}

.event_more_pop.show .inner {
    transform: translate(0, 0);
}

.event_more_pop .top {
    display: flex;
    padding: 0 15px;
    flex-shrink: 0;
    background: #F4F6F9;
    height: 55px;
}

.event_more_pop .top .left {
    display: flex;
    align-items: center;
}

.event_more_pop .top .left .tit {
    color: #121212;
    font-size: 17px;
    font-weight: 600;
    line-height: 1;
}

.event_more_pop .top .left .tab {
    display: flex;
    gap: 5px;
    margin-left: 10px;
}

.event_more_pop .top .left .tab button {
    transition: .2s;
    background: none;
    font-family: "Noto Sans KR";
    font-weight: 700;
    font-size: 13px;
    color: #666;
    height: 27px;
    line-height: 24px;
    background: #fff;
    padding: 0 9px;
    border-radius: 14px;
}

.event_more_pop .top .left .tab button.on {
    color: #fff;
}

.event_more_pop .top .left .tab button.mid.on {
    background: #ED3535;
}

.event_more_pop .top .left .tab button.ele.on {
    background: #009ca2;
}

.event_more_pop .top .right {
    margin-left: auto;
    display: flex;
    align-items: center;
}

.event_more_pop .top .right .close {
    display: block;
    width: 16px;
    height: 16px;
    background: url(/images/main/pop_close_btn.png) no-repeat 0 0/contain;
    font-size: 0;
}

.event_more_pop .btm {
    overflow: auto;
    padding: 15px 0 30px;
    flex-grow: 1;
    background: #fff;
}

.event_more_pop .btm ul {
    padding: 0 15px;
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.event_more_pop .btm ul li {
}

.event_more_pop .btm ul li a {
}

.event_more_pop .btm ul li a .img {
    border-radius: 6px;
    overflow: hidden;
}

.event_more_pop .btm ul li a .img img {
    height: auto;
}

.event_more_pop .btm ul li a p {
    font-size: 17px;
    color: #121212;
    font-weight: 600;
    margin-top: -2px;
}

.event_more_pop .btm ul li a span {
    font-size: 12px;
    color: #888;
    display: block;
    margin-top: 9px;
    font-family: "Roboto", sans-serif;
    letter-spacing: 0;
}

/*********************************** top contents ***********************************/
/* contents */
.contents {
}

.contents > div > img {
    width: 100%;
}

.tit_box {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}

.tit_box .left {
    display: flex;
    align-items: center;
}

.tit_box h2 {
    font-weight: 700;
    font-size: 18px;
    color: #121212;
}

.tit_box .right {
    margin-left: auto;
    display: flex;
    align-items: center;
}

.tit_box .right .more_btn {
    background: url(../../images/main/banner_more_wh_btn.png) no-repeat 0 0 / contain;
    width: 20px;
    height: 20px;
    font-size: 0;
    flex-shrink: 0;
    margin-left: 6px;
}

/* middle tit */
.tit .m_tit {
    color: #fff;
    font-size: 30px;
    font-family: 'GmarketSansBold';
    line-height: 1;
}

.tit .m_tit span {
    background: linear-gradient(92deg, #FF9500 -2.18%, #FF2435 35.82%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    line-height: 1.2;
}

.tit .m_tit span.asterisk {
    font-size: 0.6em;
    vertical-align: super;
    font-family: none;
}

.tit .s_tit {
    margin: 7px 0 0;
    color: #fff;
    font-size: 16px;
    font-family: 'Pretendard';
    line-height: 1.3;
}

.tit .s_tit span {
    background: linear-gradient(91deg, #FF5900 0.96%, #FF2435 57.01%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    font-weight: 700;
    line-height: 1.3;
}

.tit .s_tit span.asterisk {
    font-size: 0.6em;
    vertical-align: super;
    font-family: none;
}

/* btn_line_up */
.btn_line_up {
    display: inline-block;
    padding: 5px 11px 5px 14px;
    position: relative;
    font-size: 13px;
    color: #fff;
    border-radius: 40px;
    text-decoration: none;
    font-family: 'Pretendard';
    overflow: hidden;
    z-index: 1;
}

.btn_line_up::after {
    content: '';
    background: url(../../images/main/arrow_wh.png) no-repeat left top/contain;
    width: 6px;
    height: 6px;
    display: inline-block;
    margin: 0 0 1px 3px;
}

.btn_line_up.gradient {
    background: linear-gradient(90deg, #FF5900 0%, #FF2435 100%);
    background-size: 200% 100%;
    background-position: left center;
}

.btn_line_up.gradient::before {
    background: linear-gradient(90deg, #ff7a00, #ff2442, #ff7a00);
    background-size: 200% 100%;
    background-position: left center;
}

.btn_line_up.black {
    margin: 18px 0 0;
    background: #000;
}

/* visual */
.visual {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.visual {
    position: relative;
}

.visual .swiper-container .swiper-wrapper li {
}

.visual .swiper-container .swiper-wrapper li.swiper-slide-active {
}

.visual .swiper-container .swiper-wrapper li img {
}

.visual .swiper-container .util {
    position: absolute;
    bottom: 15px;
    right: 15px;
    background: rgb(255 255 255 / 30%);
    z-index: 1;
    display: flex;
    align-items: center;
    padding: 2px 2px 2px 9px;
    border-radius: 14px;
}

.visual .swiper-container .util .swiper-pagination {
    font-size: 12px;
    position: static;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    line-height: 1;
}

.visual .swiper-container .util .swiper-pagination span {
}

.visual .swiper-container .util .swiper-pagination-current {
    color: #121212;
}

.visual .swiper-container .util .barSpace {
    color: #999;
    margin: 0 3px;
}

.visual .swiper-container .util .swiper-pagination-total {
    color: #999;
}

.visual .swiper-container .util .more_btn {
    background: url(../../images/main/banner_more_black_btn.png) no-repeat 0 0 / contain;
    width: 17px;
    height: 17px;
    font-size: 0;
    flex-shrink: 0;
    margin-left: 5px;
}

/* learning */
.learning {
    padding: 0 15px;
    margin-top: 25px;
}

.learning .swiper-slide {
    overflow: hidden;
    border-radius: 6px;
}

.learning .swiper-slide img {
    height: auto;
}

.learning .swiper-pagination {
    font-size: 13px;
    position: static;
    font-family: "Roboto";
    font-weight: 500;
    line-height: 1;
}

.learning .swiper-pagination span {
}

.learning .swiper-pagination-current {
    color: #121212;
}

.learning .barSpace {
    color: #999;
    margin: 0 3px;
}

.learning .swiper-pagination-total {
    color: #999;
}

/* banner1 */
.banner1 {
    padding: 0 15px;
    margin-top: 30px;
}

.banner1 a {
    display: block;
    border-radius: 6px;
    overflow: hidden;
}

.banner1 img {
    width: 100%;
}

/* acceptance */
.acceptance {
    padding: 0 15px;
    margin-top: 30px;
}

.acceptance .swiper-container {
    overflow: hidden;
    border-radius: 6px;
}

.acceptance .swiper-wrapper {
    transition-timing-function: linear;
}

.acceptance .swiper-slide {
}

.acceptance .swiper-slide img {
    height: auto;
}

.acceptance .swiper-pagination {
    font-size: 13px;
    position: static;
    font-family: "Roboto";
    font-weight: 500;
    line-height: 1;
}

.acceptance .swiper-pagination span {
}

.acceptance .swiper-pagination-current {
    color: #121212;
}

.acceptance .barSpace {
    color: #999;
    margin: 0 3px;
}

.acceptance .swiper-pagination-total {
    color: #999;
}

/* banner2 */
.banner2 {
    margin-top: 30px;
}

.banner2 a {
    display: block;
}

.banner2 img {
    width: 100%;
}

/* event_banner */
.event_banner {
    position: relative;
    padding: 0 15px 40px;
    margin-top: 30px;
}

.event_banner .tit_box {
    align-items: center;
}

.event_banner .tab {
    display: flex;
    gap: 4px;
    margin-left: 5px;
}

.event_banner .tab button {
    background: none;
    font-family: "Noto Sans KR";
    font-weight: 700;
    font-size: 13px;
    color: #666;
    height: 25px;
    line-height: 24px;
    background: #F4F4F4;
    padding: 0 9px;
    border-radius: 14px;
}

.event_banner .tab button.on {
    color: #fff;
    background: #121212;
}

.event_banner .tab_contents .swiper-wrapper {
    transition-timing-function: linear;
}

.event_banner .tab_contents .swiper-wrapper li a {
    display: block;
}

.event_banner .tab_contents .swiper-wrapper li a p {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
    font-family: "Pretendard";
    font-size: 14px;
    color: #8D9093;
    letter-spacing: -.5px;
}

.event_banner .tab_contents .swiper-wrapper li a p span {
    font-family: "Roboto";
    font-weight: 500;
}

.event_banner .tab_contents .swiper-wrapper li a div {
    overflow: hidden;
    border-radius: 6px;
}

.event_banner .tab_contents .swiper-wrapper li a div img {
    width: 100%;
    height: auto;
}

.event_banner .swiper-pagination {
    position: static;
}

.event_banner .swiper-pagination span {
    width: 8px;
    height: 8px;
    margin: 0 2px;
    background-color: #E6E6E7;
    opacity: 1;
}

.event_banner .swiper-pagination span.swiper-pagination-bullet-active {
    background-color: #555;
}

/* teacher_area */
.teacher_area {
    background: linear-gradient(109deg, #fddde3, #fffaeb);
    position: relative;
    padding: 30px 15px;
}

.teachers_banner {
}

.teacher_area .teachers_banner {
    right: 15px;
    margin-top: 10px;
}

.teachers_banner a {
    display: block;
    border-radius: 6px;
    overflow: hidden;
}

.teachers_banner img {
    width: 100%;
}

.grade_tab {
    display: flex;
    justify-content: center;
    gap: 7px;
}

.grade_tab button {
    font-size: 15px;
    font-family: 'GmarketSansBold';
    line-height: 1;
    height: 34px;
    flex: 1;
    border-radius: 20px;
    color: #7A7D82;
    background: #e9ecf0;
    padding-top: 3px;
}

.grade_tab button.active {
    color: #fff;
    background: #ff3232;
}

.grade_tab button.ele.active {
    background: #009ca2;
}

.grade_cont {
    display: none;
}

.grade_cont.active {
    display: block;
    animation: gradeFade .2s ease;
}

@keyframes gradeFade {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.teachers_tab_wrap {
    position: relative;
    margin-top: 10px;
}

.teachers_tab_wrap .tab_wrap {
}

.teachers_tab_wrap .tab_wrap .tab1 {
}

.teachers_tab_wrap .tab_wrap .tab1 .tab {
    width: 100%;
    display: flex;
    overflow: hidden;
    border-radius: 6px 6px 0 0;
    position: relative;
    background: #f4f4f4;
}

.teachers_tab_wrap .tab_wrap .tab1 .tab li {
    width: 100%;
}

.teachers_tab_wrap .tab_wrap .tab1 .tab li button {
    position: relative;
    width: 100%;
    height: 32px;
    color: #666;
    font-size: 13px;
    border: none;
    cursor: pointer;
}

.teachers_tab_wrap .tab_wrap .tab1 .tab li button.on {
    color: #fff;
}

.teachers_tab_wrap .tab_wrap .tab1 .tab li + li button::before {
    content: '';
    display: block;
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translate(0, -50%);
    width: 1px;
    background: #d9dbdd;
    height: 16px;
}

.teachers_tab_wrap .tab_wrap .tab1 .tab li button span {
    position: relative;
    z-index: 1;
}

.teachers_tab_wrap .tab_wrap .tab1 .tab_underline {
    position: absolute;
    bottom: 0;
    height: 3px;
    background: #121212;
    width: 0;
    left: 0;
    transition: all 0.3s ease;
    height: 100%;
    outline: 1px solid #121212;
}

.teachers_tab_wrap .tab_wrap .tab_con > div {
    display: none;
}

.teachers_tab_wrap .tab_wrap .tab_con .top {
    background: linear-gradient(122deg, #FF7979 1.8%, #EF2828 83.34%);
    position: relative;
    overflow: hidden;
}

.teachers_tab_wrap .tab_wrap .tab_con .top a {
    background: url(../../images/main/teacher_back.png) no-repeat 98% 0/auto 100%;
    display: block;
}

.teachers_tab_wrap .tab_wrap .tab_con .top a .thumb {
    position: absolute;
    left: auto;
    right: -10px;
    top: 5px;
    transform: none;
    width: 143px;
    z-index: 2;
}

.teachers_tab_wrap .tab_wrap .tab_con .top a .inner {
    position: relative;
    z-index: 2;
    height: 100%;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    color: #fff;
    padding: 15px;
    min-height: 140px;
}

.teachers_tab_wrap .tab_wrap .tab_con .top a .inner .txt1 {
    font-size: 11px;
    line-height: 1.3;
}

.teachers_tab_wrap .tab_wrap .tab_con .top a .inner .txt2 {
    font-size: 20px;
    font-family: 'GmarketSansBold';
    margin: 7px 0 0;
    font-weight: 800;
    line-height: 1.2;
}

.teachers_tab_wrap .tab_wrap .tab_con .top a .inner .home {
    padding: 0 0 0 15px;
    font-size: 11px;
    font-weight: 400;
    color: #fff;
    background: url(../../images/main/teacher_home_ico.png) no-repeat 0 2px/11px auto;
    margin-top: auto;
}

.teachers_tab_wrap .tab_wrap .tab_con .top a .inner .home span {
}

.teachers_tab_wrap .tab_wrap .tab_con .btm {
    display: flex;
    border-radius: 0 0 6px 6px;
    overflow: hidden;
}

.teachers_tab_wrap .tab_wrap .tab_con .btm .col {
    width: 100%;
    position: relative;
    display: flex;
    overflow: hidden;
    padding: 0;
    background: url(../../images/main/teacher_btm_back.png) no-repeat 50% 100%/100% auto;
    border-left: 1px solid #fff;
    height: 144px;
    justify-content: center;
    text-align: center;
}

.teachers_tab_wrap .tab_wrap .tab_con .btm .col a {
    width: 100%;
    padding: 14px 5px;
}

.teachers_tab_wrap .tab_wrap .tab_con .btm .col a .thumb {
    position: absolute;
    left: 0;
    right: -8px;
    bottom: -28px;
    width: 87px;
    margin: 0 auto;
    z-index: 2;
}

.teachers_tab_wrap .tab_wrap .tab_con .btm .col a .inner {
}

.teachers_tab_wrap .tab_wrap .tab_con .btm .col a .inner .txt1 {
    font-size: 9px;
    line-height: 1.3;
}

.teachers_tab_wrap .tab_wrap .tab_con .btm .col a .inner .txt2 {
    font-size: 12px;
    font-weight: 800;
    line-height: 1.3;
    margin-top: 1px;
}

.teachers_tab_wrap .tab_wrap .tab_con .btm .col a .inner .txt2 .red {
    color: #ED3535 !important;
}

.teachers_tab_wrap .tab_wrap .tab_con .btm .col a .inner .home {
    font-size: 8px;
    color: #666;
    margin-top: 3px;
}

.teachers_tab_wrap .tab_wrap .tab_con .btm .col a .inner .home span {
}

.teachers_tab_wrap .tab_wrap .tab_con .btm .col.more_view a {
    background: url(../../images/main/more_view_back.png) no-repeat 0 bottom/contain;
}

.teachers_tab_wrap .tab_wrap .tab_con .btm .col.more_view .btn {
    margin: 5px 0 0;
    background: #121210 url(../../images/main/more_view_ico.png) no-repeat calc(100% - 7px) center/3px auto;
    border-radius: 40px;
    padding: 3px 15px 2px 8px;
    color: #fff;
    font-size: 9px;
    font-weight: 800;
    display: inline-block;
}

.grade_cont.ele .teachers_tab_wrap .tab_wrap .tab_con .top {
    background: linear-gradient(122deg, #21dbe2 1.8%, #019ca2 83.34%);
}

/* choice */
.choice {
    background: #2a1612 url(../../images/main/choice_back.png) no-repeat right top/cover;
    text-align: center;
    padding: 50px 0 40px;
}

.choice .tit {
}

.choice .plaque {
    margin: 20px 0 0;
    padding: 0 6px;
}

.choice .txt {
    margin: 11px 0 0;
    color: #7E513F;
    font-family: 'Pretendard';
    font-size: 8px;
    font-weight: 400;
    line-height: 1.3;
}

/* secret_method */
.secret_method {
    position: relative;
    background: linear-gradient(90deg, #110E32 31.67%, #32235C 100%);
    text-align: center;
    padding: 50px 0;
}

.secret_method > .con {
    position: relative;
    z-index: 1;
}

.secret_method:after {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width: 137px;
    height: 277px;
    background: url(../../images/main/secret_method_back.png) no-repeat left top/contain;
    mix-blend-mode: luminosity;
}

.secret_method .btn_wrap {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    margin: 10px 0 0;
}

.secret_method .btn_wrap .txt {
    color: #655C88;
    font-family: Pretendard;
    font-size: 10px;
}

/* secret_method */
.secret_method .teachers_1 {
    margin: 17px 0 0;
}

.secret_method .teachers_1 .swiper-container {
}

.secret_method .teachers_1 .swiper-container .swiper-button-prev {
    background: url(../../images/main/secret_method_arrow.png) no-repeat 0 0/contain;
    margin: 0;
    left: 5px;
    top: 64px;
}

.secret_method .teachers_1 .swiper-container .swiper-button-next {
    background: url(../../images/main/secret_method_arrow.png) no-repeat 0 0/contain;
    margin: 0;
    right: 5px;
    transform: scaleX(-1);
    top: 64px;
}

.secret_method .teachers_1 .swiper-container .swiper-button-prev:after {
    display: none;
}

.secret_method .teachers_1 .swiper-container .swiper-button-next:after {
    display: none;
}

.secret_method .teachers_2 {
    margin: -28px 0 0;
    padding: 0 8px;
}

.secret_method .btm_wrap {
    margin: 50px 0 0;
}

.secret_method .btm_wrap .line_up {
}

.secret_method .btm_wrap .line_up .lineup_banner {
    text-align: center;
}

.secret_method .btm_wrap .line_up .lineup_banner .subtitle {
    color: #fff;
    font-size: 17px;
    font-weight: 300;
    font-family: Pretendard;
    line-height: 1;
}

.secret_method .btm_wrap .line_up .lineup_banner .main {
    color: #fff;
    font-size: 32px;
    font-family: 'GmarketSansBold';
    line-height: 1;
    margin: 12px 0 0;
}

.secret_method .btm_wrap .line_up .lineup_banner .highlight {
    font-size: 50px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: -5px;
}

.secret_method .btm_wrap .line_up .lineup_banner .highlight .one-top {
    color: #d92148;
    margin-right: 6px;
}

.secret_method .btm_wrap .line_up .lineup_banner .highlight .line-up {
    color: #e96200;
}

.secret_method .btm_wrap .mov {
    position: relative;
    width: 75%;
    border-radius: 10px;
    overflow: hidden;
    margin: 8px auto 0;
    font-size: 0;
}

.secret_method .btm_wrap .mov video {
    width: 100%;
}

.secret_method .btm_wrap .mov:before {
    content: "";
    display: block;
    position: absolute;
    right: 12px;
    bottom: 12px;
    width: 45px;
    height: 18px;
    background: url(../../images/main/gif_logo.png) no-repeat 0 0/contain;
    z-index: 10;
}

/*********************************** mid detail ***********************************/
/* detail common */
.sel_mid_ele {
    position: relative;
    /* padding-top:40px; */
}

.slide_tab {
    position: absolute;
    top: 55px;
    left: 0;
    width: 100%;
    z-index: 99;
    background: #fff;
    white-space: nowrap;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    opacity: 0;
    transition: opacity .5s;
    pointer-events: none;
}

.slide_tab::-webkit-scrollbar {
    display: none;
}

.slide_tab.fixed {
    position: fixed;
    top: 55px;
    opacity: 1;
    pointer-events: auto;
}

.slide_tab a {
    position: relative;
    display: inline-block;
    font-size: 13px;
    color: #7A7A79;
    padding: 0 11px;
    height: 40px;
    line-height: 40px;
}

.slide_tab.mid a.active {
    color: #ED3535;
    font-weight: 600;
}

.slide_tab.ele a.active {
    color: #ED3535;
    font-weight: 600;
}

.slide_tab.mid a.active::after {
    content: '';
    display: block;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #ED3535;
}

.slide_tab.ele a.active::after {
    content: '';
    display: block;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #ED3535;
}

.slide_tab a .new {
    font-size: 9px;
    background: #ED3535;
    padding: 0 5px;
    height: 14px;
    color: #fff;
    font-weight: 400;
    border-radius: 11px;
    letter-spacing: 0;
    display: inline-block;
    margin: -3px 0 0 3px;
    vertical-align: middle;
    line-height: 1.5;
}

.detail_top {
    position: relative;
    color: #121212;
    text-align: center;
    font-size: 0;
}

.detail_top .tit_sub {
    font-size: 20px;
    font-family: 'GmarketSansBold';
    letter-spacing: -2px;
    line-height: 1.3;
    margin: 0 0 3px;
}

.detail_top .tit {
    font-size: 30px;
    font-family: 'GmarketSansBold';
    line-height: 1.2;
    letter-spacing: -2px;
}

.detail_top .tit span.asterisk {
    font-size: 0.6em;
    vertical-align: super;
    font-family: none;
    margin-top: -2vw;
    display: inline-block;
    font-weight: 300;
}

.detail_top .dec {
    font-size: 16px;
    margin: 7px 0 0;
    line-height: 1.42;
    letter-spacing: -1.5px;
}

.detail_top .correc {
    font-size: 10px;
    font-family: Pretendard;
    color: #BABABA;
    margin: 1vw 0 0;
    letter-spacing: -.5px;
}

.detail_top .correc2 {
    font-size: 12px;
    font-family: Pretendard;
    color: #BABABA;
    margin: 2vw 0 0;
    letter-spacing: -.5px;
}

.detail_top .asterisk {
    font-size: 0.6em;
    vertical-align: super;
    font-family: none;
}

.detail_top .color1 {
    color: #ED3535;
}

.detail_top .color2 {
    color: #FF4F1A;
}

.detail_top .color3 {
    color: #E67B00;
}

.detail_top .color4 {
    color: #009CA2
}

.detail_top .color5 {
    color: #0077D8
}

.detail_top .color6 {
    color: #2341D5
}

.detail_top .color7 {
    color: #EB3700
}

.detail_top .color8 {
    color: #532BCC
}

.detail_top .color9 {
    color: #D900C3
}

.detail_top .btn_line_up {
    font-weight: 600;
    padding: 5px 11px 5px 14px;
    border: 1px solid rgb(18 18 18 / 50%);
    color: #121212;
    font-size: 13px;
    margin-top: 10px;
}

.btn_line_up.white::after {
    background-image: url(../../images/main/mid/arrow.png)
}

.btn_line_up.black {
    background: #121212;
    color: #fff;
}

/* section_01 */
.sel_mid_ele .section_01.mid {
    background: #FFF1F4;
    padding: 50px 15px 30px;
}

.sel_mid_ele .section_01.mid .section_01_1 {
    position: relative;
    margin-top: 25px;
}

.sel_mid_ele .section_01.mid .section_01_2 {
    position: relative;
    margin-top: 38px;
}

.sel_mid_ele .section_01.mid .section_01_2 .inner {
    position: absolute;
    left: 0.3vw;
    top: 12vw;
    right: 0.3vw;
    overflow: hidden;
}

.sel_mid_ele .section_01.mid .section_01_2 .inner .slide_wrap {
    display: inline-block;
    animation: scroll_loop_left 15s linear infinite;
    height: 26vw;
    width: 451vw;
    position: relative;
}

.sel_mid_ele .section_01.mid .section_01_2 .inner .slide_wrap img {
    height: 100%;
    width: auto;
    max-width: none;
}

.sel_mid_ele .section_01.mid .section_01_2 .inner .slide_wrap img + img {
    margin-left: 2vw;
}

/* section_02 */
.sel_mid_ele .section_02.mid {
    background: #fff url(../../images/main/mid/section_02_bg.png) no-repeat center top;
    padding: 50px 0 25px;
}

.sel_mid_ele .section_02.mid .section_02_1 {
    position: relative;
    margin-top: 22px;
}

.sel_mid_ele .section_02.mid .section_02_1 .inner {
}

.sel_mid_ele .section_02.mid .section_02_1 .rolling1 {
    position: absolute;
    left: 4vw;
    top: 1vw;
    right: 4vw;
    overflow: hidden;
    border-radius: 7vw 7vw 0 0;
    padding-top: 2vw;
}

.sel_mid_ele .section_02.mid .section_02_1 .rolling1 .slide_wrap {
    display: inline-block;
    animation: scroll_loop_left2 15s linear infinite;
    height: 6vw;
    width: 370vw;
    position: relative;
}

.sel_mid_ele .section_02.mid .section_02_1 .rolling1 .slide_wrap img {
    height: 100%;
    width: auto;
    max-width: none;
}

.sel_mid_ele .section_02.mid .section_02_1 .rolling1 .slide_wrap img + img {
    margin-left: 2vw;
}

.sel_mid_ele .section_02.mid .section_02_1 .rolling2 {
    position: absolute;
    left: 4vw;
    top: 68.5vw;
    right: 4vw;
    overflow: hidden;
}

.sel_mid_ele .section_02.mid .section_02_1 .rolling2 .slide_wrap {
    display: inline-block;
    animation: scroll_loop_left3 15s linear infinite;
    height: 27vw;
    width: 656vw;
    position: relative;
}

.sel_mid_ele .section_02.mid .section_02_1 .rolling2 .slide_wrap img {
    height: 100%;
    width: auto;
    max-width: none;
}

.sel_mid_ele .section_02.mid .section_02_1 .rolling2 .slide_wrap img + img {
    margin-left: -0.5vw;
}

.sel_mid_ele .section_02.mid .section_02_2 {
    margin-top: -12px;
}

/* section_03 */
.sel_mid_ele .section_03.mid {
    background: #FFF5DD;
    padding: 50px 15px;
}

.sel_mid_ele .section_03.mid .section_03_tit {
    color: #fff;
    background: url(../../images/main/mid/section_03_tit.png) no-repeat 0 0/contain;
    display: block;
    height: 13vw;
    text-align: center;
    padding-top: 1.8vw;
    font-size: 17px;
    font-weight: 600;
}

.sel_mid_ele .section_03.mid .section_03_tit_sub {
    color: #fff;
    display: block;
    height: 49px;
    line-height: 49px;
    background: linear-gradient(45deg, #F95300, #F98500);
    border-radius: 10px 10px 0 0;
    text-align: center;
    font-size: 17px;
    font-weight: 600;
}

.sel_mid_ele .section_03.mid .section_03_1 {
    display: flex;
    gap: 15px;
    flex-direction: column;
    margin-top: 25px;
}

.sel_mid_ele .section_03.mid .section_03_1 .box {
    position: relative;
}

.sel_mid_ele .section_03.mid .section_03_1 .box .btn_detail {
    position: absolute;
    left: 50%;
    top: 19%;
    transform: translateX(-50%);
    text-indent: -9999em;
    width: 22%;
    height: 4%;
}

.sel_mid_ele .section_03.mid .section_03_1 .box .tab_wrap {
    display: flex;
    position: absolute;
    left: 50%;
    top: 24%;
    transform: translateX(-50%);
    width: 510px;
    height: 254px;
}

.sel_mid_ele .section_03.mid .section_03_1 .box .tab_wrap .tab {
    display: flex;
    width: 130px;
    height: 100%;
    flex-direction: column;
}

.sel_mid_ele .section_03.mid .section_03_1 .box .tab_wrap .tab button {
    text-indent: -9999em;
    width: 100%;
    flex: 1;
    background: none;
}

.sel_mid_ele .section_03.mid .section_03_1 .box .tab_wrap .cont {
    text-indent: -9999em;
}

.sel_mid_ele .section_03.mid .section_03_1 .box.section_03_1_1 .tab_wrap {
    background: url(../../images/main/mid/section_03_1_1_tab.png) no-repeat;
}

.sel_mid_ele .section_03.mid .section_03_1 .box.section_03_1_2 .tab_wrap {
    background: url(../../images/main/mid/section_03_1_2_tab.png) no-repeat;
}

.sel_mid_ele .section_03.mid .section_03_1 .box .tab_wrap.s1 {
    background-position: 0 0;
}

.sel_mid_ele .section_03.mid .section_03_1 .box .tab_wrap.s2 {
    background-position: 0 -299px;
}

.sel_mid_ele .section_03.mid .section_03_1 .box .tab_wrap.s3 {
    background-position: 0 -598px;
}

.sel_mid_ele .section_03.mid .section_03_1 .tab_wrap2 {
    position: absolute;
    left: 7%;
    top: 25%;
    right: 7%;
}

.sel_mid_ele .section_03.mid .section_03_1_1 .tab_wrap2 .tab button {
    background: url(../../images/main/mid/section_03_1_1_tab.png) no-repeat;
    background-size: 200% 300%;
}

.sel_mid_ele .section_03.mid .section_03_1_2 .tab_wrap2 .tab button {
    background: url(../../images/main/mid/section_03_1_2_tab.png) no-repeat;
    background-size: 200% 300%;
}

.sel_mid_ele .section_03.mid .tab_wrap2 {
    display: flex;
}

.sel_mid_ele .section_03.mid .tab_wrap2 .tab {
    display: flex;
    flex-direction: column;
}

.sel_mid_ele .section_03.mid .tab_wrap2 .tab button {
    width: 21vw;
    height: 100%;
    text-indent: -9999em;
}

.sel_mid_ele .section_03.mid .tab_wrap2 .tab button:nth-of-type(1) {
    background-position: 0 0;
}

.sel_mid_ele .section_03.mid .tab_wrap2 .tab button:nth-of-type(2) {
    background-position: 0 50%;
}

.sel_mid_ele .section_03.mid .tab_wrap2 .tab button:nth-of-type(3) {
    background-position: 0% 100%;
}

.sel_mid_ele .section_03.mid .tab_wrap2 .tab button:nth-of-type(1).active {
    background-position: 100% 0;
}

.sel_mid_ele .section_03.mid .tab_wrap2 .tab button:nth-of-type(2).active {
    background-position: 100% 50%;
}

.sel_mid_ele .section_03.mid .tab_wrap2 .tab button:nth-of-type(3).active {
    background-position: 100% 100%;
}

.sel_mid_ele .section_03.mid .tab_wrap2 .slider2_1, .sel_mid_ele .section_03.mid .tab_wrap2 .slider2_2 {
    border: 1.5px solid #000;
    background: #ECF0F3;
    height: 40.3vw;
    border-radius: 0 1.5vw 1.5vw 0;
    overflow: hidden;
}

.sel_mid_ele .section_03.mid .section_03_1 .slider_wrap {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 3%;
}

.sel_mid_ele .section_03.mid .section_03_1 .slider_wrap .slider {
    width: 100%;
}

.sel_mid_ele .section_03.mid .section_03_1 .slider_wrap .slider .swiper-button-prev, .sel_mid_ele .section_03.mid .section_03_1 .slider_wrap .slider .swiper-button-next {
    width: 7.2vw;
    height: 7.3vw;
    background: url(../../images/main/mid/ico_arrow2_left.png) no-repeat 0 0/contain;
}

.sel_mid_ele .section_03.mid .section_03_1 .slider_wrap .slider .swiper-button-prev {
    left: 5.5vw;
}

.sel_mid_ele .section_03.mid .section_03_1 .slider_wrap .slider .swiper-button-next {
    right: 5.5vw;
    transform: scaleX(-1);
}

.sel_mid_ele .section_03.mid .section_03_1 .slider_wrap .slider .swiper-button-prev:after, .sel_mid_ele .section_03.mid .section_03_1 .slider_wrap .slider .swiper-button-next:after {
    display: none;
}

.sel_mid_ele .section_03.mid .section_03_1 .slider {
}

.sel_mid_ele .section_03.mid .section_03_1 .slider button {
    position: absolute;
    top: 42%;
    width: 60px;
    height: 60px;
    text-indent: -9999em;
    background: none;
}

.sel_mid_ele .section_03.mid .section_03_1 .slider button.btn_left {
    left: 0;
}

.sel_mid_ele .section_03.mid .section_03_1 .slider button.btn_right {
    right: 0;
}

.sel_mid_ele .section_03.mid .section_03_1 .slider.type1 {
    background: url(../../images/main/mid/section_03_1_1_slider.png) no-repeat;
}

.sel_mid_ele .section_03.mid .section_03_1 .slider.type2 {
    background: url(../../images/main/mid/section_03_1_2_slider.png) no-repeat;
}

.sel_mid_ele .section_03.mid .section_03_1 .slider.s1 {
    background-position: 0 0;
}

.sel_mid_ele .section_03.mid .section_03_1 .slider.s2 {
    background-position: -512px 0;
}

.sel_mid_ele .section_03.mid .section_03_1 .slider_wrap .slider.btm {
    margin-top: 3.5vw;
}

.sel_mid_ele .section_03.mid .section_03_1 .slider_wrap .slider.btm .swiper-slide {
    padding: 0 5.5vw;
}

.sel_mid_ele .section_03.mid .section_03_2 {
    display: flex;
    gap: 15px;
    flex-direction: column;
    margin-top: 25px;
}

.sel_mid_ele .section_03.mid .section_03_2 .box {
    position: relative;
}

.sel_mid_ele .section_03.mid .section_03_2 .slide_wrap {
    position: absolute;
    left: 0;
    top: 35.7vw;
    right: 0;
}

.sel_mid_ele .section_03.mid .section_03_2 .slide_wrap .slider {
}

.sel_mid_ele .section_03.mid .section_03_2 .slide_wrap .slider .swiper-slide {
    padding: 0 11vw;
}

.sel_mid_ele .section_03.mid .section_03_2_2 video {
    position: absolute;
    bottom: 26vw;
    left: 50%;
    transform: translate(-50%, 0);
    width: 71%;
}

.sel_mid_ele .section_03.mid .section_03_3 {
    position: relative;
    margin-top: 25px;
}

.sel_mid_ele .section_03.mid .section_03_3 .col .box .top {
    position: relative;
    overflow-y: auto;
    margin-top: 2px;
}

.sel_mid_ele .section_03.mid .section_03_3 .col .box .top .thumb {
    display: none;
    width: 187%;
}

.sel_mid_ele .section_03.mid .section_03_3 .col .box .top .thumb.active {
    display: block;
}

.sel_mid_ele .section_03.mid .section_03_3 .col .box .btm {
    margin: 10px 0 0;
    position: relative;
}

.sel_mid_ele .section_03.mid .section_03_3 .col .box .btm .thumb {
    display: none;
}

.sel_mid_ele .section_03.mid .section_03_3 .col .box .btm .thumb.active {
    display: block;
}

.sel_mid_ele .section_03.mid .section_03_3 .col .box .top .btn {
    position: absolute;
    left: 39%;
    top: 19%;
    width: 53%;
    height: 11%;
    background: none;
    text-indent: -9999em;
}

.sel_mid_ele .section_03.mid .section_03_3 .col .box .top .btn.link_1_1_1 {
}

.sel_mid_ele .section_03.mid .section_03_3 .col .box .top .btn.link_1_1_2 {
    left: 124%;
}

.sel_mid_ele .section_03.mid .section_03_3 .col .box .top .btn.link_1_2_1 {
    left: 46%;
    top: 34%;
    width: 24%;
    height: 14%;
}

.sel_mid_ele .section_03.mid .section_03_3 .col .box .top .btn.link_1_2_2 {
    left: 513px;
    top: 138px;
    width: 175px;
    height: 80px;
    left: 75%;
    top: 34%;
    width: 24%;
    height: 14%;
}

.sel_mid_ele .section_03.mid .section_03_3 .col .box .top .btn.link_1_2_3 {
    left: 813px;
    top: 138px;
    width: 175px;
    height: 80px;
    left: 132%;
    top: 34%;
    width: 24%;
    height: 14%;
}

.sel_mid_ele .section_03.mid .section_03_3 .col .box .top .btn.link_1_2_4 {
    left: 1015px;
    top: 138px;
    width: 175px;
    height: 80px;
    left: 161%;
    top: 34%;
    width: 24%;
    height: 14%;
}

.sel_mid_ele .section_03.mid .section_03_3 .col .box .top .btn.link_1_3_1 {
    left: 18px;
    top: 237px;
    width: 175px;
    height: 63px;
    left: 1%;
    top: 51%;
    width: 27%;
    height: 11%;
}

.sel_mid_ele .section_03.mid .section_03_3 .col .box .top .btn.link_1_3_2 {
    left: 612px;
    top: 237px;
    width: 175px;
    height: 63px;
    left: 87%;
    top: 51%;
    width: 26%;
    height: 11%;
}

.sel_mid_ele .section_03.mid .section_03_3 .col .box .top .btn.link_1_4_1 {
    left: 105px;
    top: 325px;
    width: 190px;
    height: 80px;
    left: 14%;
    top: 66%;
    width: 29%;
    height: 13%;
}

.sel_mid_ele .section_03.mid .section_03_3 .col .box .top .btn.link_1_5_1 {
    left: 907px;
    top: 325px;
    width: 180px;
    height: 80px;
    left: 145%;
    top: 64%;
    width: 26%;
    height: 14%;
}

.sel_mid_ele .section_03.mid .section_03_3 .col .box .top .btn.link_1_5_2 {
    left: 1005px;
    top: 415px;
    width: 180px;
    height: 80px;
    left: 157%;
    top: 82%;
    width: 28%;
    height: 11%;
}

.sel_mid_ele .section_03.mid .section_03_3 .col .box .btm .inner {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    gap: 3.1vw;
    flex-direction: column;
}

.sel_mid_ele .section_03.mid .section_03_3 .col .box .btm .inner .box {
    position: relative;
    height: 80.2vw;
    border-radius: 20px;
    overflow: hidden;
}

.sel_mid_ele .section_03.mid .section_03_3 .col .box .btm .inner .box img, .sel_mid_ele .section_03.mid .section_03_3 .col .box .btm .inner .box video {
    position: absolute;
    left: 50%;
    top: 51.8%;
    transform: translate(-50%, -50%);
    width: 73.2%;
    border-radius: 11px;
}

.sel_mid_ele .section_03.mid .section_03_3_1 {
    margin-top: 15px;
}

.sel_mid_ele .section_03.mid .section_03_3_2 {
    margin-top: 15px;
}

.sel_mid_ele .section_03.mid .section_03_3_2 .section_03_tit_sub {
    margin-bottom: 10px;
}

/* section_04 */
.red_tab {
    display: flex;
    gap: 1px;
    margin: 0 0 11px;
}

.red_tab li {
    width: 100%;
    font-size: 12.5px;
    letter-spacing: -1.5px;
    word-break: keep-all;
    color: #8B8E93;
    height: 53px;
    line-height: 15px;
    background: #ECEEF0;
    text-align: center;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
}

.red_tab li.on {
    background: #ED3535;
    color: #fff;
    font-weight: 600;
}

.sel_mid_ele .section_04.mid {
    padding: 50px 15px;
}

.sel_mid_ele .section_04.mid .section_04_slide {
    margin-top: 25px;
}

.sel_mid_ele .section_04.mid .section_04_slide > .swiper-pagination {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: auto;
    height: 53px;
    display: flex;
}

.sel_mid_ele .section_04.mid .section_04_slide > .swiper-pagination span {
    margin: 0 !important;
    width: 100%;
    height: 100%;
    border-radius: 0;
    opacity: 0;
}

.sel_mid_ele .section_04.mid .section_04_n_slide {
    border-radius: 3vw;
    border: 1px solid #ED3535;
}

.sel_mid_ele .section_04.mid .section_04_n_slide > .swiper-wrapper > .swiper-slide {
    padding: 7vw 15.5vw 11vw;
}

.sel_mid_ele .section_04.mid .section_04_n_slide .swiper-button-prev, .sel_mid_ele .section_04.mid .section_04_n_slide .swiper-button-next {
    width: 7.2vw;
    height: 7.3vw;
    background: url(../../images/main/mid/ico_arrow2_left.png) no-repeat 0 0/contain;
    top: 55%;
}

.sel_mid_ele .section_04.mid .section_04_n_slide .swiper-button-prev {
    left: 2.5vw;
}

.sel_mid_ele .section_04.mid .section_04_n_slide .swiper-button-next {
    right: 2.5vw;
    transform: scaleX(-1);
}

.sel_mid_ele .section_04.mid .section_04_n_slide .swiper-button-prev:after, .sel_mid_ele .section_04.mid .section_04_n_slide .swiper-button-next:after {
    display: none;
}

.sel_mid_ele .section_04.mid .section_04_n_slide .swiper-pagination-bullet {
    margin: 0 3px;
    opacity: 1;
    background: #e6e6e7;
}

.sel_mid_ele .section_04.mid .section_04_n_slide .swiper-pagination-bullet-active {
    background: #555;
}

.sel_mid_ele .section_04.mid .section_04_3_slide {
}

.sel_mid_ele .section_04.mid .section_04_3_slide .swiper-slide {
    padding: 0 !important;
}

.sel_mid_ele .section_04.mid .section_04_2_3_slide {
    position: absolute;
    top: 28.3%;
    left: 50%;
    transform: translate(-50%, 0);
    width: 62.5%;
    border-radius: 5px;
}

/* section_05 */
.sel_mid_ele .section_05.mid {
    padding: 50px 15px 27px;
    background: linear-gradient(to bottom, #FFF1F4, #FFF6ED);
    overflow: hidden;
}

.sel_mid_ele .section_05.mid .section_05_slide {
    margin-top: 25px;
    overflow: visible;
}

.sel_mid_ele .section_05.mid .section_05_slide > .swiper-pagination {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: auto;
    height: 53px;
    display: flex;
}

.sel_mid_ele .section_05.mid .section_05_slide > .swiper-pagination span {
    margin: 0 !important;
    width: 100%;
    height: 100%;
    border-radius: 0;
    opacity: 0;
}

.sel_mid_ele .section_05.mid .section_05_n_slide {
    margin: -1vw -4vw 0;
}

.sel_mid_ele .section_05.mid .section_05_n_slide > .swiper-wrapper > .swiper-slide {
}

.sel_mid_ele .section_05.mid .section_05_n_slide .swiper-button-prev, .sel_mid_ele .section_05.mid .section_05_n_slide .swiper-button-next {
    width: 7.2vw;
    height: 7.3vw;
    background: url(../../images/main/mid/ico_arrow2_left.png) no-repeat 0 0/contain;
    top: 48%;
}

.sel_mid_ele .section_05.mid .section_05_n_slide .swiper-button-prev {
    left: 6.5vw;
}

.sel_mid_ele .section_05.mid .section_05_n_slide .swiper-button-next {
    right: 6.5vw;
    transform: scaleX(-1);
}

.sel_mid_ele .section_05.mid .section_05_n_slide .swiper-button-prev:after, .sel_mid_ele .section_05.mid .section_05_n_slide .swiper-button-next:after {
    display: none;
}

.sel_mid_ele .section_05.mid .section_05_n_slide .swiper-pagination-bullet {
    margin: 0 3px;
    opacity: 1;
    background: #e6e6e7;
}

.sel_mid_ele .section_05.mid .section_05_n_slide .swiper-pagination-bullet-active {
    background: #555;
}

.sel_mid_ele .section_05.mid .section_05_n_slide .swiper-pagination {
    bottom: 10vw;
}

/* section_06 */
.sel_mid_ele .section_06.mid {
    padding: 50px 15px;
}

.sel_mid_ele .section_06.mid .section_06_slide {
    margin: 0 4vw;
    overflow: visible;
}

.sel_mid_ele .section_06.mid .section_06_tit {
    background: linear-gradient(45deg, #EB3700, #F98500);
    height: 35px;
    line-height: 34px;
    text-align: center;
    border-radius: 18px;
    margin: 25px 4vw 10px;
    color: #fff;
    font-weight: 600;
}

.sel_mid_ele .section_06.mid .section_06_slide .swiper-button-prev, .sel_mid_ele .section_06.mid .section_06_slide .swiper-button-next {
    width: 3vw;
    height: 5vw;
    background: url(../../images/main/mid/arrow2.png) no-repeat 0 0/contain;
    top: 59%;
}

.sel_mid_ele .section_06.mid .section_06_slide .swiper-button-prev {
    left: -5vw;
}

.sel_mid_ele .section_06.mid .section_06_slide .swiper-button-next {
    right: -5vw;
    transform: scaleX(-1);
}

.sel_mid_ele .section_06.mid .section_06_slide .swiper-button-prev:after, .sel_mid_ele .section_06.mid .section_06_slide .swiper-button-next:after {
    display: none;
}

/* section_07 */
.sel_mid_ele .section_07.mid {
    padding: 50px 15px 25px;
    background: #fff1f4;
    overflow: hidden;
}

.sel_mid_ele .section_07.mid .red_tab {
    margin: 0 4vw 11px;
}

.sel_mid_ele .section_07.mid .section_07_slide {
    margin-top: 25px;
    margin: 25px -4vw 0;
}

.sel_mid_ele .section_07.mid .section_07_slide > .swiper-pagination {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: auto;
    height: 53px;
    display: flex;
}

.sel_mid_ele .section_07.mid .section_07_slide > .swiper-pagination span {
    margin: 0 !important;
    width: 100%;
    height: 100%;
    border-radius: 0;
    opacity: 0;
}

/* section_08 */
.sel_mid_ele .section_08.mid {
    padding: 50px 0;
}

.sel_mid_ele .section_08.mid .detail_top {
}

.sel_mid_ele .section_08.mid .system {
    margin-top: 10px;
}

.sel_mid_ele .section_08.mid .system #cont1_1_slide > .swiper-pagination {
    position: static;
    margin: 6vw 0 3vw;
}

.sel_mid_ele .section_08.mid .system #cont1_1_slide > .swiper-pagination .swiper-pagination-bullet {
    width: 30vw;
    height: 27.4vw;
    border-radius: 0;
    position: relative;
    margin: 0;
    opacity: 1;
}

.sel_mid_ele .section_08.mid .system #cont1_1_slide > .swiper-pagination .swiper-pagination-bullet:nth-of-type(1) {
    background: url(../../images/main/mid/system_tab_off.png) no-repeat 0 0/auto 100%;
}

.sel_mid_ele .section_08.mid .system #cont1_1_slide > .swiper-pagination .swiper-pagination-bullet:nth-of-type(2) {
    background: url(../../images/main/mid/system_tab_off.png) no-repeat 50% 0/auto 100%;
}

.sel_mid_ele .section_08.mid .system #cont1_1_slide > .swiper-pagination .swiper-pagination-bullet:nth-of-type(3) {
    background: url(../../images/main/mid/system_tab_off.png) no-repeat 100% 0/auto 100%;
}

.sel_mid_ele .section_08.mid .system #cont1_1_slide > .swiper-pagination .swiper-pagination-bullet-active:nth-of-type(1) {
    background: url(../../images/main/mid/system_tab_on.png) no-repeat 0 0/auto 100%;
}

.sel_mid_ele .section_08.mid .system #cont1_1_slide > .swiper-pagination .swiper-pagination-bullet-active:nth-of-type(2) {
    background: url(../../images/main/mid/system_tab_on.png) no-repeat 50% 0/auto 100%;
}

.sel_mid_ele .section_08.mid .system #cont1_1_slide > .swiper-pagination .swiper-pagination-bullet-active:nth-of-type(3) {
    background: url(../../images/main/mid/system_tab_on.png) no-repeat 100% 0/auto 100%;
}

.sel_mid_ele .section_08.mid .system #cont1_1_slide > .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet {
    margin-left: 0.5vw;
}

.sel_mid_ele .section_08.mid .system #cont1_1_slide > .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet::before {
    content: '';
    width: 4vw;
    height: 100%;
    background: url(../../images/main/mid/system_slide_arr.png) no-repeat 0 57%/contain;
    display: block;
    position: absolute;
    left: -2vw;
    top: 0;
}

.sel_mid_ele .section_08.mid .system #cont1_1_slide .tabs {
    margin-bottom: 5.5vw;
    display: flex;
    padding-left: 4.5vw;
    align-items: flex-start;
}

.sel_mid_ele .section_08.mid .system #cont1_1_slide .tabs .tab1_btn {
    position: relative;
    width: 30vw;
}

.sel_mid_ele .section_08.mid .system #cont1_1_slide .tabs .tab2_btn {
    position: relative;
    width: 30vw;
}

.sel_mid_ele .section_08.mid .system #cont1_1_slide .tabs .tab3_btn {
    position: relative;
    width: 30vw;
}

.sel_mid_ele .section_08.mid .system #cont1_1_slide .tabs .tab2_arrow {
    opacity: 0;
    transition: .5s;
    position: relative;
    margin: 12vw 0 0 -3.5vw;
    width: 4vw;
    transform: translate(1.5vw, 0);
    z-index: 1;
}

.sel_mid_ele .section_08.mid .system #cont1_1_slide .tabs .tab3_arrow {
    opacity: 0;
    transition: .5s;
    position: relative;
    margin: 12vw 0 0 -3.5vw;
    width: 4vw;
    transform: translate(1.5vw, 0);
    z-index: 1;
}

.sel_mid_ele .section_08.mid .system #cont1_1_slide .tabs2 .tab2_btn {
    opacity: 0;
    left: -20px;
    transition: .5s .5s;
}

.sel_mid_ele .section_08.mid .system #cont1_1_slide .tabs3 .tab3_btn {
    opacity: 0;
    left: -20px;
    transition: .5s .5s;
}

.sel_mid_ele .section_08.mid .system #cont1_1_slide .swiper-slide-active .tabs .tab2_btn {
    opacity: 1;
    left: 0;
}

.sel_mid_ele .section_08.mid .system #cont1_1_slide .swiper-slide-active .tabs .tab3_btn {
    opacity: 1;
    left: 0;
}

.sel_mid_ele .section_08.mid .system #cont1_1_slide .swiper-slide-active .tabs .tab2_arrow {
    opacity: 1;
}

.sel_mid_ele .section_08.mid .system #cont1_1_slide .swiper-slide-active .tabs .tab3_arrow {
    opacity: 1;
}

.sel_mid_ele .section_08.mid .system #cont1_1_slide .con {
    position: relative;
    margin: 0 4.5vw;
    opacity: 0;
    transition: .5s .5s;
}

.sel_mid_ele .section_08.mid .system #cont1_1_slide .swiper-slide-active .con {
    opacity: 1;
}

.sel_mid_ele .section_08.mid .system #cont1_1_slide .con .swiper-container {
    position: absolute;
    top: 33vw;
    width: 79%;
    padding-bottom: 7vw;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.sel_mid_ele .section_08.mid .system #cont1_1_slide .con .swiper-container .swiper-pagination {
    bottom: 0;
}

.sel_mid_ele .section_08.mid .system #cont1_1_slide .con .swiper-container .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    background: #ddd;
    opacity: 1;
    margin: 0 2.5px;
}

.sel_mid_ele .section_08.mid .system #cont1_1_slide .con .swiper-container .swiper-pagination-bullet-active {
    background: #666;
}

.sel_mid_ele .section_08.mid .desc {
    font-size: 10px;
    color: #BABABA;
    text-align: center;
    margin-top: 10px;
    letter-spacing: -0.5px;
    line-height: 1.4;
}

/* section_09 */
.sel_mid_ele .section_09.mid {
    padding: 50px 0;
    background: linear-gradient(to bottom, #FFF7EF, #FFE7D5);
}

.sel_mid_ele .section_09.mid .proof {
    position: relative;
    overflow: hidden;
    margin-top: 30px;
}

.sel_mid_ele .section_09.mid .proof .con {
}

.sel_mid_ele .section_09.mid .proof .slide_top {
    margin-top: 0;
    position: relative;
}

.sel_mid_ele .section_09.mid #proofSlideTop {
    width: 75vw;
}

.sel_mid_ele .section_09.mid #proofSlideTop .swiper-slide {
    padding: 0 1px;
}

.sel_mid_ele .section_09.mid #proofSlideTop .swiper-slide img + img {
    margin-top: 0.8vw;
}

.sel_mid_ele .section_09.mid #proofSlideTopPrev, .sel_mid_ele .section_09.mid #proofSlideTopNext {
    background: url(../../images/main/mid/proof_arr.png) no-repeat 0 0 /contain;
    width: 4.5vw;
    height: 8vw;
    margin: 0;
    transform: translate(0, -50%);
}

.sel_mid_ele .section_09.mid #proofSlideTopPrev {
    left: 4vw;
}

.sel_mid_ele .section_09.mid #proofSlideTopNext {
    transform: translate(0, -50%) scaleX(-1);
    right: 4vw;
}

.sel_mid_ele .section_09.mid #proofSlideTopPrev:after, .sel_mid_ele .section_09.mid #proofSlideBtmPrev:after {
    display: none;
}

.sel_mid_ele .section_09.mid #proofSlideTopNext:after, .sel_mid_ele .section_09.mid #proofSlideBtmNext:after {
    display: none;
}

.sel_mid_ele .section_09.mid .proof .slide_btm {
    margin-top: 6vw;
}

.sel_mid_ele .section_09.mid #proofSlideBtm {
    overflow: visible;
}

.sel_mid_ele .section_09.mid #proofSlideBtm .swiper-wrapper {
    transition-timing-function: linear;
}

.sel_mid_ele .section_09.mid #proofSlideBtm .swiper-slide {
    width: 39vw;
}

.sel_mid_ele .section_09.mid #proofSlideBtm .swiper-slide img {
    width: 100%;
}

.sel_mid_ele .section_09.mid .secret {
    position: relative;
    overflow: hidden;
}

.sel_mid_ele .section_09.mid .secret .con {
}

.sel_mid_ele .section_09.mid .secret_con {
    margin-top: 60px;
}

.sel_mid_ele .section_09.mid .secret .swiper-slide {
    opacity: 0.3;
}

.sel_mid_ele .section_09.mid .secret .swiper-slide-active {
    opacity: 1;
}

.sel_mid_ele .section_09.mid .secret .slide_top {
    margin-top: 7vw;
    position: relative;
}

.sel_mid_ele .section_09.mid #secretSlideTop .thumb {
    position: absolute;
    left: 11vw;
    top: 21.5vw;
    right: 11vw;
    transform: none;
    cursor: pointer;
}

.sel_mid_ele .section_09.mid #secretSlideTop .thumb::after {
    content: '';
    position: absolute;
    bottom: 2.5vw;
    right: 2.5vw;
    background: url(../../images/main/mid/play.png) no-repeat 0 0/contain;
    width: 12vw;
    height: 12vw;
    pointer-events: none;
}

.sel_mid_ele .section_09.mid #secretSlideTop .thumb img {
    width: 100%;
}

.sel_mid_ele .section_09.mid #secretSlideTopPrev, .sel_mid_ele .section_09.mid #secretSlideTopNext, .sel_mid_ele .section_09.mid #secretSlideBtmPrev, .sel_mid_ele .section_09.mid #secretSlideBtmNext {
    background: url(../../images/main/mid/secret_arr.png) no-repeat 0 0/contain;
    width: 8vw;
    height: 8vw;
    margin: 0;
    transform: translate(0, -50%);
}

.sel_mid_ele .section_09.mid #secretSlideTopPrev, .sel_mid_ele .section_09.mid #secretSlideBtmPrev {
    left: 2vw;
}

.sel_mid_ele .section_09.mid #secretSlideTopNext, .sel_mid_ele .section_09.mid #secretSlideBtmNext {
    transform: translate(0, -50%) scaleX(-1);
    right: 2vw;
}

.sel_mid_ele .section_09.mid #secretSlideTopPrev:after, .sel_mid_ele .section_09.mid #secretSlideBtmPrev:after {
    display: none;
}

.sel_mid_ele .section_09.mid #secretSlideTopNext:after, .sel_mid_ele .section_09.mid #secretSlideBtmNext:after {
    display: none;
}

.sel_mid_ele .section_09.mid #secretSlideTopPage {
    position: static;
    margin-top: 3vw;
    display: none;
}

.sel_mid_ele .section_09.mid #secretSlideTopPage .swiper-pagination-bullet {
    width: 11px;
    height: 11px;
    opacity: 1;
    margin: 0 3px;
    background: #fff;
}

.sel_mid_ele .section_09.mid #secretSlideTopPage .swiper-pagination-bullet-active {
    background: #75abb0;
}

.sel_mid_ele .section_09.mid .secret .slide_btm {
    position: relative;
    margin-top: 7vw;
}

.sel_mid_ele .section_09.mid #secretSlideBtm {
    overflow: visible;
}

.sel_mid_ele .section_09.mid #secretSlideBtm .swiper-wrapper {
    transition-timing-function: linear;
}

.sel_mid_ele .section_09.mid #secretSlideBtm .swiper-slide img {
    width: 100%;
}

.dim_a {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: alpha(opacity=70);
}

.moviePos_modal .close {
    background: url(/promotion/event/2024/1129_11884/img/mov_close.png) no-repeat 0 0/contain;
    right: -16px !important;
    top: -16px !important;
    width: 30px;
    height: 30px;
    display: block;
}

.moviePos_modal .close img {
    display: none;
}

.jwplayer {
    width: 87vw !important;
    height: 49vw !important;
}

/* btm_experience_banner */
.btm_experience_banner {
    overflow: hidden;
    height: 120px;
    background: #0c0e0f url(../../images/main/mid/btm_experience_banner.png) no-repeat center;
}

.btm_experience_banner .banner_text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.btm_experience_banner .banner_text * {
    font-size: 23px;
    line-height: 1.4;
    letter-spacing: -2.5px;
    color: #fff;
    font-weight: 700;
}

.btm_experience_banner .banner_text .red {
    background: linear-gradient(92deg, #FF613A 19.2%, #FF3636 65.77%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

/*********************************** ele detail ***********************************/
/* section_01 */
.sel_mid_ele .section_01.ele {
    background: #effffa;
    padding: 50px 15px 45px;
}

.sel_mid_ele .section_01.ele .book_wrap {
    position: relative;
    margin-top: 25px;
}

.sel_mid_ele .section_01.ele .book_wrap::after {
    content: '';
}

.sel_mid_ele .section_01.ele .meta_step_slide {
    position: absolute;
    width: 100%;
    bottom: 3vw;
    r;right: 5vw;
    -index: 10;
    margin: 0;
    text-align: right;
}

.sel_mid_ele .section_01.ele .meta_step_slide img {
    width: 33vw;
}

.sel_mid_ele .section_01.ele .book_wrap .inner {
    overflow: hidden;
    height: 79vw;
    position: relative;
    z-index: 1;
}

.sel_mid_ele .section_01.ele .book_list {
    position: relative;
    font-size: 0;
    -webkit-backface-visibility: hidden;
    animation-name: note_rolling;
    animation-duration: 17s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.sel_mid_ele .section_01.ele .book_wrap:after {
    display: block;
    clear: both;
    content: '';
    background: url(../../images/main/ele/section_01_bg.png) no-repeat center 0/contain;
    width: 86vw;
    height: 14vw;
    position: absolute;
    bottom: -5vw;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.sel_mid_ele .section_01.ele .book_list li:first-of-type {
    z-index: 1;
    position: relative;
}

.sel_mid_ele .section_01.ele .book_list li img {
    width: 100%;
}

/* section_02 */
.sel_mid_ele .section_02.ele {
    padding: 50px 0 45px;
}

.sel_mid_ele .section_02.ele .videoClass {
    position: relative;
    background: url(../../images/main/ele/videoClass_bg.png) no-repeat left 85% / 100% auto;
}

.sel_mid_ele .section_02.ele .videoClass .slide_wrapper {
    position: relative;
}

.sel_mid_ele .section_02.ele .videoClass .slide_wrapper .title {
    padding: 0 4vw;
    margin: 0 auto 4vw;
}

.sel_mid_ele .section_02.ele .videoClass .slide_wrapper .title .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    width: 29.1vw;
    height: 9.5vw;
    background-color: #e9f1f8;
    border-radius: 2.38vw;
    font-weight: 700;
    font-size: 3.61vw;
    color: #A9BDCD;
    text-align: center;
    cursor: pointer;
}

.sel_mid_ele .section_02.ele .videoClass .slide_wrapper .title .swiper-slide-thumb-active {
    background-color: #0077d8;
    color: #fff;
}

.sel_mid_ele .section_02.ele .videoClass .slide_wrapper .title .swiper-slide-thumb-active::after {
    content: '';
    display: block;
    width: 14px;
    height: 15px;
    background: url(../../images/main/ele/videoClass_arrow.png) no-repeat center 0/contain;
    position: absolute;
    bottom: -5px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.sel_mid_ele .section_02.ele .videoClass .slide_wrapper .slider {
    overflow: hidden;
    width: 85vw;
    margin: 0 auto;
}

.sel_mid_ele .section_02.ele .videoClass .slide_wrapper .slider .swiper-slide {
    position: relative;
    text-align: center;
}

.sel_mid_ele .section_02.ele .videoClass .slide_wrapper .slider .swiper-slide > img {
    height: 54vw;
    width: auto;
}

.sel_mid_ele .section_02.ele .videoClass .slide_wrapper .slider .swiper-slide .thumb {
    overflow: hidden;
    position: absolute !important;
    top: 5.8%;
    left: 50%;
    transform: translateX(-50%);
    width: 65.7%;
    height: 65.8%;
    border-radius: 3px;
}

.sel_mid_ele .section_02.ele .videoClass .slide_wrapper .slider .swiper-slide .thumb img {
    width: 100%;
    height: 100%;
}

.sel_mid_ele .section_02.ele .videoClass .slide_wrapper .slider .swiper-slide .thumb.v2 img {
    width: 100%;
    height: 100%;
}

.sel_mid_ele .section_02.ele .videoClass .slide_wrapper .slider .swiper-slide .badge {
    position: absolute;
    bottom: 16%;
    right: 13.5%;
    width: 26.4vw;
}

.sel_mid_ele .section_02.ele .videoClass .slide_wrapper .slider .swiper-slide .badge img {
    width: 100%;
}

.sel_mid_ele .section_02.ele .videoClass .arr {
    top: 50%;
}

.sel_mid_ele .section_02.ele .videoClass .arr .swiper-button-next {
    left: auto;
    top: 50%;
    right: 2.5vw;
    margin: 0;
    background: none;
    transform: scaleX(-1) translate(0, -50%);
    width: 9vw;
    height: 9vw;
}

.sel_mid_ele .section_02.ele .videoClass .arr .swiper-button-prev {
    left: 2.5vw;
    top: 50%;
    right: auto;
    margin: 0;
    background: none;
    width: 9vw;
    height: 9vw;
    transform: translate(0, -50%);
}

.sel_mid_ele .section_02.ele .videoClass .swiper-button-next:after, .sel_mid_ele .section_02.ele .videoClass .swiper-button-prev:after {
    display: none;
}

.sel_mid_ele .section_02.ele .videoClass .swiper-button-next img {
    width: 100%;
}

.sel_mid_ele .section_02.ele .videoClass .swiper-button-prev img {
    width: 100%;
}

.sel_mid_ele .section_02.ele .videoClass .video {
    position: absolute;
    left: 50%;
    top: 5.7%;
    width: 65.7%;
    height: 65.8%;
    transform: translateX(-50%);
    border-radius: 2px;
    overflow: hidden;
}

.sel_mid_ele .section_02.ele .videoClass .video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* section_03 */
.sel_mid_ele .section_03.ele {
    position: relative;
    padding: 50px 0 45px;
    background: linear-gradient(to right, #F0FEF4, #E9F7FF);
}

.sel_mid_ele .section_03.ele .section_03_img {
    margin-top: 19px;
    padding: 0 13px;
    position: relative;
}

.sel_mid_ele .section_03.ele::before {
    content: '';
    background: url(../../images/main/ele/section_03_bg.png) no-repeat 0 0 / contain;
    height: 100vw;
    display: block;
    position: absolute;
    top: 296px;
    left: 0;
    right: 0;
    mix-blend-mode: color-burn;
}

.sel_mid_ele .section_03.ele .book_rolling {
    height: 134.4vw;
    overflow: hidden;
    display: flex;
    gap: 3.6vw;
    justify-content: center;
    margin: 40px auto 0;
    mask-image: linear-gradient(to bottom, transparent 0%, black 15%, black 85%, transparent 100%);
}

.sel_mid_ele .section_03.ele .book_rolling ul {
    position: relative;
    font-size: 0;
    -webkit-backface-visibility: hidden;
    animation-duration: 10s;
    animation-fill-mode: both;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    display: flex;
    flex-direction: column;
    gap: 5vw;
    width: 26.5vw;
}

.sel_mid_ele .section_03.ele .book_rolling .book_list1 {
    animation-name: knowHow_rolling1;
    height: 387vw;
}

.sel_mid_ele .section_03.ele .book_rolling .book_list2 {
    animation-name: knowHow_rolling2;
    top: -232.5vw;
    animation-duration: 11s;
    height: 465vw;
}

.sel_mid_ele .section_03.ele .book_rolling .book_list3 {
    animation-name: knowHow_rolling3;
    height: 387vw;
}

.sel_mid_ele .section_03.ele .book_rolling ul img {
    width: 100%;
}

/* section_04 */
.sel_mid_ele .section_04.ele {
    padding: 50px 0px 0;
}

.sel_mid_ele .section_04.ele .section_04_1 {
    padding: 0 15px 50px;
}

.sel_mid_ele .section_04.ele .section_04_1 .slide_wrap {
    background: #fff;
    border: 1px solid #009CA2;
    border-radius: 10px;
    overflow: hidden;
    margin-top: 25px;
    padding: 8vw 0;
    box-shadow: 0 10px 15px rgb(0 158 163 / 20%);
}

.sel_mid_ele .section_04.ele .section_04_1 .section_04_1_slide {
    margin: 0 -48vw;
}

.sel_mid_ele .section_04.ele .section_04_1 .section_04_1_slide .swiper-slide {
    transition: transform 0.3s ease, opacity 0.3s ease;
    display: flex;
    justify-content: center;
}

.sel_mid_ele .section_04.ele .section_04_1 .section_04_1_slide .swiper-slide img {
    width: auto;
    height: calc(72.34vw - 30px);
}

.sel_mid_ele .section_04.ele .section_04_1 .section_04_1_slide .swiper-slide-prev, .section_04_1 .section_04_1_slide .swiper-slide-next {
    transform: scale(0.8);
    opacity: 0.4;
    clip-path: inset(0 0 calc(19vw - 30px) 0);
}

.sel_mid_ele .section_04.ele .section_04_1 .section_04_1_slide .swiper-slide-active {
    transform: scale(1);
    opacity: 1;
    clip-path: none;
}

.sel_mid_ele .section_04.ele .section_04_1 .section_04_1_slide .swiper-slide-active {
    transform: scale(1);
    opacity: 1;
}

.sel_mid_ele .section_04.ele .section_04_1 .section_04_1_slide .swiper-button-prev, .section_04_1 .section_04_1_slide .swiper-button-next {
    background: url(../../images/main/ele/section_04_1_arrow.png) no-repeat 0 0 / contain;
    width: 8vw;
    height: 8vw;
    top: 53%;
}

.sel_mid_ele .section_04.ele .section_04_1 .section_04_1_slide .swiper-button-prev {
    left: 51vw;
}

.sel_mid_ele .section_04.ele .section_04_1 .section_04_1_slide .swiper-button-next {
    transform: scaleX(-1);
    right: 51vw;
}

.sel_mid_ele .section_04.ele .section_04_1 .section_04_1_slide .swiper-button-prev:after, .section_04_1 .section_04_1_slide .swiper-button-next:after {
    display: none;
}

.sel_mid_ele .section_04.ele .section_04_2 {
    padding: 50px 15px 50px;
    background: url(../../images/main/ele/section_04_2_bg.png) no-repeat 0 0/100% auto;
}

.sel_mid_ele .section_04.ele .section_04_2_img {
    margin-top: 25px;
}

.sel_mid_ele .section_04.ele .section_04_2 .slide_wrap {
    background: #fff;
    border: 1px solid #7A8CDB;
    border-radius: 10px;
    overflow: hidden;
    margin-top: 25px;
    padding: 8vw 0;
    box-shadow: 0 10px 15px rgb(122 140 219 / 20%);
}

.sel_mid_ele .section_04.ele .section_04_2 .section_04_2_slide {
    margin: 0 -48vw;
}

.sel_mid_ele .section_04.ele .section_04_2 .section_04_2_slide .swiper-slide {
    transition: transform 0.3s ease, opacity 0.3s ease;
    display: flex;
    justify-content: center;
}

.sel_mid_ele .section_04.ele .section_04_2 .section_04_2_slide .swiper-slide img {
    width: auto;
    height: calc(72.34vw - 30px);
}

.sel_mid_ele .section_04.ele .section_04_2 .section_04_2_slide .swiper-slide-prev, .section_04_2 .section_04_2_slide .swiper-slide-next {
    transform: scale(0.8);
    opacity: 0.4;
    clip-path: inset(0 0 calc(20.5vw - 30px) 0);
}

.sel_mid_ele .section_04.ele .section_04_2 .section_04_2_slide .swiper-slide-active {
    transform: scale(1);
    opacity: 1;
    clip-path: none;
}

.sel_mid_ele .section_04.ele .section_04_2 .section_04_2_slide .swiper-button-prev, .section_04_2 .section_04_2_slide .swiper-button-next {
    background: url(../../images/main/ele/section_04_2_arrow.png) no-repeat 0 0 / contain;
    width: 8vw;
    height: 8vw;
    top: 53%;
}

.sel_mid_ele .section_04.ele .section_04_2 .section_04_2_slide .swiper-button-prev {
    left: 51vw;
}

.sel_mid_ele .section_04.ele .section_04_2 .section_04_2_slide .swiper-button-next {
    transform: scaleX(-1);
    right: 51vw;
}

.sel_mid_ele .section_04.ele .section_04_2 .section_04_2_slide .swiper-button-prev:after, .section_04_2 .section_04_2_slide .swiper-button-next:after {
    display: none;
}

/* section_05 */
.sel_mid_ele .section_05.ele {
    padding: 50px 15px 50px;
}

.sel_mid_ele .section_05.ele .slide_wrap {
    background: #fff;
    border: 1px solid #3DA8FF;
    border-radius: 10px;
    overflow: hidden;
    margin-top: 25px;
    padding: 8vw 0;
    box-shadow: 0 10px 15px rgb(61 168 255 / 20%);
}

.sel_mid_ele .section_05.ele .section_05_slide {
    margin: 0 -48vw;
}

.sel_mid_ele .section_05.ele .section_05_slide .swiper-slide {
    transition: transform 0.3s ease, opacity 0.3s ease;
    display: flex;
    justify-content: center;
}

.sel_mid_ele .section_05.ele .section_05_slide .swiper-slide img {
    width: auto;
    height: calc(72.34vw - 30px);
}

.sel_mid_ele .section_05.ele .section_05_slide .swiper-slide-prev, .section_05 .section_05_slide .swiper-slide-next {
    transform: scale(0.8);
    opacity: 0.4;
    clip-path: inset(0 0 calc(19vw - 30px) 0);
}

.sel_mid_ele .section_05.ele .section_05_slide .swiper-slide-active {
    transform: scale(1);
    opacity: 1;
    clip-path: none;
}

.sel_mid_ele .section_05.ele .section_05_slide .swiper-button-prev, .sel_mid_ele .section_05.ele .section_05_slide .swiper-button-next {
    background: url(../../images/main/ele/section_05_arrow.png) no-repeat 0 0 / contain;
    width: 8vw;
    height: 8vw;
    top: 53%;
}

.sel_mid_ele .section_05.ele .section_05_slide .swiper-button-prev {
    left: 51vw;
}

.sel_mid_ele .section_05.ele .section_05_slide .swiper-button-next {
    transform: scaleX(-1);
    right: 51vw;
}

.sel_mid_ele .section_05.ele .section_05_slide .swiper-button-prev:after, .sel_mid_ele .section_05.ele .section_05_slide .swiper-button-next:after {
    display: none;
}

/* section_06 */
.sel_mid_ele .section_06.ele {
    padding: 50px 15px 40px;
    background: url(../../images/main/ele/section_06_bg.png) no-repeat 0 0/100% auto;
}

.sel_mid_ele .section_06.ele .section_06_1 {
    margin: 26px -14px 0;
    display: block;
    width: calc(100% + 26px);
}

/* section_07 */
.sel_mid_ele .section_07.ele {
    position: relative;
    padding: 50px 0;
    overflow: hidden;
}

.sel_mid_ele .section_07.ele .mask {
    position: relative;
    z-index: 2;
}

.sel_mid_ele .section_07.ele .detail_top {
    z-index: 2;
}

.sel_mid_ele .section_07.ele .section_07_1 {
    position: relative;
    text-align: center;
    overflow: hidden;
}

.sel_mid_ele .section_07.ele .section_07_1 .box {
    position: relative;
    z-index: 2;
    background: #fff url(../../images/main/ele/section_07_1_bg.png) no-repeat center 0 / 84% auto;
}

.sel_mid_ele .section_07.ele .section_07_1 .box .slider {
}

.sel_mid_ele .section_07.ele .section_07_1 .box .slider .swiper-slide {
    padding: 0 13.5vw;
}

.sel_mid_ele .section_07.ele .section_07_1 .box .thumb {
    position: relative;
    margin: 21px auto 10px;
    width: 69vw;
}

.sel_mid_ele .section_07.ele .section_07_1 .box .thumb .rotate {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    transform: translate(-50%, -50%);
    background: url(../../images/main/ele/ico_rotate.png) no-repeat 0 0/contain;
    width: 42px;
    height: 42px;
    animation: rotateSpin 2s linear infinite;
}

.sel_mid_ele .section_07.ele .section_07_1 .box .slider .swiper-button-prev, .sel_mid_ele .section_07.ele .section_07_1 .box .slider .swiper-button-next {
    background: url(../../images/main/ele/ico_arrow1.png) no-repeat 0 0/contain;
    width: 8vw;
    height: 8vw;
    top: 47%;
}

.sel_mid_ele .section_07.ele .section_07_1 .box .slider .swiper-button-prev {
    left: 4vw;
}

.sel_mid_ele .section_07.ele .section_07_1 .box .slider .swiper-button-next {
    right: 4vw;
    transform: scaleX(-1);
}

.sel_mid_ele .section_07.ele .section_07_1 .slider .swiper-button-prev:after, .sel_mid_ele .section_07.ele .section_07_1 .slider .swiper-button-next:after {
    display: none;
}

.sel_mid_ele .section_07.ele img {
    position: relative;
    z-index: 2;
}

.sel_mid_ele .section_07.ele .section_07_2 {
    padding-top: 57px;
    background: #fff url(../../images/main/ele/section_07_2_bg.png) no-repeat center 23px / 79% auto;
}

.sel_mid_ele .section_07.ele .section_07_2 .section_07_2_slide {
    padding: 25px 15px 0;
}

.sel_mid_ele .section_07.ele .section_07_2 .box .thumb .rotate {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    transform: translate(-50%, -50%);
    background: url(../../images/main/ele/ico_rotate.png) no-repeat 0 0/contain;
    width: 42px;
    height: 42px;
    animation: rotateSpin 2s linear infinite;
}

.sel_mid_ele .section_07.ele .section_07_2 .section_07_2_slide .swiper-button-prev, .sel_mid_ele .section_07.ele .section_07_2 .section_07_2_slide .swiper-button-next {
    background: url(../../images/main/ele/sec08_arrow.png) no-repeat 0 0/contain;
    width: 8vw;
    height: 8vw;
    top: 61%;
}

.sel_mid_ele .section_07.ele .section_07_2 .section_07_2_slide .swiper-button-prev {
    left: 6vw;
}

.sel_mid_ele .section_07.ele .section_07_2 .section_07_2_slide .swiper-button-next {
    right: 6vw;
    transform: scaleX(-1);
}

.sel_mid_ele .section_07.ele .section_07_2 .section_07_2_slide .swiper-button-prev:after, .sel_mid_ele .section_07.ele .section_07_2 .section_07_2_slide .swiper-button-next:after {
    display: none;
}

/* section_08 */
.sel_mid_ele .section_08.ele {
    position: relative;
    padding: 50px 0;
    overflow: hidden;
    background: #e9f7ff;
}

.sel_mid_ele .section_08.ele .section_08_slide {
    margin-top: 25px;
}

.sel_mid_ele .section_08.ele .section_08_slide .tab {
    margin: 0 auto;
    width: 73vw;
    display: block;
}

.sel_mid_ele .section_08.ele .section_08_slide .con {
    margin: 25px auto 0;
    width: 92vw;
    display: block;
}

.sel_mid_ele .section_08.ele .swiper-pagination {
    opacity: 0;
    bottom: auto;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    width: 74vw;
    margin: 0 auto;
    gap: 13vw;
}

.sel_mid_ele .section_08.ele .swiper-pagination span {
    width: 100%;
    margin: 0;
    height: 15vw;
}

/* section_09 */
.sel_mid_ele .section_09.ele {
    position: relative;
    padding: 50px 0;
    overflow: hidden;
}

.sel_mid_ele .section_09.ele .sec05 {
    position: relative;
    margin-top: 25px;
}

.sel_mid_ele .section_09.ele .sec05_tit {
    width: 84vw;
    margin: 0 auto 10vw;
    display: block;
}

.sel_mid_ele .section_09.ele .sec05 p {
    width: 100%;
    font-size: 13px;
    color: #76AEDB;
    text-align: right;
    padding-right: 9vw;
    margin-top: 9px;
    font-weight: 300;
}

.sel_mid_ele .section_09.ele .sec05 .tab_wrap .tab_btn {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 3.22vw 4vw;
    margin-bottom: 4vw;
}

.sel_mid_ele .section_09.ele .sec05 .tab_wrap .tab_btn button {
    position: relative;
    width: 40vw !important;
    height: 11vw;
    background-color: rgb(176 176 197 / 50%);
    border-radius: 2.5vw;
    font-size: 3.5vw;
    font-weight: 600;
    color: #89899f;
    font-family: "GmarketSans", sans-serif;
}

.sel_mid_ele .section_09.ele .sec05 .tab_wrap .tab_btn button.on {
    background-color: #f20000;
    color: #fff;
}

.sel_mid_ele .section_09.ele .sec05 .tab_wrap .tab_contents {
    position: relative;
}

.sel_mid_ele .section_09.ele .sec05 .tab_wrap .tab_contents .swiper-slide {
    padding: 0 0.5vw;
}

.sel_mid_ele .section_09.ele .sec05 .tab_wrap .tab_contents .swiper-slide img {
    width: 100%;
}

.sel_mid_ele .section_09.ele .sec05_slide .swiper-slide .btns {
    display: flex;
    justify-content: center;
    margin-bottom: 32px;
    pointer-events: none;
    width: 92vw;
    margin: 0 auto 32px;
}

.sel_mid_ele .section_09.ele .sec05_slide .swiper-slide .btns span {
    position: relative;
    width: 100%;
    height: 50px;
    font-size: 14px;
    font-weight: 600;
    color: #89899f;
    font-family: "GmarketSansBold", sans-serif;
    line-height: 16px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #B0B0C5;
    border-right: 0;
    padding-top: 3px;
}

.sel_mid_ele .section_09.ele .sec05_slide .swiper-slide .btns span.on {
    background: linear-gradient(90deg, #008CFF 0%, #0077D8 100%);
    color: #fff;
    border-color: #0081eb;
}

.sel_mid_ele .section_09.ele .sec05_slide .swiper-slide .btns span:last-of-type {
    border-right: 1px solid #B0B0C5;
}

.sel_mid_ele .section_09.ele .sec05_slide .swiper-slide .btns span:last-of-type.on {
    border-color: #0081eb;
}

.sel_mid_ele .section_09.ele .sec05_slide .swiper-slide .btns span:first-of-type {
    border-radius: 10px 0 0 10px;
}

.sel_mid_ele .section_09.ele .sec05_slide .swiper-slide .btns span:last-of-type {
    border-radius: 0 10px 10px 0;
}

.sel_mid_ele .section_09.ele .sec05_slide .swiper-slide .btns span.on::after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #0081eb;
}

.sel_mid_ele .section_09.ele .sec05_slide .swiper-slide .item {
    position: relative;
}

.sel_mid_ele .section_09.ele .sec05_slide .swiper-slide .item .swiper-container {
    position: relative;
}

.sel_mid_ele .section_09.ele .sec05_slide .swiper-slide .item .swiper-container .swiper-slide {
    padding: 0 8.5vw;
}

.sel_mid_ele .section_09.ele .sec05_slide .swiper-slide .item .swiper-container .swiper-slide img {
    width: 100%;
}

.sel_mid_ele .section_09.ele .sec05_slide .swiper-pagination {
    bottom: auto;
    top: 0;
    display: flex;
    width: 92vw;
    margin: 0 auto;
    left: 0;
    right: 0;
}

.sel_mid_ele .section_09.ele .sec05_slide .swiper-pagination .swiper-pagination-bullet {
    width: 100%;
    border-radius: 0;
    height: 50px;
    opacity: 0;
}

.sel_mid_ele .section_09.ele .sec05_slide>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0;
}

.sel_mid_ele .section_09.ele .sec05_slide .swiper-button-prev, .sel_mid_ele .section_09.ele .sec05_slide .swiper-button-next {
    background: url(../../images/main/ele/ico_arrow1.png) no-repeat 0 0/contain;
    width: 8vw;
    height: 8vw;
    top: 54%;
}

.sel_mid_ele .section_09.ele .sec05_slide .swiper-button-prev {
    left: 4vw;
}

.sel_mid_ele .section_09.ele .sec05_slide .swiper-button-next {
    right: 4vw;
    transform: scaleX(-1);
}

.sel_mid_ele .section_09.ele .sec05_slide .swiper-button-prev:after, .sel_mid_ele .section_09.ele .sec05_slide .swiper-button-next:after {
    display: none;
}

/* free process */
.process_wrap {
    width: 100%;
    overflow: hidden;
    padding: 41px 0 20px;
}

.process_wrap strong {
    font-weight: 400;
    text-align: center;
    color: #2c2c2c;
    display: block;
    font-family: 'GmarketSansMedium', sans-serif;
    font-size: 25px;
}

.process_wrap strong span {
    font-family: 'GmarketSansBold';
}

.process_wrap .process_con {
    padding: 0 10px;
    margin-top: 7px;
}

.process_wrap .btn_wrap {
    padding: 0 3vw;
    margin: 30px auto 0;
}

.process_wrap .process_btn {
    display: block;
}

.process_wrap .process_btn img {
    width: 100%;
}

/* notice */
.notice_wrap .notice_box {
}

.notice_wrap .notice_box>strong {
    background: url(../../images/main/ele/notice_tit.png) no-repeat 0 0/contain;
    width: 155px;
    height: 21px;
    display: block;
    font-size: 0;
}

.notice_wrap .notice_li {
    margin: 11px 0 0 0;
}

.notice_wrap .notice_li li {
    font-size: 3.6vw;
    color: #999;
    line-height: 1.5;
    display: flex;
}

.notice_wrap .notice_li li.noti_tit {
    color: #5f5f5f;
}

.notice_wrap .notice_li li>span {
    margin-right: 1%;
    flex-shrink: 0;
}

.notice_wrap .notice_li li+li {
    margin-top: 0.5vw;
}

.notice_wrap .notice_li li.red {
    color: #f20000;
}

.notice_wrap > .tit {
    padding-top: 2px;
    display: block;
    height: 35px;
    background-color: #111;
    font-family: 'GmarketSansBold', sans-serif;
    font-size: 14px;
    color: #fff;
    line-height: 35px;
    text-align: center;
    font-weight: 500;
}

.notice_wrap > .tit span {
    position: relative;
    padding-right: 15px;
}

.notice_wrap > .tit span::before {
    content: "";
    display: block;
    position: absolute;
    top: 4px;
    right: 0;
    width: 10px;
    height: 6px;
    background: url(../../images/main/ele/notice_arr.png) 0 0 no-repeat;
    background-size: 100%;
    transition: transform .5s;
}

.notice_wrap > .tit.on span:before {
    transform: rotate(180deg);
}

.notice_wrap .con {
    display: none;
    padding: 30px 25px;
    background-color: #f6f6f6;
    text-align: left;
    letter-spacing: -1px;
}

.notice_wrap .con * {
    font-family: "Noto Sans KR", sans-serif;
}

.notice_wrap .con .tit {
    margin-bottom: 5px;
    font-weight: 900;
    font-size: 14px;
    color: #333;
}

.notice_wrap .con ul+p {
    margin-top: 25px;
}

.notice_wrap .con ul li {
    position: relative;
    font-size: 12px;
    color: #666;
    word-break: keep-all;
    font-family: 'Pretendard';
}

.notice_wrap .con ul li:not(:first-child) {
    margin-top: 1px;
}

/*********************************** bottom contents ***********************************/
/* step_description */
.step_description {
    background: linear-gradient(90deg, #FFFAEC 0%, #FEE 100%);
    color: #121212;
    padding: 50px 0 60px;
}

.step_description > .mask {
    width: 1200px;
    margin: 0 auto;
    padding: 100px 0;
    text-align: center;
}

.step_description .text-area h2 {
    text-align: center;
    font-size: 30px;
    line-height: 1.2;
    font-family: 'GmarketSansBold';
}

.step_description .text-area .red {
    color: #e60012 !important;
}

.step_description .subtext {
    font-family: 'Pretendard';
    font-size: 15px;
    color: #121212;
    line-height: 1.3;
    margin: 5px 0 0;
    text-align: center;
}

.step_description .img-wrap {
    position: relative;
    max-width: 100%;
    margin-top: 30px;
}

.step_description .step-step_bg_img {
    margin: 30px 0 0;
}

.step_description .label_group {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    background: url(../../images/main/step_description_bg.png) no-repeat center 49% / 54% auto;
}

.step_description .img.kids {
    transform: translate(4%);
}

.step_description .top {
    padding: 0 27vw;
}

.step_description .btm {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding: 0 9.5vw;
    gap: 3.5vw;
}

.step_description .label_box {
    flex: 1;
    text-align: center;
    color: #333;
    font-size: 14px;
    line-height: 1.4;
}

.step_description .label_box .txt {
    color: #000;
    font-size: 10px;
    line-height: 1.3;
}

.step_description .label {
    display: inline-block;
    margin-top: 5px;
    padding: 5px 7px 2px;
    line-height: 1;
    border-radius: 20px;
    font-family: 'GmarketSansBold';
    font-size: 14px;
    color: #fff !important;
}

.step_description .label.orange {
    background-color: #f7901e;
}

.step_description .label.teal {
    background-color: #01B2A9;
}

.step_description .label.red {
    background-color: #e84445;
}

.step_description .label.teal .line {
    background-color: #67d1cb;
    display: inline-block;
    width: 2px;
    height: 11px;
    margin: -2px 5px 0 6px;
    vertical-align: middle;
}

.step_description .label.red .line {
    background-color: #f06671;
    display: inline-block;
    width: 2px;
    height: 11px;
    margin: -2px 5px 0 6px;
    vertical-align: middle;
}

/*********************************** Btm_footer_area ***********************************/
/* notice */
.btm_footer_area {
    padding: 27px 15px 50px;
}

.btm_footer_area .notice_box_ {
}

.btm_footer_area .notice_box_ .notice_header {
    display: flex;
    align-items: center;
    position: relative;
    font-size: 16px;
    color: #111;
    margin-bottom: 9px;
    border-bottom: 1px solid #000;
    font-weight: 700;
    height: 40px;
    align-items: center;
}

.btm_footer_area .notice_box_ .notice_header .more_btn {
    display: inline-block;
    text-indent: -9999em;
    width: 16px;
    height: 16px;
    /* background: url(../../images/main/ico_more4.png) no-repeat 0 0/contain; */
    margin-left: auto;
    background: url(../../images/main/banner_more_wh_btn2.png) no-repeat 0 0 / contain;
}

.btm_footer_area .notice_box_ .notice_list {
}

.btm_footer_area .notice_box_ .notice_list li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 19px 0;
    border-bottom: 1px solid #ddd;
    font-size: 13px;
    min-height: 63px;
}

.btm_footer_area .notice_box_ .notice_list .badge {
    position: relative;
    flex-shrink: 0;
    font-size: 13px;
    font-weight: 500;
    border-radius: 20px;
    padding: 1px 8px 0px;
    margin-right: 6px;
    display: inline-block;
    text-align: center;
    height: 24px;
}

.btm_footer_area .notice_box_ .notice_list .badge.open {
    background-color: #FDE8ED;
    color: #DF5A7A;
    border: 1px solid #F6C2CF;
}

.btm_footer_area .notice_box_ .notice_list .badge.announce {
    background-color: #E5F0FF;
    color: #457CC8;
    border: 1px solid #C6DBF8;
}

.btm_footer_area .notice_box_ .notice_list a {
    font-size: 13px;
    color: #26231E;
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.btm_footer_area .notice_box_ .notice_list .date {
    font-size: 11px;
    color: #8D9093;
    flex-shrink: 0;
    margin-left: 10px;
}

/* cs */
.btm_footer_area .cs_box {
    display: flex;
    align-items: center;
    background: #EDEDED url(../../images/main/ico_chatbot.png) no-repeat 3.33vw 5.27vw/12vw auto;
    border-radius: 4.16vw;
    padding: 2.77vw 2.77vw 2.77vw 16.11vw;
    width: 100%;
    min-height: 75px;
    margin: 7.77vw 0 0;
    justify-content: flex-end;
    gap: 2.22vw;
}

.btm_footer_area .cs_box .cs_title {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.btm_footer_area .cs_box .cs_title .tit {
    color: #26231E;
    font-size: 3.61vw;
    font-weight: 700;
}

.btm_footer_area .cs_box .cs_title .support_btn {
    color: #515151;
    display: inline-block;
    font-size: 2.77vw;
    background: #fff;
    border: 1px solid #BABABA;
    border-radius: 36px;
    padding: 0.2vw 2vw 0.5vw;
    margin: 1.38vw 0 0;
}

.btm_footer_area .cs_box .cs_tel {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 5px;
}

.btm_footer_area .cs_box .cs_tel .tel {
    color: #F20000;
    font-size: 5.83vw;
    font-weight: 700;
    line-height: 1;
}

.btm_footer_area .cs_box .cs_tel .txt {
    color: #3B3B3B;
    font-size: 2.77vw;
    line-height: 1;
    margin: 2.22vw 0 0;
}

.btm_footer_area .cs_box .cs_info {
    font-size: 2.5vw;
    color: #666;
    line-height: 1.4;
    text-align: center;
    background: #F8F8F8;
    padding: 2.22vw 1.38vw;
    border-radius: 2.77vw;
    letter-spacing: 0;
}

.btm_footer_area .cs_box .cs_info span {
    letter-spacing: -1px;
}

/* banner */
.btm_footer_area .banners {
    margin-top: 30px;
}

.btm_footer_area .banners .tab_menu {
}

.btm_footer_area .banners .tab_menu {
    display: flex;
    justify-content: center;
    margin-bottom: 9px;
    gap: 6px;
    height: 32px;
}

.btm_footer_area .banners .tab_menu button {
    flex: 1;
    font-size: 12px;
    font-weight: 500;
    color: #909090;
    border: 1px solid #B8B8B8;
    border-radius: 30px;
    background: #fff;
}

.btm_footer_area .banners .tab_menu button.active {
    background: #ff3232;
    color: #fff;
    border: 1px solid #ff3232;
}

.btm_footer_area .banners .slide_banner {
    position: relative;
    margin: 0 auto;
    border-radius: 15px;
    overflow: hidden;
}

.btm_footer_area .banners .slide_banner .swiper {
    position: relative;
}

.btm_footer_area .banners .slide_banner .swiper .swiper-button-prev {
    left: 0;
    background: url(../../images/main/slide_banner_arrow.png) no-repeat 0 0 / contain;
    width: 26px;
    height: 64px;
    margin: 0;
    top: 24.2vw;
}

.btm_footer_area .banners .slide_banner .swiper .swiper-button-next {
    right: 0;
    background: url(../../images/main/slide_banner_arrow.png) no-repeat 0 0 / contain;
    width: 26px;
    height: 64px;
    transform: scaleX(-1);
    margin: 0;
    top: 24.2vw;
}

.btm_footer_area .banners .slide_banner .swiper .swiper-button-prev:after {
    display: none;
}

.btm_footer_area .banners .slide_banner .swiper .swiper-button-next:after {
    display: none;
}

/* recruit */
.btm_footer_area .recruit {
    background: url(../../images/main/recruit_bg.png) no-repeat 0 0/contain;
    height: 40vw;
    margin-top: 30px;
    background: linear-gradient(to right, #F9F9F9, #E6E6E6);
    border-radius: 4.16vw;
    display: flex;
    align-items: center;
    padding: 4.16vw;
    position: relative;
}

.btm_footer_area .recruit::after {
    content: '';
    display: block;
    /bottom: 6px;
    left: 0;
    position: absolute;
    background: url(../../images/main/recruit_bg.png) no-repeat 0 0 / contain;
    width: 46.94vw;
    height: 42.22vw;
}

.btm_footer_area .recruit .dec {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-left: auto;
    z-index: 1;
}

.btm_footer_area .recruit .dec .t1 {
    font-size: 2.77vw;
    color: #F20000;
    background: #fff;
    border: 1px solid #F20000;
    height: 5.55vw;
    padding: 0 1.94vw 0.2vw;
    border-radius: 25px;
    display: flex;
    align-items: center;
}

.btm_footer_area .recruit .dec .t2 {
    font-family: 'GmarketSansBold';
    color: #26231E;
    font-size: 5.55vw;
    margin: 1.38vw 0 0;
}

.btm_footer_area .recruit .dec .t2 .red {
    color: #F20000 !important;
}

.btm_footer_area .recruit .dec .t3 {
    color: #2D2D2D;
    font-size: 3.33vw;
    line-height: 1.3;
}

/* sns */
.btm_footer_area .sns_app {
    position: relative;
    display: flex;
    gap: 5.7333vw;
    margin-top: 8.5333vw;
    letter-spacing: 0;
}

.btm_footer_area .sns_app .sns .title {
    margin-bottom: 2.1333vw;
    font-weight: 700;
    font-size: 4vw;
    color: #121212;
}

.btm_footer_area .sns_app .sns .sns_row {
    display: flex;
    flex-direction: column;
    gap: 2.1333vw;
}

.btm_footer_area .sns_app .sns .sns_row.first {
    margin-bottom: 2.6667vw;
}

.btm_footer_area .sns_app .sns p {
    font-weight: 700;
    font-size: 3.7333vw;
    color: #121212;
}

.btm_footer_area .sns_app .sns p .badge {
    display: inline-block;
    position: relative;
    width: 6.4vw;
    height: 4vw;
    margin-right: 1.3333vw;
    font-weight: 500;
    font-size: 2.1333vw;
    color: #fff;
    border-radius: 21px;
    text-align: center;
    line-height: 4vw;
    vertical-align: 1px;
}

.btm_footer_area .sns_app .sns p .badge.mid {
    background-color: #e42c2c;
}

.btm_footer_area .sns_app .sns p .badge.ele {
    background-color: #1dbaa4;
}

.btm_footer_area .sns_app .sns .link {
    display: flex;
    justify-content: center;
    gap: 0.8vw;
}

.btm_footer_area .sns_app .sns .link .sns_btn {
    width: 8.8vw;
    height: 8.8vw;
}

.btm_footer_area .sns_app .app {
    flex: 1;
}

.btm_footer_area .sns_app .app .title {
    margin-bottom: 2.1333vw;
    font-weight: 700;
    font-size: 4vw;
    color: #121212;
}

.btm_footer_area .sns_app .app ul li {
    display: flex;
    justify-content: space-between;
}

.btm_footer_area .sns_app .app ul li:not(:first-child) {
    margin-top: 4vw;
}

.btm_footer_area .sns_app .app ul li p {
    font-weight: 700;
    font-size: 3.4667vw;
    color: #121212;
}

.btm_footer_area .sns_app .app ul li p span {
    display: block;
    font-weight: 400;
    font-size: 2.6667vw;
    color: #929292;
}

.btm_footer_area .sns_app .app ul li .store {
    display: flex;
    gap: 2.1333vw;
}

.btm_footer_area .sns_app .app ul li .store a {
    display: block;
    width: 5.8667vw;
    height: 5.8667vw;
    text-indent: -9999px;
}

.btm_footer_area .sns_app .app ul li .store a.android {
    background: url(/images/main/icon_playstore.png) 0 0 no-repeat;
    background-size: 100%;
}

.btm_footer_area .sns_app .app ul li .store a.ios {
    background: url(/images/main/icon_appstore.png) 0 0 no-repeat;
    background-size: 100%;
}

/* qr */
.btm_footer_area .qr {
    position: absolute;
    right: 0;
    bottom: 0;
    display: none;
}

.btm_footer_area .qr .btn_qr {
    position: absolute;
    right: 0;
    top: 0;
    width: 70px;
    height: 70px;
    text-indent: -9999em;
    background: none;
}

/* main popup */
.floating_admin_common {
    z-index: 50;
    letter-spacing: -1px;
    z-index: 999999;
}

.floating_admin_common.absolute {
    position: absolute;
}

.floating_admin_common.fixed {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.floating_admin_common .floatBar {
    margin: 0;
    display: flex;
    justify-content: center;
    width: 100%;
}

.floating_admin_common .close {
    position: absolute;
    top: -22%;
    right: -19%;
    overflow: hidden;
    display: block;
    width: 95px;
    height: 95px;
    padding: 0;
    border: 0;
    background: none;
    cursor: pointer;
    text-indent: -9999em;
    outline: none;
    outline: 0px;
    background: url(/_images/_popup/btn_layPopupClose_2.png) no-repeat center;
    z-index: 2;
}

.floating_admin_common .close span {
    display: none;
}

.floating_admin_common .pointer {
    cursor: pointer;
}

.floating_admin_common .floatBar input[type="checkbox"] {
    margin: -2px 0 0 3px;
    min-height: auto;
    padding: 0 !important;
}

.floating_admin_common .floatBar > div {
    position: relative;
    display: inline-block;
    cursor: pointer;
    background: #000;
    padding: 4px 10px;
    color: #9f9f9f;
    font-size: 13px;
}

.floating_admin_common .floatBar > div:not(:first-child):after {
    position: absolute;
    left: 0;
    top: 50%;
    width: 1px;
    height: 13px;
    background: #9f9f9f;
    transform: translateY(-50%);
    content: '';
}

.floating_admin_common.w100 .floatBar {
    background: #000;
    justify-content: flex-end;
}

/*********************************** keyframes ***********************************/
@keyframes scroll_loop_left {
    0% {
        left: 0;
    }

    100% {
        left: -225.5vw;
    }
}

@keyframes scroll_loop_left2 {
    0% {
        left: 0;
    }

    100% {
        left: -185vw;
    }
}

@keyframes scroll_loop_left3 {
    0% {
        left: -328vw;
    }

    100% {
        left: 0;
    }
}

@keyframes rotateSpin {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

@keyframes note_rolling {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(0, -50%);
    }
}

@keyframes knowHow_rolling1 {
    0% {
        top: 0;
    }

    100% {
        top: -193.5vw;
    }
}

@keyframes knowHow_rolling2 {
    0% {
        top: -232.5vw;
    }

    100% {
        top: 0;
    }
}

@keyframes knowHow_rolling3 {
    0% {
        top: 0;
    }

    100% {
        top: -193.5vw;
    }
}

@media(max-width: 310px) {
    .btm_footer_area .cs_box .cs_tel {
        zoom: 0.9;
    }

    .btm_footer_area .cs_box .cs_title {
        zoom: 0.9;}
}

/* �Խ��� � ��å https://redmine.wisecamp.com/issues/20723 */
#laypop_operational_policy {
    display: none;
}