@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 {border-bottom:1px #222431 solid;}
#header .member_util {height:80px !important; box-sizing:border-box !important;}
#header .member_util .w1230 { padding-top:20px !important; height:40px !important;}
#header .member_util li { border:none !important; line-height: 40px !important;}
#header .member_util li a { position:relative !important;padding:10px 0px 10px 25px !important;margin-left:15px !important;line-height:20px !important; color:#333 !important; font-weight:400 !important;border:none !important;}
#header .member_util ul li a { background-position: 0% 50% !important;}
#header .member_util ul li.login a {background: url('/html/images/common/m_login.png') 0% 50% no-repeat !important;}
#header .member_util ul li.join a {background: url('/html/images/common/m_join.png') 0% 50% no-repeat !important;}
#header .member_util ul li.logout a {background: url('/html/images/common/m_logout.png') 0% 50% no-repeat !important;}
#header .member_util ul li.cart a {background: url('/html/images/common/m_cart.png') 0% 50% no-repeat !important;}

#header .member_util li.search {position:absolute;right:0px;top:93px !important;z-index:999 !important;}
#header .member_util li.search a {display:inline-block; width:110px !important;height:35px !important;line-height:35px !important; padding:0px 40px 0px 20px !important;background:#eee url('/html/images/common/search.png') no-repeat !important; border-radius:30px !important; text-indent:0px !important; box-sizing:border-box;}
#header .member_util li.search.search_btn a {background-position: right 18px center !important; }
#header .member_util li.search a:hover {background-color:#ddd !important;}
#header .member_util li.name {padding-right:15px !important;}

#footer {background:#fff !important; padding-top:0px !important;}
#footer .foot_top { display:flex !important;justify-content:center; gap:30px; padding:30px 0px !important; border:none !important; background:#11141d !important; border-radius:20px !important;margin:0 0 40px;}
#footer .foot_top a {font-size:18px !important; color:#fff !important; margin:0px !important;}
#footer .foot_bottom {display:flex; gap:30px; }
#footer .foot_logo {position:relative;width:260px;}
#footer .foot_logo .svg_logo {position:absolute; left:50%; top:50%;transform:translate(-50%, -50%);max-width:200px !important; filter: grayscale(100%) !important; opacity:0.6;}
#footer .foot_info {width:100%;font-size:0.9rem !important;}
#footer .foot_info b {color:#000 !important;font-weight:500;}

#gnb {width:100% !important;max-width:1230px !important;position: absolute;top:80px !important; left: 50%; transform:translateX(-50%);margin-left:0px !important;}
#gnb > ul {width:100%; display:flex; justify-content:center;gap:0px;}
#gnb > ul > li {padding:0px !important; margin:0px !important;}
#gnb > ul > li.dep_tit {position:relative; z-index:2 !important; margin:0px 25px !important;}
#gnb > ul > li.dep_tit > a {position:relative;display:block !important;width:100% !important;height:60px;line-height:60px !important;font-size:18px !important; font-weight:600 !important;color:#000 !important; z-index:2 !important;white-space:nowrap !important; padding:0px 20px 0px 10px !important;text-align:center; box-sizing:border-box;}
#gnb > ul > li.dep_tit.on > a {position:relative;color:#000 !important;}
#gnb > ul > li.dep_tit.on:before {content:''; position:absolute; left:5px; top:-1px; width:100%; height:2px; background:#0a73c1 ;}
#gnb > ul > li.dep_tit.on > a:before {content:''; position:absolute; right:0px; top:50%;transform:translateY(-50%); width:10px; height:5px; background:url('/html/images/common/gnb_arrow.png') 50% 50% no-repeat;}
#gnb .depth {padding:0px !important; width:100% !important;min-width:140px !important; border:1px #222431 solid !important;border-top:none !important;}
#gnb .depth > li {margin:0px !important;}
#gnb .depth li a {line-height:20px !important;padding:10px !important; text-align:center !important; color:#777 !important; font-weight:500 !important;}
#gnb .depth li a:hover {background:#f5f5f5 !important; color:#0a73c1 !important;}
#gnb .depth li a::after {right:20px !important;top:50% !important;transform:translateY(-50%) !important; width:14px !important; height:3px !important;border-radius:3px !important;background:#041a71 !important; 
filter: none !important;}
#gnb .one_depth {width:180px !important;top:60px !important; left:50% !important;transform:translateX(-50%) !important;}
#gnb .one_depth::after {display:none !important;}
#gnb .two_depth,
#gnb .three_depth {top:-1px !important; left:100% !important;}
#gnb .depth > li.pointColor > a {color:inherit;} 

