@charset "utf-8";
@import url('/html/fonts/gmarket/Gmarket.css');

:root {
    --point-color: #009948 !important;
}

body, body * {letter-spacing:-0.05em !important;  font-family:'Pretendard' !important;}
div {font-weight:400;}
b, strong {font-weight:500;}
input[type="text"],select,img,textarea{ color:#333 !important;}


.ver_mobile { display:none !important;}
.ver_pc { display:block !important;}
.br_mobile { display:none !important;}
.br_pc { display:block !important;}

h2, h3 {font-weight:500;}
h4 {font-weight:500 !important;}
em {font-style:normal !important;}

h3.title{font-size:40px !important;font-family:'Gmarket Sans' !important; font-weight:600 !important; }
h3.title img {max-width:90% !important;}
h3.title span {font-family:'Gmarket Sans' !important;font-size:0.75em !important;color:var(--point-color) !important; display:block; text-align:center;}

#header .member_util li, 
#header .member_util li.login a {border:none !important;}
#header .member_util li.search a { width:35px !important; height:35px !important;border:none !important;background-image: url('/html/images/common/search.png') !important; background-color:#5b5b5b !important;padding:0px !important; margin:5px 0px 5px 20px !important; border-radius:50% !important; }
#header .member_util li.name {padding-right:5px !important; line-height:35px !important;}
#header .member_util li a {padding: 0 0px 0 40px !important;}

#gnb {top:46px !important; margin-left:0px !important; transform:translateX(-42%) !important ;}
#gnb > ul {display:flex !important; flex-wrap:nowrap !important;}
#gnb > ul > li.dep_tit {padding:0px !important;margin: 0 30px !important; white-space:nowrap;}
#gnb > ul > li.dep_tit > a {display:block !important; font-size: 1.1rem !important; line-height:25px !important; color: #000 !important;font-weight: 500; padding:35px 0px !important;}
#gnb > ul > li.dep_tit.on {color:var(--point-color) !important;}
#gnb > ul > li.dep_tit.on::before {content:''; position:absolute; left:-30px; top:0px; width:calc(100% + 60px); height:2px; background:var(--point-color) !important}

#gnb .depth {width: 150px !important; padding:0px !important;}
#gnb .depth > li {margin:0px !important;}
#gnb .depth li a {padding:10px 10px !important; line-height:1.3 !important;color:#000 !important; text-align:center !important;}
#gnb .depth > li.pointColor > a {color:var(--point-color) !important;background:#f2f3ed !important;}
#gnb .depth li a::after {width:5px !important; height:9px !important; top:50% !important; right:10px !important; transform:translateY(-50%) !important; filter:none !important;}

#gnb .one_depth {top:94px !important; left:50% !important;transform:translateX(-50%) !important;border-top:1px #fff solid !important;}
#gnb .one_depth::after {display:none !important;}
#gnb .two_depth,
#gnb .three_depth  {left:148px !important; top:-1px !important;}
#gnb .two_depth  > li.pointColor > a,
#gnb .three_depth  > li.pointColor > a {background:#fff !important;}


#contents h3.title {font-size:35px !important; font-family:'Pretendard' !important; font-weight:700 !important; }
#footer {background: #2a3929 !important;}
#footer .foot_top {padding-bottom:0px !important; border:none !important;}
#footer .foot_top a {color:#fff !important;}
#footer .foot_bottom {color:rgba(255, 255, 255, 0.5) !important; font-size:15px !important;}

#visual .text_area {display:none !important;}
#visual .section {left:0% !important;right:auto !important; width:100% !important; margin:0px !important; height:100%; background-size:cover !important; background-position:center center !important;}
 
.review_list li a {position:relative; padding:70px 30px 30px 30px !important;}
.review_list li a:before {content:''; position:absolute;left:30px; top:30px; width:30px; height:30px; background:url('/html/images/common/review_icon.png') 0% 0% no-repeat !important;background-size:cover !important; }
.review_list li h5 img.Bg_svg { filter:none !important;}
.review_list li span {top:75px !important;}

.new_list .item,
.new_list .item .img_box,
.new_list .item .img_box > img,
.best_list .item,
.best_list .item .img_box,
.best_list .item .img_box > img {border-radius: 0px !important;}
.new_list .item .con_box,
.best_list .item .con_box {border-radius: 0px !important; border:none !important; padding:20px !important; }

.best_list .item {box-shadow:0px 6px 9px rgba(0,0,0,0.06) !important;}
.best_list .item .con_box h4 {margin-bottom:10px !important; text-align:center !important;}
.best_list .item .con_box ul {margin:0px !important;}
.best_list .item .con_box ul li {padding:0px !important; text-align:center !important; font-size:1rem !important; color:#666 !important;}
.best_list .item .con_box ul li span {position:relative !important; font-size:1rem !important; color:#666 !important;}
.best_list .item .con_box ul li span:after {content:' : ';}

.new_list {gap:30px 15px !important; justify-content:center !important;}
.new_list .item {margin:0px !important; width: calc((100% - 30px) / 3) !important; border:none !important;box-shadow:0px 6px 9px rgba(0,0,0,0.06) !important;}
.new_list .item .con_box h4 {margin-bottom:10px !important; text-align:center !important;}
.new_list .item .con_box ul {margin:0px !important;}
.new_list .item .con_box ul li {padding:0px !important; text-align:center !important; font-size:1rem !important; color:#666 !important;}


.main_cont01 {background:url('/html/images/common/main_cont01_bg.jpg') 50% 50% no-repeat !important; background-size:cover !important;text-align:center !important;}
.main_cont03 {background:url('/html/images/common/main_cont03_bg.png') 50% 50% no-repeat !important; background-size:cover !important;text-align:center !important;}

.main_cont04 ul {width:100%; display:flex; flex-wrap:wrap; gap:20px; }
.main_cont04 li {position:relative;width:calc((100% - 60px) / 4) !important; border:1px #ddd solid; border-radius:26px; display:flex; flex-wrap:wrap; gap:15px;box-sizing:border-box; padding-bottom:50px !important; overflow:hidden;}
.main_cont04 li h1 {width:100%; display:flex;}
.main_cont04 li img {max-width:100%;}
.main_cont04 li h2 {width:100%; text-align:center; font-size:30px;font-weight:bold; color:#fff; line-height:1.2 !important; padding:0px 10px !important;}
.main_cont04 li.mc04_1 {background: linear-gradient(to right, #3662de, #6e91f5);}
.main_cont04 li.mc04_2 {background: linear-gradient(to right, #9347dd, #ce6cf5);}
.main_cont04 li.mc04_3 {background: linear-gradient(to right, #fdb33d, #f4d93c);}
.main_cont04 li.mc04_4 {background: linear-gradient(to right, #ff5c3c, #ff8c39);}
.main_cont04 p {font-size:30px; color:#000; font-weight:600; text-align:center; margin-top:60px !important;}
.main_cont05 {background:url('/html/images/common/main_cont05_bg.png') 50% 50% no-repeat !important; background-size:cover !important;}

.academy {background:url('/html/images/common/main_cont02_bg.png') 50% 50% no-repeat !important; background-size:cover !important;}
.academy .w1230 {display:block !important; margin:0px auto !important; }
.academy h3.title {text-align:center !important; margin:0px !important;}
.academy .video_cont {width:94% !important; max-width:900px !important; display:flex !important; justify-content:center !important; margin:0px auto !important;border:10px #000 solid !important; box-sizing:border-box !important;}
.academy .text_cont { display:none !important;}

#visual_banner.grayBox { background-color: #f2f3ed !important; border-top:1px #ddd solid !important; border-bottom:1px #ddd solid !important;}
#visual_banner .stickyMenu {width:100% !important ;background:#f2f3ed !important; padding:0px 0px !important;}
#visual_banner .stickyMenu .lnb {position:relative;justify-content: flex-start !important; padding:0px !important;}
#visual_banner .lnb .lnbHome {padding:15px 20px !important;}
#visual_banner .lnb .box {height:auto !important;margin-left:0px !important;}
#visual_banner .lnb .box .txt {padding:15px 20px !important;}
#visual_banner .lnb .box .txt:after {top:0px !important;left:0px !important;height:100% !important; transform: translateY(0%) !important;}
#visual_banner .lnb .box .title:before {top:auto !important; right:20px !important;border:none !important;width:15px !important;}
#visual_banner .lnb .dropLst > a {padding-right:24px !important;}
#visual_banner .lnb .dropLst .dlst {top: 56px !important;right: auto !important; left:0px !important; border-radius:0px !important;}
#visual_banner .lnb .box:last-child {border-right:1px #ddd solid !important;}
#visual_banner .lnb .box:last-child .dropLst > a.title {color:#000 !important; }

.lnb_depth {margin:60px auto 40px auto !important;border:none !important; min-height:30px !important;}
.lnb_depth.no_depth {margin-top:40px !important;}
.lnb_depth .lnb_cont { border:none !important; padding:0px !important;min-height:30px !important;}
.lnb_depth ul {gap:10px !important; }
.lnb_depth ul li { margin:0px !important;}
.lnb_depth ul li a {display:block !important; padding:12px 20px !important; font-weight:500 !important; background:#f2f3ed !important; border-radius:30px !important;}
.lnb_depth ul li a.pointColor {text-decoration:none !important;font-weight:500 !important;color:var(--point-color) !important;}
.lnb_depth ul li.active a {text-decoration:none !important;font-weight:500 !important;color:#fff !important; background:var(--point-color) !important;}
.lnb_depth ul li a:after{display:none !important;}
.lnb_depth .prevArrow {display:none !important;}
.lnb_depth .prevArrow + .lnb_cont { width: 100% !important; margin-left:0px !important;}

.cont_util.util_rel.compad_t {padding:0px !important;}

.privacy h3,
.clause h3,
.refund h3 {margin-top: 30px !important; color:#000 !important;}
#contents .clause ol.depth2 li {padding-left:10px !important;}
#contents  .privacy dl dd {padding-left:10px !important;}

.faq_cont dd span.A {color:#666 !important;}
.qna_cont th {background: #fff !important; border-color:#000 !important;}

.view_table .table_in .txtCont > h4:after {content:'쌤!'; }
.view_table .process_tit {font-size:25px !important;; border-radius:0px !important; border:none !important;line-height:1.2 !important; padding: 0px !important;}

.mem_age .age_box .tx {margin-top:5px !important;}
.price_table .applyBtn a .svg {display:none !important;}

.star .svg.Bg_svg,
.Bg_svg_w { filter: invert(53%) sepia(34%) saturate(2061%) hue-rotate(6deg) brightness(170%) contrast(85%) !important;}

.photo_list .item,
.photo_list .item .img_box,
.photo_list .item .img_box > img {border-radius: 0px !important;}
.photo_list .item .con_box {border-radius: 0px !important; border:none !important; padding:20px !important; }
.photo_list .item {box-shadow:0px 6px 9px rgba(0,0,0,0.06) !important;}
.photo_list .item .con_box h4 {margin-bottom:10px !important; text-align:center !important;}
.photo_list .item .con_box ul {margin:0px !important;}
.photo_list .item .con_box ul li {padding:0px !important; text-align:center !important; font-size:1rem !important; color:#666 !important;}
.photo_list .item .con_box ul li span {position:relative !important; font-size:1rem !important; color:#666 !important;}
.photo_list .item .con_box ul li span:after {content:' : ';}

.thum_list .item .con_box .btn a.cart .svg,
.thum_list .item .con_box .btn a.apply .svg {display:none !important;}
.thum_list .item .con_box .btn a {padding:0px !important;}
.applyBtn a .svg {display:none !important;}

.teacher_list dl dt,
.teacher_list .item .img_box {border-radius:20px !important;}

.root_daum_roughmap .cont {border:1px #ddd solid !important;}
.root_daum_roughmap .cont .section_address {display:none !important;}
.location .loca_info {margin:0px 0px 50px !important; padding-top:30px !important;}
.detailBtn {bottom:80px !important;}

@media (min-width: 1024px) {
	#header .head_in {padding:25px 20px  !important;}
	#header .head_in .mypage {top:25px !important; right:20px !important;}
	#header .head_in h1 a {height:45px !important;}
	
}

@media (max-width: 1500px) {
	.best_list {width:100% !important;}
}

@media (max-width: 1300px) {
	#visual_banner .stickyMenu .lnb::before {display:none;}
	#visual_banner .w1230 {padding:0px !important;}

	#gnb > ul > li.dep_tit {margin: 0 20px !important;}
	#gnb > ul > li.dep_tit > a {font-size: 1.04rem !important;}
	#gnb > ul > li.dep_tit.on::before {left:-20px;width:calc(100% + 40px);}

	.contents_in.about_cont {margin-bottom:30px !important;}

	.detailBtn {bottom:0px !important;}
}

@media (max-width: 980px) {
	#contents h3.title,
	h3.title {font-size:35px !important;}

	.main_cont04 ul {gap:15px !important; }
	.main_cont04 li {width:calc((100% - 45px) / 4) !important;border-radius:20px !important; gap:10px !important; padding-bottom:40px !important;}
	.main_cont04 li h2 {font-size:25px !important;}
	.main_cont04 p {font-size:25px !important;margin-top:50px !important;}

	.location .loca_info {margin-bottom:30px !important;}

}

@media (max-width: 680px) {
	.ver_mobile { display:block !important;}
	.ver_pc { display:none !important;}
	.br_mobile { display:block !important;}
	.br_pc { display:none !important;}

	#contents h3.title,
	h3.title{font-size:22px !important;}

	#footer .foot_top a,
	#footer .foot_bottom {font-size:14px !important;}

	#visual_banner .lnb .lnbHome {padding:8px 12px !important;}
	#visual_banner .lnb .box .txt {padding:8px 12px !important;}
	#visual_banner .lnb .dropLst .dlst {top:38px !important}
	#visual_banner .lnb .box .title:before {top:50% !important; right:12px !important }
	.lnb .dropLst > a {line-height:22px !important;}
	.lnb .txt, .lnb .dropLst li span, .lnb .dropLst > a {font-size:13px !important;}

	#contents .compad,
	.compad {padding-top:40px !important; padding-bottom:40px !important;}
	#contents .compad_t,
	.compad_t {padding-top:40px !important; padding-bottom:0px !important;}
	#contents .compad_b,
	.compad_b {padding-top:0px !important; padding-bottom:40px !important;}

	.main_cont04 ul {gap:10px !important; }
	.main_cont04 li {width:calc((100% - 10px) / 2) !important;border-radius:15px !important; gap:5px !important;padding-bottom:20px !important;}
	.main_cont04 li h2 {font-size:18px !important;}
	.main_cont04 p {font-size:16px !important;margin-top:30px !important;}

	.best_list { width: calc(92% - 70px) !important;}
	.view_table .process_tit {font-size:20px !important;}

	.lnb_depth {margin:30px auto 20px auto !important;}
	.lnb_depth.no_depth {margin-top:20px !important;}
	.lnb_depth ul {gap:5px !important; }
	.lnb_depth ul li a {padding:8px 10px !important; font-size:14px !important;}

	.view_C_type .apply_view .txtCont {padding:0px 20px 0px 0px !important;}
	.view_C_type .apply_view .txtCont .v_util {position:absolute !important; bottom:0px !important;}

	#contents .cont_util.util_rel.compad_t { padding:0px !important;}
	.faq_cont dt:before {width:2px !important; height:12px !important; top:16px !important; right:20px !important;}
	.list_cont .mo_line h6.tit {padding-right:0px !important;}

}