@charset "utf-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css");
@import url('//cdn.malgnlms.com/common/font/notokr/notokr.css');
@import url('/html/css/color_theme.css');

body {font-family:"Pretendard" !important;overflow-x:hidden;}
body  * {font-family:"Pretendard" !important;}
.w1230 {width:92% !important; max-width:1200px !important;}
.compad {padding:90px 0px !important;}
.ver_mobile { display:none !important;}
.ver_pc { display:block !important;}

#header {background:#000000 !important;}
#header .member_util {border:none !important;}
#header .member_util li {border:0px #ddd solid !important;margin-left:30px !important;font-weight:500 !important;color:#000 !important; line-height:30px !important; filter:invert(100%) grayscale(100%) contrast(100%) !important; }
#header .member_util li a {padding: 0 25px 0 0px !important;border:none !important;font-weight:800 !important;color:#000 !important;}
#header .member_util li.name {border:none !important; padding-right:10px !important;font-weight:800 !important;}
#header .member_util li.search {position:absolute !important; right:0px !important;top:60px !important; border:none !important;z-index:100 !important;}
#header .member_util li.search a {padding:0px !important;}
#header .member_util li.top_search {background-color:#fff !important; border:none !important; border-radius:30px; filter:invert(0%) !important;opacity:0.9;}
#header .member_util li.top_search .with-global-icon select { transform:translateY(-2px);}

#header .member_util .w1230 li a,
#header .member_util .w1230 li.name a,
#header .member_util .w1230 li.join a,
#header .member_util .w1230 li.cart a { background-position:center right !important;}

#header .member_util .w1230 {margin-top:20px;}
#header .head_in {padding:10px 0px !important;}
#header .head_in h1 { filter:invert(100%) grayscale(100%) contrast(100%) !important;}
#header .head_in h1 a {height:55px !important;}
#header .head_in h1 .svg_logo {max-width:300px !important;max-height:55px !important;}
#header .m_util {filter:invert(100%) contrast(100%) !important;}

#footer {background:#332f2f !important;padding:75px 0px !important;}
#footer .foot_top {position:relative !important;margin-bottom:25px !important;padding-bottom:0px !important;border:none !important;display:flex;}
#footer .foot_top h1 {margin-right:45px; filter:invert(100%) grayscale(100%) contrast(65%) !important; }
#footer .foot_top h1 img {max-height:40px !important;}
#footer .foot_top a {position:relative !important;font-size:1.1rem !important; line-height:40px !important;padding-right:22px !important;margin-right:20px !important; font-weight:500 !important; color:#fff !important;}
#footer .foot_top a:before {content:'';position:absolute;right:0px; top:50% !important; transform:translateY(-50%) !important; width:1px;height:16px;background:#7f7e7e; } 
#footer .foot_top a:last-child::before {display:none !important;}
#footer .foot_bottom {font-weight:400;}

#gnb {position:absolute !important; width:92% !important; max-width:800px !important;top:40px !important;left:330px !important;transform:translateX(0%) !important;margin:0px !important;} */
#gnb > ul > li { margin:0 60px 0 0px !important;}
#gnb > ul > li.dep_tit > a {position:relative;color:#fff !important;}
#gnb > ul > li.dep_tit:hover > a,
#gnb > ul > li.dep_tit > a:hover {color:#7960ff !important;}
#gnb > ul > li.dep_tit:hover > a:before,
#gnb > ul > li.dep_tit > a:hover:before {content:'';position:absolute;left:-4px;top:-12px;width:calc(100% + 8px); height:3px; background:#7960ff;} 
#gnb .one_depth::after {display:none;}
#gnb .one_depth::before{ content:'';position:absolute;width:2000% !important;height: 50px !important;background:#fff !important;border-bottom:1px #ddd solid;left:-900% !important;top:0px !important;z-index:-1px !important;}
#gnb .depth {left:0px !important; width:100% !important;min-width:200px !important;top: 51px !important; display:flex !important; border:none !important; padding: 18px 0px !important;}
#gnb .depth li {margin:0px !important; }
#gnb .depth li a {white-space:nowrap !important; padding:0 35px 0px 0px !important;}

.searchWrap button {background-image:none !important; padding-left:0px !important; text-align:center !important; }

