@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');
@import url('new_style.css?v=230906');


/* 공통 css */
ul,ol,li{list-style:none}
body{font-size:16px; line-height:1; color:#333}
.jua{font-family:'BMJUA', sans-serif;}
.blue{color:#2071ff !important;}
.btn_back{margin-top:10px; text-align:center}
.btn_back > a{display:inline-block; padding:5px 0; font-size:17px;border-bottom:1px solid #2071ff; color:#2071ff;}


/* 헤더 */
.fake_header{height:88px;}
.at-menu{position:fixed; top:0; left:0; width:100%; z-index:10;}
.at-menu.on{background:#fff;}
.at-menu .pc-menu .nav-top{position:static; padding:0; display:flex; justify-content: space-between; align-items: center;}
.at-menu .pc-menu .nav-top > div{display:flex; justify-content: space-between; align-items: center;}
.at-menu .pc-menu .nav-top .logo{margin-right:60px;}
.at-menu .pc-menu .nav-top .lnb{display:flex; justify-content: space-between; align-items: center; }
.at-menu .pc-menu .nav-top .lnb li + li{margin-left:13px;}
.at-menu .pc-menu .nav-top .lnb a{font-family:'nanumsquare', 'noto sans kr', sans-serif; font-size:16px; color:#fff; border-radius:20px; line-height:40px; background:#2071ff; padding:0 24px; display:block;}  
.pc-menu .nav-top.nav-both .menu-ul{width:auto; display:flex;}
/* .at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li:first-of-type > a,
.at-menu .pc-menu .nav-top.nav-both .menu-ul .menu-li > a:hover{color:#2071ff; font-weight:500;} */
.m_sidebar_wrap{display:none;}

@media (max-width:991px){
	.fake_header{height:50px;}
	.at-menu .m-menu{background:none; box-shadow:none;}
	.m-menu .container_fix{display:flex; align-items: center; justify-content: space-between; height:50px;}
	.m-menu .container_fix .mlogo img{height:32px;}
	.m-menu .container_fix .mlnb{display:flex; align-items: center;}
	.m-menu .container_fix .mham {margin-left:15px;}
	.m-menu .container_fix .mham img{height:16px;}
	.m-menu .container_fix .mlnb_btn{font-size:12px; font-family:'nanumsquare',sans-serif; padding:0 15px; line-height:28px; border-radius:14px; background:#2071ff; color:#fff; display:block;}

	.m_sidebar_wrap{position:fixed; top:0; left:0; bottom:0; right:0; background:rgba(0,0,0,0.3); z-index:999; opacity:0; transition:0.3s ease; visibility:hidden; display:block;}
	.m_sidebar_wrap.on{opacity:1; visibility:visible;}
	.m_sidebar_wrap .m_sidebar_inner{position:absolute; top:0; right:-100%; bottom:0; left:auto; width:265px; background:#fff; border-bottom:1px solid #989898; transition:0.3s ease;}
	.m_sidebar_wrap.on .m_sidebar_inner{right:0;}
	.m_sidebar_wrap .m_sidebar_header{height:50px; display:flex; align-items: center; justify-content: space-between; width:100%; border-bottom:1px solid #e0e0e0; padding:0 15px 0 20px;}
	.m_sidebar_wrap .m_sidebar_header .lnb_btns{display:flex; align-items: center; }
	.m_sidebar_wrap .m_sidebar_header .lnb_btns a{font-size:12px; color:#fff; font-family:'nanumsquare', sans-serif; display:block; border-radius:14px; line-height:28px; padding:0 16px; background-color: #2071ff;}
	.m_sidebar_wrap .m_sidebar_header .lnb_btns a + a{margin-left:10px;}
	.m_sidebar_wrap .m_sidebar_header .close_btn img{width:15px; }
	.m_sidebar_wrap .m_sidebar_ul{padding:0 15px 0 20px;}
	.m_sidebar_wrap .m_sidebar_ul li{margin-top:40px;}
	.m_sidebar_wrap .m_sidebar_ul li a{font-size:17px; color:#222222; font-weight:500;}
	.m_sidebar_wrap .m_sidebar_ul li.on a{color:#2071ff;}
	.m_sidebar_wrap .m_sidebar_sns{position:absolute; bottom:25px; left:20px; display:flex; align-items: center;}
	.m_sidebar_wrap .m_sidebar_sns li + li{margin-left:30px;}
	.m_sidebar_wrap .m_sidebar_sns li img{height:17px;}
	.m_sidebar_wrap .m_sidebar_sns li:nth-child(2) img{height:16.5px;}
	.m_sidebar_wrap .m_sidebar_sns li:nth-child(3) img{height:11px;}
}

/* 메인배너 */
.main_cont01{position: relative;}
.main_cont01 .mc01_inner{position:absolute; top:0; left:0; bottom:0; right:0; display:flex; align-items: center; justify-content: center;}
.main_cont01 .container_fix{display:flex; align-items: center;}
.main_cont01 .container_fix .mc01_txtWrap{width:calc(100% - 50.469%);}
.main_cont01 .container_fix .mc01_txtWrap .mc01_title h3{font-size:20px; color:#583501;}
.main_cont01 .container_fix .mc01_txtWrap .mc01_title h1{font-size:55px; line-height:1.3; color:#583501; margin-top:20px;}
.main_cont01 .container_fix .mc01_txtWrap .mc01_title h1 .blue{font-family:inherit; color:#2071ff; font-size:60px;}
.main_cont01 .container_fix .mc01_txtWrap .mc01_title p{font-size:18px; color:#666666; line-height:32px; margin-top:15px;}
.main_cont01 .container_fix .swiper-title-container{width:50.469%; overflow:hidden;}
.main_cont01 .container_fix .swiper_btns{display:flex; margin-right:19px;}
.main_cont01 .container_fix .swiper_btns .swiper_play_btn{display:none;}
.main_cont01 .btn_container{display: flex; align-items:center; margin-top:55px;}
.main_cont01 .btn_container a{outline:0 !important;}
.main_cont01 .swiper_count{display: flex; align-items:center; color: #666666; font-size: 16px; margin:0 14px; position:relative; top:-1px;}
.main_cont01 .swiper_count .slash{display:inline-block; margin:0 3px;}

@media (max-width:991px){
	.main_cont01 .container_fix{flex-direction:column; margin-top:10%;}
	.main_cont01 .container_fix .mc01_txtWrap{width:100%;}
	.main_cont01 .container_fix .swiper-title-container{width:100%; padding:0 5px 0 43px; margin-top:62px;}
	.main_cont01 .container_fix .mc01_txtWrap .mc01_title h3{font-size:15px;}
	.main_cont01 .container_fix .mc01_txtWrap .mc01_title h1{font-size:31px; margin-top:12px; line-height:1.22;}
	.main_cont01 .container_fix .mc01_txtWrap .mc01_title h1 .blue{font-size:36px;}
	.main_cont01 .container_fix .mc01_txtWrap .mc01_title p{font-size:14px; line-height:23px; margin-top:12px;}
	.main_cont01 .btn_container{margin-top:50px;}
	.main_cont01 .btn_container img{height:10px; width:auto;}
}

/* 영상 영역 */
.main_cont{padding:115px 0 120px;}
.main_cont02{background:url(../img/mc02_bg.jpg) no-repeat center /cover;}
.mc_title{font-size:45px; line-height:55px; color:#583501; text-align:center; font-family:'BMJUA', sans-serif;}
.mc_title .blue{font-family:inherit; color:#2071ff;}
.main_cont02 .container_fix .mc_title{color:#fff; margin-bottom:62px;}
.main_cont02 .container_fix .mc_titleBox{text-align:left; margin-top:20px;}
.main_cont02 .container_fix .img{width:100%; display:block;}
.main_cont02 .container_fix .img_box{position:relative; z-index:2; cursor:pointer;}
.main_cont02 .container_fix .img_box:after{content:''; display:block; position:absolute; top:0; left:0; bottom:0; right:0; background:url(../img/mc02_play.png) no-repeat center;}
.main_cont02 .container_fix .videoWrap{position:relative; overflow:hidden; max-width:930px; margin:0 auto; border-radius:20px;}
.main_cont02 .container_fix .video_link{display:none;}
.main_cont02 .container_fix .video_box{position:absolute; top:0; left:0; right:0; bottom:0;}
.main_cont02 .container_fix iframe{display:block; width:100%;}
.main_cont02 .container_fix .video_cont{width:930px;max-width:100%;margin:0 auto;border-radius:20px;overflow:hidden;position:relative}
.main_cont02 .container_fix .video_cont > video{width:100%}
.main_cont02 .container_fix .video_cont .img_box{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.7);cursor:pointer}
.main_cont02 .container_fix .video_cont .img_box::after{width:45px;height:55px;content:'';display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:url(../img/mc02_play.png) no-repeat center;}


@media (max-width:991px){
	.main_cont{padding:55px 0 60px;}
	.mc_title{font-size:28px; line-height:1.27;}
	.main_cont02{background-image:url(../img/mmc02_bg.jpg)}
	.main_cont02 .container_fix .mc_title{margin-bottom:35px;}
	.main_cont02 .container_fix .videoWrap{border-radius:10px;}
	.main_cont02 .container_fix .img_box:after{background-size:18px;}
	.main_cont02 .container_fix .video_cont .img_box::after{background-size:18px}
}

/* 무료체험 신청하기 */
.main_cont03{background:url(../img/mc03_bg.jpg) no-repeat center /cover;}
.main_cont03 .img_box{max-width:980px; width:100%; margin:37px auto 0;}
.main_cont .mc_more{width:250px; line-height:61px; border-radius:35px; font-size:16px; font-weight:500; color:#fff; text-align: center; display:block; margin:75px auto 0; background:#2071ff; border:2px solid #2071ff; transition:0.3s ease;}
.main_cont:not(.main_cont05):not(.main_cont07) .mc_more:hover{background:transparent; color:#2071ff;}

@media (max-width:991px){
	.main_cont03{background-image:url(../img/mmc03_bg.jpg)}
	.main_cont03 .img_box{margin:35px -15px 0px; width:auto;}
	.main_cont .mc_more{font-size:14px; width:183px; line-height:46.5px !important; margin-top:40px; border-width:1px !important;}
}

/* 비바부 잉글리시가 특별한 이유 */
.main_cont04{background:url(../img/mc04_bg.jpg) no-repeat center /cover;}
.main_cont04 .container_fix{display:flex; align-items: center;}
.main_cont04 .container_fix .swiper-title-container{width:50.469%; overflow:hidden;}
.main_cont04 .container_fix .mc04_txtWrap{width:calc(100% - 50.469%); padding-left:7.422%}
.main_cont04 .mc_title{margin-bottom:68px;}
.main_cont04 .mc04_txtBox {position: relative;}
.main_cont04 .mc04_txtBox li{transition:opacity 0.5s ease-out;}
.main_cont04 .mc04_txtBox li.active{position:relative; opacity:1; z-index:2;}
.main_cont04 .mc04_txtBox li:not(.active){position:absolute; opacity:0; pointer-events:none; top:0; left:0;}
.main_cont04 .mc04_txtBox li .slide_num{color:#2071ff; font-size:20px; font-family:'BMJUA', sans-serif;}
.main_cont04 .mc04_txtBox li .slide_tit{color:#222222; font-size:30px; line-height:40px; font-weight:bold; margin-top:18px;}
.main_cont04 .mc04_txtBox li .slide_des{font-size:16px; color:#666666; line-height:30px; height:60px; margin-top:26px;}
.main_cont04 a{outline:0 !important}
.main_cont04 .swiper_btn_box{margin-top:87px; display:flex;}
.main_cont04 .swiper_btn_box .swiper_title_next{margin-left:39px;}

@media (max-width:991px){
	.main_cont04{background-image:url(../img/mmc04_bg.jpg)}
	.main_cont04 .container_fix{flex-direction:column;}
	.main_cont04 .container_fix .swiper-title-container{width:100%;}
	.main_cont04 .container_fix .mc04_txtWrap{width:100%; padding-left:0; margin-top:40px;}
	.main_cont04 .mc_title{margin-bottom:32px;}
	.main_cont04 .mc04_txtBox li .slide_num{font-size:15px;}
	.main_cont04 .mc04_txtBox li .slide_tit{font-size:22px; margin-top:17px; line-height:30px;}
	.main_cont04 .mc04_txtBox li .slide_des{font-size:14px; margin-top:22px; line-height:25px; height:50px;}
	.main_cont04 a img{width:18px;}
	.main_cont04 .swiper_btn_box{margin-top:52px;}
	.main_cont04 .swiper_btn_box .swiper_title_next{margin-left:29px;}
}

/* 말문이 트이는 마법의 주문 */
.main_cont05{background:url(../img/mc05_bg.jpg) no-repeat bottom center /cover;}
.main_cont05 .mc_title .blue{font-size:55px;}
.main_cont05 .mc05_ul{display:flex; margin-right:-40px; margin-top:56px;}
.main_cont05 .mc05_ul li{width:calc(100%/3); margin-right:40px; background:#fff; border-radius:15px; box-shadow:0 0 62px 5px rgba(0,0,0,0.03); text-align:center; padding:54px 0 52px; transition:0.3s ease;}
.main_cont05 .mc05_ul li:hover{transform:translateY(-20px);}
.main_cont05 .mc05_ul li .img_box{background:url(../img/mc05_01.png) no-repeat top center; height:193px;}
.main_cont05 .mc05_ul li:nth-child(2) .img_box{background-image:url(../img/mc05_02.png); background-position:50% 24px;}
.main_cont05 .mc05_ul li:nth-child(3) .img_box{background-image:url(../img/mc05_03.png); background-position:50% 11px;}
.main_cont05 .mc05_ul li p{font-size:24px; line-height:30px; font-family:'BMJUA', sans-serif; margin-top:61px;}
.main_cont05 .mc_more{background:transparent; border:2px solid #2071ff; line-height:61px; color:#2071ff;}
.main_cont05 .mc_more:hover{color:#fff; background:#2071ff; border:2px solid #2071ff;}

@media (max-width:991px){
	.main_cont05{background-image:url(../img/mmc05_bg.jpg)}
	.main_cont05 .mc_title .blue{font-size:33px;}
	.main_cont05 .mc05_ul{flex-direction:column; margin-top:37px; margin-right:0;}
	.main_cont05 .mc05_ul li{width:100%; margin-right:0; padding:40px 0 36px;}
	.main_cont05 .mc05_ul li + li{margin-top:15px;}
	.main_cont05 .mc05_ul li:hover{transform:none;}
	.main_cont05 .mc05_ul li p{font-size:21px; line-height:28px; margin-top:42px;}
	.main_cont05 .mc05_ul li:nth-child(3) p{line-height:44px; height:56px;}
	.main_cont05 .mc05_ul li .img_box{height:160px; background-size:auto 160px; background-position:center !important}
	.main_cont05 .mc05_ul li:nth-child(2) .img_box{background-image:url(../img/mmc05_02.png);}
	.main_cont05 .mc05_ul li:nth-child(3) .img_box{background-image:url(../img/mmc05_03.png);}
	.main_cont05 .mc_more{margin-top:50px; background:#f4f8ff;}
}

/* 후기 */
.main_cont06 .mc06_header{display:flex; align-items: center; justify-content: space-between;}
.main_cont06 .mc06_header a{outline:0 !important}
.main_cont06 .mc_title{margin-bottom:-6px;}
.main_cont06 .mc06_con{margin-top:75px; overflow:hidden;}

@media (max-width:991px){
	.main_cont06 .mc_title{margin-bottom:0;}
	.main_cont06 .mc06_header a img{height:20px;}
	.main_cont06 .mc06_con{margin-top:35px;}
}

/* 멤버십 */
.main_cont07{padding:90px 0 100px; background:url(../img/mc07_bg.jpg) no-repeat bottom center /cover;}
.main_cont07 .mc_title{font-size:55px; color:#fff; line-height:70px;}
.main_cont07 .mc07_ul{display:flex; align-items:center; justify-content: center; margin-top:47px;}
.main_cont07 .mc07_ul li + li{margin-left:80px;}
.main_cont07 .mc07_ul li p{width:94px; white-space:nowrap; font-size:18px; line-height:28px; height:56px; color:#fff; text-align: center; display:flex; justify-content: center; margin-top:23px;}
.main_cont07 .mc_more{margin-top:40px;}

@media (max-width:991px){
	.main_cont07{background-image:url(../img/mmc07_bg.jpg); padding:52px 0 60px;}
	.main_cont07 .mc_title{font-size:35px; line-height:45px;}
	.main_cont07 .mc07_ul{margin-top:35px;}
	.main_cont07 .mc07_ul li + li{margin-left:46px;}
	.main_cont07 .mc07_ul li img{width:73px;}
	.main_cont07 .mc07_ul li p{font-size:14px; line-height:22px; width:73px; margin-top:14px; height:44px;}
}

/* 푸터 */
.fix_footer{padding:40px 0;}
.fix_footer.border{border-top:1px solid #eeeeee}
.fix_footer .container_fix{display:flex; justify-content: space-between;}
.fix_footer .container_fix .ft_left{display:flex;}
.fix_footer .container_fix .ft_left .fix_links{display:flex; margin-bottom:30px;}
.fix_footer .container_fix .ft_left .fix_links li{display:flex; align-items: center;}
.fix_footer .container_fix .ft_left .fix_links li + li:before{content:'·'; font-size:16px; color:#222; font-weight:500; display:block; margin:0 20px;}
.fix_footer .container_fix .ft_left .fix_links li a{color:#222222; font-size:16px; font-weight:500;}
.fix_footer .container_fix .f_logo{margin-right:70px;}
.fix_footer .container_fix .ft_right ul{display:flex; align-items: center;}
.fix_footer .container_fix .ft_right ul li + li{margin-left:30px;}

@media (max-width:991px){
	.fix_footer{padding:28px 0;}
	.fix_footer .container_fix{flex-direction:column;}
	.fix_footer .container_fix .ft_left{flex-direction:column;}
	.fix_footer .container_fix .f_logo{margin-right:0; }
	.fix_footer .container_fix .f_logo img{height:54px; margin:0 auto; display:block;}
	.fix_footer .container_fix .ft_left .fix_links{margin-bottom:14px; justify-content: center;}
	.fix_footer .fix_infos_box{padding:30px 0; text-align: center; }
	.fix_footer .container_fix .ft_left .fix_links li a{font-size:13px;}
	.fix_footer .container_fix .ft_left .fix_links li + li:before{margin:0 15px; font-size:13px;}
	.fix_footer .fix_infos_box .info_ul{margin-bottom:0px; display:flex; flex-wrap:wrap; justify-content: center;}
	.fix_footer .fix_infos_box .info_ul li{font-size:12px; line-height:25px;}
	.fix_footer .fix_infos_box .info_ul li + li{margin-left:18px;}
	.fix_footer .fix_infos_box .info_ul li:not(.m_inbk){width:100%;}
	.fix_footer .container_fix .ft_right ul{justify-content: center; }
	.fix_footer .container_fix .ft_right ul li img{height:17px;}
	.fix_footer .container_fix .ft_right ul li:nth-child(2) img{height:16.5px;}
	.fix_footer .container_fix .ft_right ul li:nth-child(3) img{height:11px;}
}

/* 로그인페이지 */
@media (max-width:991px){
	.login-opt2 label {font-size: 14px; font-weight: 400; line-height: 14px; padding-left: 20px !important;}
	.login-opt2 label:after {width: 14px !Important; height: 14px !Important; line-height: 14px !Important; background-size: contain; top: 50% !important;}
	.custom-login .btn.btn-login {height: 40px; line-height: 40px; font-size: 14px;}
	.check-input:checked + label:after {background: url(/img/search_check_on.png); background-size: contain;}
	.lost-box a::after{top:-1px;}
	.login-form .form-group input{padding:2px 10px 0;}
	.register-form .input-css{padding:2px 10px 0;}
}

/* 비밀번호 */
@media (max-width:991px){
	.password_confirm {margin-bottom:50px;}
	.password_confirm .confirm_title{margin-bottom:20px;}
	.password_confirm .confirm_title img{display:none;}
	.password_confirm .confirm_title > h2{font-size:20px; line-height:1.4; margin-top:0;}
	.password_confirm .confirm_wrap > p{font-size:14px; line-height:1.7;}
	.password_confirm .confirm_input .confirm_btn_box .btn_confirm{font-size:4px; height:35px; line-height:35px;}
	.password_confirm .btn_back > a{font-size:13px;}
	.password_confirm .btn_back{margin-top:15px;}
	.password_confirm .confirm_input > label > input{height:35px; line-height:35px; font-size:14px;}
}

/* 회원가입, 회원가입 완료, 주문서, 주문완료 페이지 fix */
@media (min-width:992px){
	.register_result .panel-heading{padding:20px;}
	.register_result .panel-heading > h4{font-size:16px; }
	.register_result .panel-body{padding:20px;}
	.register_result .panel-body p{font-size:14px;}
	.register_result .panel-body p + p{margin-top:20px;}
}

@media (max-width:991px){
	.register_result .panel-body p + p{margin-top:10px;}
}