#visual {position:relative !important; overflow:visible !important; margin-bottom:60px !important;}
#visual:before {content:''; position:absolute; left:0px; bottom:-60px; width:100%;height:60px;background:#f5f5f5;}
#visual .section {right: 0% !important; width:100% !important; margin:0px !important; background-size: auto 100% !important;}
#visual .dot_custom .slick-dots {background:#f5f5f5 !important; transform:translate(-50%, 60px) !important; display:flex !important; flex-wrap:nowrap !important; justify-content: center !important;}
#visual .dot_custom .slick-dots li {position:relative;  width:100% !important; height:60px !important;background:#f5f5f5 !important;}
#visual .dot_custom .slick-dots li a {position:relative; line-height:60px !important; color:#000 !important; font-weight:500 !important; padding-left:20px;}
#visual .sub_imgbox .slick-dots li a:before {content:''; position:absolute; left:0px; top:50%;transform:translateY(-50%); width:10px; height:10px; background:#111 url('/html/images/common/visual_dot.png') 50% 50% no-repeat;}
#visual .sub_imgbox .slick-dots li.slick-active:before {content:''; position:absolute; left:0px; bottom:0px; width:100%; height:2px; background:#ffc001;}
#visual .sub_imgbox .slick-dots li.slick-active a {color:#0171c0 !important; }
#visual .sub_imgbox .slick-dots li.slick-active a:before {background-color:#ffc001 !important;}

