@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR&display=swap');

:root {
    --point-color: #00527b;
}
body,html{font-size:16px !important;}
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;}

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

#contents {position:relative !important;}
#contents .compad,
.compad {padding-top:80px !important; padding-bottom:80px !important;}
#contents .compad_t,
.compad_t {padding-top:80px !important; padding-bottom:0px !important;}
#contents .compad_b,
.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;}

/* 상단 배너 풀 이미지 */
.slick-prev, .slick-next {transform:translateY(-50%) !important;margin:0px !important; width:60px !important; height:60px !important;opacity:1;}
.slick-prev {left:50px !important; margin:0px !important; background:#fff url('/theme/6/img/main/prevArrow.png')no-repeat center; }
.slick-next {right:50px !important; margin:0px !important; background:#fff url('/theme/6/img/main/nextArrow.png')no-repeat center;}
.slick-prev:hover, .slick-next:hover {opacity:0.8}
#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 .slick-dots {display:none !important;}

@media all and (max-width:980px) {
	.slick-prev,  .slick-next {width:40px !important; height:40px !important; background-size:12px;}
	.slick-prev {left:4% !important;}
	.slick-next {right:4% !important;}
	#visual .section {right:4%; width:92%; background-size:65%;}
}
@media all and (max-width:680px) {	
	.slick-prev,  .slick-next {width:35px !important; height:35px !important; background-size:8px;}
}
#header {border-bottom:1px #ddd solid !important;}
#header .member_util .w1230 { margin:25px auto; display:flex !important; justify-content:space-between !important;}
#header .member_util h1 {position: relative;display: inline-block;z-index: 1000; vertical-align: top;}
#header .member_util h1 a {display: flex; position: relative; z-index: 1000; height: 50px; align-items: center;}
#header .member_util h1 .svg_logo {max-height:50px;}
#header .member_util ul {display:flex; flex-wrap:nowrap; gap:0px; width:auto;justify-content:flex-end;}
#header .member_util li  {border:none !important; }
#header .member_util li a {border:none !important; padding: 0 0px 0 38px !important; }
#header .member_util li.my a {position:relative !important; padding-left:50px !important; }
#header .member_util li.my a:before {content:''; position:absolute; left:20px;top:50%;transform:translateY(-50%);width:26px;height:26px;border-radius:50%; background: url('/theme/6/img/main/m_join.png') no-repeat; background-position:50% 50% !important;background-size: 14px !important; z-index:10; filter:invert(0%) grayscale(100%) contrast(130%) brightness(200%); }
#header .member_util li.my a:after {content:''; position:absolute; left:20px;top:50%;transform:translateY(-50%);width:26px;height:26px;border-radius:50%; background:#467fd7;}

#header.nofixed {top: -175px !important;}
#header .head_in .mypage {display:none !important;}
.header h1 .svg_logo {max-width:200px !important;}

.mu_search {position:absolute; top:5px; left:50%;transform:translateX(-50%);width:280px;height:40px;padding:0px 15px !important;border-radius:50px;background:#f4f4f4; box-sizing:border-box; text-align:left;}
.mu_search .input_search {height:38px; border:none;background:#f4f4f4;border-radius:50px; }
.mu_search button {position:absolute;top:2px; right:2px;width:36px;height:36px;border-radius:50px;border:none;background:#00527b url('/html/images/common/icon_search.png') no-repeat center; font-size:0px;}

#header .menu_wrap { width:100%; max-width:1230px; position:absolute; top:100px; left:50%;transform:translateX(-50%); margin:0px auto; padding-left:160px; box-sizing:border-box;}
#gnb {position:relative !important;width:100% !important; max-width:1100px !important; top:0px !important; left:0% !important; margin-left:0px !important; }
#gnb > ul {width:100% !important;display:flex; flex-wrap:nowrap; justify-content:space-between; margin:15px 0px !important;}
#gnb > ul > li { margin:0px !important; padding:0px !important; }
#gnb > ul > li a{width:100%;line-height:40px !important; padding:0px 10px !important;}
#gnb > ul > li.dep_tit > a {font-size:18px !important; }
#gnb > ul > li.dep_tit > a:hover{color:var(--point-color) !important;}

h3.title {font-size:35px !important;font-weight:bold !important; line-height:40px !important; text-align:center; display:flex; justify-content:center; gap:10px; margin-bottom:40px !important;}
h3.title img { max-height:40px !important;}

.gnb_cate { position:absolute; left:0px; top:15px; padding-bottom:20px !important; }
.gnb_cate a.dep_cate { width:auto !important; font-size:15px; display:block; padding:0px 20px 0px 40px; line-height:40px; color:#fff; background:#102a38; border-radius:4px;}
.gnb_cate_inner {display:none;}
.gnb_cate:hover .gnb_cate_inner,
.gnb_cate_inner:hover {display:block;}
.gnb_cate_inner { position:absolute; left:0px; top:56px; width:200px;border:1px #ddd solid; background:#fff;box-sizing:border-box;}
.gnb_cate_inner li {width:100%;box-sizing:border-box;}
.gnb_cate_inner li a {display:block; width:100%;padding:10px 25px !important; font-size:15px;line-height:20px !important;box-sizing:border-box;}
.gnb_cate_inner li a:hover {color:var(--point-color) !important; background:#f8fbff !important;}
.gnb_cate_inner li > ul {display:none;}
.gnb_cate_inner > li:hover > ul {position:absolute; left:198px; top:-1px;display:flex; flex-wrap:wrap; width:200px;border:1px #ddd solid; background:#fff;box-sizing:border-box;}

.gnb_cate_inner li#intro,
.gnb_cate_inner li#board {display:none !important;}

.main_cate {position:relative;margin:40px 0px -40px 0px !important; z-index:100 !important;}
.main_cate ul {display: flex;justify-content: center; align-items: center; flex-wrap:wrap; align-content: center; gap:10px;}
.main_cate ul li {width:auto; margin:0px !important;}
.main_cate ul li a {display:block; width:auto; font-size:1rem; font-weight:bold !important; letter-spacing:-0.3pt; line-height:38px; background:#fff !important; border:1px #e8e8e8 solid !important; padding:0px 20px !important; border-radius:50px !important; transition:all 0.3s !important; color:inherit !important;}
.main_cate ul li a:hover {background:#f6f6f6 !important;}
.main_cate ul li.main_cate1 {color:#cf6a75 !important;}
.main_cate ul li.main_cate2 {color:#8245b1 !important;}
.main_cate ul li.main_cate3 {color:#485bcc !important;}
.main_cate ul li.main_cate4 {color:#21a86d !important;}
.main_cate ul li.main_cate5 {color:#1ea1a9 !important;}
.main_cate ul li.main_cate6 {color:#704af2 !important;}
.main_cate ul li.main_cate7 {color:#ea6b2d !important;}
.main_cate ul li.main_cate8 {color:#0094aa !important;}
.main_cate ul li.main_cate9 {color:#e89037 !important;}
.main_cate ul li.main_cate10 {color:#7b533e !important;}
.main_cate ul li.main_cate11 {color:#2089bf !important;}


/* 메인의 첫번재 과정 타이틀 히든처리 */
#course_14224 .compad > h3.title {display:none !important; }

.label { top: 10px !important; left: 10px !important; min-width:40px !important;padding: 0 10px !important; height:20px !important; line-height:20px !important; font-size:12px !important; font-weight:500 !important; border-radius:4px !important;}
.label img {display:none !important;}
.w_like {height:20px !important; line-height:1 !important; right:10px !important;top:10px !important}

.new_list {gap:60px 20px !important;}
.new_list .item { margin:0px !important; width:calc((100% - 80px) / 5) !important;background:none !important; border:none !important; border-radius:0px !important; }
.new_list .item .img_box {border:1px solid #ddd !important; border-radius:8px !important;}
.new_list .item .img_box > img {border-radius:8px !important;}
.new_list .item .con_box {padding:20px 10px !important;border-radius:0px !important;background:none !important; }
.new_list .item .con_box span.price {font-size:15px !important; margin:0px !important;}
.new_list .item .con_box h4 {font-size:18px !important; color:#000 !important; font-weight:600 !important; line-height:22px !important; height:44px !important; max-height:44px !important;margin-bottom:10px !important;}
.new_list .item .con_box .subtitle { font-size:15px !important; line-height:20px !important; height:40px !important; max-height:40px !important;word-break: keep-all;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; overflow: hidden; overflow:hidden;margin-bottom:10px !important; }
.new_list .item .con_box ul {margin:13px 0;}

.best_list {margin-left: -20px !important;}
.best_list .item {margin-left:20px !important;}
.best_list .item .img_box {border:1px solid #ddd !important; border-radius:8px !important;}
.best_list .item .img_box > img {border-radius:8px !important;}
.best_list .item .con_box {padding:20px 10px !important;border-radius:0px !important;border:none !important;background:none !important; }
.best_list .item .con_box span.price {font-size:15px !important; margin:0px !important;}
.best_list .item .con_box h4 {font-size:18px !important; color:#000 !important; font-weight:600 !important; line-height:22px !important; height:44px !important; max-height:44px !important;margin-bottom:10px !important;}
.best_list .item .con_box .subtitle { font-size:15px !important; line-height:20px !important; height:40px !important; max-height:40px !important;word-break: keep-all;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; overflow: hidden; overflow:hidden;margin-bottom:10px !important; }
.best_list .item .con_box ul {margin:13px 0;}

.price.pointColor {color:#ee2b49 !important;}
.price strong {font-size:15px !important; }


#contents > .stickyMenu {top:0px !important; padding:0px 0px !important;}
.stickyMenu .lnb {position:relative;justify-content: flex-start !important; padding:0px !important;}
.stickyMenu .lnb::before {content: ''; width: 1px;height: 100%; background:#246a8e !important; position: absolute; top:0px; left:0px;}
.stickyMenu .lnb .lnbHome {padding:12px 15px !important;top:0px !important;}
.stickyMenu .lnb .lnbHome img {transform:translateY(-2px);}
.stickyMenu .lnb .box {height:auto !important;margin-left:0px !important;}

.stickyMenu .lnb .box .txt {padding:12px 20px !important;}
.stickyMenu .lnb .box .txt:after {top:0px !important;left:0px !important;height:100% !important; background:#246a8e !important; transform: translateY(0%) !important;}
.stickyMenu .lnb .box .title:before {top:auto !important; right:20px !important;border:none !important;width:15px !important;}
.stickyMenu .lnb .dropLst > a {padding-right:24px !important;}
.stickyMenu .lnb .dropLst .dlst {top: 56px !important;right: auto !important; left:0px !important; border-radius:0px !important;}
.stickyMenu .lnb .box:last-child {border-right:1px #246a8e solid !important; }
.stickyMenu .lnb .box:last-child .dropLst > a.title {color:#fff !important; }
.stickyMenu .lnb .box:last-child .dropLst > a.title:before {background-image: url('/theme/6/img/main/lnbArrow.png') !important; }


.lnb_depth {margin:0px auto 40px auto !important;border:none !important; min-height:30px !important;}
.lnb_depth.no_depth {margin-top:40px !important;}
.lnb_depth .lnb_cont { border:none !important; padding:0px !important;min-height:30px !important;}
.lnb_depth ul {gap:10px !important; }
.lnb_depth ul li { margin:0px !important;}
.lnb_depth ul li a {display:block !important; padding:12px 20px !important; font-weight:500 !important; background:#f2f3ed !important; border-radius:30px !important;}
.lnb_depth ul li a.pointColor {text-decoration:none !important;font-weight:500 !important;color:var(--point-color) !important;}
.lnb_depth ul li.active a {text-decoration:none !important;font-weight:500 !important;color:#fff !important; background:var(--point-color) !important;}
.lnb_depth ul li a:after{display:none !important;}
.lnb_depth .prevArrow {display:none !important;}
.lnb_depth .prevArrow + .lnb_cont { width: 100% !important; margin-left:0px !important;}

.cont_util.util_rel.compad_t {padding:0px !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;}

.faq_cont dd span.A {color:#666 !important;}
.qna_cont th {background: #fff !important; border-color:#000 !important;}

@media all and (min-width:1024px) {	
	#header .head_in {padding:35px 0px !important;}
	#header .head_in h1 {display:none !important;}
}
@media all and (max-width:1300px) {	
	#header .member_util h1 .svg_logo{max-height:40px !important}
}

@media all and (max-width:1024px) {	
	.mu_search {display:none !important;}
	#header .menu_wrap  {display:none !important;}
}


@media (max-width: 980px) {
	#contents .compad,
	.compad {padding-top:60px !important; padding-bottom:60px !important;}
	#contents .compad_t,
	.compad_t {padding-top:60px !important; padding-bottom:0px !important;}
	#contents .compad_b,
	.compad_b {padding-top:0px !important; padding-bottom:60px !important;}

	#contents h3.title,
	h3.title {font-size:30px !important;line-height:35px !important; margin-bottom:30px !important;}
	h3.title img { max-height:35px !important;}

	.new_list {gap:50px 15px !important;}
	.new_list .item {width:calc((100% - 45px) / 4) !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;}

	#contents h3.title,
	h3.title{font-size:24px !important;line-height:28px !important; margin-bottom:20px !important;}
	h3.title img { max-height:28px !important;}

	.stickyMenu .lnb .lnbHome {padding:8px 12px !important;}
	.stickyMenu .lnb .box .txt {padding:8px 12px !important;}
	.stickyMenu .lnb .dropLst .dlst {top:38px !important}
	.stickyMenu .lnb .box .title:before {top:50% !important; right:12px !important }
	.lnb .dropLst > a {line-height:22px !important;}
	.lnb .txt, .lnb .dropLst li span, .lnb .dropLst > a {font-size:13px !important;}

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

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

}

@media (max-width: 480px) {


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

}