@charset "utf-8";
@import url('/html/css/color_theme.css');
/* @import url('/html/fonts/pretendard.css'); */

body, body * {letter-spacing:-0.05em !important;}
div {font-weight:400;}
b, strong {font-weight:500;}
.ver_mobile { display:none !important;}
.ver_pc { display:block !important;}
.br_mobile { display:none !important;}
.br_pc { display:block !important;}

h2, h3 {font-weight:600;}
h4 {font-weight:600 !important;}

#wrap {overflow:hidden;}
#header .member_util {border:none !important; box-sizing:border-box !important;background:#f7f7f7 !important;}
#header .member_util li { border:none !important; line-height: 40px !important;}
#header .member_util li a { position:relative !important;padding:0px 15px !important; color:#333 !important; font-weight:400 !important;border:none !important; background:none !important;}
#header .member_util li a:before { content:''; position:absolute; left:0px;top:50%; transform:translateY(-50%) !important; width:1px; height:12px; background:#ccc; }
#header .member_util li:first-child a:before {display:none !important;}
#header .member_util li:last-child a:before {display:none !important;}
#header .member_util li.search {position:absolute;right:0px;top:70px !important;z-index:999 !important;}
#header .member_util li.search a {padding:0px !important;width:50px !important;height: 40px !important;background:url('/html/images/common/search.png') 50% 50% no-repeat !important; border:2px rgba(255,255,255,0.25) solid !important; border-radius:30px !important;box-sizing:border-box;}
#header .member_util li.search a:before {display:none !important;}
#header .member_util li.name {padding-right:15px !important;}

@media all and (min-width:1200px) {
	#header .head_in {padding:23px 20px !important;}
	#header .head_in h1 a {height:54px !important;}
	#header .head_in h1 .svg_logo { max-width:220px !important;max-height: 54px !important;}
}

.compad { padding-top:70px !important; padding-bottom:70px !important;}
.cont_util.compad_t {padding:0px !important;}
.contents_in.about_cont.compad  { padding-bottom:50px !important;}
.about_cont.contents_in img {max-width:100% !important; height:auto !important;}


h3.title {font-size:28px !important; text-align:left !important; margin-bottom:30px !important; letter-spacing:-0.05em !important; }
h3.title small {display:block !important;font-size:18px !important; color:#888888 !important; font-weight:400 !important; margin:10px 0px 30px !important; }
h3.title.center { text-align:center !important;}

#topBanner {background:#000 !important;}
#topBanner .top_txt {width:1200px !important;}
#topBanner .top_txt h3 {font-size: 1.5rem !important;}
#topBanner .top_txt h3 b {font-weight:800 !important;}
#topBanner .top_txt dl dt {background:#0054a1 !important;}
@media all and (max-width: 1300px) {
	#topBanner .top_txt {width:92% !important;}
}

#gnb {width:auto !important; max-width:900px !important;top:80px !important; transform:translateX(-40%) !important;margin:0px auto 0px auto !important;}
#gnb > ul > li { padding-bottom: 20px !important;}
#gnb > ul > li.dep_tit > a {position:relative;}
#gnb > ul > li.dep_tit.on > a.pointColor:before {content:''; position:absolute;right:-8px;top:-3px;width:8px;height:8px;border-radius:50%;background:#0054a1; }
#gnb .depth {top: 40px !important; border:2px #0054a1 solid !important; padding:0px !important; width:170px !important;}
#gnb .depth > li {margin:0px !important;}
#gnb .depth li a {line-height:20px !important;padding:10px 20px !important;font-weight:500 !important;color:#333 !important;}
#gnb .depth li a:hover {background:#f5f5f5 !important;}
#gnb .depth li a::after {right:13px !important;top:50% !important;transform:translateY(-50%) !important; width:7px !important; height:10px !important;border-radius:3px !important;background:url('/html/images/common/gnb_arrow.png') no-repeat !important; 
filter: none !important;}
#gnb .one_depth {left:50% !important;transform:translateX(-50%) !important;}
#gnb .one_depth::after {display:none !important;}
#gnb .two_depth {left:166px !important; top:-2px !important;}

