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


: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;}
#contents  .contents_in.about_cont.w1230 { width:100% !important; max-width:1270px !important; margin:0px auto !important; padding:0px 20px 50px 20px !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 {width:100% !important; max-width:1230px !important; display:flex; flex-wrap:nowrap; gap:12px;}
#visual .slick-dots li {width:6px !important; height:6px !important;margin:0px !important; background: rgba(255, 255, 255, 0.4) !important; border-radius:10px !important;}
#visual .slick-dots li.slick-active {width:20px !important; background:#fff !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;}
	#visual .slick-prev,
	#visual .slick-next {display:none !important;}
	#visual .slick-dots {justify-content:center !important; gap:10px; bottom:10px !important;}
}
#header {border-bottom:1px #ddd solid !important; box-sizing:border-box;}
#header .member_util .w1230 { margin:24px 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  {height:45px !important;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 .member_util li.name {padding: 0 0px 0 20px !important;}

#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 0px !important;border-radius:50px;background:#f4f4f4; box-sizing:border-box; text-align:left;}
.mu_search .input_search {width:240px;height:38px; border:none;background:#f4f4f4;border-radius:50px; text-indent:15px; }
.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;  z-index:1000;  box-sizing:border-box;}
#gnb {position:absolute !important;width:100% !important; max-width:1200px !important; top:100px !important; left:50% !important;transform:translateX(-50%); margin:0px !important; padding-left:160px !important; box-sizing:border-box;}
#gnb > ul {width:100% !important;display:flex; flex-wrap:nowrap; justify-content:space-between; margin:0px 0px !important; }
#gnb > ul > li { margin:0px !important; padding:0px !important; }
#gnb > ul > li a{width:100%;line-height:40px !important; padding:0px 0px !important;}
#gnb > ul > li.dep_tit > a {position:relative !important; display:block !important;font-size:18px !important; color:#000 !important;  padding:15px 10px !important; transition:all 0.3s !important;}
#gnb > ul > li.dep_tit > a:before {content:''; position:absolute !important; left:10px; top:55px;width:0px;height:3px;border-radius:2px;background:var(--point-color) !important; transition:all 0.3s !important; }
#gnb > ul > li.dep_tit > a:hover{color:var(--point-color) !important; }
#gnb > ul > li.dep_tit > a:hover:before { width:26px;height:3px;transition:all 0.3s !important;  }
#gnb .depth {top:70px !important; width:200px !important; padding:0px 0 !important;}
#gnb .one_depth::after {display:none !important;}
#gnb .depth li {margin:0px !important;}
#gnb .depth li a {padding:10px 25px !important; font-size:15px;line-height:20px !important;}
#gnb .depth li a:hover {color:var(--point-color) !important; background:#f8fbff !important;}

#gnb > ul > li#course1,
#gnb > ul > li#course2,
#gnb > ul > li#course3,
#gnb > ul > li#course4,
#gnb > ul > li#course5,
#gnb > ul > li#course6,
#gnb > ul > li#course7,
#gnb > ul > li#course8,
#gnb > ul > li#course9,
#gnb > ul > li#course10,
#gnb > ul > li#course11,
#gnb > ul > li#course12,
#gnb > ul > li#course13,
#gnb > ul > li#course14 {display:none !important;}

.gnb_cate { position:absolute; display:inline-block; left:0px; top:15px; padding-bottom:20px !important; z-index:1000; }
.gnb_cate .dep_cate { width:auto !important; font-size:15px; display:block; padding:0px 20px 0px 40px; line-height:40px; color:#fff; background:#102a38 url('/html/images/common/hamburger.png') no-repeat 20px 50%; background-size:12px 12px !important; 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:55px; 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:hover > a,
.gnb_cate_inner li:hover > 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;align-content:flex-start; width:200px;min-height:100%;border:1px #ddd solid; background:#fff;box-sizing:border-box;}

.gnb_cate_inner li#intro,
.gnb_cate_inner li#board,
.gnb_cate_inner li#webtv,
.gnb_cate_inner li#course,
.gnb_cate_inner li#book,
.gnb_cate_inner li#elearning,
.gnb_cate_inner li#edu,
.gnb_cate_inner li#edu1,
.gnb_cate_inner li#edu2,
.gnb_cate_inner li#edu3,
.gnb_cate_inner li#consulting {display:none !important;}

#menuArea .menuList>.list>li>a {font-size:15px !important;line-height:1.3 !important;padding: 10px 25px !important;}
#menuArea .menuList>.list>li>a.no_smenu:after  {display:none !important;}


#footer  {padding-top:0px !important; background:#3f3f3f !important;}
#footer .foot_top {width:100% !important; border-bottom:1px #525252 solid !important; padding:0px !important;}
#footer .foot_top .w1230 {display:flex !important;justify-content:flex-start; flex-wrap:wrap; gap:30px; padding:20px 0px !important; }
#footer .foot_top a {margin:0px !important; font-size:1rem !important; line-height:40px !important; color:#fff !important;}
#footer .foot_top .foot_sns { position:absolute; right:0px; top:50%;transform:translateY(-50%); width:auto; display:flex !important;justify-content:flex-end; flex-wrap:wrap; gap:30px; z-index:100;}
#footer .foot_top .foot_sns li {width:auto;}
#footer .foot_top .foot_sns li img {max-width:100%; border-radius:6px;}
#footer .foot_bottom {display:flex; gap:50px; align-items:center; font-size:15px !important; color:#a8a8a9 !important; box-sizing:border-box;}
#footer .foot_bottom .foot_info {width:calc(100% - 370px); padding-left:220px;background: url('/html/images/common/foot_logo.png') 0px 0px no-repeat; border-right:1px #525252 solid; box-sizing:border-box;}
#footer .foot_bottom .foot_cs {width:320px;display:flex; flex-wrap:wrap; gap:20px 0px;}
#footer .foot_bottom .foot_cs h2 {width:70px; font-size:15px; color:#fff;}
#footer .foot_bottom .foot_cs ul {width:calc(100% - 70px); display:flex; flex-wrap:wrap;}
#footer .foot_bottom .foot_cs li {width:100%; font-size: 15px;line-height: 1.3;color:#fff; font-weight: 400;padding-left:90px; position: relative; margin:0px;}
#footer .foot_bottom .foot_cs li span {display: inline-block;font-size: inherit; line-height: inherit; letter-spacing: inherit; font-weight: inherit; position: absolute;top: 0; left: 0; color: #fff;}
#footer .foot_bottom .foot_cs h2.full {width:100%;display:flex; flex-wrap:wrap; gap:10px; align-items:center;}
#footer .foot_bottom .foot_cs h2 img {border-radius:4px;}

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;}