/* 상단 배너 풀 이미지 */
.slick-prev, 
.slick-next {top:50% !important; transform:translateY(-50%) !important; width:44px !important; height:44px !important; border:1px #ddd solid !important;opacity:1;}
.slick-prev {left:50% !important; margin:0px 0px 0px -730px !important; background:#fff url('/html/images/common/arrow_left2.png') no-repeat center !important; background-size:70% auto !important;}
.slick-next {left:auto !important; right:50% !important; margin:0px -730px 0px 0px !important; background:#fff url('/html/images/common/arrow_right2.png') no-repeat center !important; background-size:70% auto !important;}
.slick-prev:hover, 
.slick-next:hover {background-color:#f7f7f7 !important; opacity:1;}

#visual  {z-index:1 !important;}
#visual .slick-prev, 
#visual .slick-next {display:inline-block !important;opacity:1; border:none !important;width:60px !important; height:100px !important;opacity:0.4 !important; background-size:contain !important;}
#visual .slick-prev:hover, 
#visual .slick-next:hover { opacity:1 !important;}
#visual .slick-prev {left:60px !important;margin:0px !important;background:url('/html/images/common/arrow_left_b.png') no-repeat center !important;background-size:contain !important;}
#visual .slick-next {right:60px !important;margin:0px !important;background:url('/html/images/common/arrow_right_b.png') no-repeat center !important;background-size:contain !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:auto 100% !important; background-position:center center !important;}
#visual .slick-dots {display:none !important;}

.stickyMenu {padding:0px !important; top:200px !important;}
#sub_banner {width:92% !important;max-width:1200px !important; margin:0px auto !important; height:100px !important;}
#sub_banner.bgColor {background:#fff !important;}
#sub_banner h2 {font-size: 2rem !important;color:#000 !important;padding:30px 0px !important; border-bottom:2px #333 solid; margin-top:50px;}
#sub_banner::after {display:none !important;}
.lnb .txt,
.lnb .dropLst li span {color:#666 !important;}
.lnb .dropLst > a {line-height:20px !important;color:#666 !important; padding-right:26px !important;}
.lnb .box {margin:0px 10px !important;height:20px !important;line-height:20px !important;}
.lnb .box .txt:after {display:none !important;background:#ddd !important;}
.lnb .box .title:before { right:0px !important;top:0px !important;width:18px !important;height:18px !important;border:1px solid #666 !important; background:url("/theme/6/img/main/lnbArrow_g.png")no-repeat !important; background-size:8px !important;}

.img_banner_wrap {position:relative;width:100%; display:inline-block;overflow:hidden !important;}
.img_banner_box {position:static !important;padding:20px 0px !important;overflow:visible !important;}
.img_banner_box .section img {left:0px !important; width:auto !important; max-width:90% !important;border-radius:30px !important; box-shadow:0px 0px 20px rgba(0,0,0,0.1) !important; opacity:0.35 !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:0px !important;margin:0px !important;background-color:#5a3cfe !important;transform: translate(0%) !important;}
.img_banner_box .slick-prev {left:0px !important;background-image:url('/html/images/common/arrow_left.png') !important;}
.img_banner_box .slick-next {right:0px !important;background-image:url('/html/images/common/arrow_right.png') !important;}
.img_banner_more {width:100%;display:inline-block; text-align:center;}
a.main_more {display:inline-block;margin:50px auto 0px auto; width:180px;line-height:50px;text-align:center;border:1px #7f7f7f solid;color:#666;border-radius:40px;transition:0.3s all ease-out}
a.main_more:hover {width:200px;color:#fff; background:#7f7f7f;}

/****** S :: 하위 lnb ******/
.lnb_depth {border-radius:5px !important;margin:50px auto 45px; background:none;}
.lnb_depth .prevArrow {display:none !important;}
.lnb_depth .lnb_cont {display:inline-block !important; padding:0px !important; background:#fcfcfc !important;}
.lnb_depth .prevArrow + .lnb_cont{width:100% !important;margin-left:0px !important;}
.lnb_depth ul {display:flex !important;justify-content:center;}
.lnb_depth ul li {width:100%; margin:0px !important;}
.lnb_depth ul li a {position:relative;display:block; width:100%; font-size:1.05rem !important; color:#666;padding:17px 10px !important;box-sizing:border-box;border-radius:5px !important;}
.lnb_depth ul li a:hover {background:#5a3cfe !important; color:#fff !important;}
.lnb_depth ul li a::before {content:'';position:absolute;left:0px;top:50%;transform:translateY(-50%); width:1px;height:18px;background:#dbdbdb;}
.lnb_depth ul li a.pointColor {background:#5a3cfe !important; color:#fff !important;text-decoration:none !important;}
.lnb_depth ul li.tab_title.active a {background:#5a3cfe !important; color:#fff !important;text-decoration:none !important;}
.lnb_depth ul li.tab_title a:hover {background:none !important; color:#5a3cfe !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;}

h3.title {font-size: 1.9rem !important;}
h3.title.title_l {text-align:left !important; margin-bottom:20px !important;}
h3.title small {font-size:0.65em !important;color:#666;display:block;font-weight:normal;margin-top:10px;}
h4 {font-weight:500 !important;}

.label {position:relative !important; top:0px !important; left:0px !important; min-width:50px !important; padding:4px 10px !important;  line-height:12px !important; color:#444 !important; font-size:11px  !important;font-weight:bold; border-radius:3px  !important;box-sizing:border-box !important; white-space:nowrap;}
.label > .svg {display:none !important;}

.price strong.percent {color:#ff0000 !important;}

.btn_b { border: 1px solid #7960ff !important; background: #7960ff !important;}

.center .w1230 > div h4 {font-family:"Pretendard" !important;font-size: 1.9rem !important;letter-spacing: -1.4pt !important;font-weight: bold !important;margin-bottom:20px !important;}
.center .w1230 > div h4 a {font-size: 14px !important; color: #666 !important;padding:0px 20px !important;line-height:33px !important;text-decoration: none !important;border-radius:40px;border:1px #dedede solid !important;}
.center .w1230 > div h4 a:hover {border-color:#333 !important; color:#333 !important;}
.center .w1230 > div.notice {width: calc((100% - 50px) / 2) !important;margin-right:50px !important;}
.center .w1230 > div.notice:nth-child(2) {margin-right:0px !important;}
.center .w1230 > div.notice li a {font-size:17px !important;color: #666 !important;line-height:120% !important;height:auto !important;}
.center .w1230 > div.notice li span {color: #666 !important;}
.center .w1230 > div.cs  {display:none !important;}

.main_bottom {position:relative;width:100%; display:inline-block; }
.main_bottom:before {content:'';position:absolute;display:flex; width:50%;left:0%;top:0px;height:100%;background:#fafafa;z-index:-1;}
.main_bottom:after {content:'';position:absolute;display:flex; width:50%;left:50%;top:0px;height:100%;background:#f0f0f0;z-index:-1;}
.main_bottom_inner {width:100%; max-width:1200px;margin:0px auto; display:flex;}
.main_bottom_left {width:50%;display:flex; justify-content:space-between; padding:50px 50px 50px 0px; box-sizing:border-box;background:#fafafa;}
.main_bottom_right {width:50%; padding:50px 0px 50px 100px; box-sizing:border-box; background:#f0f0f0;}
.main_banner { width:100%;display:flex;justify-content:space-between;padding:0px;margin:0px;text-align:center;}
.main_banner li {position:relative;width:33%; height:auto; margin:0px;box-sizing:border-box;text-align:center;transition:0.3s all ease-out;}
.main_banner li a {position:relative;display:block;padding:120px 0px 0px 0px;text-align:center;box-sizing:border-box;word-break:keep-all; }
.main_banner li h2 {line-height:120%;font-size:1.2rem;font-weight:500;color:#000;letter-spacing:-0.05em; }
.main_banner li span { position:absolute; left:50%;top:0px;transform:translateX(-50%);background:#f0f0f0;display:inline-block;width:110px;height:110px; border-radius:50%;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:50%;background-size:cover !important;box-sizing:border-box; opacity:0.65; transition:0.3s all ease-out; }
.main_banner li span.main_banner1 em {background:url('/html/images/common/main_banner1.png') no-repeat;}
.main_banner li span.main_banner2 em {background:url('/html/images/common/main_banner2.png') no-repeat;}
.main_banner li span.main_banner3 em {background:url('/html/images/common/main_banner3.png') no-repeat;}
.main_banner li:hover h2 {color:#5a3cfe !important;}
.main_banner li:hover span {background-color:#5a3cfe !important;}
.main_banner li:hover span em {opacity:1; -webkit-filter:invert(100%) contrast(100%); filter:invert(100%) contrast(100%);}
		
.main_cs {width:100%; background:url('/html/images/common/main_cs.png') 100% 0% no-repeat;}
.main_cs h3.title {font-size: 1.6rem !important;text-align:left !important;margin-bottom:5px !important;}
.main_cs p {font-size:15px;color:#666;margin-bottom:20px;padding-right:80px ;box-sizing:border-box;word-break:keep-all;}
.main_cs .mc_tel {font-size:1.9rem;font-weight:700;color:#5c4abb;letter-spacing:-0.05em;}
.main_cs .mc_text {font-size:15px;color:#000;}

/* 과정 목록 */
.new_list {margin-right:-15px !important; width:calc(100% + 15px) !important;}
.new_list .item {font-family:"Pretendard" !important; margin:0px 15px 0px 0px !important; width:calc((100% - 60px) / 4) !important; border:none !important; border-radius:10px !important;transition:0.3s all ease-out;}
.new_list .item:hover {transform:translateY(-5px); !important;}
.new_list .item .img_box { border:1px solid #ddd !important;border-radius:10px !important;}
.new_list .item .img_box > img { border-radius:10px !important;}
.new_list .item .con_box {padding:20px 0px !important;border-radius:0px !important;}
.new_list .item .con_box span {font-family:"Pretendard" !important;margin:0px !important;font-size:15px !important;}
.new_list .item .con_box .price strong {font-family:"Pretendard" !important;font-size:1rem !important;}
.new_list .item .con_box h4 {font-family:"Pretendard" !important;font-size:1.06rem !important; color:#000 !important;margin-bottom: 15px !important;}
.new_list .item .con_box ul {margin-bottom:5px !important;}
.new_list .item .con_box ul li {font-family:"Pretendard" !important;margin:0px !important;}
.new_list .item .con_box .con_label {margin-top:15px !important;}

.photo_list {margin:0px -15px -10px 0px !important; width:calc(100% + 15px) !important;}
.photo_list .item {font-family:"Pretendard" !important; margin:0px 15px 10px 0px !important; width:calc((100% - 60px) / 4) !important; border:none !important; border-radius:10px !important;transition:0.3s all ease-out;}
.photo_list .item:hover {transform:translateY(-5px); !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:20px 0px !important;border-radius:0px !important;}
.photo_list .item .con_box span {font-family:"Pretendard" !important;margin:0px !important;font-size:15px !important;}
.photo_list .item .con_box .price strong {font-family:"Pretendard" !important;font-size:1rem !important;}
.photo_list .item .con_box h4 {font-family:"Pretendard" !important;font-size:1.06rem !important; color:#000 !important;margin-bottom: 15px !important;}
.photo_list .item .con_box ul {margin-bottom:5px !important;}
.photo_list .item .con_box ul li {font-family:"Pretendard" !important;margin:0px !important;}
.photo_list .item .con_box .con_label {margin-top:15px !important;}

.thum_list {border-top:1px #ddd solid !important;}
.thum_list .item {padding:20px 0px !important;}
.thum_list .item .img_box {border:none !important;border-radius:10px !important; vertical-align:top !important;}
.thum_list .item .img_box a {display:block;}
.thum_list .item .img_box a img {border-radius:10px !important;border:1px solid #ddd;}
.thum_list .item .con_box {width: calc(100% - 230px) !important; padding-left: 30px !important;}
.thum_list .item .con_box p.stxt {line-height:1.5 !important;height:auto !important;max-height: 3.0rem !important;}
.thum_list .item .con_box ul {margin:10px 0px 0px !important;}
.thum_list .item .con_box .price strong {font-size:1rem !important;}
.thum_list .item .con_box .con_label {margin-top:10px !important;}
.thum_list .item .con_box .btn a {padding:0px !important;}
.thum_list .item .con_box .btn a .svg {display:none !important;}

/* 과정 상세 */
.view_B_type_title {width: 92%;max-width: 1200px; margin:80px auto 0px auto; text-align: center;letter-spacing: -0.7pt;line-height: 1;font-weight: bold; font-size: 2rem; color: #000; padding:0px;}
.view_B_type,
.view_B_type.compad {padding-top:40px !important;}
.view_B_type .apply_view .txtCont {z-index:10 !important;}
.view_B_type .view_info {border:none !important;background:none !important; border-radius:0px !important; padding:0px !important; margin-bottom:50px !important;}
.view_B_type .view_info .con_label {display:flex !important;margin-bottom:15px !important;}
.view_B_type .view_info .con_label .label {padding:6px 10px !important; height:auto !important; line-height:1.1 !important; font-size:0.96rem  !important;}
.view_B_type .view_info .view_title {display:block; padding-bottom:20px !important;border-bottom:2px #222222 solid; margin-bottom:20px !important;}
.view_B_type .view_info h4 {font-size:2rem !important;font-weight:bold !important; line-height:1.2 !important;margin-bottom:0px !important;}
.view_B_type .fixed_cont {top:40px !important;}
.view_B_type .applyBtn a .svg {display:none !important;}
.price_ver2 .price_table {padding:0px !important;}
.price_ver2 .price_table .price_in h4 {font-size:25px !important;font-weight:bold !important; }
.price_ver2 .price_table .price_in .price {padding-top:20px !important; border-top:1px #ddd solid !important;}
.price_ver2 .total {border-radius:10px !important; }
.view_B_type .lnb_tab {margin-top:150px !important;}

.lnb_tab {display:flex !important;border:1px solid #dbdbdb; border-radius:5px !important; background:#fefefe !important;}
.lnb_tab li {width:100% !important;margin:0px !important;}
.lnb_tab li a {width:100% !important;font-size:1.2rem;color:#888888 !important;font-weight:500 !important; line-height:60px !important; border-radius:5px !important; }
.lnb_tab li a::after {display:none !important;}
.lnb_tab li a.mPS2id-highlight {width:calc(100% + 2px) !important;color:#000 !important; border:1px #000 solid !important;box-sizing:border-box !important;margin:-1px !important;}
.apply_view  #process { min-height:500px;}
.applyBtn a {height:auto !important;}

.about_cont.contents_in img {width:auto !important; max-width:100% !important;height:auto !important;}

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

.price_table {background:#fff !important;}
.price_table .total {background:#f7f7f7 !important;}

.qna_cont th {padding:18px 0px !important;}
.qna_cont td {padding:12px 10px !important;}
.faq_cont dt a {color:#333 !important;font-weight:500 !important;}

.privacy, 
.clause {margin-top:0px !important;}

.privacy h3,
.clause h3,
.refund h3{color:#5a3cfe ;font-size:1.2rem;font-weight:bold;margin-top:30px;} 
.refund {list-style:none;}

.privacy {font-size:1rem;line-height:140%}
.privacy dl{padding-left:5px;margin-top:10px}
.privacy dt{font-weight:700;margin-top:5px}
.privacy dd{margin-top:2px;margin-left:10px}
.privacy p{margin-top:10px;line-height:140%;margin-left:0px;float:none !important}
.privacy .depth2{padding-left:15px}
.privacy .depth2 > li{margin:2px 0}
.privacy .depth2.dots li{position:relative;padding-left:10px;}
.privacy .depth2.dots li:before{content:'';position:absolute;left:0px;top:10px;width:3px;height:3px;border-radius:50%;background:#333;}

.privacy .depth3{padding-left:24px}
.privacy .depth3 > li{margin:2px 0}

.privacy table {width:100%; border:1px #ddd solid;}
.privacy th {padding:5px;border:1px #ddd solid; text-align:center;background:#f7f7f7;}
.privacy td {padding:5px;border:1px #ddd solid;}

.clause table {width:100%; border:1px #ddd solid;}
.clause th {padding:5px;border:1px #ddd solid; text-align:center;background:#f7f7f7;}
.clause td {padding:5px;border:1px #ddd solid;}

.clause {font-size:1rem;line-height:140%}
.clause .depth1 li{line-height:140%}
.clause .depth1{margin-top:10px;padding-left:0;float:none}
.clause .depth2{padding-left:15px}
.clause .depth3{padding-left:24px}

/* 마이페이지 썸네일 사이즈 */
.process_ing dl dt {position:relative !important;display:inline-block;width:100% !important;height:0px !important;padding-bottom:56.76% !important;}
.process_ing dl dt .img {position:absolute !important;left:0px;top:0px;width:100% !important;height:100% !important;}
.process_ing dl dd {padding:18px !important;}
.process_ing dl dt .label {position:absolute !important;min-width:10px !important;height:18px !important;top:13px !important; left:calc(100% - 13px) !important; transform:translateX(-100%) !important;}

.lec_info .imgCont {position:relative !important;height:0px !important;padding-bottom:153px !important; background-color:none !important; }
.lec_info .imgCont img {position:absolute !important;left:0px;top:0px;width:100% !important;height:100% !important;border-radius: 15px !important;background-position:50% 50% !important;}

@media all and (min-width:980px) {
	body,html {font-size:16px !important;}
} 
@media all and (min-width:1024px) {
	#header { height:141px !important;}
}

@media all and (max-width:1300px) {
	.lec_info .imgCont {width: 200px;padding-bottom:114px !important;display:inline-block !important;}	
	.lec_info .imgCont img {width:100% !important;}
}

@media all and (max-width:1024px) and  (min-width:680px) {
	#wrap {padding-top: 70px !important;}
}
@media all and (max-width:1024px) {
	#header .head_in {padding:10px 0px !important;}
	#header .head_in h1 {position:relative !important; top:0px !important;}
	#header .head_in h1 a {height:50px !important;}
	#header .head_in h1 .svg_logo,
	.header h1 .svg_logo { width:auto !important;height:auto !important;max-width:180px !important;max-height:40px !important; }
	.stickyMenu {top:90px !important;}
}

@media all and (max-width:980px) {
	.compad {padding:70px 0px !important;}

	#visual .slick-prev, 
	#visual .slick-next	{width:30px !important;height:50px !important;}
	#visual .slick-prev { left:5% !important; }
	#visual .slick-next { right:5% !important; }

	.lnb_depth {display:flex !important;margin:10px auto 20px auto !important;  border:none !important; }
	.lnb_depth .lnb_cont {width:100%  !important;text-align:center; min-height:30px !important;overflow-x:scroll !important;}	
	.lnb_depth ul {width:auto !important; flex-wrap:nowrap; justify-content:flex-start !important; }
	.lnb_depth ul li {width:auto !important;}
	.lnb_depth ul li a {font-size:15px !important;padding:10px 10px !important; white-space:nowrap !important;}

	.contents_in, .contents_in,
	.contents_in.compad_t {padding-top:30px !important;}
	.result_lnb {margin-bottom:30px !important;}

	.center .w1230 {display:flex !important;}
	.center .w1230 > div.notice {width: calc((100% - 40px) / 2) !important;margin:0px 40px 0px 0px !important;}
	.center .w1230 > div.notice li a {font-size:16px !important;}

	.main_bottom_inner {display:inline-block !important;}
	.main_bottom_left {width:100%; padding:40px 20px;}
	.main_bottom_right {width:100%; padding:40px 40px;}
	.main_cs {background-position:100% 0% !important; }
	
	.photo_list .item .con_box span {font-size:1rem !important;}
	.new_list .item,
	.photo_list .item {width:calc((100% - 30px) / 2) !important;}
	.new_list .item .con_box,
	.photo_list .item .con_box {padding:13px 0px !important;}
	.new_list .item .con_box .con_label,
	.photo_list .item .con_box .con_label {margin-top:15px !important;}

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

	.lnb_tab li a { font-size:1.1rem !important;line-height: 65px !important;}

	.lec_info .imgCont {width:100% !important;padding-bottom:56.76% !important;}
}

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

	.view_B_type_title {margin-top:60px;font-size:1.5rem;}
	.view_B_type.compad {padding-top:20px !important;}
	.view_B_type .view_info {margin:0px 0px 40px 0px !important;}
	.view_B_type .view_info .view_title {padding-bottom:15px !important; margin-bottom:15px !important;}
	.view_B_type .view_info h4 {font-size:1.5rem !important;}
	.view_B_type .fixed_cont {top:-20px !important;}
	.price_ver2 .price_table .price_in h4 {font-size:1.2rem !important;margin-bottom:15px !important;}
	.price_ver2 .price_table .price_in .price {padding-top:15px !important;}

	
	.view_B_type .lnb_tab {margin-top:100px !important;}

	.mo_line .tit {padding-right:0px !important;}

	#footer { padding:40px 0px !important; }
	#footer .foot_top { display:inline-block !important;margin-bottom:20px !important;}
	#footer .foot_top h1 { display:block;margin:0px 0px 10px 0px;}
	#footer .foot_top h1 img {max-width:180px;max-height:30px !important;}
	#footer .foot_top a { font-size:1.1rem !important; line-height:110% !important;padding-right:10px !important;margin-right:10px !important;}
	#footer .foot_top a:before { height:12px;} 

}

@media all and (max-width:680px) {	
	.compad {padding:40px 0px !important;}
	.section {overflow:visible !important;}
	.img_banner_box {padding:10px 0px !important;}
	.img_banner_box .section img {box-shadow:0px 0px 10px rgba(0,0,0,0.1) !important}
	a.main_more {margin:30px auto 0px auto; width:120px; line-height:35px;}

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

	#visual .slick-prev, 
	#visual .slick-next	{width:20px !important;height:30px !important;}
	#visual .slick-prev { left:3% !important; }
	#visual .slick-next { right:3% !important; }


	.slick-prev, .slick-next {width:30px !important; height:30px !important; }
	h3.title {font-size: 1.7rem !important; padding-top:5px !important;margin-bottom:15px !important;}
	h3.title.title_l {padding-top:0px !important;margin-bottom:15px !important;}
	h3.title small {font-size:0.7em !important;margin-top:7px;}
	
	.center .w1230 > div h4 a {font-size: 12px !important;padding:0px 12px !important;line-height:23px !important;}
	.center .w1230 > div h4 {font-size: 1.7rem !important;margin-bottom:15px !important;}
	.center .w1230 {display:block !important; padding-bottom:40px !important;}
	.center .w1230 > div.notice {width:100% !important;margin:0px 0px 40px 0px !important;}
	.center .w1230 > div.notice:nth-child(2) {margin-bottom:0px !important;}

	.main_bottom_left {padding:30px 20px;}
	.main_bottom_right {padding:30px;}
	.main_banner li a {padding-top:90px;}
	.main_banner li h2 {font-size:1.1rem; }
	.main_banner li span { width:80px;height:80px; }

	#sub_banner {height:70px !important;}
	#sub_banner h2 {font-size:20px !important;padding:20px 0px !important;margin-top:40px !important;}
	.stickyMenu {top:80px !important;}
	
	.lnb_depth {margin:10px auto 10px auto !important; }

	.center .w1230 > div.notice li a {font-size:15px !important;}

	.photo_list .item .con_box span {}
	.new_list .item .con_box h4,
	.photo_list .item .con_box h4,
	.thum_list .item .con_box h4 {font-size:1.176rem !important; line-height:1.2 !important; height:auto !important; max-height: 2.8rem !important;margin-bottom:8px !important;}

	.new_list .item .con_box .con_label, 
	.photo_list .item .con_box .con_label,
	.thum_list .item .con_box ul,
	.thum_list .item .con_box .con_label {margin-top:8px !important;}

	.thum_list .item {display:table !important;}
	.thum_list .item .img_box {display:table-cell !important; width:35% !important;}
	.thum_list .item .con_box {display:table-cell !important; width:60%; padding:0px 0px 0px 5% !important;}
	.thum_list .item .con_box .btn {display:none !important;}
	.thum_list .item .con_box p.stxt {line-height:1.5 !important;height:auto !important;max-height: 3.0rem !important;}

	.view_B_type_title {margin-top:60px}
	.cont_tit {margin-bottom:15px;}

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

	.lnb_tab li a {line-height: 40px !important;}
	
	.searchWrap .search_close {width:16px !important;top:10px !important; right:10px !important}

	.cont_util {min-height:40px !important;}
	.cont_util.util_rel {margin-bottom:0px !important;}
	.cont_util .view_btn {margin:10px 0px !important; }
	.cont_util .selectBox  {display:none !important;height:40px !important;}
	.cont_util .selectBox select {display:none !important;}
	.cont_util .search {display:block !important;}
	.cont_util .search .btn_search {top:10px !important; }
	.cont_util .search .input_search {width:100% !important;}
	.qna_cont, .faq_cont {border-top:none !important;}
	.qna_cont .bbs_dot li span {display:none !important;}
	.qna_cont .bbs_dot li {display:inline-block !important; width:auto !important; padding:0px !important;margin-right:10px !important;}
	.faq_cont dt, 
	.mo_line .tit a {font-size: 1.2rem !important;}
	.bbs_view .titArea h3 {font-size: 1.5rem !important; word-break:keep-all;}

	.login_cont .selectBox.login {top:-10px !important; right:-10px !important;}
	.login_cont h1 .svg_logo {width:auto !important;height:auto !important;max-width:95% !important;max-height:50px !important;}

}

@media all and (max-width:480px) {
	
}