#footer {background:rgba(0,0,0,0.9) !important; padding-top:40px !important;}
#footer .foot_top {border-bottom:1px solid rgba(255,255,255,0.13) !important;}
#footer .foot_top a {color:#fff !important; font-weight:500 !important; margin-right:20px !important;}
#footer .foot_bottom {display:flex; gap:30px; }
#footer .foot_logo {width:160px; }
#footer .foot_logo .svg_logo {max-width:100% !important; filter: invert(100%) grayscale(100%) contrast(80%) !important;}
#footer .foot_info {width:100%;font-size:0.9rem !important;}
#footer .foot_info b {color:rgba(255,255,255,0.3) !important;font-weight:500;}

/**** visual ****/
#visual {background:url('/html/images/common/visual_bg.png') 50% 50% no-repeat !important;  background-size:cover !important; }
#visual .slick-list {max-width:1260px !important; margin:auto !important;}
#visual .slick-list li {margin:0px 15px !important;}
#visual .section {right:0% !important; width:100% !important; margin-right:0px !important; }

#visual_banner {width:100%;background:#120462 url('/html/images/common/sub_bg.jpg') 50% 50% !important;height:auto !important; min-height:150px !important;}
#sub_banner.bgColor {width:auto !important; max-width:340px !important; margin:0px auto 0px auto;background-color:transparent !important;height:auto !important;padding:40px 0px 40px 100px !important; box-sizing:border-box !important;} 
.sub_banner {width:100%;}
#sub_banner::after {left:0% !important;top:50% !important;transform:translateY(-50%) !important; width:80px !important;height:80px !important; border-radius:0% !important;background-color:transparent !important;background-size:cover !important;}
#sub_banner h2 {position:relative !important;top:0px !important; color:#fff !important;font-size:35px !important; text-align:left !important;padding-top:30px !important;transform: translateY(0%) !important; white-space:nowrap;}
#sub_banner h2::before {content:'강의는 스터디파이터';position:absolute;left:0px;top:0px;display:block;font-size:20px;color:#fff;font-weight:400; margin-bottom:7px;}

#visual_banner .w1230 {position:relative !important; height:auto !important;}
#visual_banner .lnb .box {margin-left:20px !important; }
#visual_banner .lnb .box .title:before {border:none !important; background-image: url('/html/images/common/lnbArrow.png') !important;}
#visual_banner .lnb .box .title.on:before { transform: rotate(135deg) !important;}
#visual_banner .lnb .box .txt:after {display:none !important;}
#visual_banner .stickyMenu {position:absolute !important;top:50% !important; transform: translateY(-50%) !important; padding:0px !important;}
#visual_banner .stickyMenu .lnb{ justify-content: flex-end !important;}
#visual_banner .stickyMenu .lnb .txt, 
#visual_banner .stickyMenu .lnb .dropLst li span, 
#visual_banner .stickyMenu .lnb .dropLst > a {color:#fff !important;}
#visual_banner .lnb .dropLst > a {padding-right:25px !important;}