.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;}

.main_recom {background:#d4e4ed;}
.main_recom_inner {position:relative;width:100%; display:flex; gap:30px; background: url('/html/images/common/main_recom.png') 0px bottom no-repeat;}
.main_recom_title {position:relative;width:270px;display:flex; flex-wrap:wrap; gap:10px; align-content:flex-start}
.main_recom_title h2 {width:100%;font-size:35px;font-weight:600 !important; line-height:1 !important; color:#000;}
.main_recom_title p {width:100%;font-size:1rem; line-height:1.2 !important;  color:#000;}
.main_recom_cont {width:calc(100% - 300px); }
.main_recom_cont ul {width:100%;display:flex; flex-wrap:wrap; gap:15px;}
.main_recom_cont li {width:calc((100% - 15px) / 2); padding:30px 30px 30px 140px !important; position:relative; background:#fff; border-radius:10px; border:1px #ddd solid; box-sizing:border-box;transition: all .3s linear; }
.main_recom_cont li:hover {border-color:var(--point-color);}
.main_recom_cont li::before {content:''; position:absolute; left:30px; top:50%;transform:translateY(-50%); width:90px; height:90px; border-radius:100%;background-color:#f7f7f7 !important; background-size:cover !important; background-repeat:no-repeat; }
.main_recom_cont li.mrc_01::before {background-image:url('/html/images/common/mrc_01.png');}
.main_recom_cont li.mrc_02::before {background-image:url('/html/images/common/mrc_02.png');}
.main_recom_cont li.mrc_03::before {background-image:url('/html/images/common/mrc_03.png');}
.main_recom_cont li.mrc_04::before {background-image:url('/html/images/common/mrc_04.png');}
.main_recom_cont li h3 {width:100%;font-size:22px; color:#000; font-weight:600 !important; line-height:1.3 !important; margin-bottom:10px;}
.main_recom_cont li p {width:100%;font-size:1rem;line-height:1 !important;font-weight:600 !important; color:var(--point-color);}

.center .w1230 {padding:80px 0px !important;}
.center .w1230 > div { width: calc((100% - 40px) / 2) !important; margin-right:40px !important; padding:30px !important; border:1px #ddd solid !important; box-sizing:border-box !important; border-radius:10px !important; overflow:hidden;}
.center .w1230 > div h4 {font-size:24px !important; color:#000 !important; font-weight:600 !important; margin-bottom:25px !important;}
.center .w1230 > div h4 small {font-size:15px !important;font-weight:400 !important; color:#333 !important; margin-left:6px !important;}
.center .w1230 > div h4 a {font-size:14px !important;}
.center .w1230 > div.notice li a {height: 20px !important; line-height: 20px !important;}
.center .w1230 > div.notice li a:hover {text-decoration:underline !important;}
.center .w1230 > div.notice li a em {font-style:normal !important; line-height:20px !important;  color:#0094aa !important; margin-right:10px !important;}
.center .w1230 > div.notice::nth-child(2) {display:none !important;}
.center .w1230 > div.cs { position:relative;margin:0px !important;}
.center .w1230 > div.cs dl {width:100%; display:flex; gap:20px; align-items:center;}
.center .w1230 > div.cs dl dt {width:94px !important; height:94px !important; border:none !important;}
.center .w1230 > div.cs dl dt img {max-width:100%;  border-radius:50% !important; }
.center .w1230 > div.cs dl dd {width: calc(100% - 94px) !important; padding-left:0px !important;}
.center .w1230 > div.cs dl dd li {padding-left:96px !important; color:#000 !important;}	
.center .w1230 > div.cs dl dd li span {padding-left:9px !important; color:#666 !important;}
.center .w1230 > div.cs dl dd li span:before {content:''; position:absolute; left:0px; top:7px; width:3px; height:3px; background:#000;}
.center .w1230 > div.cs .cs_menu  {position:absolute; left:0px; bottom:0px; border-top:1px #ddd solid; width:100%; display:flex; flex-wrap:nowrap; background:#f7f7f7;}
.center .w1230 > div.cs .cs_menu li {width:25%;border-right:1px #ddd solid;box-sizing:border-box !important;display:flex; justify-content:space-between; align-items:center;}
.center .w1230 > div.cs .cs_menu li a { font-size:15px;width:100%; display:block;color:#000; text-align:Center;display:flex; flex-wrap:nowrap; gap:7px;justify-content:center;align-items:center; padding:10px 0px; line-height:1.2;}
.center .w1230 > div.cs .cs_menu li:last-child {border:none;}
.center .w1230 > div.cs .cs_menu li:hover {background:#eeeeee;}

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

.best .slick-prev,
.best .slick-next {top:-80px !important; margin:0px !important; width:40px !important;height:40px !important;border-radius:0% !important;transform: translateY(0%) !important; filter:contrast(100%) brightness(100%)}
.best .slick-prev {left:auto !important;right:50px !important;}
.best .slick-next {right:0px !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 #d0d0d0 !important;}

.photo_list {gap:60px 20px !important;}
.photo_list .item { margin:0px !important; width:calc((100% - 80px) / 5) !important;background:none !important; border:none !important; border-radius:0px !important; }
.photo_list .item .img_box {border:1px solid #d0d0d0 !important;}

.best_list {margin-left: -20px !important;}
.best_list .item {margin-left:20px !important;}
.best_list .item .img_box {border:1px solid #ddd !important;}

.photo_list .item .img_box,
.new_list .item .img_box,
.best_list .item .img_box,
.photo_list .item .img_box > img,
.new_list .item .img_box > img,
.best_list .item .img_box > img,
.thum_list .item .img_box,
.thum_list .item .img_box a img { border-radius:10px !important; overflow:hidden !important; aspect-ratio: 16 / 10 !important; transition: all .3s linear;}
.apply_view .imgCont .view_img {aspect-ratio: 16 / 10 !important; }

.photo_list .item:hover .img_box > img,
.new_list .item:hover .img_box > img,
.best_list .item:hover .img_box > img {width:110% !important; margin:-5%;}

.item:hover .img_box {border-color:#333 !important; }
.photo_list .item .con_box,
.new_list .item .con_box, 
.best_list .item .con_box{padding:20px 10px !important;border-radius:0px !important;background:none !important; border:none !important; }
.item .con_box span.price {font-size:15px !important; margin:0px !important;}
.item .con_box h4 {font-size:18px !important; color:#000 !important; font-weight:600 !important; line-height:22px !important; height:auto !important; max-height:44px !important;margin-bottom:10px !important;}
.item .con_box .subtitle { font-size:15px !important; line-height:20px !important; height:auto !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; }
.item .con_box ul {margin:13px 0;}

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

.thum_list .item .con_box h4 { height:auto !important; max-height:44px !important;}
.thum_list .item .con_box .btn a {padding:0px !important; border-radius:8px !important;}
.thum_list .item .con_box .btn a img {display:none !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:50px !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; }

#visual_banner {background:#fff !important;}
#visual_banner:before {content:''; position:absolute; left:0px; top:0px; width:100%; height:50px;background:var(--point-color);}
#visual_banner .stickyMenu { padding:0px 0px !important;}
#visual_banner .stickyMenu .lnb .txt,
#visual_banner .stickyMenu .lnb .dropLst li span, 
#visual_banner .stickyMenu .lnb .dropLst > a {color:#fff !important;}
#visual_banner .stickyMenu .lnb .box .dropLst > a.title:before { background-image: url(/theme/6/img/main/lnbArrow.png) !important;}
#visual_banner h2.page_title {margin-top:50px;position:relative; font-size:35px; color:#000; text-align:center; letter-spacing:-0.7pt; line-height:1; font-weight:bold; z-index:99;}

.lnb_depth {margin: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 .lnb_cont ul {padding:0px !important;}
.lnb_depth ul { justify-content:center !important; gap:10px !important; }
.course_lnb.lnb_depth ul { justify-content:flex-start !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:#f1f4f9 !important; border-radius:5px !important;}
.lnb_depth ul li a.pointColor {text-decoration:none !important;font-weight:500 !important;color:#467fd7 !important;}
.lnb_depth ul li.active a {text-decoration:none !important;font-weight:500 !important;color:#fff !important; background:#467fd7 !important;}
.lnb_depth ul li a:after{display:none !important;}
.lnb_depth .prevArrow {border:1px #d1d1d1 solid !important;position:relative !important;width:40px !important;height:40px !important;font-size:11px !important;padding:22px 0px 0px !important; box-sizing:border-box;}
.lnb_depth .prevArrow::before {height:10px !important; top:8px !important; transform: translateY(0%) !important; background-size:contain !important;}
.lnb_depth .prevArrow + .lnb_cont { width: 100% !important; margin-left:0px !important;}

.lnb_tab{ border:none !important; border-bottom:1px #ddd solid !important; border-radius:0px !important;}
.lnb_tab li {margin:0px 30px !important;}
.lnb_tab li a {line-height:60px !important; font-size:20px !important;}

.apply_view .imgCont .view_img {border:1px #ddd solid !important;}
.apply_view .imgCont .view_img,
.price_table,
#table dl {border-radius:10px !important;}
.cont_tit { font-size:24px !important; color:#000 !important;font-weight: 600 !important}
.applyBtn a {border-radius:10px !important;}
.applyBtn a .svg {display:none !important;}

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

.notemail h3,
.privacy h3,
.clause h3,
.refund h3 {margin: 30px 0px 10px 0px !important; color:#000 !important;}
.clause ol,
.clause ul,
.refund ol,
.refund ul{ padding-left:0px !important;}
#contents .depth2,
#contents .depth3 { padding-left:20px !important;}

#contents .clause ol.depth2 li {padding-left:0px !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;}

.popup .btnCont a {line-height: 30px !important;font-size: 14px !important;}

.sub_title {color:#000;font-size:30px;font-weight:600 !important;line-height:1.1 !important;padding:0px !important; margin-bottom:35px; }
.sub_title2 {color:#000;font-size:24px;font-weight:600; line-height:1.1 !important;padding:0px !important; margin-bottom:15px; }
.sub_cont {color:#333;font-size:1rem !important;line-height:1.4 !important;;margin:0px 0px 50px 0px; }
.sub_cont span {color:#0987c6; }
.sub_cont p { padding:10px;}

.sub_cont_ul { display:inline-block; width:100%;margin-top:20px; }
.sub_cont_ul li { color:#333;font-size:15px;line-height:23px;padding-left:28px;background:url('/html/images/common/dot1.png') 20px 10px no-repeat;}

.greeting_table {display:flex; flex-wrap:wrap; gap:50px; width:100%;}
.greeting_table dl {display:flex; flex-wrap:wrap; gap:20px; align-content:flex-start; width:calc((100% - 100px) / 3);}
.greeting_table dt {width:100%;padding:0px !important; }
.greeting_table dt img { width:100%; border:1px #ddd solid; border-radius:10px; }
.greeting_table dd {width:100%; }
.greeting_table dd h1 {color:#000;font-size:19px;font-weight:500 !important; line-height:1.4 !important;padding-bottom:10px !important; }
.greeting_table dd p {color:#333333;font-size:1rem;line-height:1.4 !important; padding:0px !important ; word-break:keep-all;}

.intro {display:flex; flex-wrap:wrap;width:100%; gap:10px; padding:0px !important; }
.intro li {position:relative;width:100%; line-height:1.4; font-size:1.1rem; padding:0px 0px 0px 20px !important;}
.intro li em {position:absolute; left:0px; top:0px;font-style:normal;line-height:1.4; font-size:1.1rem;font-weight:bold; color:#467fd7 !important; margin-right:6px !important;}
.intro_img,
.intro_img img {border-radius:10px; max-width:100%;}

.intro03 {width:100%; background:#f6f6f6; border-radius:10px; padding:30px 20px; box-sizing:border-box; margin-bottom:30px !important;}
.intro03 ul {width:100%; display:flex; flex-wrap:nowrap; gap:20px;padding:0px !important; margin:0px !important;}
.intro03 li {width:100%;  text-align:center; position:relative; }
.intro03 li::before {content:''; position:absolute; right:-20px; top:0px; width:40px; height:70px; background:url('/html/images/common/intro03_arrow.png') 50% 50% no-repeat;}
.intro03 li:last-child::before {display:none !important;}
.intro03 li h1 {display:inline-block; width:auto !important; height:30px; line-height:30px; background:#00527b; color:#fff; font-size:15px; border-radius:6px; padding:0px 20px !important; text-align:center; margin:0px auto !important;}
.intro03 li h2 {font-size:20px; color:#000; font-weight:500; line-height:1.3; text-align:center; margin:17px 0px !important;}
.intro03 li p {border:2px #a3bee7 dashed;background:#fff; border-radius:10px; padding:20px !important; font-size:1rem; text-align:center;}

.intro02 {width:100%; display:flex; flex-wrap:wrap; gap:10px;padding-left:30px !important;}
.intro02 li {width:100%; position:relative; padding-left:15px !important; font-size:1.1rem; color:#000; line-height:22px; box-sizing:border-box; }
.intro02 li:before {content:''; position:absolute; left:0px; top:8px; width:6px; height:6px; background:#000;}

.intro03_ment {padding:0px !important;}
.intro03_ment p {padding:0px !important;font-size:1.1rem;}
.intro03_cs {color:#467fd7 !important; font-size:1.1rem !important;}
.intro03_cs b {font-size:;color:#000; font-weight:bold; margin-right:10px;}

.quick {width:90px !important;}
.quick .quick_in {padding: 30px 10px !important;border-radius:50px !important; border:none !important;box-shadow:0px 0px 10px rgba(0,0,0,0.2) !important;}
.quick .quick_in .imgCont {text-align:center !important;}
.quick .quick_in .imgCont a {width:70px !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;}
.quick .quick_in .imgCont a p {font-size:13px; line-height:1.2 !important; color:#333; text-align:center; word-break:keep-all;}

.intro_btn_wrap {width:100%; display:flex; gap:10px; justify-content:flex-start; margin:20px 0px ;}
.intro_btn { display:flex; justify-content:center; align-items:center; width:auto;height:50px; padding:0px 30px; border-radius:10px; background:#0061aa; color:#fff; font-size:18px; font-weight:600;;}
.intro_btn:hover {background:#00518e;}



@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: 1500px) {
    .best_list {width:100% !important; margin:0px auto !important;}
}
@media all and (max-width:1300px) {	
	#header .member_util h1 .svg_logo{max-height:40px !important}

	#footer .foot_top .w1230{padding:20px !important;}
	#footer .foot_top .foot_sns {right:20px !important; gap:15px !important;}

	.center .w1230 {padding:80px 20px !important;}
}

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


@media (max-width: 980px) {
	body,html{font-size:15px !important;}

	#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;}

	#footer .foot_top .w1230 {gap:0px 20px;}
	#footer .foot_top a {font-size:14px !important;line-height:30px !important;}
	#footer .foot_top .foot_sns li img {width:30px !important;}
	#footer .foot_bottom {flex-wrap:wrap; gap:30px;}
	#footer .foot_bottom .foot_info {width:100%;border-right:none; border-bottom:1px #525252 solid;padding-bottom:30px;}
	#footer .foot_bottom .foot_cs {width:100%;}

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

	#visual_banner h2,
	#sub_banner h2 {font-size:30px !important; }

	.best .slick-prev,
	.best .slick-next {top:-60px !important;width:30px !important;height:30px !important;}
	.best .slick-prev {right:34px !important;}

	.new_list,
	.photo_list {gap:50px 15px !important;}
	.new_list .item,
	.photo_list .item {width:calc((100% - 45px) / 4) !important;}

	.main_recom_inner {flex-wrap:wrap; gap:20px; background:none !important;}
	.main_recom_title {width:100%;}
	.main_recom_title h2 {font-size:30px;}
	.main_recom_title p br {display:none !important;}
	.main_recom_cont {width:100%; }
	.main_recom_cont li h3 {font-size:18px;}

	.center .w1230 > div { width:100% !important; margin-right:0px !important; margin-bottom:30px !important; }
	.center .w1230 > div.cs {padding-bottom:75px !important }

	.intro03 { padding:20px;}
	.intro03 li::before {right:-10px; width:20px; height:35px; background-size:contain !important; }
	.intro03 li:last-child::before {display:none !important;}
	.intro03 li h1 {height:26px; line-height:26px;font-size:15px;}
	.intro03 li h2 {font-size:18px; margin:15px 0px !important;}
	.intro03 li p {min-height:140px;}
	.intro03 li p br {display:none;}

	.greeting_table {gap:30px;}
	.greeting_table dl {width:calc((100% - 60px) / 3);}

}

@media (max-width: 680px) {
	body,html{font-size:14px !important;}

	.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; gap:8px !important;}
	h3.title img { max-height:28px !important;}

	#footer .foot_top .w1230 {justify-content: center !important; padding-bottom:60px !important;}
	#footer .foot_top .foot_sns {right:auto !important;left:50% !important;transform:translateX(-50%) !important;top:auto !important; bottom:20px !important;}
	#footer .foot_bottom .foot_info { padding:45px 0px 30px 0px !important;background-size:auto 30px !important; font-size:14px !important;}

	div#sub_banner { height:90px !important; } 
	#sub_banner::after,
	#visual_banner:before {height:40px !important;}
	#sub_banner h2 {font-size:24px !important;top:70px !important; }
	#visual_banner h2 {font-size:24px !important;margin-top:30px !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;}

	.main_cate ul {gap:5px;}
	.main_cate ul li a { line-height:2.0 !important; padding:0px 15px !important; }

	.lnb_depth {margin:30px auto !important;}
	.lnb_depth.no_depth {margin-top:20px !important;}
	.lnb_depth ul {gap:5px !important; }
	.lnb_depth ul li a {padding:8px 10px !important; font-size:14px !important;}
	.lnb_depth .prevArrow {width:30px !important;height:30px !important;font-size:0px !important;}
	.lnb_depth .prevArrow::before {top:50% !important;transform: translateY(-50%) !important; }

	.lnb_tab li {margin:0px 20px !important;}
	.lnb_tab li a {line-height:40px !important; font-size:17px !important;}

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

	.best .slick-prev,
	.best .slick-next {top:-44px !important;width:24px !important;height:24px !important;}
	.best .slick-prev {right:24px !important;}
	.best_list {margin-left: -10px !important; width:calc(100% + 10px) !important;}
	.best_list .item {margin-left:10px !important;}

	.cont_tit { font-size:20px !important; color:#000 !important;}

	.main_recom_inner {gap:20px;}
	.main_recom_title h2 {font-size:24px; text-align:center;}
	.main_recom_title p {font-size:14px;text-align:center;}
	.main_recom_cont ul {gap:10px;}
	.main_recom_cont li {width:100%; padding:24px 24px 24px 120px !important;}
	.main_recom_cont li h3 {font-size:16px;}
	.main_recom_cont li::before {left:24px; width:70px; height:70px;} 

	.center .w1230 {padding:40px 20px !important;}
	.center .w1230 > div { padding:20px !important;}
	.center .w1230 > div h4 {font-size:20px !important;margin-bottom:20px !important;}
	.center .w1230 > div h4 small {font-size:14px !important; }
	.center .w1230 > div.cs {padding:20px 20px 110px 20px !important } 
	.center .w1230 > div.cs dl dt {width:70px !important; height:70px !important;}
	.center .w1230 > div.cs dl dd {width: calc(100% - 70px) !important; }
	.center .w1230 > div.cs dl dd li {font-size:15px !important;}
	.center .w1230 > div.cs .cs_menu {flex-wrap:wrap !important; border:none !important;}
	.center .w1230 > div.cs .cs_menu li {width:50% !important; border-top:1px #ddd solid !important;}

	.center .w1230 > div.notice li:nth-child(3), 
	.center .w1230 > div.notice li:nth-child(4) {display:block !important;}
	.center .w1230 > div.notice li span {display:none !important;}
	.center .w1230 > div.notice li a {font-size:15px !important;}

	.sub_title {font-size:20px !important; margin-bottom:20px !important; }
	.sub_cont {margin-bottom:30px !important;}
	.sub_title2 {font-size:18px; margin-bottom:10px; }


	.intro li {font-size:15px !important;}

	.intro02 {padding-left:0px !important;}
	.intro02 li {font-size:15px;}

	.intro03 {gap: 30px 20px;}
	.intro03 ul {flex-wrap:wrap;}
	.intro03 li { width:calc((100% - 20px ) / 2 );}
	.intro03 li::before {display:none !important;}
	.intro03 li h2 {font-size:16px; margin:13px 0px !important;}
	.intro03 li p {min-height:80px;}

	.greeting_table {gap:30px 20px;}
	.greeting_table dl { width:calc((100% - 20px) / 2); gap:10px;}
	.greeting_table dd h1 {font-size:16px; padding-bottom:7px !important;}
	
	.faq_cont dt:before {width:2px !important; height:12px !important; top:16px !important; right:20px !important;}

	.quick {width:70px !important;}
    .quick .quick_in .imgCont a { width: 50px !important; }
	.quick .quick_in .imgCont a p {font-size:12px !important;} 

}

@media (max-width: 480px) {
	.new_list .item,
	.photo_list .item {width:calc((100% - 10px) / 2) !important;}

}


/* 디자인 페이지  */
.edu_wrap { width:100%;}
.edu_wrap  .slick-arrow {cursor:pointer;}
.edu_wrap * {word-break:keep-all; box-sizing:border-box;}
.edu_wrap img {max-width:100% !important;}
.edu_title {font-family: "Hakgyoansim Allimjang" !important; font-size:35px; color:#000; line-height:1.2 !important; font-size:500; margin-bottom:40px; padding:0px 20px; text-align:center;box-sizing:border-box;}
.edu_title * {font-family: "Hakgyoansim Allimjang" !important; letter-spacing:-0.01em !important;}
.edu_title b {font-weight:600; color:#467fd7;}
.edu_title em {font-style:normal;font-weight:600; color:#f27024;}
.edu_ment {font-size:35px; color:#000; line-height:1.2 !important; font-size:500; margin:-20px 0px 50px 0px; text-align:center;}
.edu_cont {color:#333;font-size:1rem !important;line-height:1.4 !important;;margin:0px 0px 50px 0px !important; }

.edu_btn_wrap {width:100%; display:flex; gap:10px; justify-content:center; margin-top:40px;}
.edu_btn { display:flex; justify-content:center; align-items:center; width:auto;height:70px; padding:0px 40px; border-radius:10px; background:#0061aa; color:#fff; font-size:24px; font-weight:600;;}
.edu_btn:hover {background:#00518e;}

/* 연간구독형 교육 */
.edu1_1 dl { display:flex;gap:60px;align-items:center;  }
.edu1_1 dt { width:45%; }
.edu1_1 dd { width:calc(55% - 60px);display:flex; flex-wrap:wrap; gap:20px;align-items:center;  }
.edu1_1 dd h2 {width:100%;font-size:35px; color:#000; font-weight:600; line-height:1.3;}
.edu1_1 dd p {width:100%;font-size:20px; color:#000;}

.edu1_2 {background:#f7f7f7;}
.edu1_scroll_area {width:100%; overflow:hidden;}
.edu1_scroll_area div {margin-top:15px;}
@-webkit-keyframes edu1-scrolling-reverse {
    100% {background-position: 4000px 0;}
}
@keyframes edu1-scrolling-reverse {
    100% {background-position: 4000px 0;}
}
@-webkit-keyframes edu1-scrolling {
    0% {background-position: 3700px 0;}
}
@keyframes edu1-scrolling {
    0% {background-position: 3700px 0;}
}
.edu1_scroll_01 {width: 100vw;height:175px;background: url('/html/images/common/edu1_21.png') repeat 0 0;background-size:auto 100% !important;
    -webkit-animation: edu1-scrolling 60s infinite;animation: edu1-scrolling 60s infinite; -webkit-animation-timing-function: linear;animation-timing-function: linear;}

.edu1_scroll_02 {width: 100vw; height: 175px;background: url('/html/images/common/edu1_22.png') repeat 0 0;background-size:auto 100% !important;
    -webkit-animation: edu1-scrolling-reverse 60s infinite; animation: edu1-scrolling-reverse 60s infinite; -webkit-animation-timing-function: linear;animation-timing-function: linear;}

.edu1_3 {}
.edu1_3 ul {width:100%; display:flex; flex-wrap:wrap; gap:30px; padding:0px !important; margin:0px auto; }
.edu1_3 li {width:calc((100% - 60px) / 3); border-radius:15px; box-shadow:5px 5px 15px rgba(0,0,0,0.2); padding:0px !important; }
.edu1_3 li dl {width:100%; display:flex; flex-wrap:wrap; border-radius:15px; overflow:hidden; }
.edu1_3 li dt {width:100%; }
.edu1_3 li dt img {width:100%;}
.edu1_3 li dd {width:100%; padding:20px !important; font-size:20px; color:#000; text-align:center;box-sizing:border-box;}

.edu1_4 {background:#e2ebfe;}
.edu1_4 ul {width:100%; display:flex; flex-wrap:wrap; gap:40px 50px; padding:0px !important; margin:0px auto; }
.edu1_4 li {width:calc((100% - 60px) / 2); border-radius:15px;background:#fff; box-shadow:5px 5px 15px rgba(0,0,0,0.2);text-align:center; padding:0px !important;overflow:hidden; }

.edu_faq { display:flex; flex-wrap:wrap; gap:15px;}
.faq_list {width:100%; display:flex; flex-wrap:wrap; gap:0px;border:2px #e9eef7 solid; border-radius:12px; overflow:hidden;}
.faq_list dt {position:relative;width:100%;background:#e9eef7; padding:20px 50px !important; font-size:18px; color:#000;}
.faq_list dt a { font-size:1em; line-height:1.3 !important; color:#000;}
.faq_list dt:before {content:''; position:absolute; right:30px; top:50%; margin-top:-10px;transform: rotate(180deg); width:20px; height:20px; background:url('/html/images/common/faq_arrow.png') 50% 50% no-repeat; background-size:contain !important;}
.faq_list dt.on:before {transform: rotate(0deg);}
.faq_list dd {width:100%;background:#fff;padding:20px 50px !important; font-size:18px; color:#000;}

.edu1_down { background: linear-gradient(to right bottom, #5419c4, #8433e9);}
.edu1_down ul {width:100%; display:flex; flex-wrap:wrap; gap:10px 20px; justify-content:center;align-items:center; padding:0px !important;}
.edu1_down li {width:auto;}
.edu1_down li .edu_btn { border-radius:50px !important; color:#000 !important; background:#fff !important; word-break:keep-all;}


/* 맞춤형 기업교육 */
.edu2_top {position:relative;width:100%; height:600px;background: url('/html/images/common/edu2_top.jpg') repeat 50% 50%;background-size:auto 100% !important;}
.edu2_top .w1230 {position:absolute; left:50%;transform:translateX(-50%); top:30%;}
.edu2_top .edu_title { text-align:left; padding:0px !important; margin-bottom:20px !important;}
.edu2_top .edu_title em {color:#000 !important;}
.edu2_top p {font-size:35px; color:#333; line-height:1.2 !important;font-weight:600; margin-bottom:50px !important; word-break:keep-all;}
.edu2_top_btn {width:100%;display:flex; flex-wrap:nowrap; gap:10px;}
.edu2_top_btn a {width:100%;display:flex; justify-content:center; align-items:center; max-width:230px;  padding:10px 30px; border-radius:40px; text-align:center; font-size:18px;font-weight:600; line-height:30px;color:#000;background:#fff; box-sizing:border-box; white-space:nowrap !important;}
.edu2_top_btn a.edu2_top_btn2 {background:#f27024; color:#fff;}

.edu2_1 {position:relative;width:100%; margin:0px auto !important;}
.edu2_1 ul {width:calc(100% + 10px); margin-right:-10px;display:inline-block; padding:30px 50px !important; border:1px #ddd solid; border-radius:20px; }
.edu2_1 .slick-list { overflow:hidden;}
.edu2_1 li {position:relative;width:calc((100% - 70px) / 8); margin-right:10px; }
.edu2_1 li a {display:block; width:100%; padding:80px 5px 5px 5px !important; text-align:center; color:#000;line-height:1.2 !important;}
.edu2_1 li a:before {content:''; position:absolute;left:50%; transform:translateX(-50%); top:10px; width:60px; height:60px; background-size:cover !important; }
.edu2_1 li.edu2_cate1 a:before {background:url('/html/images/common/edu2_cate1.png') 50% 50% no-repeat; }
.edu2_1 li.edu2_cate2 a:before {background:url('/html/images/common/edu2_cate2.png') 50% 50% no-repeat; }
.edu2_1 li.edu2_cate3 a:before {background:url('/html/images/common/edu2_cate3.png') 50% 50% no-repeat; }
.edu2_1 li.edu2_cate4 a:before {background:url('/html/images/common/edu2_cate4.png') 50% 50% no-repeat; }
.edu2_1 li.edu2_cate5 a:before {background:url('/html/images/common/edu2_cate5.png') 50% 50% no-repeat; }
.edu2_1 li.edu2_cate6 a:before {background:url('/html/images/common/edu2_cate6.png') 50% 50% no-repeat; }
.edu2_1 li.edu2_cate7 a:before {background:url('/html/images/common/edu2_cate7.png') 50% 50% no-repeat; }
.edu2_1 li.edu2_cate8 a:before {background:url('/html/images/common/edu2_cate8.png') 50% 50% no-repeat; }
.edu2_1 li.edu2_cate9 a:before {background:url('/html/images/common/edu2_cate9.png') 50% 50% no-repeat; }
.edu2_1 li.edu2_cate10 a:before {background:url('/html/images/common/edu2_cate10.png') 50% 50% no-repeat; }
.edu2_1 li.edu2_cate11 a:before {background:url('/html/images/common/edu2_cate11.png') 50% 50% no-repeat; }
.edu2_1 li.edu2_cate12 a:before {background:url('/html/images/common/edu2_cate12.png') 50% 50% no-repeat; }
.edu2_1 .slick-arrow {position:absolute !important; top:50% !important;transform:translateY(-50%) !important;margin:0px !important; width:40px !important; height:40px !important; opacity:1; border:none;border-radius:50%; font-size:0px !important; background-size:90% !important;}
.edu2_1 .slick-prev {left:-20px !important; margin:0px !important; background:#2183ef url('/html/images/common/arrow_left.png')no-repeat center; }
.edu2_1 .slick-next {right:-20px !important; margin:0px !important; background:#2183ef url('/html/images/common/arrow_right.png')no-repeat center;}

.edu2_2 {background:#f6f6f6;}
.edu2_2 ul {width:100%; display:flex; flex-wrap:wrap; gap:30px; padding:0px !important; margin:0px auto; }
.edu2_2 li {width:calc((100% - 60px) / 3); border-radius:15px; box-shadow:5px 5px 15px rgba(0,0,0,0.2); padding:0px !important; }
.edu2_2 li dl {width:100%; display:flex; flex-wrap:wrap; border-radius:15px; overflow:hidden; }
.edu2_2 li dt {position:relative;width:100%; display:flex;align-items:center;justify-content:center; text-align:center;}
.edu2_2 li dt img {position:relative; z-index:10;}
.edu2_2 li dt:after {content:''; position:absolute;left:0%; top:0px; width:100%; height:100%;}
.edu2_2 li:first-child dt:after { background: linear-gradient(to right bottom, #0e4095, #338ab7);}
.edu2_2 li:nth-child(2) dt:after { background: linear-gradient(to right bottom, #3d950e, #87b733);}
.edu2_2 li:nth-child(3) dt:after { background: linear-gradient(to right bottom, #95770e, #b87633);}
.edu2_2 li dt img {width:auto;max-width:85% !important;}
.edu2_2 li dd {width:100%; padding:20px 30px !important; font-size:16px; line-height:1.3 !important; color:#333; text-align:center;box-sizing:border-box;}
.edu2_2 li dd b {font-size:1.1em;font-weight:700 !important;color:#000 !important;}

.edu2_3 {background:#28366c;}
.edu2_3 .edu_title {color:#fff;}
.edu2_3 .w1230 {overflow:hidden;}
.edu2_3 .slick-slider {position:static !important;}
.edu2_3 ul {display:inline-block; width:calc(100% + 20px);margin-right:-20px; padding:0px !important; border-radius:20px;}
.edu2_3 li {width:100%; margin-right:20px;}
.edu2_3 dl {width:100%; display:flex; flex-wrap:nowrap; gap:0px;flex-direction:row-reverse; border-radius:20px; background:#fff; overflow:hidden;}
.edu2_3 dt {width:60%;} 
.edu2_3 dt img {width:100% !important;}
.edu2_3 dd {width:40%;padding:35px 40px !important;} 
.edu2_3 dd h2 {font-family: "Hakgyoansim Allimjang" !important; width:100%;font-size:35px; color:#000; font-weight:500; line-height:1.3; }
.edu2_3 dd h1 {width:100%;font-size:35px; color:#000; font-weight:600; line-height:1.3;}
.edu2_3 dd p { margin-top:20px;font-size:17px; color:#333; line-height:1.3; }
.edu2_3 dd p b {display:block; color:#2183ef !important; font-weight:600;}
.edu2_3 dd p.p_tit b {color:#000 !important;}
.edu2_3 .slick-arrow {position:absolute !important; top:0% !important;transform:translateY(0%) !important;margin:0px !important; width:60px !important; height:60px !important; opacity:1; border:none;font-size:0px !important; background-size:contain !important;}
.edu2_3 .slick-arrow:before {content:''; position:absolute;transform:translateY(-50%); top:50%; width:1px; height:40px; background:#6f789c;}
.edu2_3 .slick-prev {left:20px !important; background:url('/html/images/common/arrow_left.png') 0px 50% no-repeat; }
.edu2_3 .slick-prev:before {right:0px;}
.edu2_3 .slick-next {right:20px !important; background:url('/html/images/common/arrow_right.png') 100% 50% no-repeat;}
.edu2_3 .slick-next:before {left:0px;}

.edu2_4 {}
.edu2_4 table {width:100%;border-radius:20px; overflow:hidden; }
.edu2_4 th {width:25%;background:#ededed;color:#000; font-size:18px; padding:15px 40px !important;text-align:left; border-bottom:1px #dfdfdf solid !important;}
.edu2_4 td {width:75%;background:#f9f9f9;color:#000; font-size:18px; padding:15px 30px !important;text-align:left; border-bottom:1px #dfdfdf solid !important;}
.edu2_4 th.last,
.edu2_4 td.last { border:none !important;}

.edu2_scroll_area {width:100%; overflow:hidden;}
.edu2_scroll_area div {margin-top:15px;}
@-webkit-keyframes edu2-scrolling-reverse {
    100% {background-position: 4000px 0;}
}
@keyframes edu2-scrolling-reverse {
    100% {background-position: 4000px 0;}
}
@-webkit-keyframes edu2-scrolling {
    0% {background-position: 3700px 0;}
}
@keyframes edu2-scrolling {
    0% {background-position: 3700px 0;}
}
.edu2_scroll_01 {width: 100vw;height:80px;background: url('/html/images/common/edu2_51.png') repeat 0 0;background-size:auto 100% !important;
    -webkit-animation: edu2-scrolling 80s infinite;animation: edu2-scrolling 80s infinite; -webkit-animation-timing-function: linear;animation-timing-function: linear;}

.edu2_scroll_02 {width: 100vw; height:80px;background: url('/html/images/common/edu2_52.png') repeat 0 0;background-size:auto 100% !important;
    -webkit-animation: edu2-scrolling-reverse 80s infinite; animation: edu2-scrolling-reverse 80s infinite; -webkit-animation-timing-function: linear;animation-timing-function: linear;}

.edu_cs {width:100%; display:flex; flex-wrap:nowrap;gap:0px;  padding:20px 0px !important; background:#f9f9f9; border-radius:20px;}
.edu_cs li {position:relative; width:calc(100% / 3);padding:65px 10px 10px 10px !important; font-size:1.05rem; color:#000; text-align:center;background-size:60px !important;}
.edu_cs li:before {content:''; position:absolute;transform:translateY(-50%); top:50%; right:0px; width:1px; height:40px; background:#ddd;}
.edu_cs li:last-child:before {display:None;}
.edu_cs li.edu_tel {background: url('/html/images/common/edu_tel.png') no-repeat 50% 0px;}
.edu_cs li.edu_email {background: url('/html/images/common/edu_email.png') no-repeat 50% 0px;}
.edu_cs li.edu_pp {background: url('/html/images/common/edu_cs.png') no-repeat 50% 0px;}


.edu3_1 {position:relative;width:100%; max-width:500px; margin:0px auto !important;}
.edu3_1 ul {width:100%;display:inline-block; padding:0px !important; margin:0px auto !important;}
.edu3_1 .slick-list { overflow:hidden; border-radius:20px !important;}
.edu3_1 li {position:relative;width:100%; }
.edu3_1 li a {display:block; width:100%; padding:0px !important;}
.edu3_1 .slick-arrow {position:absolute !important; top:50% !important;transform:translateY(-50%) !important;margin:0px !important; width:60px !important; height:60px !important; border:1px #bbb solid !important; border-radius:50%; font-size:0px !important; background-size:70% !important; opacity:0.3 !important; z-index:100 !important; }
.edu3_1 .slick-arrow:hover {opacity:1 !important;}
.edu3_1 .slick-prev {left:-80px !important; margin:0px !important; background:#fff url('/html/images/common/arrow_left2.png')no-repeat center; }
.edu3_1 .slick-next {right:-80px !important; margin:0px !important; background:#fff url('/html/images/common/arrow_right2.png')no-repeat center;}

.edu3_12 {width:100%; overflow-x:scroll;}
.edu3_1_table {width:100%; min-width:700px;}



@media (max-width:1300px) {
	.edu2_1 {width:calc(100% - 40px);}

	.edu2_3 dd {width:40%;padding:30px !important;} 
	.edu2_3 dd h2 {font-size:25px;  }
	.edu2_3 dd h1 {font-size:25px; }
	.edu2_3 dd p { font-size:15px;}


}

@media (max-width: 980px) {
	.edu_title {font-size:30px;margin-bottom:30px;}
	.edu_ment {font-size:24px;margin:-10px 0px 30px 0px;}
	.edu_cont {margin-bottom:40px !important;}

	.edu1_1 dd h2 {font-size:30px;}
	.edu1_1 dd p {font-size:17px;}

	.edu1_scroll_01,
	.edu1_scroll_02  {height:130px;}

	.edu1_3 ul {gap:20px;}
	.edu1_3 li {width:calc((100% - 40px) / 3); border-radius:10px;}
	.edu1_3 li dt {border-radius:10px 10px 0px 0px;}
	.edu1_3 li dd { font-size:17px;}

	.edu1_4 ul {gap:30px 40px;}
	.edu1_4 li {width:calc((100% - 40px) / 2); border-radius:10px;}
	
	.faq_list dt,
	.faq_list dd {padding:15px 40px !important; font-size:17px;}

	.edu2_top {height:500px;}
	.edu2_top p {font-size:30px;margin-bottom:40px !important;}
	.edu2_top_btn a { max-width:200px;  padding:10px 20px;font-size:17px;line-height:26px;}

	.edu2_1 ul {padding:20px 30px !important;}

	.edu2_2 ul {gap:20px;}
	.edu2_2 li {width:calc((100% - 40px) / 3); border-radius:10px;}
	.edu2_2 li dt {border-radius:10px 10px 0px 0px;}
	.edu2_2 li dd {padding:20px !important; font-size:15px;}

	.edu2_3 dl {flex-wrap:wrap; flex-direction:row;}
	.edu2_3 dt {width:100%;} 
	.edu2_3 dd {width:100%;} 
	.edu2_3 .slick-arrow {width:50px !important; height:50px !important;}

	.edu2_4 th,
	.edu2_4 td {font-size:16px;}

	.edu2_scroll_area div {margin-top:5px;}
	.edu2_scroll_01,
	.edu2_scroll_02  {height:60px;}

	
}

@media (max-width: 680px) {
	.edu_title {font-size:22px;margin-bottom:15px;}
	.edu_ment {font-size:16px;margin:-10px 0px 20px 0px;}
	.edu_cont {margin-bottom:30px !important;}
	
	.edu_btn_wrap {margin-top:30px;}
	.edu_btn { height:50px; padding:0px 20px;font-size:17px;}

	.edu1_1 dl {flex-wrap:wrap; align-items:flex-start;gap:20px; }
	.edu1_1 dt { width:100%; text-align:center;}
	.edu1_1 dt img { max-width:80% !important;}
	.edu1_1 dd { width:100%;gap:10px;}
	.edu1_1 dd h2 {font-size:20px; text-align:center;}
	.edu1_1 dd p {font-size:15px; text-align:center;}
	.edu1_1 dd p br {display:none;}

	.edu1_scroll_area div {margin-top:10px;}
	.edu1_scroll_01,
	.edu1_scroll_02  {height:90px;}
	
	.edu1_3 ul {gap:16px;}
	.edu1_3 li {width:100%;}
	.edu1_3 li dl {flex-wrap:nowrap; border-radius:10px; }
	.edu1_3 li dt {width:45%;} 
	.edu1_3 li dd {width:55%; font-size:15px; text-align:left; display:flex; align-items:center;}

	.edu1_4 ul {gap:14px;}
	.edu1_4 li {width:calc((100% - 14px) / 2);}
	
	.faq_list {border-radius:10px;}
	.faq_list dt,
	.faq_list dd {padding:10px 40px 10px 15px !important; font-size:15px;}
	.faq_list dt:before {right:15px;width:14px;}

	.edu2_top {height:450px;background-image: url('/html/images/common/edu2_top_m.jpg');background-size:cover !important;}
	.edu2_top .w1230 {top:80px;;}
	.edu2_top p {font-size:20px;margin-bottom:30px !important; padding-right:30% !important;}
	.edu2_top_btn {flex-wrap:wrap;}
	.edu2_top_btn a { padding:10px;font-size:14px;line-height:20px;}

	.edu2_1 ul {padding:10px 20px !important;}
	.edu2_1 li a {padding:60px 0px 0px 0px !important;}
	.edu2_1 li a:before {width:45px; height:45px; }
	.edu2_1 .slick-arrow {width:30px !important; height:30px !important;}
	.edu2_1 .slick-prev {left:-15px !important;}
	.edu2_1 .slick-next {right:-15px !important;} 

	.edu2_2 ul {gap:16px;}
	.edu2_2 li {width:100%;}
	.edu2_2 li dl {flex-wrap:nowrap; border-radius:10px; }
	.edu2_2 li dt {width:45%;} 
	.edu2_2 li dd {width:55%; font-size:14px; text-align:left; display:flex; align-items:center;}

	.edu2_3 dd {padding:20px !important;} 
	.edu2_3 dd h2 {font-size:20px;  }
	.edu2_3 dd h1 img {height:35px;;}
	.edu2_3 dd p { font-size:14px; margin-top:10px;}
	.edu2_3 .slick-arrow {width:32px !important; height:32px !important;}
	.edu2_3 .slick-arrow:before {height:26px;}

	.edu2_4 table {border-radius:10px; }
	.edu2_4 th,
	.edu2_4 td {font-size:14px; padding:10px !important;}

	.edu2_scroll_01,
	.edu2_scroll_02  {height:40px;}

	.edu3_1 {width:calc(100% - 60px); max-width:600px;}
	.edu3_1 .slick-arrow {width:30px !important; height:30px !important;}
	.edu3_1 .slick-prev {left:-40px !important;}
	.edu3_1 .slick-next {right:-40px !important;}


}

@media (max-width:480px) {
	.edu_cs {flex-wrap:wrap; border-radius:10px; padding:10px 20px !important;}
	.edu_cs li {width:100%;padding:12px 12px 12px 60px !important; text-align:left !important; background-size:auto 35px !important; background-position:10px 50% !important;}
	.edu_cs li:before {transform:translateY(0%); top:auto; bottom:0%;width:100%; height:1px; background:#eee;}


}