@charset "utf-8";
@import url('/html/css/color_theme.css');
@import url('/html/fonts/pretendard/pretendard.css');
@import url('/html/fonts/gmarket/Gmarket.css');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap');

body, body * {letter-spacing:-0.05em !important; font-family:'Pretendard' !important; word-break:keep-all !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:600;}
h4 {font-weight:600 !important;}

.compad { padding-top:70px !important; padding-bottom:70px !important; }
#contents .compad { padding-top:50px !important; padding-bottom:50px !important; }
.w1230 {width:100% !important;max-width:1230px !important;}

.cont_util.compad_t {padding:0px !important;}
.cont_util  {margin-top:0px;}
.contents_in.compad,
.contents_in.compad_t {padding-top:40px !important;}

.contents_in.about_cont ol, 
.contents_in.about_cont ul, 
.contents_in.about_cont li {
    list-style: none !important;
}

.contents_in.about_cont.w1230 {max-width:1270px !important;}

h3.title {position:relative !important; font-size:35px !important;font-weight:700 !important;color:#000 !important;line-height:1.2 !important; margin-bottom:35px !important; text-align:center !important; letter-spacing:-0.05em !important; }
h3.title b {font-weight:800 !important;}
h3.title small {display:block !important;font-size:0.7em !important; color:#666 !important; font-weight:500 !important;}
h3.title span {color:#2476ff !important;display:block;font-size:20px !important;font-weight:400 !important; padding-bottom:0px !important;letter-spacing:0em !important;}

h3.sub_title {position:relative !important; font-size:30px !important;font-weight:400 !important;color:#000 !important;line-height:1.4 !important; margin-bottom:35px !important; text-align:center !important; letter-spacing:-0.05em !important; }
h3.sub_title b {font-weight:600 !important;}
h3.sub_title em {color:#025ba5 !important;font-style:normal !important;}
h3.sub_title > small {display:block !important; font-size:24px !important;font-family:'Noto Serif', serif !important; color:#333 !important; font-weight:400 !important;}

#header .member_util {position:relative !important; border:none !important; margin-top:15px !important;}
#header .member_util li {border:none !important;line-height:20px !important;}
#header .member_util li a {border:none !important; background:none !important; padding:0px 12px !important; }
#header .member_util li.search { position:absolute !important; right:0px !important; top:45px !important; z-index:1000 !important;}
#header .member_util li.search a {background: url(/theme/6/img/main/search.png) no-repeat !important;padding:0px !important; width:30px !important; height:42px !important; }
#header .head_in .mypage {top:25px !important;background:#02549d !important; width:auto !important; height:42px !important; line-height:42px !important; padding:0px 20px !important; transform:translateX(-55px) !important; }
#header .member_util li.name {padding-right:12px !important;}

#footer {background:#333333 !important;}
#footer .foot_top {display:flex; border:none !important; margin:0px !important;}
#footer .foot_top a {position:relative;font-size:18px !important; color:#fff !important; margin:0px !important;padding-right:31px !important;}
#footer .foot_top a::before {content:''; position:absolute !important; top:50% !important; transform:translateY(-50%); right:15px !important;  width:1px !important;height:14px !important; background:rgba(255, 255, 255, 0.2) !important;}
#footer .foot_top a:last-child::before {display:none !important;}
#footer .foot_top a:last-child {padding:0px !important;}
#footer .foot_bottom {font-size:15px !important;color:rgba(255, 255, 255, 0.6) !important;}

#gnb { width: calc( 100% - 300px ) !important; max-width:930px !important; top:60px !important; left: 50% !important; margin-left:0px !important; transform:translateX(-50%) !important ;}
#gnb > ul {display:flex; flex-wrap:nowrap; justify-content:center;}
#gnb > ul > li {position:relative !important;  margin: 0 15px !important; padding:10px 5px 30px !important;}
#gnb > ul > li.dep_tit.on > a {color:#02549d !important; }
#gnb > ul > li.dep_tit.on:before {content:''; position:absolute !important; width:100% !important; top:0px !important; left:0px !important; height:2px !important; background:#02549d !important;}
#gnb .one_depth::after {display:none !important;}
#gnb .depth {top:50px !important; left:50% !important; transform:translateX(-50%) !important; border:none !important; box-shadow: 0px 4px 14px 0px rgba(0,0,0,0.1) !important; padding:10px !important; }
#gnb .depth > li {margin:0px !important;}
#gnb .depth li a { padding:0px !important; text-align:center !important; line-height:35px !important; border-radius:3px !important; }
#gnb .depth > li.pointColor a,
#gnb .depth > li:hover a {background:#02549d !important; color:#fff !important; }

/* 메인화면 */
#visual  {z-index:1 !important;}
#visual .section {left:0% !important;right:auto !important; width:100% !important; margin:0px !important; height:100%; background-size:auto 100% !important; background-position:center center !important;}
#visual .sub_imgbox .slick-dots {bottom:40px !important; display:flex !important; gap:12px !important;transition: all 0.3s linear !important; }
#visual .sub_imgbox .slick-dots li {width:20px !important;height:8px !important;border-radius:10px;margin:0px !important;background:rgba(255,255,255,0.3) !important;transition: all 0.3s linear !important;}
#visual .sub_imgbox .slick-dots li.slick-active {width:20px !important; background:#fff !important;}
#visual .slick-prev, #visual  .slick-next { width:60px !important; height:60px !important; top:50% !important; transform:translateY(-50%) !important; margin:0px !important; border-radius:0px !important;background-size:contain !important;}
#visual .slick-prev { left:1% !important;background:url('/html/images/common/arrow_left.png') 50% 50% no-repeat !important;}
#visual .slick-next {right:1% !important;background:url('/html/images/common/arrow_right.png') 50% 50% no-repeat !important;}

.main_banner {position:relative; width:100%;display:flex;padding:0px;margin:50px 0px;text-align:center; background:#fff;box-sizing:border-box;}
.main_banner ul {width:100%;display:flex; justify-content:space-around; }
.main_banner li {position:relative;width:170px; padding:0px;margin:0px;box-sizing:border-box; transition:0.2s all ease-out;}
.main_banner li a {position:relative;display:block;padding:20px;text-align:center;box-sizing:border-box;word-break:keep-all; transition:0.2s all ease-out;}
.main_banner li h2 {width:100%;line-height:20px;font-size:18px;font-weight:500;color:#000;text-align:center;letter-spacing:-0.05em;margin:7px 0px; }
.main_banner li span {display:inline-block;width:90px;height:90px;box-sizing:border-box; transition:0.2s all ease-out;background-size:contain !important;}
.main_banner li span.main_banner1 {background:url('/html/images/common/main_banner1.png') 50% 50% no-repeat;}
.main_banner li span.main_banner2 {background:url('/html/images/common/main_banner2.png') 50% 50% no-repeat;}
.main_banner li span.main_banner3 {background:url('/html/images/common/main_banner3.png') 50% 50% no-repeat;}
.main_banner li span.main_banner4 {background:url('/html/images/common/main_banner4.png') 50% 50% no-repeat;}
.main_banner li span.main_banner5 {background:url('/html/images/common/main_banner5.png') 50% 50% no-repeat;}
.main_banner li:hover {box-shadow:0px 0px 10px rgba(0,0,0,0.1);}

.best {background-image:url('/html/images/common/mbest_bg.png') !important;background-position: 50% 0% !important; background-repeat:no-repeat !important; }

.main_page {display:flex !important; flex-wrap: nowrap !important; gap:0px;}
.main_page li { position:relative !important; width:50% !important; box-sizing:border-box !important; color:#000 !important; transition: all 0.3s linear !important;}
.main_page li h1 {font-size:25px !important; line-height:1 !important; margin-bottom:15px;}
.main_page li h2 {font-size:45px !important; line-height:1 !important; font-weight:800 !important; margin-bottom:15px;}
.main_page li p {font-size:1rem !important; line-height:1.5 !important; color:#666666 !important; margin-bottom:30px !important;}
.main_page li a {display:inline-block !important; width:auto !important; font-size:1rem !important; line-height:1.5 !important; transition: all 0.3s linear !important;}
.main_page li.mp_info {padding:10px 50px 0px 0px !important;background:url('/html/images/common/mp_info.png') bottom right 30px no-repeat !important;color:#000 !important;}
.main_page li.mp_info a {position:absolute !important; left:0px !important; bottom:0px !important;padding:12px 25px !important; border-radius:3px !important; color:#fff !important; background:#2d3238 !important; }
.main_page li.mp_info a:hover { background:#2476ff !important;padding:12px 30px !important;}
.main_page li.mp_review {padding:50px !important;background:#2476ff url('/html/images/common/mp_review.png') 100% 50% no-repeat !important;color:#fff !important; border-radius:25px !important; }
.main_page li.mp_review:hover {background-color:#1e6bed !important;}
.main_page li.mp_review p {color:#fff !important;}
.main_page li.mp_review a {background:url('/html/images/common/mp_review_arrow.png') 100% 100% no-repeat !important; color:#fff !important;padding:4px 30px 4px 0px !important;}
.main_page li.mp_review a:hover { padding-right:50px !important;}

.center .w1230 { display:flex !important; flex-wrap: nowrap !important; gap:100px;}
.center .w1230 > div {width:100% !important; margin:0px !important; }
.center .w1230 > div h4 { font-size: 1.42rem !important;margin-bottom:25px !important;  }
.center .w1230 > div.notice {}
.center .w1230 > div.notice h4 {padding-left:40px !important; background:url('/html/images/common/notice_icon.png') 0% 50% no-repeat !important;margin-bottom:40px !important;}
.center .w1230 > div.notice li a {font-size:1rem !important; color:#333333 !important;}
.center .w1230 > div.notice li span {font-size:1rem !important; color:#888888 !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 .cs_text {display:block; padding:25px 0px 25px 100px !important; background:url('/html/images/common/main_cs.png') 0% 50% no-repeat !important;}
.center .w1230 > div.cs dl dd h3 {font-size: 1.56rem !important; margin-bottom:5px !important; font-weight:700 !important; }
.center .w1230 > div.cs dl dd li {position:relative; padding:0px 0px 0px 10px !important;}
.center .w1230 > div.cs dl dd li:before {content:''; position:absolute; left:0px; top:8px; width:4px; height:4px; border-radius:50%; background:#000; }
.center .w1230 > div.cs dl dd p {font-size:18px !important; margin:0px !important; padding-bottom:17px !important;border-bottom:1px #ddd solid !important; }
.center .w1230 > div.cs dl dd p.email {font-size:19px !important;padding:0px !important; border:none !important;  color:#333333 !important;}

#contents {position:relative !important;}

.stickyMenu { margin:0px auto !important; top:55px !important; padding:0px !important;	}
.stickyMenu .lnb {height:20px !important; justify-content: flex-start !important;}
.stickyMenu .lnb .box {margin-left:26px !important; height: 20px !important; line-height: 20px !important;}
.stickyMenu .lnb .box .title:before { border:none !important; width:20px !important; height:20px !important;}
.stickyMenu .lnb .box .txt:after {top:50%;left: -15px !important; height:12px !important;transform: translateY(-50%) !important;  }
.stickyMenu .lnb .dep1 {margin-left:30px !important;}
.stickyMenu .lnb .dropLst > a {padding-right:24px !important;line-height:20px !important;}
.stickyMenu .lnb .txt, 
.stickyMenu .lnb .dropLst li span, 
.stickyMenu .lnb .dropLst > a {font-size:15px !important; color:#fff !important; }
.stickyMenu .lnb .lnbHome {top:0px !important; swidth:40px !important; display:flex !important; gap:10px !important; }
.stickyMenu .lnb .lnbHome:after {content:'홈'; color:#fff !important; font-size:15px !important; line-height:20px !important;}
.stickyMenu .lnb .lnbHome img {width:14px !important; height:20px !important;}
.lnb .box .dropLst ul li a:hover {}
.lnb .dropLst .dlst {left:-20px !important; right:auto !important;}
.lnb .box .dropLst ul li a {display:block !important;}

h2.page_stitle {font-size:1.5rem !important; color:#000 !important; text-align:center !important; letter-spacing:-0.7pt !important; line-height:1.3 !important; font-weight:600 !important; margin:30px auto 0px auto !important;}
#visual_banner {position:relative !important; height:auto !important; background-color:#fff !important; }
#visual_banner:before {content:''; position:absolute !important; left:0px !important; top:0px !important; width:100% !important; height:50px !important;background-color: #29abe2 !important; z-index:0;  }
#visual_banner.ver2 .stickyMenu {top:15px !important;}
#visual_banner .stickyMenu .lnb .txt, 
#visual_banner .stickyMenu .lnb .dropLst li span, 
#visual_banner .stickyMenu .lnb .dropLst > a {font-size:15px !important; color:#fff !important; }
#visual_banner .stickyMenu .lnb .box .title:before { background-image: url('/theme/6/img/main/lnbArrow.png') !important;}
#visual_banner .stickyMenu .lnb .box .txt:after {background: rgba(255, 255, 255, 0.5) !important;}
#visual_banner .stickyMenu .lnb .dropLst .dlst {top:25px !important;}
#visual_banner  h2.page_stitle { margin:60px auto 0px auto !important;}

.lnb_depth { border-radius:0px !important; border-left:0px !important; border-right:0px !important; min-height:50px !important;}
.lnb_depth.w1230 {width:calc(100% - 40px) !important; margin:40px auto !important;}
.lnb_depth .lnb_cont {padding:15px 0px !important;min-height:20px !important;}
.lnb_depth .prevArrow {border: 1px solid #ddd !important;top:50% !important;transform: translateY(-50%) !important; width:37px !important; height:37px !important; padding:0px !important; border-radius:2px !important;}
.lnb_depth .prevArrow::after {display:none !important;}
.lnb_depth .prevArrow::before { top:50% !important;}
.lnb_depth ul {width:100% !important; padding:0px !important;}
.lnb_depth ul li {position:relative !important;}
.lnb_depth ul li::before { content:''; position:absolute; left:-25px !important; top:50% !important; transform:translateY(-50%) !important; width:4px; height:4px; border-radius:50%;background:#acacac; }
.lnb_depth ul li:first-child::before {display:none !important;}
.lnb_depth ul li.active a {color:#000 !important; font-weight:500 !important;}
.lnb_depth ul li a {font-weight:400 !important; color:#777 !important;}
.lnb_depth ul li a:hover {text-decoration:none !important;color:#000 !important; font-weight:600; }
.lnb_depth ul li.active::after { display:none; content:''; position:absolute; left:50% !important; top:39px !important; transform:translateX(-50%) !important; width:100%; height:1px; background:#000; }
.lnb_depth ul li#webtv-main {display:none !important;}
.lnb_depth ul li#category-::before {display:none !important;}

.reviewWrap h4.sub_tit {margin:50px 0 30px !important;}

/* 과정 관련 */
.page_num,
.page_num .page_box,
.page_bar .page_box {margin-top:30px !important;}

.price strong.percent, 
.price .dash {margin-right:5px !important;}
.price .dash,
.price strong {font-size:1rem !important;}
.market_list .item .con_box .price strong, 
.new_list .item .con_box .price strong, 
.best_list .item .con_box .price strong,
.photo_list .item .con_box .price strong,
.thum_list .item .con_box .price strong { color:#fc2b6c !important;}
.price .dash,
.price strong.dash,
.item .con_box .price strong.dash {color:#888 !important;}
.price .dash::after {bottom:49% !important;}

.item .con_box .hash span { color:#29abe2 !important;}
.item .con_box h4 {font-size:20px !important;height:auto !important;color:#000 !important;line-height:120% !important; margin-bottom:12px !important;max-height: 3rem !important; display: -webkit-box; white-space:normal; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break:keep-all !important; overflow:hidden !important;}
.item .com_box p.stxt {font-size:1rem !important;line-height:1.3 !important; height: 2.8rem;}
.item .con_box .btn a {padding-left:0px !important;}
.item .con_box .btn a .svg {display:none !important;}

.best h3.title {position:relative !important;padding-bottom:20px !important; }
.best h3.title:before {content:''; position:absolute !important; left:50% !important;bottom:0px !important; transform:translateX(-50%) !important; width:50px !important;height:3px !important; background:#2476ff !important; }
.best_list .item { border-radius:10px !important;border:none !important;}
.best_list .item .img_box{border-radius:10px 10px 0px 0px !important;}
.best_list .item .img_box > img {border-radius:10px 10px 0px 0px !important;}
.best_list .item .con_box {border:none !important;padding:25px 20px !important; text-align:center !important;}
.best_list .item .con_box h4 {position:relative !important; font-size:1.05rem !important;margin-bottom:45px !important; overflow:visible !important;}
.best_list .item .con_box h4::before { content:''; position:absolute !important; left:50%; bottom:-23px; transform:translateX(-50%); width:20px; height:2px; background:#858585; z-index:10;}
.best_list .item .con_box ul {display:flex !important; gap:18px !important; justify-content:center !important; margin:0px !important;}
.best_list .item .con_box ul li {padding-left:0px !important; margin:0px !important; }
.best_list .item .con_box ul li::before {content:''; position:absolute; left:-9px;top:50%;  transform:translateY(-50%); width:1px; height:14px; background:#d0d0d0;}
.best_list .item .con_box ul li:first-child::before {display:none !important;}
.best_list .item .con_box ul li span { display:none !important;}
.best_list .item .con_box ul li.day {padding-left:23px !important;background:url('/html/images/common/icon_time.png') 0% 50% no-repeat !important;}
.best_list .item .con_box .price {display:flex !important; gap:10px !important;flex-direction:row-reverse !important; justify-content:center !important; margin-top:10px !important;}
.best .slick-prev, 
.best .slick-next {width:55px !important; height:55px !important; border:1px #2476ff solid !important; background-size:cover !important;}
.best .slick-prev {left:5px !important;background-image:url('/html/images/common/arrow_left_b.png') !important;} 
.best .slick-next {right: -27px !important;background-image:url('/html/images/common/arrow_right_b.png') !important;}

.photo_list .item { border-radius:0px !important;border:none !important;}
.photo_list .item .img_box{border:1px solid #ddd !important; border-radius:10px !important;}
.photo_list .item .img_box > img {border-radius:10px !important;}
.photo_list .item .con_box {padding:25px 0px !important;}
.photo_list .item .con_box ul {display:flex; gap:18px; border-top:1px #ddd solid !important; padding:15px 7px !important; margin:0px !important;}
.photo_list .item .con_box ul li {padding-left:0px !important; margin:0px !important; }
.photo_list .item .con_box ul li::before {content:''; position:absolute; left:-9px;top:50%;  transform:translateY(-50%); width:1px; height:14px; background:#d0d0d0;}
.photo_list .item .con_box ul li:first-child::before {display:none !important;}
.photo_list .item .con_box ul li span { display:none !important;}
.photo_list .item .con_box .price {padding:0px 7px 15px 7px !important; border-bottom:1px #ddd solid !important;}
.photo_list .item .con_box p.stxt { line-height:130% !important;max-height: 3rem !important; display: -webkit-box; white-space:normal; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break:keep-all !important; overflow:hidden !important; }

.thum_list .item .img_box{border:1px solid #ddd !important; border-radius:10px !important;}
.thum_list .item .img_box img {border-radius:10px !important;}

.lnb_tab {border-radius:0px !important; border:none !important; border-bottom:1px #ddd solid !important;}
.lnb_tab li a {line-height:60px !important;}
.apply_view .applyBtn a .svg {display:none !important;}

.gallery_list .item .img_box,
.gallery_list .item .img_box > img {border-radius:10px !important;}

.edu01_wrap,
.edu02_wrap,
.greeting { margin:60px 0px !important;}


.edu01 {position:relative !important;display:flex !important; flex-wrap:wrap !important; gap:60px;padding:0px !important;}
.edu01 li { position:relative !important; width:calc((100% - 60px ) / 2) !important; box-sizing:border-box !important;background:#fff !important;border:1px #ddd solid; padding:50px !important;border-radius:30px; color:#000 !important; transition: all 0.3s linear !important;}
.edu01 li h2 {font-family:'Gmarket Sans' !important;  font-size:33px !important; line-height:1.2 !important; font-weight:600 !important; margin-bottom:20px; padding-left:90px !important; color:#333 !important;}
.edu01 li h2 strong {font-family:'Gmarket Sans' !important;font-weight:600 !important;}
.edu01 li p {position:relative !important; font-size:1.06rem !important; line-height:1.5 !important; color:#000 !important; padding-left:25px !important;}
.edu01 li p:before {content:''; position:absolute; left:10px !important; top:50% !important; transform:translateY(-50%) !important; width:4px; height:4px;background:#333;}
.edu01:before { content:''; position:absolute; left:50% !important; top:50% !important; transform:translate(-50%, -50%) !important; width:408px; height:408px;background:url('/html/images/common/edu01_bg1.png') 50% 50% no-repeat !important;z-index:-1; background-size:contain !important;}
.edu01:after { content:'교육 목표'; position:absolute; left:50% !important; top:50% !important; transform:translate(-50%, -50%) !important; width:230px; height:230px; text-align:center; padding:70px; font-size:35px; line-height:1.1; color:#fff; font-weight:700; box-sizing:border-box;background:url('/html/images/common/edu01_bg2.png') 50% 50% no-repeat !important;background-size:contain !important;}
.edu01 li.edu01_1 h2 {background:url('/html/images/common/edu01_icon1.png') 0px 30% no-repeat;}
.edu01 li.edu01_2 h2 {background:url('/html/images/common/edu01_icon2.png') 0px 30% no-repeat;}
.edu01 li.edu01_3 h2 {background:url('/html/images/common/edu01_icon3.png') 0px 30% no-repeat;}
.edu01 li.edu01_4 h2 {background:url('/html/images/common/edu01_icon4.png') 0px 30% no-repeat;}

.edu02_cont {text-align:center !important; margin-bottom:80px !important;}
.edu02_cont img {max-width:100%;}
.edu02 {display:flex !important; flex-wrap:wrap !important; padding:10px 40px !important; background:#f8f8f8 !important; border:1px #ddd solid !important; border-radius:10px !important; }
.edu02 li { display:flex !important; align-items:center; gap:30px; position:relative !important; width:100% !important;box-sizing:border-box !important;border-bottom:1px #ddd solid; padding:20px 0px !important; color:#000 !important; transition: all 0.3s linear !important;}
.edu02 li:last-child {border:none !important;}
.edu02 li h2 {position:relative; width:250px !important;font-size:22px !important; line-height:27px !important; font-weight:600 !important; padding:10px 10px 10px 90px !important;box-sizing:border-box}
.edu02 li h2 em {font-style:normal !important; color:#2684dc !important;}
.edu02 li p {width:calc(100% - 280px) !important; font-size:1.06rem !important; line-height:1.5 !important; color:#000 !important;}
.edu02 li h2::before { content:''; position:absolute; right:10px !important; top:50% !important; transform:translateY(-50%) rotate(20deg) !important; width:1px; height:60px;background:#ddd !important; }
.edu02 li.edu02_1 h2 {background:url('/html/images/common/edu02_icon1.png') 0px 50% no-repeat;}
.edu02 li.edu02_2 h2 {background:url('/html/images/common/edu02_icon2.png') 0px 50% no-repeat;}
.edu02 li.edu02_3 h2 {background:url('/html/images/common/edu02_icon3.png') 0px 50% no-repeat;}
.edu02 li.edu02_4 h2 {background:url('/html/images/common/edu02_icon4.png') 0px 50% no-repeat;}
.edu02 li.edu02_5 h2 {background:url('/html/images/common/edu02_icon5.png') 0px 50% no-repeat;}
.edu02 li.edu02_6 h2 {background:url('/html/images/common/edu02_icon6.png') 0px 50% no-repeat;}

.greeting {background:url('/html/images/common/greeting_img_new.png') 100% 100% no-repeat; background-size:100%  !important; box-sizing:border-box; padding-bottom:50px; }
.greeting_img {display:none !important;}
.greeting h2 {font-size:24px; color:#000;font-weight:400;background:url('/html/images/common/greeting_h2.png') 0% 0% no-repeat; margin-bottom:30px; padding-top:30px !important; }
.greeting h3 {font-family:'Gmarket Sans' !important; font-size:35px;line-height:140%; color:#333; font-weight:600 !important; margin-bottom:40px; padding-right:30% !important; }
.greeting h3 b {font-family:'Gmarket Sans' !important; font-weight:600 !important; color:#025ba5; }
.greeting h3 em {font-weight:500; color:#2684dc;font-style:normal;	}
.greeting p {font-size:20px !important;line-height:170%; color:#333; margin-bottom:40px !important; padding-right:50%  !important;	}
.greeting p em {font-weight:500; color:#025ba5;font-style:normal;	}
.greeting p strong {font-size:1.3rem; color:000; font-weight:600;}

.privacy h3,
.clause h3 { margin-top: 30px !important; color:#000 !important;}
.clause .depth1 {padding:0px !important;}
.clause .depth2 {padding-left:20px !important;}

.refund h3 { margin-top: 30px !important; color:#000 !important;}
.refund .depth1 {padding:0px !important;}
.refund .depth2 {padding-left:20px !important;}

.clause, .refund  { margin-top:-30px !important;}

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

.btn_cont .bestColor {background-color: #29abe2 !important;}
.btn_b {border: 1px solid #29abe2 !important; background: #29abe2 !important;}

.page_num, .page_num .page_box, .page_bar .page_box {margin-top:20px !important;}
.page_box .page_first_btn,
.page_box .page_prev_btn,
.page_box .page_last_btn,
.page_box .page_next_btn { border:none !important; margin:0px !important;}
.page_box .page_margin {width:5px !important;}
.page_box ul li div {margin:0px !important;}


.sns_cont dd {width: calc((100% - 5px) / 2) !important;}

@media all and (min-width:1024px) {

}

@media all and (max-width:1500px) {
	.best_list { width:calc(100% - 60px) !important;}
	.best .slick-prev {left:-10px !important;}
}

@media all and (max-width:1300px) {
	#header .member_util li.search { right:20px !important;}

	#gnb > ul > li {margin: 0 10px !important;}
	#gnb > ul > li.dep_tit > a {font-size:18px !important; }

	.stickyMenu { width:calc(100% - 40px) !important; }
	.center .w1230 {padding-left:20px !important; padding-right:20px !important;}
	.main_page li.mp_info, 
	.main_page li.mp_review{ background-size:auto 200px !important; }

	.edu01 li h2 {font-size:35px !important; }
}

@media all and (max-width:1024px) {
	div#sub_banner { height:130px !important;}
	
}

@media all and (max-width:980px) {
	#header {border-bottom:1px #ddd solid !important;}

	.compad { padding-top:60px !important; padding-bottom:60px !important; }
	.contents_in.compad_t {padding-top:30px !important;}
	#contents .compad { padding-top:40px !important; padding-bottom:40px !important; }

	h3.title { font-size:24px !important; margin-bottom:20px !important;}
	h3.title > img {height:22px !important; }
	h3.title span {font-size:15px !important;}
	h3.sub_title {font-size:24px !important; margin-bottom:20px !important;}

	h2.page_stitle {font-size:24px !important;margin:30px auto 0px auto !important;}
	#visual_banner:before {height:40px !important;}
	.stickyMenu { display:none !important;}
	.stickyMenu .lnb .box .txt:after {} 
	#visual_banner.ver2 .stickyMenu { display:block !important;  width:100% !important; padding:0px !important; top:10px !important; /* display:none !important;*/}
	.stickyMenu .lnb .lnbHome:after,
	.stickyMenu .lnb .txt, 
	.stickyMenu .lnb .dropLst li span, 
	.stickyMenu .lnb .dropLst > a,
	#visual_banner .stickyMenu .lnb .txt, 
	#visual_banner .stickyMenu .lnb .dropLst li span, 
	#visual_banner .stickyMenu .lnb .dropLst > a {font-size:13px !important; }
	#visual_banner h2.page_stitle {margin-top:40px !important;}

	.center .w1230 { display:flex !important; gap:40px;}

	.main_banner {margin:50px 0px !important;}

	.main_page {flex-wrap:wrap !important; gap:40px;}
	.main_page li {width:100% !important;}
	.main_page li h1 {font-size:20px !important;margin-bottom:12px;}
	.main_page li h2 {font-size:35px !important;margin-bottom:12px;}
	.main_page li p { margin-bottom:30px !important;}
	.main_page li.mp_info a {position:relative !important; bottom:auto !important;}
	.main_page li.mp_review {padding:35px !important;border-radius:17px !important;}

	.lnb_depth.w1230 {margin:30px auto !important;}
	.lnb_depth ul li.active::after {top:35px !important;}
	.lnb_depth ul li::before { left:-19px !important ;}
	.cont_util.util_rel {margin:30px auto 20px auto !important;}

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

	.edu01 {gap:40px;}
	.edu01 li { width:calc((100% - 40px ) / 2) !important; padding:40px !important;border-radius:20px !important;}
	.edu01 li h2 {font-size:25px !important; padding-left:70px !important;background-size:60px auto !important; }
	.edu01 li p br {display:none !important;}
	.edu01:before { width:280px; height:280px;}
	.edu01:after { width:150px; height:150px; padding:45px !important; font-size:24px !important;line-height:30px !important; }

	.edu02 li { gap:20px;}
	.edu02 li h2 {width:200px !important;font-size:20px !important; line-height:25px !important; padding:10px 10px 10px 80px !important; background-size:75px auto !important;}
	.edu02 li p {width:calc(100% - 220px) !important; }
	.edu02 li h2::before {height:50px;}

	.greeting h2 {font-size:20px;margin-bottom:25px;}
	.greeting h3 {font-size:30px;margin-bottom:30px; padding-right:30% !important; }
	.greeting p {font-size:18px  !important;margin-bottom:30px !important; padding-right:0%  !important;	}
	.greeting p.sub_txt {padding-right:50%  !important;}
}

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

	#header .head_in h1 .svg_logo,
	.header h1 .svg_logo  {max-height:30px !important;}

	#footer .foot_top a { font-size:13px !important; padding-right:21px !important;}
	#footer .foot_top a::before {right:10px !important;}
	#footer .foot_bottom {font-size:13px !important;}

	.compad { padding-top:40px !important; padding-bottom:40px !important; }
	#contents .compad { padding-top:30px !important; padding-bottom:30px !important; }

	h3.title { font-size:20px !important; margin-bottom:15px !important;}
	h3.title > img {height:20px !important; }
	h3.title span {font-size:15px !important;}

	h3.sub_title {font-size:20px !important; margin-bottom:15px !important;}

	#visual .slick-prev,
	#visual .slick-next {display:none !important;}
	#visual .sub_imgbox .slick-dots {bottom:10px !important; justify-content:center !important; gap:6px !important; }
	#visual .sub_imgbox .slick-dots li {width:10px !important;height:4px !important;}
	#visual .sub_imgbox .slick-dots li.slick-active {width:10px !important;}

	div#sub_banner { height: 100px !important; background-size:cover !important; }
	div#sub_banner h2.page_title {font-size:24px !important; left:0% !important; width:100% !important; text-align:center !important;}
	div#sub_banner h2 small {display:none !important;font-size: 13px !important;}
	div#sub_banner::after { width:100px !important;left:50px !important; transform: translateX(0px) !important;background-size:100px auto !important;}
	h2.page_stitle {font-size:20px !important;margin-top:30px !important;}
	#visual_banner h2.page_stitle {margin-top:40px !important;}

	.reviewWrap h4.sub_tit {margin:30px 0 20px !important;}

	.main_banner {margin:30px 0px !important;}
	.main_banner li a {padding:0px !important;}
	.main_banner li h2 {line-height:15px;font-size:14px;margin:0px;}
	.main_banner li span {width:50px;height:50px;}
	.main_banner li:hover {box-shadow:none;}

	.main_page {flex-wrap:wrap !important; gap:40px;}
	.main_page li h1 {font-size:15px !important;margin-bottom:10px;}
	.main_page li h2 {font-size:22px !important;margin-bottom:10px;}
	.main_page li p { font-size:13px !important; margin-bottom:20px !important; padding-right:70px !important;box-sizing:border-box !important;}
	.main_page li p br {display:none !important;}
	.main_page li a {font-size:14px !important;}
	.main_page li.mp_info, 
	.main_page li.mp_review{ background-size:auto 100px !important; }
	.main_page li.mp_info {padding:0px 15px !important;background-position:bottom right !important;}
	.main_page li.mp_info a {padding:5px 15px !important;}
	.main_page li.mp_review {padding:25px !important;border-radius:10px !important;}

	.center .w1230 {padding:40px 20px !important;flex-wrap: wrap !important;  gap:40px !important; }
	.center .w1230 > div h4 {font-size:18px !important; margin-bottom:10px !important;}
	.center .w1230 > div.notice {padding-bottom:30px !important; border-bottom:1px #ddd solid !important;}
	.center .w1230 > div.notice h4 { margin-bottom:15px !important;}
	.center .w1230 > div.notice li {margin-bottom:8px !important;}
	.center .w1230 > div.notice li a {font-size:14px !important;height: 1rem !important;}
	.center .w1230 > div.cs .cs_text {padding:15px 0px 14px 60px !important; background-size: auto 45px !important;}
	.center .w1230 > div.cs dl dd h3 {font-size:20px !important; margin-bottom:0px !important;}
	.center .w1230 > div.cs dl dd p {font-size:1rem !important; padding-bottom:0px !important; border:none !important;}
	.center .w1230 > div.cs dl dd p.email {font-size:14px !important;}
	.center .w1230 > div.cs dl dd li {font-size:14px !important;}
	
	.lnb_depth {margin:20px auto 20px !important;padding:0px !important;}
	.lnb_depth .prevArrow {width:30px !important; height: 30px !important;}
	.lnb_depth .prevArrow + .lnb_cont {width: calc(100% - 40px) !important; margin-left: 40px !important;}
	.lnb_depth ul li::before { display:none !important}
	.lnb_depth ul li.active::after {display:none !important;}
	.lnb_depth ul li.active a {text-decoration:underline !important;}

	.lnb_tab li a {line-height:40px !important;}

	.item .con_box h4 {font-size:16px !important;margin-bottom:10px !important;}
	.item .con_box p.stxt,
	.item .con_box ul li,
	.item .con_box .hash span { font-size:14px !important; line-height:1.3 !important;}

	.best_list .item .con_box ul,
	.photo_list .item .con_box ul {gap:2px 10px !important; flex-wrap:wrap !important;}
	.best_list .item .con_box ul li::before,
	.photo_list .item .con_box ul li::before {display:none;}

	.best h3.title {padding-bottom:15px !important; }
	.best h3.title:before {width:40px !important;height:2px !important;}
	.best_list { width:calc(100% - 30px) !important; }
	.best .slick-prev, 
	.best .slick-next {width:35px !important; height:35px !important;}
	.best .slick-prev {left:-5px !important;} 
	.best .slick-next {right: -20px !important;}
	.best_list .item .con_box {padding:20px 10px !important;}
	.best_list .item .con_box h4 {margin-bottom: 30px !important;}
	.best_list .item .con_box h4::before {bottom: -15px !important;}
	.best_list .item .con_box .price {margin-top:5px !important;}

	.photo_list .item .con_box {padding:15px 0px !important;}
	.photo_list .item .con_box ul { border:none !important; padding:0px !important;}
	.photo_list .item .con_box .price {padding: 0px 0px !important; border:none !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 {height:2.6rem !important; }
	.thum_list .item .con_box ul li span { margin-right:5px !important;}
	.thum_list .item .con_box ul li::after {display:none !important;} 


	.edu01_wrap,
	.edu02_wrap,
	.greeting { margin-top:30px !important;}

	.edu01 {gap:10px;}
	.edu01 li { width:100% !important; padding:25px !important;border-radius:10px !important;}
	.edu01 li h2 {font-size:20px !important; line-height:40px !important; padding-left:50px !important;background-size:40px auto !important;margin-bottom: 15px !important; }
	.edu01 li h2 br {display:none !important;}
	.edu01:before, 
	.edu01:after {display:none !important;}

	.edu02 {padding:0px 25px !important;}
	.edu02_cont {margin-bottom:40px !important;}
	.edu02 li { gap:0px; flex-wrap:wrap !important; padding:20px 0px !important; }
	.edu02 li h2 {width:100% !important;font-size:18px !important; line-height:25px !important; padding:10px 10px 10px 50px !important;background-position:-10px 50% !important; background-size:55px auto !important;}
	.edu02 li p {width:100% !important; font-size:14px !important; }
	.edu02 li h2 br {display:none !important;}
	.edu02 li h2::before {display:none;}

	.greeting { background-size:130% !important; padding-bottom:120px; }
	.greeting h2 {font-size:16px;margin-bottom:15px;}
	.greeting h3 {font-size:20px;margin-bottom:25px; padding-right:45% !important; }
	.greeting p {font-size:15px !important; line-height:140%;margin-bottom:20px !important; padding-right:0%  !important;	}
	.greeting p.sub_txt {padding-right:45%  !important;}


	.qna_cont .mo_line {padding:10px 0px !important;}
	.qna_cont .mo_line .tit {padding-right:0px !important;}
	.qna_cont .mo_line .bbs_dot li { gap:8px !important;}

}

@media all and (max-width:480px) {
	
	div#sub_banner { height:60px !important; background-position: 50% 50% !important;}
	div#sub_banner h2.page_title {font-size:20px !important;}
	div#sub_banner::after {display:none !important;}

	.greeting {padding-bottom:80px;}
	.greeting_img {display:block !important;}
	.greeting_img img {max-width:90%; margin-bottom:20px;}
	.greeting h3 {margin-bottom:20px; padding-right:0% !important; }
	.greeting h3 br {display:none;}
	.greeting p {font-size:15px !important; margin-bottom:20px !important; padding-right:0%  !important;	}
	.greeting p.sub_txt {padding-right:0%  !important;}
	.greeting p.sign {padding-top:30px  !important;}

	.photo_list .item .con_box h4 {-webkit-line-clamp: 1 !important;}
}
@media all and (max-width:380px) {
	div#sub_banner::after {left:30px !important; }
}