@charset "utf-8";

:root {
    --point-color: #f39800;
}


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-weight:600 !important; }

.applyBtn a.learn,
.thum_list .item .con_box .btn a.learn,
.list_btn .btn_b {background-color: #f39800 !important;border-color:#f39800 !important;}


.header h1 .svg_logo{max-width: 230px !important;}
.compad {padding-top:80px !important; padding-bottom:80px !important;}
.compad_t, 
#contents .compad_t {padding-top:80px !important; padding-bottom:0px !important;}
.compad_b, 
#contents .compad_b {padding-top:0px !important; padding-bottom:80px !important;}

.cont_util.util_rel, 
.cont_util.util_rel.compad_t,
#contents .cont_util.util_rel.compad_t {padding-top:0px !important;}

 .contents_in.about_cont.w1230 ol, 
 .contents_in.about_cont.w1230 ul, 
 .contents_in.about_cont.w1230 li {list-style: none !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;}

#header .member_util {padding-top:10px !important; border:none !important;}
#header .member_util li,
#header .member_util li a {border:none !important;}
#header .member_util li a {padding: 0 14px 0 34px !important; margin:0px 0px 0px 10px !important;border:1px solid #ddd !important; line-height:32px !important; border-radius:3px !important;}
#header .member_util ul li a,
#header .member_util ul li.join a {background-position: center left 13px !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:#222431 !important;padding:0px !important; margin:0px 0px 0px 20px !important; border-radius:50% !important; }
#header .member_util li.name {padding-right:5px !important; line-height:35px !important;}

#header .head_in .mypage {right: 20px !important; top:30px !important;padding-left:46px !important; width:136px !important; height:40px !important; line-height:36px !important;color:#333 !important; border:2px #f39800 solid !important; background:none !important;}
#header .head_in .mypage:before {content:''; position:absolute; left:20px; top:50%;transform:translateY(-50%); width:19px; height:18px; background:url('/html/images/common/mypage.png') 50% 50% no-repeat;}
#header .head_in .mypage:hover {background:#f9f9f9 !important;}

#gnb > ul > li.dep_tit > a {color:#000 !important; font-weight:600 !important;}
#gnb > ul > li.dep_tit.on > a.pointColor {color:var(--point-color) !important;}
#gnb .depth {border-top:none !important; left:50% !important; top: 57px;width:190px !important; transform:translateX(-50%) !important;padding-top:10px !important;}
#gnb .one_depth::after {display:none !important;}
#gnb .depth li a {text-align:center !important;padding: 0 20px !important; font-size: 1rem !important;}
#gnb .depth > li.pointColor > a {color:#000 !important; text-decoration:underline !important;}

#footer {background:#fff !important; padding-top:0px !important;}
#footer .foot_top {background:#272831 !important; border:none !important; display:flex !important; flex-wrap:nowrap !important; justify-content:center !important; padding:30px 0px !important;}
#footer .foot_top a {font-size:17px !important; color:#fff !important; font-weight:600 !important; }
#footer .foot_bottom {position:relative; padding-left:160px;;}
#footer .foot_bottom .foot_logo {position:absolute; left:0%; top:0%; width:130px; padding-top:20px; opacity:0.4;filter: grayscale(100%) contrast(100%) brightness(100%);}
#footer .foot_bottom .foot_logo img {max-width:100%;}
#footer .foot_bottom .btn_info {display:inline-block;margin-left:5px; background:#b6b6b6; padding:0px 6px !important; border-radius:5px; font-size:14px;line-height:22px;color:#fff;}
#footer .foot_bottom .btn_info:hover { background:#666 !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;}
#visual .sub_imgbox .slick-dots {}
#visual .slick-prev,
#visual .slick-next { margin:0px !important;transform:translateY(-50%) !important; background-color:transparent !important;}
#visual .slick-prev {left:20px !important;}
#visual .slick-next {right:20px !important;}
#visual .sub_imgbox .slick-dots {display:none !important;}

#visual_banner .stickyMenu {width:100% !important ;background:#f2f3ed !important; padding:0px 0px !important; border-top:1px #ddd solid !important; border-bottom:1px #ddd solid !important;}
#visual_banner .stickyMenu .lnb {position:relative;justify-content: flex-start !important; padding:0px !important;}
#visual_banner .stickyMenu .lnb::before {content: ''; width: 1px;height: 100%; background:#ddd; position: absolute; top:0px; left:0px;}
#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; background:#f39800 !important; }
#visual_banner .lnb .box:last-child .dropLst > a.title {color:#fff !important; }
#visual_banner .lnb .box:last-child .dropLst > a.title:before {background-image: url('/theme/6/img/main/lnbArrow.png') !important; }

.lnb_depth {position:relative !important; margin:40px auto !important; min-height:30px !important; border-radius:0px !important;border:none !important;}
.lnb_depth:before {content:''; position:absolute;left:0px;bottom:0px;width:100%;height:1px;background:#dbdbdb;z-index:0 !important;}
.lnb_depth .lnb_cont {min-height:30px !important;}
.lnb_depth .prevArrow {top:50% !important;transform:translateY(-50%) !important;width: 35px !important; height: 35px !important;background-color:transparent !important; border:none !important; border-radius:0px !important; padding:0px !important;}
.lnb_depth .prevArrow::before { top: 50% !important; left: 50% !important;transform: translate(-50%, -50%) !important;}
.lnb_depth .prevArrow::after {display:none !important;}
.lnb_depth .lnb_cont {display:inline-block !important; padding:0px !important;}
.lnb_depth .prevArrow + .lnb_cont{width:calc(100% - 35px) !important;margin-left:35px !important;}
.lnb_depth ul {display:flex !important; flex-wrap:nowrap !important; justify-content:flex-start; align-content:flex-end; height:auto !important;min-height:40px;}
.lnb_depth ul li {position:relative !important;display:flex !important;  align-content:flex-end; height:auto;width:100% !important; max-width:170px !important;padding:0px !important; margin:10px 0px 0px !important; border:1px #dddfde solid !important;border-bottom:none !important;background:transparent !important; box-sizing:border-box !important;}
.lnb_depth ul li a {display:block; width:100%; font-size:0.90rem !important;line-height:20px !important; font-weight:500 !important;color:#a0a0a0 !important;padding:10px !important;border:none !important;background:transparent !important; box-sizing:border-box;border-radius:0px !important; vertical-align:middle;transition:none !important;}
.lnb_depth ul li:hover {background:transparent !important;}
.lnb_depth ul li a:hover { color:#000 !important;}
.lnb_depth ul li a.pointColor {background:#fff !important; color:#000 !important;text-decoration:none !important;}
.lnb_depth ul li.active,
.lnb_depth ul li.tab_title.active {height:calc(100% + 1px) !important;margin:0px !important; background:#fff !important; margin-bottom:-1px !important;border:1px #000 solid !important;border-bottom:2px #fff solid !important;z-index:2 !important;}
.lnb_depth ul li.active a,
.lnb_depth ul li.tab_title.active a {font-weight:600 !important; color:#000 !important;text-decoration:none !important;padding:15px 10px !important; }

.lnb_depth ul li.tab_title a:hover {background:none !important; color:#000 !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;}

.main_banner {position:relative; width:100%;display:flex;justify-content:center; gap:20px;padding:0px;margin:40px 0px;text-align:center; overflow:hidden;box-sizing:border-box;}
.main_banner li {position:relative;width:100%; height:120px; margin:0px;box-sizing:border-box;text-align:center;transition:0.3s all ease-out;}
.main_banner li a {position:relative;display:block;padding:20px 0px 20px 120px;text-align:left;box-sizing:border-box;word-break:keep-all; }
.main_banner li h2 {line-height:100%;font-size:20px;font-weight:500;color:#000;line-height:1.4;letter-spacing:-0.05em;margin-bottom:10px; }
.main_banner li p {color:#333;font-size:16px;line-height:1.4;opacity:0.7;letter-spacing:-0.05em; word-break:keep-all;}
.main_banner li span { position:absolute; left:0%;top:0%;display:inline-block;width:120px;height:120px; border-radius:0px;box-sizing:border-box; transition:0.3s all ease-out;}
.main_banner li span em { position:absolute; left:0%;top:0px;display:inline-block;width:100%;height:100%;border-radius:0%;background-size:contain !important;box-sizing:border-box; transition:0.3s all ease-out; }
.main_banner li span.main_banner1 em {background:url('/html/images/common/main_banner1.png') 50% 50% no-repeat;}
.main_banner li span.main_banner2 em {background:url('/html/images/common/main_banner2.png') 50% 50% no-repeat;}
.main_banner li span.main_banner3 em {background:url('/html/images/common/main_banner3.png') 50% 50% no-repeat;}
.main_banner li span.main_banner4 em {background:url('/html/images/common/main_banner4.png') 50% 50% no-repeat;}

.new_list {gap:20px !important;}
.new_list .item {margin:0px !important; width:calc((100% - 60px) / 4 ) !important; }

.new_list .item .img_box,
.best_list .item .img_box,
.photo_list .item .img_box {border-bottom:none !important;}

.new_list .item .con_box h4,
.best_list .item .con_box h4,
.photo_list .item .con_box h4 {margin-bottom:20px !important; color:#000 !important; font-weight:600 !important;}

.new_list .item .con_box ul,
.best_list .item .con_box ul,
.photo_list .item .con_box ul {margin:15px 0px 0px 0px !important;}

.new_list .item .con_box ul li span,
.best_list .item .con_box ul li span, 
.photo_list .item .con_box ul li span, 
.thum_list .item .con_box ul li span {display:none !important;}

.new_list .item .con_box ul li,
.best_list .item .con_box ul li,
.photo_list .item .con_box ul li,
.thum_list .item .con_box ul li{padding-left:0px !important; margin-bottom:8px !important}

.new_list .item .con_box .price {margin:0px !important;}

.academy {background:url('/html/images/common/academy_bg.png') 50% 50% no-repeat; padding:120px 0px 70px 0px;}
.academy .text_cont {width:40% !important;padding:0px 60px 0px 0px !important;}
.academy .text_cont h3 {font-size:40px !important;}
.academy .text_cont h3 span {font-size:0.7em !important;display:block !important;color:var(--point-color) !important; padding-bottom:10px;}
.academy .text_cont p {font-size:24px !important; color:#000 !important; line-height:1.6 !important;}
.academy .text_cont a {	padding: 0 30px !important;border-radius: 5px !important; font-size: 18px !important;font-weight:500 !important;background:#222 !important;}
.academy .text_cont a:hover {background:#000 !important;}
.academy .video_cont {width:60% !important; padding-right:80px; box-sizing:border-box;}
.academy .video_cont a img{ border-radius:20px !important;}

.label_svg {filter: invert(53%) sepia(79%) saturate(3101%) hue-rotate(352deg) brightness(101%) contrast(82%) !important;}
.Bg_svg_w {filter: invert(34%) sepia(91%) saturate(2612%) hue-rotate(7deg) brightness(110%) contrast(100%) !important;}
.Bg_svg {filter: invert(34%) sepia(91%) saturate(2612%) hue-rotate(7deg) brightness(120%) contrast(90%) !important;}

.review_list {margin-top:0px !important;}
.review_list li {box-sizing:border-box !important;}
.review_list li:hover {border-color:var(--point-color) !important;}
.review_list h4 {font-weight:600 !important;}
.review_list li p {border:none !important; padding:0px !important; font-size:1rem !important; line-height:25px !important; height:75px !important; color:#333;}
.review_list li .rv_name  { display:flex !important;gap:12px !important; align-items:center; margin:22px 0px !important;}
.review_list li span {position: relative !important;right: auto !important; top:0px !important;}
.review_list .star {margin:0px !important;}

.review_list .slick-arrow { top: 50% !important; margin-top:0px !important; transform:translateY(-50%);width:50px !important; height:50px !important;border:1px #ddd solid !important; border-radius:50% !important; background: #fff url('/html/images/common/review_arrow.png') no-repeat center !important;}
.review_list .slick-arrow:hover {border-color:var(--point-color) !important;}
.review_list .slick-prev {left:5px !important;}
.review_list .slick-next {right:-25px !important;}

.main_board {background:url('/html/images/common/main_board_bg.png');}
.center .w1230 {padding:80px 0px; flex-wrap:nowrap !important;gap:30px !important;}
.center .w1230 > div {background:#fff !important; border-radius:20px !important; margin:0px !important;}
.center .w1230 > div.mboard { width:calc(72% - 30px) !important; display:flex; flex-wrap:nowrap;}
.center .w1230 > div.mboard .notice {width:50% !important; padding:30px !important;}
.center .w1230 > div.mboard .notice:first-child {border-right:1px #ddd solid !important;}
.center .w1230 div.notice ul {display:flex !important; flex-wrap:wrap; gap:14px !important; margin:0px !important;}
.center .w1230 div.notice li {width:100%; margin:0px !important;}
.center .w1230 div.notice li a {vertical-align:middle; font-size:16px; font-weight:400; letter-spacing:-0.4pt; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;-webkit-box-orient: vertical; overflow:hidden; height: 1rem; line-height:1.1; word-break:break-all;}
.center .w1230 div.notice li span {display:none;}

.center .w1230 > div.cs {width:28% !important; padding:30px !important;}
.center .w1230 > div.cs h4 {position: relative; font-size:24px !important; font-weight:700 !important; text-align:center !important; padding-bottom:10px !important; margin-bottom:15px !important;}
.center .w1230 > div.cs h4:before {content:''; position:absolute; left:50%;transform:translateX(-50%); bottom:0px; width:75px; height:2px; background:#000;}
.center .w1230 > div.cs dl dd {width:100% !important; padding:0px !important;}
.center .w1230 > div.cs dl dd p {text-align:center !important; font-size:1rem !important; font-weight:500 !important; color:#000 !important;}
.center .w1230 > div.cs dl dd ul {width:100%; display:flex; flex-wrap:nowrap; gap:30px; justify-content:center;}
.center .w1230 > div.cs dl dd li {width:84px; padding:0px !important; margin:0px !important; text-align:center !important;}
.center .w1230 > div.cs dl dd li a {display:block;width:100% !important; padding:90px 0px 0px 0px !important; font-size:1rem !important; font-weight:500 !important; color:#000 !important;}
.center .w1230 > div.cs dl dd li.chtalk {background:url('/html/images/common/icon_ch.png') 50% 0px no-repeat;}
.center .w1230 > div.cs dl dd li.chat {background:url('/html/images/common/icon_chat.png') 50% 0px no-repeat;}

.login_cont {border:1px #ddd solid !important;}

.view_B_type .apply_view .imgCont {border:1px #ddd solid !important; border-radius:20px !important;}

.cart_cont.grayBox, 
.price_table.grayBox {background-color: #f7f7f7 !important;}
.cart_style th {background-color: #fff !important;}

.qna_cont th {background:#fff !important; border-bottom: 1px solid #333 !important;}

.faq_cont dt span.pointColor {color:#ff7e00 !important;}
.faq_cont dd span.A {color:#666 !important;}

.greeting * {word-break:keep-all;}
.greeting1 {position:relative;background:url('/html/images/common/greeting_img.png') 0% 50% no-repeat; min-height:450px; padding-left:580px;}
.greeting1:before {content:''; position:absolute;left:0px; bottom:0px; width:100%; height:30px; background:#f39800; border-radius:30px; z-index:-1;}
.greeting p {font-size:0.95rem; color:#333; line-height:1.6; }
.greeting .title img {max-width:100%;}
.greeting dl {width:100%; display:inline-block; margin:5px 0px 30px 0px;}
.greeting dt {position:relative;padding-left:30px; font-size:20px; line-height:20px; color:#000; font-weight:600; margin-bottom:15px;}
.greeting dt:before {content:''; position:absolute;left:0px; top:0%; width:20px; height:20px;border-radius:50%;border:3px var(--point-color) solid;box-sizing:border-box; }
.greeting dd {padding-left:30px;}
.greeting p.sign {width:100%;display:flex; gap:10px; flex-wrap:nowrap; margin-top:30px;}
.greeting2 {padding:0px 90px;}

.reviewWrap h4.sub_tit {margin-top:50px !important;}

.guide_top {font-size:18px; text-align:center !important; color:#333 !important; margin-bottom:50px !important;}
.guide {width:100%; display:flex; gap:20px; flex-wrap:wrap;}
.guide dl {width:100%;display:flex; gap:0px; flex-wrap:nowrap;align-items:center;  border:1px #ddd solid; border-radius:20px;  padding:20px 0px;}
.guide dt {position:relative;width:170px; font-size:15px; line-height:1.2; color:#000; font-weight:500; padding-top:60px; text-align:center;}
.guide dt:before {content:''; position:absolute;left:50%; top:0%;transform:translateX(-50%); width:54px; height:54px;border-radius:50%;background-color:var(--point-color) !important;box-sizing:border-box;}
.guide dd {width:calc(100% - 180px); padding-right:20px;box-sizing:border-box;color:#333 !important;}
.guide dt.guide1:before {background:url('/html/images/common/guide1.png') 50% 50% no-repeat; }
.guide dt.guide2:before {background:url('/html/images/common/guide2.png') 50% 50% no-repeat; }
.guide dt.guide3:before {background:url('/html/images/common/guide3.png') 50% 50% no-repeat; }
.guide dt.guide4:before {background:url('/html/images/common/guide4.png') 50% 50% no-repeat; }
.guide dt.guide5:before {background:url('/html/images/common/guide5.png') 50% 50% no-repeat; }
.guide dt.guide6:before {background:url('/html/images/common/guide6.png') 50% 50% no-repeat; }
.guide dt.guide7:before {background:url('/html/images/common/guide7.png') 50% 50% no-repeat; }

.academy1 {background:#fbf7ef; border-radius:20px; padding:60px; margin-top:250px; box-sizing:border-box; display:flex; flex-wrap:wrap; gap:60px;}
.academy1 * {box-sizing:border-box;}
.academy1 dl {width:100%; display:inline-block; margin:0px;}
.academy1 dt {position:relative; font-size:24px; line-height:1.2; color:#000; font-weight:600; margin-bottom:20px;}
.academy1 dt:before {content:'!'; color: var(--point-color);font-weight:900; padding-right:10px; }
.academy1 dd {padding-left:0px; font-size:18px !important; color:#333 !important;}
.academy1 dd em {font-size:24px !important; color:#c67c00 !important;font-weight:600 !important; }
.academy1_cont {width:100%;display:flex; flex-wrap:nowrap; gap:30px; padding:0px !important; }
.academy1_cont li { width:50%;border-radius:20px; background:#fff; border:3px #59a2d9 solid; ; }
.academy1_cont li h2 {padding:10px !important; border-bottom:1px #59a2d9 solid; text-align:center;}
.academy1_cont li h2 img {max-width:100% !important;}
.academy1_cont li p {padding:30px 45px !important; word-break:keep-all;}
.academy1_cont li p b {font-weight:600 !important; color:#000 !important;}
.academy1_cont li:last-child,
.academy1_cont li:last-child h2 {border-color:#ac72ad !important; }

.academy_top { width:100% !important;  border-bottom:2px #d9c9aa dashed; text-align:center; margin:-300px auto 0px auto !important; }
.academy_top_img {padding-top:20px !important;}
.academy_top_img img {max-width:100% !important;}
.academy_top ul {margin:40px 0px !important;padding:0px !important; display:flex !important; flex-wrap:nowrap !important; gap:50px !important;justify-content:center !important;}
.academy_top ul li {width:auto;padding-left:95px !important; min-height:75px !important;display:flex; justify-content:flex-start; align-items:center;position:relative !important;color:#000 !important; text-align:left !important;}
.academy_top li:before {content:'';position:absolute; left:0px; top:0px !important; width:75px !important; height:75px !important; box-sizing:border-box; border:1px #d9c9aa solid; border-radius:50%;}
.academy_top li.academy_top1:before {background:url('/html/images/common/academy_top1.png') 50% 50% no-repeat;}
.academy_top li.academy_top2:before {background:url('/html/images/common/academy_top2.png') 50% 50% no-repeat;}
.academy_top li.academy_top3:before {background:url('/html/images/common/academy_top3.png') 50% 50% no-repeat;}

.academy_table {width:100%; border-radius:20px; overflow:hidden; border:1px #dedede solid;}
.academy_table table {width:100%; border-top:1px #000 solid; }
.academy_table th {padding:8px; text-align:center; font-weight:bold;}
.academy_table td {padding:10px 10px 10px 30px; line-height:1.3; text-align:left; color:#333; border-top:1px #dedede solid; border-left:1px #dedede solid;}
.academy_table .atable1 {border:none;}
.academy_table .atable1 th { background:#ffbb71; color:#683701;}
.academy_table .atable2 th { background:#ffe380; color:#584d28;}
.academy_table .atable3 th { background:#b9d989; color:#345404;}
.academy_table .atable4 th { background:#bcb0d9; color:#341387;}
.academy_table .atable5 th { background:#8cbfea; color:#084376;}

.location  {padding:50px 0px !important;}
.location .detailBtn  {bottom:40px !important;}
.root_daum_roughmap .cont {border:1px #ddd solid !important;}
.root_daum_roughmap .cont .section_address {display:none !important;} 

.quick {width:110px !important;}
.quick .quick_in { padding: 20px !important; border-radius: 10px !important;}
.quick .quick_in h4 {display:none !important;}
.quick .quick_in .imgCont {text-align:center !important;}
.quick .quick_in .imgCont a {width:100% !important; margin-bottom:20px !important;  overflow:visible !important;}
.quick .quick_in .imgCont a:last-child {margin:0px !important;}
.quick .quick_in .imgCont a img { width:40px !important; height:40px !important; border-radius:5px !important;}
.quick .quick_in .imgCont a p {font-size:14px;line-height:1.2; color:#000; text-align:center; padding-top:5px; word-break:keep-all;}



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

@media (max-width: 1500px) {

	.best_list {width:100% !important;}
}
@media (max-width: 1300px) {
	#visual_banner .stickyMenu .lnb::before {display:none;}

	.main_banner li a {padding:10px 0px 10px 120px;}
	.main_banner li p br {display:none;}

	.academy  {background-size:100% !important;}
	.academy .text_cont h3 {font-size:35px !important;}
	.academy .text_cont p {font-size:20px !important; }
	.center .w1230 {padding:80px 20px !important;}

	.slick-prev {left:20px !important;}
	.slick-next {right:20px !important;}
	.slick-prev, .slick-next {width:50px !important;height: 50px !important;}

	.lnb_depth ul li {width:auto !important;}

}

@media (max-width: 980px) {

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

	h3.title {font-size:25px !important; }

	.lnb_depth {margin:20px auto !important;background:#f7f7f7 !important;}
	.lnb_depth:before {display:none;}
	.lnb_depth .prevArrow {width:25px !important; height: 25px !important;}
	.lnb_depth .prevArrow + .lnb_cont{width:calc(100% - 25px) !important;margin-left:25px !important;}
	.lnb_depth ul {min-height:30px !important;flex-wrap:wrap !important; padding:5px !important;}
	.lnb_depth ul li {width:auto !important;margin:0px 0px 0px !important; border:none !important; }
	.lnb_depth ul li a {min-width:40px !important; padding:4px 10px !important;}
	.lnb_depth ul li.active,
	.lnb_depth ul li.tab_title.active {height:100% !important;margin:0px !important; margin-bottom:0px !important;border:1px #000 solid !important;}
	.lnb_depth ul li.active a,
	.lnb_depth ul li.tab_title.active a {padding:4px 10px !important; }

	.main_banner li a { padding:5px 0px 5px 95px; }
	.main_banner li h2 {font-size:18px;}
	.main_banner li p {font-size:13px;}
	.main_banner li span {width:80px;height:80px;}

	.academy {padding:50px 0px 20px 0px;}
	.academy .text_cont {padding-right:40px !important;}
	.academy .text_cont h3 {font-size:30px !important;}
	.academy .text_cont p {font-size:17px !important; }
	.academy .text_cont a {font-size:16px !important;}
	.academy .video_cont {padding-right:20px !important;}

	.new_list .item {width:calc((100% - 40px) / 3 ) !important; }

	.center .w1230 {padding:60px 20px !important; display:flex !important; flex-wrap:wrap !important; gap:30px !important;}
	.center .w1230 > div,
	.center .w1230 > div.mboard,
	.center .w1230 > div.cs  { width:100% !important;}
	
	.greeting1 {display:flex; flex-wrap:wrap; align-items:center; gap:15px; min-height:300px; padding-left:50%; background-size:contain  !important;}
	.greeting1:before {display:none;}
	.greeting dl {width:100%; display:inline-block; margin:0px;}
	.greeting dt {font-size:18px;margin-bottom:8px; padding-left:22px;}
	.greeting dt:before {width:16px; height:16px;}
	.greeting dd {padding-left:22px;}
	.greeting p.sign {margin-top:20px;}
	.greeting p.sub_txt br {display: block !important;   }

	.greeting2 {padding:0px 0px;}

	.academy1 {border-radius:20px; padding:40px;gap:40px;}
	.academy1 dt {font-size:20px;margin-bottom:20px;}
	.academy1 dd {font-size:16px !important;}
	.academy1 dd em {font-size:20px !important;}
	.academy1_cont {flex-wrap:wrap; gap:20px;}
	.academy1_cont li { width:100%;border-radius:20px; }
	.academy1_cont li h2 {padding:5px !important;}
	.academy1_cont li p {padding:20px 30px !important;}

	.academy_table {border-radius:20px;}
	.academy_table th {padding:8px;}
	.academy_table td {padding:10px ;}

	.quick {width:90px !important;}
	.quick .quick_in { padding: 20px 10px !important; }
}

@media (max-width: 800px) {
	.greeting1 {background-size:43vw auto  !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;}

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

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

	#header .head_in {padding:10px 20px !important;}
	#header .head_in h1 .svg_logo {max-width: 200px !important;max-height:30px !important;}

	#footer .foot_top {padding:20px 0px !important;}
	#footer .foot_top a {font-size:14px !important;}
	#footer .foot_bottom .foot_logo {position:relative; width:100px;padding-top:0px; padding-bottom:20px;}
	#footer .foot_bottom {padding-left:0px !important;}

	#visual .slick-prev {left:0px !important;}
	#visual .slick-next {right:0px !important;}

	#visual_banner .lnb .lnbHome {padding:10px 15px !important;}
	#visual_banner .lnb .box .txt {margin-left:0px !important;padding:10px 15px !important;}
	#visual_banner .lnb .box .title:before {right:15px !important; width:10px !important; background-size:10px !important;}
	#visual_banner .lnb .dropLst > a {padding-right:20px !important;}
	#visual_banner .lnb .box .title:before {top:50% !important;}
	#visual_banner .lnb .dropLst .dlst {top:46px !important;}

	.main_banner {gap:10px; margin:30px 0px 10px !important;}
	.main_banner li {max-height:300px; height:auto;}
	.main_banner li a { padding:0px 0px 0px 0px !important; text-align:center; }
	.main_banner li h2 {font-size:16px; line-height:1; margin:-5px 0px 0px !important;}
	.main_banner li p {display:none;}
	.main_banner li span {width:70px;height:70px;position:relative; margin-bottom:0px;}

	.review_list li a {padding:20px 25px !important;}
	.review_list li .rv_name { margin:18px 0px !important;}
	.review_list li p {line-height:22px !important; height:66px !important;}

	.review_list .slick-arrow { width:34px !important; height:34px !important;}
	.review_list .slick-arrow.slick-prev, 
	.review_list .slick-arrow.slick-next {top:50% !important;}
	.review_list .slick-prev {left:-5px !important;}
	.review_list .slick-next {right:-17px !important;}

	.academy {background:url('/html/images/common/academy_bg2.png') 50% calc(100% - 20px) no-repeat; padding:0px !important;}
	.academy .text_cont {width:100% !important;padding:0px 20px !important; text-align:left !important;}
	.academy .text_cont h3 {font-size:25px !important;}
	.academy .text_cont h3 span {padding-bottom:5px !important;}
	.academy .text_cont p {font-size:15px !important; margin-bottom:15px !important; }
	.academy .text_cont p br {display:none;}
	.academy .text_cont a {font-size:14px !important; height:40px !important; line-height:40px !important;}
	.academy .video_cont {width:100% !important;padding:20px !important;}
	.academy .video_cont a img{ border-radius:10px !important;}
	
	.new_list {gap:10px !important;}
	.new_list .item {width:calc((100% - 10px) / 2 ) !important; }

	.new_list .item .con_box {border-radius:0px 0px 15px 15px !important;}
	.best_list .item .img_box,
	.best_list .item .img_box img {border-radius: 15px 15px 0 0 !important;}
	
	.new_list .item .con_box h4,
	.best_list .item .con_box h4,
	.photo_list .item .con_box h4,
	.thum_list .item .con_box h4,
	.thum_list .item .con_box h4 a {font-size:16px;margin-bottom:10px !important;}

	.new_list .item .con_box ul li,
	.best_list .item .con_box ul li {font-size:13px !important;}
	.best_list .item .con_box .price {margin:0px !important;}

	.item .con_box .price strong {font-size:15px !important;}
	.item .con_box .price p {font-size: 14px !important;}

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

	.thum_list {padding:0px !important;}
	.thum_list .item {display:inline-block !important; padding:15px 0px !important; border-radius: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; height:auto !important;max-height: 2.7rem !important;}
	.thum_list .item .con_box ul {margin:10px 0px 0px !important;}
	.thum_list .item .con_box ul li {margin:0px !important;}

	.center .w1230 {padding:40px 20px !important; gap:20px !important; }
	.center .w1230 > div.mboard {flex-wrap:wrap !important; gap:20px !important; background:none !important;}
	.center .w1230 > div.mboard .notice {width:100% !important; border:none !important; background:#fff !important; padding:25px !important; border-radius:10px !important;}
	.center .w1230 > div.cs { border-radius:10px !important; padding:25px !important;}
	.center .w1230 > div.cs h4 {font-size:20px !important; }
	.center .w1230 > div.cs h4:before {width:68px; }


	#contents .contents_in.about_cont { padding-top:30px !important; }

	.login_cont {border:none !important;}

	#sub_banner {padding-top:40px !important;}
	.view_B_type.compad {padding-top:20px !important;}

	.greeting1 {padding:83% 0 0%;background-position:50% 0px  !important; background-size:95% auto  !important;}

	.guide_top {font-size:16px; margin-bottom:30px !important;}
	.guide_top br {display:none !important;}
	.guide dt {width:90px;}
	.guide dt:before { width:50px; height:50px;}
	.guide dd {width:calc(100% - 90px);}

	.academy1 {border-radius:10px; padding:25px;gap:30px; margin-top:30vw !important;}
	.academy1 dt {font-size:18px;margin-bottom:15px;}
	.academy1 dd {font-size:14px !important;}
	.academy1 dd em {font-size:15px !important;}
	.academy1_cont li { border-radius:10px; }
	.academy1_cont li h2 {padding:5px !important;}
	.academy1_cont li p {padding:15px 20px !important;}

	.academy_top { margin-top:-35vw !important; }
	.academy_top ul {flex-wrap:wrap !important; gap:10px !important; margin:30px auto !important;}
	.academy_top ul li {width:100% !important;padding-left:55px !important;min-height:40px !important;}
	.academy_top li:before {width:40px !important; height:40px !important; background-size:cover !important;}

	.academy_table {border-radius:10px;}
	.academy_table th {padding:7px 4px;font-size:14px;}
	.academy_table td {padding:6px; font-size:13px;}

	.quick {width:60px !important;}
	.quick .quick_in { padding: 20px 10px !important; }
	.quick .quick_in .imgCont a img { width:30px !important; height:30px !important; }
	.quick .quick_in .imgCont a p {font-size:12px;}

}