#visual_banner {position:relative !important;background-color: #fff !important; max-height:305px !important;}
#visual_banner::after {content: '';position: absolute;left:0px;top:0px;width: 100%;height:65px;background-color: #222431 !important;}
#visual_banner h2 {font-size:35px !important;line-height:100% !important;color:#000; text-align:center; padding:50px 0px; }
#visual_banner #sub_banner h2 {font-size:35px !important;line-height:100% !important;text-align:center; padding:0px; }
#visual_banner #sub_banner h2 small {display:block;font-size:1.1rem !important; font-weight:400 !important;color:#777 !important; padding-top:20px; }
#visual_banner .stickyMenu .lnb .txt, 
#visual_banner .stickyMenu .lnb .dropLst li span {color:#fff !important;} 
#visual_banner .stickyMenu .lnb .dropLst > a {color:#fff !important;padding-right:35px !important;}
#visual_banner .lnb .box {margin-left:15px !important;}
#visual_banner .lnb .box .title:before {background-color:#ffc001 !important; background-image: url('/html/images/common/lnbArrow_g.png') !important; border:none !important;}
#visual_banner .lnb .box .txt:after  {display:none !important;}
.lnb .dropLst .dlst {width:160px !important;border:none !important;border-radius:0px !important; }
.lnb .dropLst .dlst ul {border-radius:0px !important; background:#ffc001 !important;}
.lnb .box .dropLst ul li a {color:#222431 !important;}
.lnb .box .dropLst ul li a:hover {text-decoration:underline !important;}

h3.title {font-size:30px !important; text-align:left !important; margin-bottom:30px !important; letter-spacing:-0.05em !important; }
h3.title small {display:block;font-size:0.7em !important; color:#666 !important; font-weight:400 !important; padding-top:10px;}
.main_course h3.title a { font-weight:500 !important;padding:7px 30px 8px 20px !important; border-radius:3px !important;background:#f3f3f3 url('/html/images/common/arrow_right2.png') 99% 50% no-repeat !important; background-size:auto 20px !important;}
.main_course h3.title a:hover {background-color:#ededed !important;}
.main_course h3.title a::after {display:none !important;}


.compad { padding-top:80px !important; padding-bottom:80px !important;}
.cont_util.compad_t {padding:0px !important;}
.cont_util.util_rel {margin-top:0px !important;}
.cont_util  {margin-top:0px;}
.contents_in.about_cont.compad,
.contents_in.compad.w1230 {padding-top:0px !important; padding-bottom:50px !important;}
.mypage.cont_util {margin-top:30px;}

.img_banner_wrap {position:relative;width:100%; display:inline-block !important;overflow:hidden !important;}
.img_banner_box {position:relative !important; width:calc(100% + 30px) !important; margin:0px -15px !important;padding:0px !important;overflow:visible !important;}
.img_banner_box .section a {display:block;padding:15px 0px !important;}
.img_banner_box .section img {left:0px !important; width:auto !important; max-width:90% !important;border-radius:20px !important; box-shadow:0px 0px 15px rgba(0,0,0,0.1) !important; opacity:1 !important;}
.img_banner_box .section.slick-active img {opacity:1 !important;}
.img_banner_box .slick-prev, 
.img_banner_box .slick-next {display:inline-block !important; top:50% !important; transform:translateY(-50%) !important; width: 60px !important;height:60px !important; margin:0px !important;background-color:#0170c0 !important; background-size:cover !important;}
.img_banner_box .slick-prev {left:-15px !important;background-image:url('/html/images/common/arrow_left1.png') !important;}
.img_banner_box .slick-next {right:-15px !important;background-image:url('/html/images/common/arrow_right1.png') !important;}
.img_banner_wrap .slick-list {overflow:hidden !important;}

.main_banner {position:relative; width:100%;display:flex;justify-content:center; gap:10px;padding:0px;margin:0px;text-align:center; box-sizing:border-box;}
.main_banner li {position:relative;width:100%; margin:0px;box-sizing:border-box;text-align:center;transition:0.3s all ease-out;}
.main_banner li a {display:block;padding:70px 0px;text-align:center;box-sizing:border-box;word-break:keep-all; }
.main_banner li h2 {line-height:100%;font-size:19px;font-weight:500;color:#000;line-height:20px;letter-spacing:-0.05em;margin-bottom:15px; }
.main_banner li p {color:#666;font-size:15px;line-height:20px;letter-spacing:-0.05em; word-break:keep-all;}
.main_banner li span { position:absolute; left:50%;top:0%; transform:translateX(-50%);display:inline-block;width:60px;height:60px;background-size:cover !important box-sizing:border-box; transition:0.3s all ease-out;}
.main_banner li em { position:absolute; left:50%;bottom:0%; transform:translateX(-50%);display:inline-block;width:90%;max-width:160px;line-height:45px;border-radius:30px;background:#0170c0 !important; font-size:15px; font-style:normal; color:#fff; box-sizing:border-box; transition:0.3s all ease-out; }
.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:hover em {background-color:#ffc001 !important;}

.center .w1230 {display: flex !important;flex-wrap: nowrap !important;}
.center .w1230 > div h4 a {width:15px !important;height:20px !important; background:url('/html/images/common/more.png') 50% 50% no-repeat !important; background-size:contain !important; text-indent:-99999px !important;
position: relative !important; right:auto !important;left:0px !important; top:0% !important; transform: translateY(0%) !important;}
.center .w1230 > div.notice {width: calc((100% - 410px) / 2) !important; margin:0px 50px 0px 0px !important;}
.center .w1230 > div.notice h4 {display:flex; gap:10px; margin-bottom:25px;}
.center .w1230 > div.notice li span {display:none !important;}
.center .w1230 > div.notice li a {padding-left:10px; position:relative !important; font-size:1rem !important;color:#333 !important;}
.center .w1230 > div.notice li a::before {content:''; position:absolute; left:0px; top:50%; transform:translateY(-50%);width:4px; height:4px; border-radius:50%;background:#404040;}
.center .w1230 > div.cs {width:310px !important; padding-left:30px !important;box-sizing:border-box;border-left:1px #ddd solid;}
.center .w1230 > div.cs h4 { height:50px !important; background:url('/html/images/common/mcs_title_bg.png') 100% 100% no-repeat !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 p {font-size:1rem !important; color:#333;font-weight:500 !important;margin-bottom:30px !important; word-break:keep-all;}
.center .w1230 > div.cs dl dd li {padding:0px !important;}

#visual .slick-prev, #visual .slick-next {transform:translateY(-50%) !important; margin:0px !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;}

.lnb_depth { border-radius:0px !important;border:1px #dddfde solid !important; margin-top:0px !important;}
.lnb_depth .prevArrow {display:none !important;}
.lnb_depth .lnb_cont {display:inline-block !important; padding:0px !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 0px 0px 0px !important;}
.lnb_depth ul li a {position:relative;display:block; width:100%; font-size:1.05rem !important; color:#666;padding:17px 10px !important; border:none !important;background:#f7f7f7 !important;box-sizing:border-box;border-radius:0px !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 a,
.lnb_depth ul li.tab_title.active a,
.lnb_depth ul li.tab_title.active a:hover {background:#fff !important; color:#000 !important;text-decoration:none !important;border:1px #000 solid !important; margin:-1px 0px;border-bottom:0px !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;}

.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:#0170c0 !important;}

.faq_cont dt span,
.faq_cont dd span.A  {font-family: 'Inter', sans-serif !important; font-weight:700 !important;}
.faq_cont dd span.A {color:#666 !important;}

/* 라벨 관련 */
.label {position:relative !important; top:0px !important; left:0px !important; width:auto !important;min-width:50px !important;height:25px !important; padding:3px 12px 3px 17px !important;  line-height:18px !important; font-size:13px  !important;font-weight:bold; border-radius:3px  !important;box-sizing:border-box !important; background:#fff5cd !important; color:#333 !important;}
.label > .svg {display:none !important;}
.label:before {content:''; position:absolute; left:8px; top:50%;  transform:translateY(-50%);width:4px; height:4px; border-radius:50%; background:#fcb20c;}

.clabel {margin-top:10px !important;}
.market_list .item .con_box .clabel,
.new_list .item .con_box .clabel,
.best_list .item .con_box .clabel,
.photo_list .item .con_box .clabel,
.thum_list .item .con_box .clabel { display:flex; width:auto;margin-top:10px !important;}

.apply_view .clabel {margin:15px 0px !important;}
.apply_view .label {height:30px !important; padding:5px 15px 5px 25px !important;  line-height:20px !important; font-size:15px  !important; border-radius:5px  !important;}
.apply_view .label:before {left:13px;width:5px; height:5px;}

.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; font-family:'Pretendard' !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 {font-family:'Pretendard' !important; color:#000 !important;}
.price .dash,
.price strong.dash,
.item .con_box .price strong.dash {color:#888 !important;}

.price strong.percent,
.new_list .item .con_box .price strong.percent,
.photo_list .item .con_box .price strong.percent,
.thum_list .item .con_box .price strong.percent { color:#e84f59 !important;}

/* 과정 관련 */

.new_list .item .img_box,
.best_list .item .img_box,
.photo_list .item .img_box {position:relative !important;width:100% !important;height:0px !important;padding-bottom:65% !important;border:none !important; } /* padding-bottom:57.14% */
.new_list .item .img_box > img,
.best_list .item .img_box > img,
.photo_list .item .img_box > img {position:absolute !important;left:0px;top:0px;width:100%;height:100%; background-position:50% 0% !important; background-size:cover !important;}

.market_list .item .con_box 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 {font-size:18px !important;height:auto !important;color:#000 !important;line-height:120% !important; margin-bottom:12px !important;max-height: 3.2rem !important;  word-break:keep-all !important;}

.market_list .item,
.new_list .item,  
.photo_list .item,
.thum_list .item .img_box,
.micro_list .item .img_box,
.micro_list .item .img_box > img,
.new_list .item .img_box > img,
.photo_list .item .img_box > img,
.thum_list .item .img_box a img {border-radius:15px !important;}
.market_list .item .img_box > img { border-radius: 15px 15px 0 0 !important ;}

.best h3.title {text-align:center !important; margin-bottom:50px !important;}
.best_list {width:100% !important;}
.best_list .item {border:none !important;border-radius:25px !important; padding:30px !important;box-shadow:0px 0px 10px rgba(0,0,0,0.2) !important;}
.best_list .item .con_box {position:relative !important;border:none !important; padding:0px !important; margin-bottom:30px !important; height:120px; box-sizing:border-box;}
.best_list .item .con_box h4 {font-family:'Pretendard', 'Noto Sans KR' !important;position:absolute !important; top:50% !important;transform:translateY(-50%) !important; width:100% !important;box-sizing:border-box !important; padding:0px 10px !important; margin:0px !important;
font-size:24px !important;height:auto !important;color:#0170c0 !important;line-height:130% !important; max-height: 4rem !important; -webkit-line-clamp: 3 !important; text-align:center !important; word-break:keep-all !important;}
.best_list .item .img_box {border:none !important; border-radius:50px 0px 50px 50px !important;}
.best_list .item .img_box .label {display:none !important;}
.best_list .item .img_box > img  { border-radius:50px 0px 50px 50px !important;}

.new_list { margin:0px -30px -30px 0px !important; width: calc(100% + 30px) !important;}
.new_list .item {margin:0px 30px 30px 0px !important; width: calc((100% - 90px) / 3) !important;border:none !important;box-shadow:0px 0px 10px rgba(0,0,0,0.1) !important;}
.new_list .item .img_box > img {border:1px #eee solid !important;}
.new_list .item .con_box {position:static !important;padding:25px 35px !important;}
.new_list .item .con_box ul {margin-bottom:0px !important;}
.new_list .item .con_box ul li {font-family:'Pretendard' !important;padding-left:0px !important;}
.new_list .item .con_box ul li span {display:none !important;}

.photo_list { margin:0px -30px -30px 0px !important; width: calc(100% + 30px) !important;}
.photo_list .item {margin:0px 30px 30px 0px !important; width: calc((100% - 90px) / 3) !important;border:none !important;box-shadow:0px 0px 10px rgba(0,0,0,0.1) !important;}
.photo_list .item .img_box > img {border:1px #eee solid !important;}
.photo_list .item .con_box {position:static !important; padding:25px 35px !important;}
.photo_list .item .con_box ul {margin-bottom:0px !important;}
.photo_list .item .con_box ul li {font-family:'Pretendard' !important;padding-left:0px !important;}
.photo_list .item .con_box ul li span {display:none !important;}
.new_list .item:nth-child(4n), 
.photo_list .item:nth-child(4n) {margin-right:30px !important;}

.new_list .item, 
.photo_list .item { padding-bottom:60px;}
.new_list .item .con_box, .new_list .item a,
.photo_list .item .con_box, .photo_list .item a {position:static !important; }
.new_list .item .con_box .price,
.photo_list .item .con_box .price {position:absolute; left:35px; bottom:25px; height:25px;}

.new_list .item .con_box .clabel,
.photo_list .item .con_box .clabel {position:absolute; right:35px; bottom:25px;}


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

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

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

.btn_cont .bestColor {background-color: #ebb602 !important;}
.status.bestColor{background-color: #ebb602 !important;}
.btn_b {border: 1px solid #ebb602 !important; background: #ebb602 !important;}
.thum_list .item .con_box .btn a.learn {background-color: #ebb602 !important;}

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

@media all and (min-width:1024px) {
	#header .head_in {padding:30px 0px !important;}
	#header .head_in h1 {position: absolute !important; top:-65px !important;}
	.header h1 .svg_logo {max-width:220px !important; max-height:50px !important;}
}

@media all and (max-width:1300px) {
	#header .head_in h1 {left:20px;}

	.center { padding:0px 30px !important; }

	.lnb_depth.w1230 {width:calc(100% - 40px)  !important; padding:0px !important;}
}

@media all and (max-width:1024px) {
	#visual {margin:0px !important;}
	#visual .dot_custom .slick-dots,
	#visual:before {display:none !important;}
}

@media all and (max-width:980px) {
	#footer .foot_top { padding:20px 0px !important; gap:20px !important;border-radius:15px !important;}
	#footer .foot_top a {font-size:0.95rem !important;}
	#footer .foot_bottom {flex-wrap:wrap; gap:15px;}
	#footer .foot_logo {width:100%; height:20px;}
	#footer .foot_logo .svg_logo {position:relative;left:0%;top:0%;transform: translate(0%, 0%); max-height:20px !important;}

	.compad { padding-top:60px !important; padding-bottom:60px !important;}
	h3.title {display:block;font-size:25px !important; margin-bottom:20px !important;}
	h3.title small {display:block;font-size:16px !important; padding-top:7px;}
	.best h3.title {margin-bottom:30px !important;}

	.main_banner li a {padding:70px 0px; }
	.main_banner li h2 {font-size:17px;margin-bottom:10px; }
	.main_banner li p {font-size:14px;}
	.main_banner li span { width:60px;height:60px;}
	.main_banner li em { line-height:40px;}

	.img_banner_box .section a {padding:10px 0px !important;}
	.img_banner_box .section img {box-shadow:0px 0px 10px rgba(0,0,0,0.1) !important}
	.img_banner_box .slick-prev, 
	.img_banner_box .slick-next {width:40px !important;height:40px !important;}
	.img_banner_box .slick-prev {left:-5px !important;}
	.img_banner_box .slick-next {right:-5px !important;}
	
	.center .w1230 {padding: 50px 0px !important;}
	.center .w1230 > div.notice {width: calc((100% - 340px) / 2) !important;margin: 0px 30px 0px 0px !important;}
	.center .w1230 > div.notice li {margin-bottom:15px !important;}
	.center .w1230 > div.cs {width:280px !important;}

	.new_list { margin:0px -20px -20px 0px !important; width: calc(100% + 20px) !important;}
	.new_list .item {margin:0px 20px 20px 0px !important; width: calc((100% - 40px) / 2) !important;}
	.new_list .item .con_box {padding:20px !important;}

	.photo_list { margin:0px -20px -20px 0px !important; width: calc(100% + 20px) !important;}
	.photo_list .item {margin:0px 20px 20px 0px !important; width: calc((100% - 40px) / 2) !important;}
	.photo_list .item .con_box {padding:20px !important;}

	.new_list .item .con_box .price,
	.photo_list .item .con_box .price {left:20px; bottom:20px; }

	.new_list .item .con_box .clabel,
	.photo_list .item .con_box .clabel {right:20px; bottom:20px;}

	.new_list .item:nth-child(4n), 
	.photo_list .item:nth-child(4n) {margin-right:20px !important;}

	#visual_banner::after {height:55px}
	#visual_banner h2 {font-size:25px !important;padding:40px 0px; }
	#visual_banner #sub_banner h2 {font-size:25px !important;}
	#visual_banner #sub_banner h2 small {font-size:1rem !important; padding-top:10px; }
	#visual_banner #sub_banner {height:120px !important; }

	.lnb_depth.w1230,
	.lnb_depth {display:flex !important;margin-top:0px !important; padding:10px !important; border:1px #dddfde solid !important; }
	.lnb_depth .lnb_cont {width:100% !important;text-align:center; min-height:30px !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:8px 10px !important; white-space:nowrap !important;background:#fff !important;border:none !important;}
	.lnb_depth ul li.active a,
	.lnb_depth ul li.tab_title.active a { background:#232323 !important; color:#fff !important;text-decoration:none !important;border:none !important; border-radius:3px !important;}

	.estimate_state {justify-content: flex-start !important;} 

}

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

	.center .w1230 {flex-wrap:wrap !important;}
	.center .w1230 > div.notice {width: calc((100% - 60px) / 2) !important;margin: 0px 30px 30px 0px !important;}
	.center .w1230 > div.cs {width:100% !important; margin:0px !important;padding:0px !important; border:none !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;}

	.tb_chart th {font-size:0.9rem !important;  padding:18px 0px !important;}
	.tb_chart td {font-size:0.9rem !important; padding:12px 8px !important;}

}

@media all and (max-width:680px) {
	#header .head_in {padding:10px !important;}
	#header .head_in h1 {left:10px !important;}
	#header .head_in h1 .svg_logo {max-width:120px !important;}
	.header h1 {margin-left:10px !important;}
	.header h1 .svg_logo  {max-width:120px !important;}

	#footer .foot_top {border-radius:0px !important; width:calc(100% + 40px) !important; margin:0px -20px !important;padding:15px 0px !important; }
	#footer .foot_top a {font-size:0.87rem !important;}
	#footer .foot_bottom {margin-top:20px;}

	#visual_banner::after {height:45px}
	#visual_banner h2 {font-size:20px !important;padding:20px 0px; }
	#visual_banner #sub_banner h2 {font-size:20px !important;}
	#visual_banner #sub_banner h2 small {display:none !important;font-size:0.9rem !important;}
	#visual_banner #sub_banner {height:60px !important; }

	#visual_banner .lnb .box {margin-left:20px !important;}
	#visual_banner .lnb .box .title:before {right:0px !important;}
	#visual_banner .stickyMenu .lnb .dropLst > a {padding-right:25px !important;}

	.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;}
	h3.title a.more {font-size:13px !important;}
	.main_course h3.title a { font-size:13px !important;padding:5px 20px 5px 10px !important; background-size:auto 15px !important;}
	.best h3.title {margin-bottom:20px !important;}

	.contents_in.compad {padding-top:30px !important;}

	.main_banner {margin:-10px 0px; flex-wrap:wrap;}
	.main_banner li {width:calc(50% - 5px); margin:13px 0px;}
	.main_banner li a {padding:55px 0px 40px 0px; }
	.main_banner li h2 {font-size:15px;}
	.main_banner li p {font-size:13px;}
	.main_banner li p br {display:none;}
	.main_banner li span { width:50px;height:50px;}
	.main_banner li em { line-height:30px;font-size:13px;}

	.center {padding:0px 20px !important; }
	.center .w1230 {padding:30px 0px 50px 0px !important;}
	.center .w1230 > div.cs h4 {height:40px !important; background-size: auto 38px !important;}
	.center .w1230 > div.notice {width:100% !important; margin:0px 0px 30px 0px !important;}
	.center .w1230 > div.notice h4 {margin-bottom:15px !important;}
	.center .w1230 > div.notice li {margin-bottom:10px !important;}
	.center .w1230 > div.notice li:nth-child(3), 
	.center .w1230 > div.notice li:nth-child(4) {display:block !important;}

	.market_list .item .con_box 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 {font-size:15.5px !important;height:auto !important;color:#000 !important;line-height:120% !important; margin-bottom:12px !important;max-height: 3.2rem !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.5 !important;height:2.9rem !important;}

	.new_list { margin:0px -15px -15px 0px !important; width: calc(100% + 15px) !important;}
	.new_list .item {margin:0px 15px 15px 0px !important; width: calc((100% - 30px) / 2) !important;box-shadow:none !important;}
	.new_list .item:nth-child(4n) {margin-right:15px !important;}
	.new_list .item .con_box {padding:15px 0px !important;}
	.new_list .item .con_box span {margin-top:8px  !important;}

	.photo_list { margin:0px -15px -15px 0px !important; width: calc(100% + 15px) !important;}
	.photo_list .item {margin:0px 15px 15px 0px !important; width: calc((100% - 30px) / 2) !important;box-shadow:none !important;}
	.photo_list .item:nth-child(4n) {margin-right:15px !important;}
	.photo_list .item .con_box {padding:15px 0px !important;}
	.photo_list .item .con_box span {margin-top:8px  !important;}

	.market_list .item .con_box .clabel,
	.new_list .item .con_box .clabel,
	.best_list .item .con_box .clabel,
	.photo_list .item .con_box .clabel,
	.thum_list .item .con_box .clabel { position:relative !important;left:0px !important;right:auto !important; top:0px !important; width:100%;}
	.thum_list .item .con_box .clabel {margin:0px 0 10px 0 !important;}

	.new_list .item, 
	.photo_list .item { padding-bottom:0px;}
	.new_list .item .con_box .price,
	.photo_list .item .con_box .price {position:relative; left:0px; bottom:auto; height:auto;}

	.apply_view .clabel {margin-top:0px !important;}
	.apply_view .label {height:26px !important; padding:3px 12px 3px 20px !important; font-size:14px !important;}
	.apply_view .label:before {left:10px;}

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

	.end_cont .adm_tit {padding:10px 0px;}

	.estimate_state li {font-size:0.85rem !important;}

	input.search_btn2 {width:45px !important;text-align:center !important; padding:1px 3px !important;}

	.bbs_btn .recomm_area { display:none;}
}
@media all and (max-width:480px) {
	.img_banner_box .slick-prev {left:0px !important;}
	.img_banner_box .slick-next {right:0px !important;}
}

.process_ing dl {border-radius:15px !important;}
.process_ing dl dt .img {border-radius:15px 15px 0 0  !important;}
.process_ing dl dd {padding:20px !important;}
.process_ing dl dd {border-radius:0 0 15px 15px !important;}
.process_ing dl dd h4 {font-size:1.1rem !important; }
.process_ing dt .label {position:absolute !important; top:10px !important; left:auto !important; right:10px !important;}

/* 소개 */
.greeting_top {background:#fff; padding:0px;text-align:center;margin-bottom:90px; border-bottom:2px #f5c520 solid;}
.greeting_top img {width:auto; max-width:96%;}
.greeting { background:none; }
.greeting dl {width:100%; display:flex; gap:50px; margin-bottom:80px;}
.greeting dt {width:120px; }
.greeting dt h1 {width:120px; height:120px; border-radius:7px; background:#f3f3f3; }
.greeting dt h1 img {max-width:100%; height:auto;vertical-align: top; }
.greeting dd {width:calc(100% - 170px); }
.greeting strong {display:block;line-height:1.4; font-size:24px;font-weight:600; color:#000;padding:0px;margin:0px;}
.greeting p { font-size:1rem;line-height:180%;font-weight:normal;color:#333;padding:0px;margin:20px 0px 0px;}
.greeting p img {max-width:100% !important; height:auto !important;}

/* 찾아오시는 길 */
.location .maxWidth {margin:0 auto !important;border:1px solid #ddd;}
.location .map_info {padding:0px;overflow:hidden;}
.location .row {width:100%;padding:30px;border-top:1px #dddddd solid;box-sizing:border-box;}
.location .row li {position:relative;width:100%;padding-left:150px;box-sizing:border-box;font-weight:400;font-size:16px;line-height:34px;list-style:none;}
.location .row li strong {position:absolute;left:30px;font-weight:500;font-size:16px;color:#333;vertical-align:middle;letter-spacing:0}
.location .row li strong:before {content:'';display:inline-block;width:18px;height:20px;margin-right:10px;background-position:center;background-repeat:no-repeat;background-size:cover !important;vertical-align:middle;}
.location .row li.icon1 strong:before {background-image:url(/html/images/sub/icon_map1.png);}
.location .row li.icon2 strong:before {background-image:url(/html/images/sub/icon_map2.png);}
.location .row li.icon3 strong:before {background-image:url(/html/images/sub/icon_map3.png);}
.location .row li a {color:#666;}
.location .ly_map {position:relative;}
.location .ly_map .root_daum_roughmap {width:100% !important;}
.location .ly_map .root_daum_roughmap .wrap_controllers {display:none !important;}

@media all and (max-width:980px) {
	.greeting_top {margin-bottom:60px;}
	.greeting dl {gap:30px; margin-bottom:50px;}
	.greeting dt {width:90px; }
	.greeting dt h1 {width:90px; height:90px;}
	.greeting dd {width:calc(100% - 120px); }
	.greeting strong {font-size:20px;}

	.location .row {padding:20px;}
	.location .row li {padding-left:80px;font-size:15px;line-height:1.5; margin-bottom:10px;}
	.location .row li strong {left:0px;font-size:15px;}
	.location .row li strong:before {display:none;}
}

@media all and (max-width:480px) {
	.greeting_top {margin-bottom:40px;}
	.greeting dl {position:relative; gap:0px; margin-bottom:40px;}
	.greeting dt {position:absolute; left:0px; top:0px; width:50px; }
	.greeting dt h1 {width:50px; height:50px;}
	.greeting dd {width:100%; }
	.greeting strong {font-size:16px; padding-left:65px;}
	.greeting p { font-size:1rem;line-height:160%;margin:13px 0px 0px;}
}




/* 이전 홈페이지 */
.sub_title {display:block;line-height:30px; font-size:20px;font-weight:500; color:#333;padding-left:30px;margin-bottom:10px;background:url('/html/images/common/stitle_dot.png') 2px 50% no-repeat; }
.sub_cont {line-height:25px; font-size:15px;color:#333;margin-left:30px;margin-bottom:50px; }
.sub_cont2 {width:100%;margin-bottom:60px;font-size:16px;color:#333; }
.sub_btn { text-align:center; }
.sub_btn a { display:inline-block; margin:0px 5px;}

.matchup_top {width:100%; border:1px #afcef3 solid;background:#fbfdff; padding:0px;box-sizing:border-box;margin-bottom:45px;}
.matchup_top h2 { background:#ffffff; padding:20px; text-align:center;line-height:30px;font-family:"noto_sans",sans-serif;display:block; font-size:30px;font-weight:500; color:#0c4e9d;}
.matchup_top p { font-size:16px;line-height:26px;font-weight:normal;text-align:center;color:#333333;padding:20px;}
.matchup_top p strong { font-size:18px;line-height:28px;font-weight:500;text-align:center;color:#000000;padding:30px;}
.matchup_top p strong span { color:#167be4;}
.matchup_top p b { font-weight:500;}

.bc1 { position:relative; width:100%;height:570px;background:url('/html/images/common/bc1.png') no-repeat;margin-bottom:50px;}
.bc1 p { position:absolute;left:400px;top:385px;width:410px;padding-left:28px;border-left:2px #ffffff solid;font-size:18px;line-height:28px;color:#ffffff; word-break:keep-all;}
.bc1 p span { color:#ffc027;}

.bc2 { width:100%;margin-bottom:50px;}
.bc2 th { width:240px;padding:15px 0px;text-align:left;}
.bc2 td { padding:15px 0px;border-bottom:1px #dedede dashed;font-size:16px;color:#333;line-height:24px;}
.bc2 td span { color:#0067ba;}
.bc2 td.last {border:none;}

.os1 { position:relative; width:100%;height:430px;padding:60px;background:url('/html/images/common/os1.png') no-repeat;margin-bottom:50px;box-sizing:border-box;}
.os1 h2 {position:relative;font-size:30px;font-weight:500;line-height:40px;color:#ffc027;padding-bottom:30px;margin-bottom:30px; }
.os1 h2:before {content:'';position:absolute; bottom:0px;left:0;width:140px;height:2px;background:#ffffff;}
.os1 p {width:370px;font-size:18px;line-height:28px;color:#ffffff; word-break:keep-all;}
.os1 p span { color:#ffc027;}
.os1 em {font-family:"noto_sans";}

.webtoon {position:relative; width:100%; display:inline-block; padding-bottom:45px; margin-bottom:25px; border-bottom:1px #dedede dashed;}
.webtoon .webtoon_tit {font-size:24px;font-weight:500;width:300px;margin:20px 300px;text-align:center; height:50px;line-height:50px;color:#fff; background:#0070be;border-radius:30px;}
.webtoon ul {position:relative; width:100%; display:inline-block;}
.webtoon li {float:left; width:100%; display:inline-block;text-align:center;}
.webtoon li img { width:900px;border:1px #cccccc solid;box-sizing:border-box; }
.webtoon4 { border-bottom:none;}

.bx-wrapper{margin:0px auto;max-width:900px;}
.bx-controls-auto{overflow:visible;position:absolute;left:-99999px;width:1px;height:1px}
.bx-controls-direction a{ display:block; position:absolute;left:0px; top:15px;width:60px;height:60px;text-indent:-99999px; background:url('/html/images/common/controls.png') no-repeat;}
.bx-controls-direction a.bx-prev{left:50%; margin-left:-450px;background-position:left top;background-size:auto;}
.bx-controls-direction a.bx-next{left:50%; margin-left:390px;background-position:right top;background-size:auto;}