.lnb_depth { width:100% !important; border-radius:0px !important;border:none !important; margin:0px auto !important; transform:translateY(0%) !important;background:#120462 url('/html/images/common/sub_bg.jpg') 50% 100% !important;}
.lnb_depth .prevArrow {display:none !important;}
.lnb_depth .lnb_cont {max-width:1230px !important;margin:0px auto !important; display:inline-block !important; padding:0px !important; box-shadow:0px -10px 10px rgba(0,0,0,0.2) !important;}
.lnb_depth .prevArrow + .lnb_cont{width:100% !important;margin-left:0px !important;}
.lnb_depth ul {display:flex !important;flex-wrap: nowrap !important; justify-content:flex-start;}
.lnb_depth ul li {width:100%; margin:0px !important;}
.lnb_depth ul li a {position:relative;display:block; width:100%; font-size:1.05rem !important;line-height:20px !important; color:#888 !important;padding:15px 10px !important; border:1px #e6e6e6 solid !important;box-sizing:border-box;background:#f3f4f8 !important;}
.lnb_depth ul li a:hover,
.lnb_depth ul li.tab_title a:hover,
.lnb_depth ul li a.pointColor {background:#fff !important; color:#000 !important;text-decoration:none !important;}
.lnb_depth ul li.active a,
.lnb_depth ul li.tab_title.active a {background:#0054a1 !important; color:#fff !important;text-decoration:none !important; border:1px #0054a1 solid !important;}
.lnb_depth ul li a:hover::before,
.lnb_depth ul li.tab_title.active a::before,
.lnb_depth ul li:first-child a::before {display:none !important;}
.lnb_depth ul li#webtv-main {display:none !important;}

.lnb_tab {border:none !important;border-bottom:1px #ddd solid !important; border-radius:0px !important;text-align:left !important;}
.lnb_tab li:first-child { margin-left:0px !important;}
.lnb_tab li a {font-size:1.2rem;color:#888888 !important;font-weight:500 !important; line-height:60px !important; border-radius:5px !important; }
.lnb_tab li a.mPS2id-highlight {color:#0054a1 !important;}

.best h3.title {display:flex;} 
.best h3.title small {margin:5px 0px 0px 15px  !important;} 
.best_list { width:calc(100% + 26px) !important; margin-left:-26px !important;}
.best_list .slick-list {overflow:hidden !important;}
.best_list .item { margin-left:26px !important; opacity:1 !important;}
.best_list .item .img_box {border:none !important;}
.best_list .item,
.best_list .item .con_box {border:none !important;border-radius:0px !important;}
.best_list .item .con_box {padding:20px 0px 0px !important;}
.best_list .slick-prev,
.best_list .slick-next {transform:translateY(-50%);margin:0px !important;box-shadow:none !important;background-color:#bbbbbb !important;width:35px !important;height:35px !important;background-size:cover !important;}
.best_list .slick-prev {left:-40px !important;background-image:url('/html/images/common/arrow_left.png') !important;}
.best_list .slick-next {right:-65px !important;background-image:url('/html/images/common/arrow_right.png') !important;}

.review h3.title { max-width:700px !important;text-align:center !important; padding-top:40px !important; margin:0px auto !important; border-top:3px #000 solid;}
.review_list li {border-radius:0px !important;}
.review_list li a {padding:30px 26px 80px 26px !important;}
.review_list h4 {font-size:1.05rem !important; height:2.9rem !important;}
.review_list h5 {margin-top:0px !important;}
.review_list p {border:none !important;-webkit-line-clamp:5 !important;line-height:22px !important;height: 110px !important;}
.review_list .review_bottom {position:absolute;left:0px;bottom:0px;background:#f4f4f4; width:100%;height:50px;padding:15px 26px;box-sizing:border-box;}
.review_list .star {margin:0px !important;height:20px !important;}
.review_list .star dd {margin-top:2px !important;}
.review_list li span {right:26px !important; top:50% !important; transform:translateY(-50%);}
.review_list li:hover {border-color:#0054a1 !important; background:#f4f4f4 !important;}
.review_list li:hover .review_bottom {background:#fff !important;}
.review_list.slick-slider {position:static !important;}
.review_list .slick-prev,
.review_list .slick-next { top:45px !important;margin:0px !important;box-shadow:none !important;background-color:#bbbbbb !important;width:50px !important;height:50px !important;border-radius:5px !important;background-size:cover !important;}
.review_list .slick-prev:hover,
.review_list .slick-next:hover {background-color:#a0a0a0 !important;}
.review_list .slick-prev {left:50% !important;margin-left:-250px !important;background-image:url('/html/images/common/arrow_left.png') !important;}
.review_list .slick-next {right:50% !important;margin-right:-250px !important;background-image:url('/html/images/common/arrow_right.png') !important;}

.tutor {display:block; width:100%;}
.tutor h3.title {text-align:center !important;}
.teacher_list {margin-bottom:-30px;}
.teacher_list dl a {display:block;}
.teacher_list dl dt {border-radius:0px !important; background-color:transparent !important;}
.teacher_list dl dd,
.teacher_list .item .con_box {margin:20px 0px !important;}
.teacher_list dl dd p,
.teacher_list .item .con_box p{font-size:20px !important;color:#000 !important;}
.teacher_list dl dd h4, 
.teacher_list .item .con_box h4 {font-size:26px !important;color:#000 !important;margin-bottom:10px;}
.teacher_list .slick-prev,
.teacher_list .slick-next {transform:translateY(-100%); box-shadow:none !important;background-color:transparent !important;margin:0px !important;width:60px !important;height: 60px !important; opacity:0.5;background-size:cover !important; }
.teacher_list .slick-prev:hover,
.teacher_list .slick-next:hover { opacity:0.9;}
.teacher_list .slick-prev {background-image:url('/html/images/common/arrow_left2.png') !important;}
.teacher_list .slick-next {background-image:url('/html/images/common/arrow_right2.png') !important;}

.center .w1230 {display:flex !important; flex-wrap:nowrap !important; align-content: flex-start; padding:70px 0px !important;}
.center .w1230 > div {border-radius:0px !important;margin:0px !important; }
.center .w1230 > div h4 { font-size:25px !important;color:#000 !important; line-height:1 !important; margin:0px !important; padding-bottom:20px !important;border-bottom:1px #000 solid !important; }
.center .w1230 > div h4 a {top:0px !important; transform: translateY(0%) !important; padding:4px 13px 4px 0px !important;font-size:14px !important; text-decoration: none !important;background:url('/html/images/common/more_arrow.png') 100% 50% no-repeat !important;}

.center .w1230 > div.notice_wrap {display:flex; justify-content:space-around !important;background:#fff !important; border:1px #dedede solid !important;position:relative;margin-right:30px !important;width:calc(100% - 400px) !important;padding:0px !important; box-sizing:border-box !important; }
.center .w1230 > div.notice_wrap div.notice {display:inline-block !important;width:50% !important; box-sizing:border-box !important;padding:50px 40px !important;}
.center .w1230 > div.notice_wrap div.notice:first-child {border-right:1px #ddd solid !important;}
.center .w1230 > div.notice_wrap div.notice li { margin:0px !important; padding:10px 0px !important; border-bottom:1px #e1e1e1 solid !important;}
.center .w1230 > div.notice_wrap div.notice li a {display:block;position:relative;color:#333 !important;vertical-align: inherit !important;padding-left:20px;width:100% !important;box-sizing:border-box !important;white-space:nowrap; overflow:hidden !important; text-overflow:ellipsis !important;}
.center .w1230 > div.notice_wrap div.notice li a:before {content:'';position:absolute;left:5px;top:50%;transform:translateY(-50%); width:5px;height:5px;background:#979797; border-radius:50%;} 
.center .w1230 > div.notice_wrap div.notice li span {display:none !important;}

.center .w1230 > div.cs { width:370px !important;background:#e2eef2 url('/html/images/common/cs.png') 100% 0% no-repeat !important;padding:40px !important; box-sizing:border-box;margin:0px !important;border-radius:0px !important; }
.center .w1230 > div.cs h4 {border:none !important; padding-bottom:10px !important;}
.center .w1230 > div.cs dl dt {display:none !important;}
.center .w1230 > div.cs dl dd {width:100% !important; padding:0px !important;}
.center .w1230 > div.cs dl dd ul {width:95%;margin:0px auto;}
.center .w1230 > div.cs dl dd li {position:relative !important;padding:2px 0px 2px 120px !important;line-height:20px !important;box-sizing:border-box !important;}
.center .w1230 > div.cs dl dd li:before {content:'';position:absolute !important; left:105px;top:2px; width:1px; height:calc( 100% - 4px ); background:#bec8cb;}
.center .w1230 > div.cs dl dd li span {padding:2px 0px 2px 35px;line-height:20px !important;font-weight:400 !important;}
.center .w1230 > div.cs dl dd li span.time {background:url('/html/images/common/cs_time.png') 0% 0% no-repeat !important; background-size:23px !important;}
.center .w1230 > div.cs dl dd li span.day {background:url('/html/images/common/cs_day.png') 0% 0% no-repeat !important; background-size:23px !important;}
.center .w1230 > div.cs .katalk {width:100%; margin:25px auto; padding:18px 30px 18px 110px;border-radius:40px; background:#fff url('/html/images/common/cs_katalk.png') 25px 50% no-repeat;box-sizing:border-box; font-size:17px; line-height:24px;}
.center .w1230 > div.cs .katalk b {display:block;font-weight:600;color:#000;}
.center .w1230 > div.cs .katalk span {display:block;;font-weight:500;color:#0054a1;line-height:1.2;}

.view_table .table_in .imgCont img,
.view_table .table_in .imgCont img.list_bgColor {border-radius:0px !important; background-color:transparent !important;}
.view_table .table_in .txtCont {vertical-align: top !important;}

.market_list .item .con_box h4,
.market_list dl dd h4,
.micro_list .item .con_box h4,
.new_list .item .con_box h4,
.best_list .item .con_box h4,
.photo_list .item .con_box h4,
.thum_list .item .con_box h4,
.gallery_list .item .con_box h4 {font-size:19px !important;height:auto !important;color:#000 !important;line-height:130% !important; margin-bottom:15px !important;max-height: 3.4rem !important;}

.teacher_list .item .img_box,
.market_list .item,
.market_list dl,
.market_list dl dt,
.market_list dl dt img,
.new_list .item, 
.best_list .item, 
.photo_list .item,
.market_list .item .img_box,
.new_list .item .img_box, 
.best_list .item .img_box, 
.photo_list .item .img_box,
.thum_list .item .img_box,
.market_list .item .img_box > img,
.new_list .item .img_box > img,
.best_list .item .img_box > img,
.photo_list .item .img_box > img,
.thum_list .item .img_box a img,
.thum_list .item .img_box > img {border-radius:0px !important;}

.price .dash {font-size:0.9rem !important; font-family:'Pretendard' !important; color:#999 !important; font-weight:400 !important;}
.price strong {font-size:1.05rem !important; font-family:'Pretendard' !important; color:#000 !important; margin-right:7px !important;}
.price .percent {font-size:1.05rem !important; font-family:'Pretendard' !important; color:#fa5800 !important; font-weight:800 !important; margin-right:7px !important;}
.subscribe_view .price strong {color:#fff !important; } 

.best_list .item .con_box .price { padding-top:15px !important;margin-top:15px !important;border-top:1px #ddd solid !important;}

.thum_list {border-top: 1px solid #d8dde2 !important;}
.thum_list .item {padding:25px 0px !important;border-bottom:1px solid #d8dde2 !important;}
.thum_list .item .img_box {border:1px solid #d8dde2 !important; vertical-align:top !important;}
.thum_list .item .con_box {width: calc(100% - 230px) !important; padding-left: 30px !important;}
.thum_list .item .con_box .etc { margin-bottom:7px;font-weight:500;} 
.thum_list .item .con_box .hash span {margin-right:9px !important;}
.thum_list .item .con_box p.stxt {line-height:1.5 !important;height:auto !important;max-height: 3.0rem !important;}
.thum_list .item .con_box ul {margin:10px 0px 0px !important;}
.thum_list .item .con_box .price { margin-top:10px !important;}
.thum_list .item .con_box .btn a {margin:10px 0px !important;padding-left:0px !important;}
.thum_list .item .con_box .btn a .svg {display:none !important;}

.photo_list .item .con_box {padding:20px 25px !important;}
.photo_list .item .con_box h4 {margin-bottom:5px !important;}
.photo_list .item .con_box ul li span { display:none !important;}
.photo_list .item .con_box ul li {padding-left:0px !important;}
.photo_list .item .con_box .price { padding-top:15px !important;margin-top:15px !important;border-top:1px #ddd solid !important;}

.main_book {border:1px #ddd solid;width:100%; padding:40px 25px;box-sizing:border-box;}
.market_list dl,
.market_list dl dt {border:none !important;}
.market_list dl dd {padding:20px 0px 0px !important;}
.market_list dl dd h4 {text-align:center !important;}
.market_list dl dd .price {margin-top:15px !important;text-align:center;}
.market_cont .apply_view .imgCont .view_img {width:100% !important;}

.market_list .item{ border:none !important;} 
.market_list .item .img_box { border:1px #ddd solid !important;padding:20px !important; background-color:#ececec !important;box-sizing:border-box !important;}
.market_list .item .con_box {padding:20px 0px !important;}
.market_list .item .con_box	 h4 {text-align:center !important;}
.market_list .item .con_box .price {margin-top:15px !important;text-align:center;}

.market_list,
.photo_list,
.gallery_list {margin-bottom:-30px !important;}

.market_cont .view_info,
.apply_view .imgCont .view_img,
.view_C_type .apply_table .rightCont,
.price_table {border-radius:0px !important;}
.apply_view .txtCont h4 {margin-bottom:15px !important;}

.btn_cont .bestColor,
.qna_cont td .status.bestColor {background-color: #b62f2b !important;}
.btn_b {border: 1px solid #b62f2b !important; background: #b62f2b !important;}


.gallery_list .item .img_box {border-radius:0px !important;}
.gallery_list .item .con_box ul {display:none;margin-top:10px !important;}

.faq_cont dt a {color:#000 !important;}
.faq_cont dd .cont {font-size:0.9rem !important;}
.faq_cont dd span.A {color:#777 !important;}

.qna_cont th {padding:15px 0px !important;}
.qna_cont td {padding:12px 10px !important;border-bottom: 1px solid #dedede !important;}

.bbs_dot li span {padding-right:7px;}

.page_num,
.page_num .page_box,
.page_bar .page_box {margin-top:30px !important;}

.clause h3,
.privacy h3,
.refund h3 {color:#000 !important; margin-top:30px !important;}

.subscribe_notice .subscribe_notice_in {padding:20px !important; min-width:200px;}
.subscribe_cont .sub_txt {margin:0px !important;}
.subscribe_cont .rule_cont {margin-top:40px !important;}

.location {position:relative;}
.location .loca_info dl {width:100%;}
.detailBtn {bottom:0px !important;}

.pay_table {border-radius:0px !important;}


.greeting {width:100%; text-align:center ; margin:5% auto;}
.greeting h5 {font-size:35px; color:#000; font-weight:400; margin-bottom:50px; line-height:1.3 !important;}
.greeting h5 em {color:#b62f2b; font-weight:600; font-style:normal;  line-height:1.3 !important;}
.greeting p {text-align:center;}
.greeting img { max-width:100%;}


@media all and (max-width: 1500px) {
	.best_list .slick-prev {top:-45px !important;left:auto !important;right:45px !important;}
	.best_list .slick-next {top:-45px !important;right:0px !important;}

	.teacher_list .slick-prev { top:-20px !important; margin-left:-15px !important;} 
	.teacher_list .slick-next { top:-20px !important; margin-right:-15px !important;}
}

@media all and (max-width: 1300px) {
	#visual_banner .stickyMenu {width:calc(100% - 40px) !important; margin:0px 20px !important;}

	.center .w1230 { padding:70px 20px !important;}
}

@media (max-width: 1200px) {
	.center .w1230 > div.notice_wrap {width:calc(100% - 350px) !important;}
	.center .w1230 > div.notice_wrap div.notice  {padding:40px 30px !important;}
	.center .w1230 > div.cs { width: 320px !important;padding:40px 30px !important;}	
	
}

@media all and (max-width: 980px) {	
	#visual .section {right:0% !important; width: 100% !important; background-size:contain !important; }
	#visual .slick-list li {margin:15px !important;}
	#visual .slick-prev,
	#visual .slick-next {box-shadow:0 5px 12px rgb(0 0 0 / 5%) !important;  margin:0px !important;}
	#visual .slick-prev {left:1% !important;}
	#visual .slick-next {right:1% !important;}

	.compad { padding-top:60px !important; padding-bottom:60px !important;}
	h3.title {font-size:24px !important; margin-bottom:20px !important;}
	h3.title small {font-size:16px !important; margin:10px 0px 20px !important; }

	#visual_banner {min-height:100px !important;}
	#sub_banner.bgColor { padding:35px 0px !important;} 
	#sub_banner::after {display:none !important;}
	#sub_banner h2 {font-size:26px !important;padding-top:25px !important; text-align:center !important;}
	#sub_banner h2::before {font-size:15px !important;width:100%;text-align:center !important;}

	.lnb_depth {display:flex !important; padding:5px !important;background: #f3f4f8 !important; border:none !important;border-bottom:1px #e6e6e6 solid !important;transform: translateY(0%) !important; }
	.lnb_depth .lnb_cont {width:100% !important;text-align:center; min-height:30px !important;box-shadow:none !important;}
	.lnb_depth ul {width:auto !important; flex-wrap:wrap !important;}
	.lnb_depth ul li {width:auto !important;}
	.lnb_depth ul li a {font-size:14px !important;padding:7px 15px !important; background:none !important; white-space:nowrap !important;border:none !important;border-radius:3px !important;}
	.lnb_depth ul li a:hover,
	.lnb_depth ul li.tab_title a:hover,
	.lnb_depth ul li a.pointColor {background:#f3f4f8 !important;}
	.lnb_depth ul li.active a, 
	.lnb_depth ul li.tab_title.active a {border:none !important;background:#0054a1  !important;}

	.market_list .item .con_box h4,
	.market_list dl dd h4,
	.micro_list .item .con_box h4,
	.new_list .item .con_box h4,
	.best_list .item .con_box h4,
	.photo_list .item .con_box h4,
	.thum_list .item .con_box h4,
	.gallery_list .item .con_box h4 { font-size:17px !important;margin-bottom:12px !important;}

	.best_list .slick-prev,
	.best_list .slick-next {top:-35px !important;}

	.teacher_list dl dd p,
	.teacher_list .item .con_box p {font-size:17px !important;}
	.teacher_list dl dd h4,
	.teacher_list .item .con_box h4 {font-size:22px !important;}
	.teacher_list .slick-prev,
	.teacher_list .slick-next {top:-30px !important;width:50px !important;height: 50px !important; }

	.review_list .slick-prev,
	.review_list .slick-next {top:55px !important;width:40px !important;height:40px !important; }

	.center .w1230 {flex-wrap:wrap !important; align-content: flex-start;padding-top:60px !important; }
	.center .w1230 > div {width:100% !important; }
	.center .w1230 > div h4 { font-size:22px !important;}
	.center .w1230 > div.notice_wrap {margin:0px 0px 30px 0px !important;width:100% !important; }
	.center .w1230 > div.notice_wrap div.notice {padding:40px 30px !important;}
	.center .w1230 > div.notice_wrap div.notice li a {padding-left:10px;}
	.center .w1230 > div.notice_wrap div.notice li a:before {left:0px;width:4px;height:4px;} 
	.center .w1230 > div.cs { width:100% !important;padding:40px 40px !important; }
	.center .w1230 > div.cs dl dd ul {display:inline-block;}
	.center .w1230 > div.cs dl dd li {float:left;width:50%;}

	.cont_util {margin: 30px 0 20px !important;}

	.greeting h5 {font-size:26px; margin-bottom:35px;}

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

	#sub_banner h2 {font-size:20px !important;padding:0px !important; text-align:center !important;}
	#sub_banner h2::before {display:none !important;}
	#visual_banner .stickyMenu { top:70px !important;transform: translateY(0%) !important;}
	#visual_banner .stickyMenu .lnb {justify-content:center !important; }

	.qna_cont td {padding:15px 0px !important;}
	.mo_line .tit {margin-bottom:5px !important; line-height: 1.3 !important;}
	.mo_line .tit a {font-size:15px !important; line-height: 1.3 !important; word-break:keep-all;}
	.bbs_dot {display:flex !important; gap:15px !important; }
	.bbs_dot li {margin:0px !important;}
	.bbs_dot span {display:none !important; }
}

@media all and (max-width: 680px) {	
	
	#header .head_in h1 .svg_logo {max-height:34px !important;}
	.login_cont h1 .svg_logo {max-height: 40px !important;}
	.login_cont .login_in h3 { margin-top:20px !important;}

	#footer .foot_top {text-align:center !important;}
	#footer .foot_top a {font-size:13px !important;margin:0px 6px !important;}
	#footer .foot_bottom {flex-wrap:wrap; gap:15px;}
	#footer .foot_logo {width:130px;}
	
	.compad { padding-top:40px !important; padding-bottom:40px !important;}
	h3.title {font-size:20px !important; margin-bottom:15px !important;}
	h3.title small {font-size:14px !important;margin:7px 0px 15px !important;}

	#visual .slick-prev,
	#visual .slick-next {width:30px !important; height:30px !important;}

	#visual_banner {min-height:100px !important;}
	#sub_banner.bgColor {padding:25px 0px !important;}
	#visual_banner .lnb_depth .lnb_cont { min-height:24px !important;}	
	#visual_banner .lnb .box {margin-left:13px !important;}
	#visual_banner .lnb .txt, 
	#visual_banner .lnb .dropLst li span, 
	#visual_banner .lnb .dropLst > a {font-size:13px !important;}
	#visual_banner .lnb .box .title:before {right:0px !important; background-size:12px !important;}
	#visual_banner .lnb .dropLst > a {padding-right:18px !important;}
	#visual_banner .lnb .lnbHome img {width:10px !important; margin-bottom:2px !important;}
	#visual_banner .stickyMenu { top:60px !important;}

	.market_list .item .con_box h4,
	.market_list dl dd h4,
	.micro_list .item .con_box h4,
	.new_list .item .con_box h4,
	.best_list .item .con_box h4,
	.photo_list .item .con_box h4,
	.thum_list .item .con_box h4,
	.gallery_list .item .con_box h4 { font-size:15px !important;margin-bottom:10px !important;}

	.best h3.title {display:block;} 
	.best h3.title small {margin:7px 0px 15px 0px !important;} 
	.best_list { width:calc(100% + 10px) !important; margin-left:-10px !important;}
	.best_list .item { margin-left:10px !important;}
	.best_list .item .con_box .price {padding-top:12px !important;margin-top:12px !important;}
	.best_list .slick-prev,
	.best_list .slick-next {top:-30px !important;width:25px !important; height:25px !important;}
	.best_list .slick-prev {right:30px !important;}

	.teacher_list {margin-bottom:-10px;}
	.teacher_list dl dd,
	.teacher_list .item .con_box {margin:15px 0px !important;}
	.teacher_list dl dd p,
	.teacher_list .item .con_box p {font-size:15px !important;}
	.teacher_list dl dd h4,
	.teacher_list .item .con_box h4 {font-size:18px !important;}
	.teacher_list .slick-prev, 
	.teacher_list .slick-next {top:-10px !important; width:40px !important;height:40px !important;}

	.review h3.title {padding-top:0px !important; border:none !important;}
	.review_list li a {padding:20px 20px 70px 20px !important;}
	.review_list .review_bottom {height:40px;padding:10px 20px;}
	.review_list .star dd {margin-top:4px !important;}
	.review_list li span {right:20px !important;}
	.review_list .slick-prev.slick-arrow,
	.review_list .slick-next.slick-arrow { top:23px !important; width:25px !important;height:25px !important;}
	.review_list .slick-prev {left:20px !important;margin-left:0px !important;}
	.review_list .slick-next {right:20px !important;margin-right:0px !important;}

	.center .w1230 {padding:40px 20px !important;}
	.center .w1230 > div {width:100% !important; }
	.center .w1230 > div h4 { font-size:18px !important;padding-bottom:15px !important;}
	.center .w1230 > div.notice_wrap { border:none !important; flex-wrap:wrap;margin:0px !important;}
	.center .w1230 > div.notice_wrap div.notice { border:none !important;width:100% !important;padding:0px !important; margin-bottom:40px !important;}
	.center .w1230 > div.notice_wrap div.notice:first-child {border:none !important;}
	.center .w1230 > div.notice_wrap div.notice li:last-child {border:none !important;}
	.center .w1230 > div.cs { padding:30px !important; }
	.center .w1230 > div.cs dl dd li {float:none;width:100%;}
	.center .w1230 > div.cs .katalk {margin:20px auto; padding:20px 20px 20px 100px;background-position:20px 50% !important;}

	.thum_list {padding:0px !important;}
	.thum_list .item {display:inline-block !important; padding:15px 0px !important;}
	.thum_list .item .img_box {float:left;display:inline-block !important;width:35% !important;}
	.thum_list .item .img_box .label {display:none !important;}
	.thum_list .item .con_box {float:right;display:inline-block !important;width:64% !important; padding:0px 0px 0px 20px !important; box-sizing:border-box !important;}
	.thum_list .item .con_box .btn {display:none !important;}
	.thum_list .item .con_box p.stxt {font-size:14px !important;line-height:1.3 !important;}

	.photo_list .item .con_box {padding:15px 20px !important;}
	.photo_list .item .con_box h4 {margin-bottom:4px !important;}
	.photo_list .item .con_box ul li {font-size:13px !important;}
	.photo_list .item .con_box .price { padding-top:12px !important;margin-top:12px !important;}

	.market_list,
	.photo_list,
	.gallery_list {margin-bottom:-10px !important;}

	.main_book {padding:25px 10px 10px 10px !important;}
	.market_list .item .img_box {padding:15px !important;}
	.market_list dl {margin-bottom:30px !important;}
	.market_list dl dd {padding-top:15px !important;}
	.market_list dl dd h4 {margin-bottom:7px !important;}
	.market_list dl dd .price {margin-top:7px !important;}

	.page_num,
	.page_num .page_box,
	.page_bar .page_box {margin-top:20px !important;}

	.price .dash,
	.price strong,
	.price .percent {margin-right:5px !important;}

	.cont_util {margin:30px 0 10px !important;}
	.contents_in.about_cont.compad,
	.contents_in.compad {padding-top:30px !important;}


	.greeting h5 {font-size:18px; margin-bottom:25px;}

}


.subscribe_cont .lnb_depth { margin-bottom:40px !important;border: 1px solid #ddd !important; padding:0px !important;}
.subscribe_cont .lnb_depth .lnb_tab {border:none !important;}
.subscribe_cont .lnb_depth .lnb_tab a {box-sizing: border-box !important;}
.subscribe_cont .lnb_depth .lnb_tab a.tab_up {border-radius:0px !important;border:none !important;background: #0054a1 !important; color: #fff !important;}