@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

body{font-family:"Noto Sans KR";font-size:16px;letter-spacing:-0.05em !important;}
body * {font-family:"Noto Sans KR"; letter-spacing:-0.05em !important;}
a:link, a:visited, a:active {text-decoration: none;}
input {outline:none !important;}
.ver_mobile { display:none !important;}
.br_mobile { display:none !important;}
.br_pc { display:block !important;}


#container.main {padding-bottom:0px;overflow:hidden;}

#header {background:#4f3fa2;z-index:100;}

.inner h1.logo {filter:invert(100%) grayscale(100%) contrast(100%) brightness(100%); margin:0px; display:flex;align-items:center; }
.inner h1.logo a {display:block;}
.inner h1.logo img {max-height:60px;}
#footer{ background:#fff;border:none; padding:0px 0px;}
#footer .foot_menu{background:#404040; border:none;}
.foot_menu .foot_list {padding:20px 0px;}
.foot_menu .foot_list li {padding:0px 20px; background-position:0px 50% !important;}
.foot_menu .foot_list li:first-child {background:none !important;}
.foot_menu .foot_list li a{font-size:17px;font-weight:500;}	
.foot_menu .foot_list li a.footer_privacy_policy{font-weight:500;color:#fff;}
#footer .copy{font-family:"Noto Sans KR";font-size:16px;box-sizing:border-box;}
.foot_info{width:100%; display:flex; flex-wrap:nowrap;align-items:center; gap:30px;font-size:1em;line-height:1.5;}
.foot_logo {display:inline-block; width:150px; filter:alpha(opacity=60);opacity:0.4;}
.foot_logo img {width:auto; height:auto;max-width:100%; max-height:90px; -webkit-filter:invert(0%) grayscale(100%) contrast(100%); filter:invert(0%) grayscale(100%) contrast(100%);}	
.foot_logo svg {display:none;max-width:100%;}
.foot_desc { word-break:keep-all; margin-left:0px;box-sizing:border-box; width:calc(100% - 480px);}
.foot_cs {width:270px; padding:20px 0px 20px 30px; border-left:1px #ddd solid;}
.foot_cs li {font-size:17px; display:block; }
.foot_cs li b {font-size:1em; color:#000; font-weight:500; width:70px;display:inline-block; }

.sub_top { background:none !important; height:auto !important; margin:10px 0px 0px !important; box-sizing:border-box;}
.sub_top h1 {color:#000 !important;font-weight:600; font-size:30px; line-height:1.3 !important; padding:40px 20px;box-sizing:border-box;}

#container.ct_top .main_wrap #contet_area {padding-top:0px; min-height:300px;}
#container.ct_top .main_wrap .left_area { margin-bottom:40px;}
.content_body {padding:0px;}

#container.ct_top .left_area .lnb_list li {height: 60px;}
#container.ct_top .left_area .lnb_list li a {font-size:17px; color: #333; font-weight:500; line-height: 60px; padding: 0px 20px; background:#f7f7f7;}
#container.ct_top .left_area .lnb_list li a:hover{background:#fff;color:#000000;}
#container.ct_top .left_area .lnb_list li.on {position:relative; background:#fff; border:1px #dedede solid; border-left:0px;}
#container.ct_top .left_area .lnb_list li.on a { background:#fff;color: #000; font-weight:600; border-bottom:1px #fff solid;}
#container.ct_top .left_area .lnb_list li.on:before {content:''; position:absolute; left:0px; top:-1px; width:100%;height:4px; background:#40c9ed;}
#container.ct_top .left_area .lnb_list li.on a:hover {background:#fff;color:#000;}

.main_outer {padding:50px 0px;}

.main_visual .pagination {display:none;}
.main_visual a.prev { position:absolute !important;top:50%; transform: translateY(-50%);left:2%;width:50px;height:50px;text-indent:-999999px; z-index:10;background:#fff url('/html/images/common/arrow_left.png') 50% 50% no-repeat;background-size:35px !important;;border-radius:50%;opacity:0.7}
.main_visual a.next { position:absolute !important;top:50%; transform: translateY(-50%);right:2%;width:50px;height:50px;text-indent:-999999px; z-index:10;background:#fff url('/html/images/common/arrow_right.png') 50% 50% no-repeat;background-size:35px !important;border-radius:50%;opacity:0.7}
.main_visual a.prev:hover, 
.main_visual a.next:hover {opacity:1.0;}

.main_banner { width:100%;display:flex; gap:10px;padding:0px;margin:0px;text-align:center;}
.main_banner li {position:relative;width:100%; height:auto; margin:0px;display:inline-block;box-sizing:border-box;text-align:center;transition:0.3s all ease-out;}
.main_banner li a {position:relative;display:block;padding:125px 0px 0px 0px;text-align:center;box-sizing:border-box;word-break:keep-all; }
.main_banner li h2 {line-height:100%;font-size:20px;font-weight:500;color:#000;letter-spacing:-0.05em;margin-bottom:12px; }
.main_banner li p {line-height:1.4;font-size:16px;font-weight:500;color:#777;letter-spacing:-0.05em; }
.main_banner li span {position:absolute;left:50%;top:10px;transform:translateX(-50%);display:inline-block;width:94px;height:94px;border-radius:50%;background-color:#f1effe; background-repeat:no-repeat !important;  background-position: 50% 50% !important; box-sizing:border-box;transition:0.3s all ease-out; }
.main_banner li span.main_banner1 {background-image: url('/html/images/common/main_banner1.png');}
.main_banner li span.main_banner2 {background-image: url('/html/images/common/main_banner2.png');}
.main_banner li span.main_banner3 {background-image: url('/html/images/common/main_banner3.png');}
.main_banner li span.main_banner4 {background-image: url('/html/images/common/main_banner4.png');}
.main_banner li:hover span {top:0px;width:110px;height:110px;background-color:#40c9ed !important;}

.main_bottom { display:flex; flex-wrap:nowrap; gap:20px;}
.main_bottom .mainb_board {width:calc((100% - 340px) / 2);position:relative;float:none;display:flex; flex-wrap:wrap; margin:0px;border-radius:15px; border:1px #ddd solid; background:#f1effe;box-sizing:border-box; }
.main_bottom .mainb_board .mboard_title {width:100%; height: auto;font-size:20px; color:#000; font-weight:500; background:none; line-height:30px;padding:15px 40px; border:none;box-sizing:border-box;}
.main_bottom .mainb_board .mboard_more {float:none;position:absolute; right:30px; top:15px; height:30px; line-height:30px; margin:0px;}
.main_bottom .mainb_board .mboard_more a {border:none;padding:0px; text-decoration:underline; }
.main_bottom .mainb_board .mboard_more a:hover {border:none;}
.main_bottom .mainb_board .mboard_cont {width:calc(100% + 2px); height:210px; padding:25px 20px 25px 40px; margin:-1px;border-radius:15px; border:1px #ddd solid;background:#fff;box-sizing:border-box;}
.main_bottom .mainb_cs {position:relative;width:300px;display:flex; flex-wrap:wrap; align-content:space-between; height:auto;border-radius:15px; padding:25px 30px; background:#4f3fa2; color:#fff; box-sizing:border-box;}
.main_bottom .mainb_cs:after {content:''; position:absolute; right:20px; top:25px;width:75px; height:75px; border-radius:50%; background:#796db8 url('/html/images/common/main_cs.png') 50% 50% no-repeat; background-size:cover !important;}
.main_bottom .mainb_cs .top_title {float:none; width:100%; color:#fff;font-size:20px; font-weight:500;line-height:1.1; padding-bottom:15px; border-bottom:1px #796db8 dashed;}
.main_bottom .mainb_cs .mcs_cont { width:100%; color:rgba(255,255,255,0.5); font-size:15px; padding-top:30px;box-sizing:border-box;}
.main_bottom .mainb_cs .mcs_tel {font-family:'Inter';color:#fff;font-size:24px; font-weight:800; letter-spacing:0em !important; padding-top:20px;}
.main_bottom .mainb_cs p {float:none; width:100%;color:#fff;font-size:15px; padding:0px;}

/* 슬릭 CSS */
.slick-slider{position: relative;display: block;box-sizing: border-box; -webkit-user-select: none;
	-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;
	-khtml-user-select: none;-ms-touch-action: pan-y;
	touch-action: pan-y;-webkit-tap-highlight-color: transparent; outline: 0 !important;}
.slick-slider div {transition: none;}
.slick-list{position: relative;display: block;overflow: visible;margin: 0; padding:0 !important;  outline: 0 !important;}
.slick-slide{float: left; outline: 0 !important; border:0;}
.slick-initialized .slick-slide{display: block; outline: 0 !important;}
.slick-arrow {position:absolute;top:50%;transform: translateY(-50%); width:40px; height:40px; border-radius:50%;margin:0; font-size:0px; border:1px #eee solid; background-size:25px !important;}
.slick-prev{left:-40px;background:#f9f9f9 url('/html/images/common/arrow_left.png') 50% 50% no-repeat ; }
.slick-next{right:-40px;background:#f9f9f9 url('/html/images/common/arrow_right.png') 50% 50% no-repeat ; }

.main_partner { width:100%;display:inline-block; padding:30px 0px;margin: 0px;text-align:center; border-top:1px #ddd solid;}
.main_partner .main_inner {overflow: visible;}
.main_partner .slick-list {overflow: hidden;}
.main_partner ul {width:100%;display:inline-block; }
.main_partner li {float:left; width:200px;display:inline-block;box-sizing:border-box;text-align:center;transition:0.3s all ease-out;}
.main_partner li a {display:block; width:100%; }
.main_partner li a img {max-width:94%;}

.list_top li a,
.faq_top li,
.faq_top li a {line-height:32px; border:none;}
.faq_top li .blue{ color:#4f3fa2;}
.faq_top li .green{color:#4f3fa2;}

.horizontal_wrap .top_title {font-family:"Noto Sans KR"; letter-spacing: -0.07em;font-weight: 600;}
.horizontal_wrap .horizontal_list {width:100%; display:flex; flex-wrap:wrap; gap:30px; margin:0px; padding:0px;}
.horizontal_wrap .horizontal_list li {float:none; width:calc((100% - 90px ) / 4); border-radius:10px; padding:0px; margin:0px;background:#fff; border:1px #ddd solid; box-sizing:border-box;}
.horizontal_list span.img_box {border:none;width:100%; height:auto; border-bottom:1px #ddd solid;border-radius:10px 10px 0px 0px; margin:0px;  box-sizing:border-box; overflow:hidden;}
.horizontal_list span.img_box > a {width:100%;height:auto; }
.horizontal_list span.img_box > a > img {width:100%; aspect-ratio: 3 / 2 !important;}
.horizontal_list span.list_subject { height:auto; padding:15px 20px 20px;}
.horizontal_list span.list_subject a { font-size:18px;font-weight:500; color:#000; word-break:keep-all; line-height: 24px; height: 48px; display: -webkit-box; white-space:normal; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.type_chart {border-top:none;}
.course_gallery { width:100%; display:flex;flex-wrap:wrap; gap:30px; padding:30px 0px;}
.course_gallery li { float:none; width:calc((100% - 90px ) / 4);height:auto; margin:0px; border-radius:10px;background:#fff; box-sizing:border-box;}
.course_gallery .cimg { width:100%; height:auto; border-bottom: 1px #dedede solid;border-radius:10px 10px 0px 0px; margin:0px;  box-sizing:border-box; overflow:hidden;}
.course_gallery .cimg img { width:100%; height:auto !important; aspect-ratio: 3 / 2 !important; }
.course_gallery .ccont .ctitle a { font-family:"Noto Sans KR";font-size:18px; color:#000; font-weight:500; display: -webkit-box; white-space:normal; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.course_chart {border-top:1px #333 solid;}
.course_chart .list_li .course_img a,
.course_chart .list_li .course_img a img { height:auto;aspect-ratio: 3 / 2 !important; border-radius:10px; }

#container.ct_top .course_infomation .info_img,
#container.ct_top .course_infomation .info_img img {border-radius:15px;}

.button.blue{background-color:#4f3fa2;color: #fff;border:1px solid #4f3fa2}
.button.blue:hover{background-color: #4f3fa2;border:1px solid #4f3fa2}

.search_form_wrap2 {display:inline-block; width:100%; padding:0px;}
.search_form_wrap2 .search_form {float:none !important;display:inline-block; width:auto; margin:20px auto; padding:0px;}

.faq dt {font-weight:500;white-space:normal;}
.faq dt a {display:block;}
.faq dt,
.faq dd {font-size:16px; line-height:1.4;padding:18px 50px;box-sizing:border-box;background-position:20px 22px;}

/* 페이징 */
.page_bar{padding-top:30px;text-align:center;margin-bottom:30px;}
.page_box{ margin:20px auto;}
.page_box li div{width:30px;height:36px;border:none;margin:0 0px;line-height:36px}
.page_box li{ font-size:16px }
.page_box .page_first_btn {background-color:#ffffff; width:34px; height:34px; margin:0px 2px; }
.page_box .page_last_btn {background-color:#ffffff; width:34px; height:34px; margin:0px 2px;}
.page_box .page_prev_btn {background-color:#ffffff; width:34px; height:34px; margin:0px 7px 0px 2px ; }
.page_box .page_next_btn {background-color:#ffffff; width:34px; height:34px; margin:0px 2px 0px 7px;}
.page_box li .page_number_btn_on	{background:none; color:#000; font-weight:500; width:30px; height:36px;border:none;line-height:36px }
.page_box li .page_number_btn:hover{background:none;color:#000;width:30px; height:36px;border:none;line-height:36px}

/* 테이블 리스트  홀짝 색 */
.type_list tbody tr:nth-child(odd) td, .type_list tbody tr:nth-child(odd) th{background-color: #fff;}
.tb_list tbody tr:nth-child(odd) td, .tb_list tbody tr:nth-child(odd) th{background-color: #fff;}

.step_list {display:flex; flex-wrap:wrap; align-items:center; gap:20px;}
.step_list li { width:100%;}
.step_list li h6 {font-size:18px; font-weight:600; color:#000; display:flex; gap:10px; margin-bottom:10px;} 
.step_list li h6 em {font-size:20px;font-family:"Inter";color:#4f3fa2;font-weight:700; font-style:normal;}
.step_list li p { line-height:1.5;}

.privacy h3,
.clause h3,
.refund h3{color:#000;} 
.refund {list-style:none;}

/* 통합검색 */
.search_title em {color:#4f3fa2;}
.search_category {display:none;}
.search_section .search_detail img {display:none;}
.search_section .search_detail .search_subject {margin:0 6px 0 0px;color:#000;}
.search_section .search_detail .search_cnt em {color:#4f3fa2;}
.search_section .search_result td.course_image a {border-radius:5px;}
.search_section .search_result td.course_info .info_t em {font-weight:bold;font-size:16px;color:#000;}
.search_no .search_no_text h4 em {color:#4f3fa2;}

.search_section .search_result td.course_image {padding:13px 0; width:150px;}
.search_section .search_result td.course_image a {position:relative;width:130px;height:95px;box-sizing:border-box;}
.search_section .search_result td.course_image a img {position:absolute;left:0;top:0; width:100%; height:100%;}
.search_section .search_result td.course_info {padding:15px 0;}
.search_section .search_result td.course_info .info_t em {display:inline-block;width:100%;margin-bottom:10px;}
.search_section .search_result td.course_info .info_t em a {font-family:"noto_sans";font-weight:500; color:#000;font-size:17px;}

#wrap_classroom .sub_top_classroom .top_title {font-size:30px;line-height:1.5; word-break:keep-all;}
#wrap_classroom .my_cr_bbs { display:none !important;}

@media all and (min-width:1300px) {
	#header { height:150px; box-shadow:0px 10px 12px rgba(0,0,0,0.15);}
	#header .util_wrap {background:#fff; padding:15px 0px; border:none; height:70px; box-sizing:border-box;}
	
	.util_wrap .util_menu li {position:relative; margin:0px ; padding:0px 15px ;}
    .util_wrap .util_menu li:first-child::before {content:'';position:absolute; right:0px; top:50%; transform:translateY(-50%);width:1px; height:15px; background:#d3d3d3; }
	.util_wrap .util_menu li.top_search {width:200px;background:#ebebeb; border-radius:40px; margin:0px 0px 0px 20px; padding:5px 20px;}
	.util_wrap .util_menu li.top_search span.search_input { width:180px;border:none !important; background:#ebebeb !important; height:30px;}
	.util_wrap .util_menu li.top_search input.search_txt { width:180px;border:none !important; background:#ebebeb !important;height:30px;}
	.util_wrap .util_menu li.top_search .search_btn {width:20px;height:30px;background: url('/html/images/common/btn_search.png') center 50% no-repeat;}

	#header .inner {height:80px;}
	.inner .menu_wrap {display:flex; align-items:center;justify-content:flex-end; gap:20px; margin:0px;}
	.inner .menu_wrap .gnb_link {display:inline-block;width:auto; }
	.inner .menu_wrap .gnb_link a {display:block; width:auto; line-height:40px; font-size:17px; padding:0px 20px; border-radius:20px; color:#fff; background:#32237f;}
	.inner .menu_wrap .gnb_link a:hover {background:#201268;}

	.menu_wrap #gnb li a {color:#fff;}
	.menu_wrap #gnb li.on a{color:#fff;}
	.menu_wrap #gnb li:hover > a,
	.menu_wrap #gnb li a:hover{color:#53ebd6;}

	.menu_wrap #gnb > li:hover > ul.depth2 {top:70px;left:50%;transform:translateX(-50%);margin:0px;width:180px;border:1px solid #dddddd;padding:20px 15px; border-radius:12px;box-shadow:0px 0px 15px rgba(0,0,0,0.2); box-sizing:border-box;}
	.menu_wrap #gnb > li:hover > ul.depth2 li {display:block;width:100%; text-align:center;}
	.menu_wrap #gnb > li:hover > ul.depth2 li a {position:relative;display:inline-block; width:auto;font-size:16px;margin:0px;padding:5px 10px;line-height:24px;color:#777; text-align:center;}
	.menu_wrap #gnb > li:hover > ul.depth2 li a:hover {color:#000;}
	.menu_wrap #gnb > li:hover > ul.depth2 li a:hover:before {content:''; position:absolute; left:0px; top:14px;width:5px;height:5px;background:#4f3fa2; border-radius:50%;}
	
}

@media all and (max-width: 1299px) {
	.inner h1.logo {width:auto; max-width:200px;transform:translateX(-50%); }
    .inner h1.logo img { max-height:40px;}
	.inner .menu_wrap {display: none; }

	.util_toggle_btn {padding:23px 0;width:60px; height:60px;}
    .util_toggle_btn span {background: #fff; border-radius:2px; height: 2px;}
    .util_toggle_btn span:nth-child(1) {width: 20px;}
    .util_toggle_btn span:nth-child(2) {width: 20px;margin-top:4px;}
    .util_toggle_btn span:nth-child(3) {width: 20px;margin-top:4px;}
	.util_close_btn {background-size: 18px auto; width: 50px; height: 50px; }

    .util_wrap .util_menu ul {width:100%;}
    .util_wrap .util_menu .util_top li { border:1px solid #e6e6e6; box-sizing:border-box; width:calc(( 100% - 50px ) / 2 ); height:50px;}
    .util_wrap .util_menu .util_top li a {line-height:50px;}
	.util_wrap .util_menu .util_top li.top_search .search_btn {font-size:0px !important;}

    .util_wrap .util_menu #gnb_mobile > li {box-sizing:border-box; float:none; width:100%; text-align:left; padding:0;}
    .util_wrap .util_menu #gnb_mobile > li > a {padding:17px 30px 17px 20px;font-size:16px;}
    .util_wrap .util_menu #gnb_mobile > li > .lnb_list li a {font-size: 15px;}

	#footer .copy {padding:40px 20px; font-size:15px;}
	.foot_desc {padding: 0%; text-align:left;}

	.main_outer {padding:40px 0;}
	.main_inner { box-sizing:border-box; margin:0px; padding:0px 15px;}

	.slick-arrow {width:30px; height:30px;background-size:20px !important;}
	.slick-prev{left:-30px;}
	.slick-next{right:-30px;}

	.main_partner {padding:30px 0px;}
	.main_partner ul {width:94%; margin:0px 3%;}

	.main_bottom { padding: 0 15px;}

	#container.ct_top .main_wrap #contet_area {padding:0px 0px 30px 0px; }
	.content_header, .content_body {padding:0px 15px;}

	.horizontal_wrap .top_title {font-size:25px; height:30px; line-height: 30px; padding:0px; margin-bottom:20px; background:none; }
	.horizontal_wrap .horizontal_list {gap:20px;}
	.horizontal_wrap .horizontal_list li {width:calc((100% - 60px ) / 4); }

	.course_gallery { gap:20px; padding:20px 0px;}
	.course_gallery li {width:calc((100% - 60px ) / 4);}

	#wrap_classroom .sub_top_classroom {height:auto;}
	#wrap_classroom .sub_top_classroom .top_title { height:auto; }
	#wrap_classroom .sub_top_classroom .top_title {font-size:24px;line-height:1.5;}
	#wrap_classroom .sub_top_classroom .top_title em {text-overflow:clip; white-space: normal; margin:0px; padding:0px 20px;  box-sizing:border-box;}

	#wrap_classroom .sub_fixtop_classroom .top_title em {line-height:60px;}
	#wrap_classroom .classroom_lnb a {border:none;}

}

@media all and (max-width:991px) {
	
	.foot_desc {  width:calc(100% - 400px);}
	.foot_logo { width:130px; }
	.foot_cs {width:200px;}
	.foot_cs li {font-size:15px; }

	.horizontal_wrap .horizontal_list li {width:calc((100% - 40px ) / 3); }
	.course_gallery li {width:calc((100% - 40px ) / 3);}
	
	.main_banner li span {background-size:cover !important;}
	.main_banner li h2 {font-size:18px;}
	.main_banner li p {font-size:15px;}

	.main_bottom {flex-wrap:wrap; gap:15px;}
	.main_bottom .mainb_board {width:calc(( 100% - 15px ) / 2);}
	.main_bottom .mainb_board .mboard_title {font-size:18px;padding:10px 30px;}
	.main_bottom .mainb_board .mboard_cont {padding:20px 30px;}
	.main_bottom .mainb_cs {width:100%; }

}

@media all and (max-width:767px) {
	body{font-size:14px;}
	.ver_pc { display:none !important;}
	.ver_mobile { display:block !important;}
	.br_mobile { display:block !important;}
	.br_pc { display:none !important;}

	.foot_info {flex-wrap:wrap; gap:10px;}
	#footer .copy {padding:20px; font-size:14px;}
	.foot_menu .foot_list {padding:15px 0px;}
	.foot_menu .foot_list li {padding:0px 10px;}	
	.foot_menu .foot_list li a{font-size:14px; line-height:20px;}	
	.foot_logo {width:100%; }
	.foot_logo img {width:auto; height:auto !important;max-height:40px !important;}
	.foot_desc {width:100%;}
	.foot_cs {width:100%; border:none; border-top:1px #ddd solid; padding:15px 0px; margin-top:5px;}
	.foot_cs ul {display:flex; gap:20px;justify-content:center;}
	.foot_cs li {font-size:14px; }
	.foot_cs li b {width:auto; padding-right:10px;}

	.main_outer {padding:30px 0px;}
	.main_inner {padding: 0px 15px;}

	.main_banner li a {padding:80px 0px 0px 0px;}
	.main_banner li h2 {font-size:16px;margin-bottom:10px; }
	.main_banner li p {font-size:14px;}
	.main_banner li span {top:0px;width:60px;height:60px;}
	.main_banner li:hover span {top:0px;width:60px;height:60px;}

	.main_bottom {gap:15px;}
	.main_bottom .mainb_board {width:100%;}
	.main_bottom .mainb_board .mboard_title {font-size:17px;}
	.main_bottom .mainb_board .mboard_cont {padding:15px 30px; height:auto;}
	.main_bottom .mainb_cs .top_title {font-size:17px;}
	.main_bottom .mainb_cs .mcs_cont {padding-top:20px;}

	.list_top li a,
	.faq_top li,
	.faq_top li a {line-height:30px;}

	.slick-arrow {width:24px; height:24px;background-size:16px !important;}
	.slick-prev{left:-24px;}
	.slick-next{right:-24px;}

	.main_partner {padding:20px 0px;}

	.horizontal_wrap .top_title {font-size:20px; margin-bottom:16px; }
	.horizontal_wrap .horizontal_list {gap:10px;}
	.horizontal_wrap .horizontal_list li {width:calc((100% - 10px ) / 2); }
	.horizontal_list span.list_subject {padding:11px 15px 15px;}
	.horizontal_list span.list_subject a { font-size:16px; line-height:20px;height: 40px;}

	.course_gallery { gap:10px; padding:10px 0px;}
	.course_gallery li {width:calc((100% - 10px ) / 2);}
	.course_gallery .ccont {padding:10px 13px;}
	.course_gallery .ccont .ctitle a { font-size:16px;}

	.sub_top { margin:0px 0px 0px !important;}
	.sub_top h1 {padding:20px 20px;font-size: 20px;}
	
	.faq dt,
	.faq dd {font-size:15px; line-height:1.3; padding:12px 0px 12px 35px;background-position:7px 16px;}

	.tb_cv table colgroup {display:none;}

	/* 페이징 */
	.page_bar{padding-top:20px;}
	.page_box li div{width:20px;height:24px;line-height:24px}
	.page_box li{ font-size:14px }
	.page_box .page_first_btn {width:24px;height:24px;}
	.page_box .page_last_btn {width:24px;height:24px;}
	.page_box .page_prev_btn {width:24px;height:24px;}
	.page_box .page_next_btn {width:24px;height:24px;}
	.page_box li .page_number_btn_on {width:20px;height:24px;line-height:24px}
	.page_box li .page_number_btn:hover{width:20px;height:24px;line-height:24px}

	/* 테이블 리스트  홀짝 색 */
	.type_list tbody tr:nth-child(odd) td, .type_list tbody tr:nth-child(odd) th {background-color:transparent;}
	.type_list tbody tr:nth-child(odd), .type_list tbody tr:nth-child(odd) {background-color:#fff;}

	.search_section {margin-top:20px;}
	.search_no {border:1px solid #d9d9d9; border-width:1px 0; padding:30px 0; height:auto;}
	.search_no .search_no_image { display:none;}
	.search_no .search_no_text {float:none;}
	.search_section .search_result td.course_info .info_t em a {font-size:15px;}

	.search_form_wrap2 .search_form {margin:0px;}
	.search_form_wrap2 .search_form select {display:none;}
	
	#wrap_classroom .sub_top_classroom .top_title {font-size:18px;}
	.sub_top_classroom .top_state li {font-size:15px;}
	.sub_top_classroom .top_state li.li3 b {font-size:17px;}

	#wrap_classroom .sub_fixtop_classroom .top_title {padding:0px 65px;}
	#wrap_classroom .sub_fixtop_classroom .top_title em {line-height:50px;} 
	#wrap_classroom .classroom_out a.out_mobile {font-size:13px; padding:0px 13px; background:none; line-height:30px; height:30px;}

}

@media all and (max-width:480px) {
	.main_banner li a {padding:60px 0px 0px 0px;}
	.main_banner li h2 {font-size:14px; line-height:1.3; margin:0px;}
	.main_banner li p {display:none;}
	.main_banner li span,
	.main_banner li:hover span {width:50px;height:50px;}

	.horizontal_wrap .horizontal_list {gap:8px;}
	.horizontal_wrap .horizontal_list li {width:calc((100% - 8px ) / 2); }
	.horizontal_list span.list_subject {padding:10px 10px 13px ;}
	.horizontal_list span.list_subject a { font-size:14px; line-height:20px;height:auto; max-height:60px;-webkit-line-clamp: 3;}
	
	.course_gallery .ccont .ctitle a { font-size:14px;line-height:20px;height:auto; max-height:60px;-webkit-line-clamp: 3;}
	.course_gallery .ccont .cbtn {display:none;}
}