.mobile {display:none !important}

header {height:175px;}
header .header{max-width:1200px;margin:auto;position:relative;}
header .header .gnb {letter-spacing:-0.5px;padding:10px 0;}
header .header .gnb a{display:inline-block;padding:0 4px;color:#999;}
header .header .gnb span{display:inline-block;border:1px solid var(--color-point);color:var(--color-point);font-size:12px;padding:5px 10px;border-radius:25px;}
header .header .lnb {position:absolute;right:0px;top:8px;}
header .header .lnb a{display:inline-block;padding:0 8px;}
header .header .lnb a .new{color:var(--color-point)}
header .header h1 {display:block;text-aligN:center;padding:20px 0 25px}
header .header h1 a{display:inline-block;width:257px;height:30px;text-indent:-9999px;background:url('/images/logo.png') center no-repeat;background-size:100%}
header .header nav {float:left;width:calc(100% - 285px);}
header .header nav li.menu{display:inline-block;}
header .header nav li.menu.all_menu {}
header .header nav li.menu.all_menu a.all{background:url('/images/all_menu.png') left center no-repeat;padding-left:40px}
header .header nav li.menu > a{display:block;padding:0 15px;font-size:16px;color:#222;line-height:40px;}
header .header nav li.menu.on > a{font-weight:900}

header .header nav li.menu.all_menu:hover .smenu{display:block}
header .header nav li.menu .smenu {position:absolute;left:0px;top:40px;background-color:#fff;border:1px solid #cecfce;z-index:90;display:none}
header .header nav li.menu .smenu a{font-weight:400;line-height:35px;display:block;border-bottom:1px solid #cecfce;white-space:nowrap;padding:5px 10px;font-size:15px;}
header .header nav li.menu .smenu a:hover{background-color:var(--color-point);color:#fff;}
header .header nav li.menu .smenu a:last-child{border-bottom:none;}

header .top_search {float:left;width:285px;}
header .top_search .searchbx{border:1px solid #c2c8cc;border-radius:5px;height:40px;}
header .top_search .searchbx *{vertical-align:middle}
header .top_search .searchbx input[type="text"] {border:none;line-height:38px;height:38px;color:#333;font-size:14px;width:calc(100% - 50px);padding:0 10px}
header .top_search .searchbx input[type="text"]::placeholder {color:#999;font-sizE:12px}
header .top_search .searchbx a.bt {display:inline-block;width:38px;height:38px;background:url('/images/top_search.png') center no-repeat;text-indent:-9999px;}
header .header:after {clear:both;content:'';display:block;}
header .header .all_category {display:none}



.content {max-width:1200px;margin:auto;padding:10px 0}




/*************** 메인 *******************/
/** 메인 베너 **/
.main_banner .mainslider img{display:block;margin:auto}
.main_banner .mainslider_bt {position:relative;max-width:1200px;margin:auto;}
.main_banner .mainslider_bt .btbx{position:absolute;left:0px;bottom:20px;z-index:2;}
.main_banner .mainslider_bt .btbx a{height:50px;width:50px;}
.main_banner .mainslider_bt .btbx .arrow a{display:inline-block;}
.main_banner .mainslider_bt .btbx .arrow a.prev{background:url('/images/prev.png') center no-repeat;border-top-left-radius:35px;border-bottom-left-radius:35px;background-color:rgba(0,0,0,0.3);}
.main_banner .mainslider_bt .btbx .arrow a.next{background:url('/images/next.png') center no-repeat;border-top-right-radius:35px;border-bottom-right-radius:35px;background-color:rgba(0,0,0,0.3);}
.main_banner .mainslider_bt .btbx a.stop{background:url('/images/stop.png') center no-repeat;border-radius:100%;display:inline-block;background-color:rgba(0,0,0,0.3);}
.main_banner .mainslider_bt .btbx a.play{background:url('/images/play.png') center no-repeat;border-radius:100%;display:inline-block;background-color:rgba(0,0,0,0.3);}




.ellipsis2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.swrap{width:1050px; margin:auto;}

.process{position:relative;}
.process .process-prev{position:absolute;left:-30px;top:35%;z-index:80}
.process .process-next{position:absolute;right:-30px;top:35%;z-index:80}

.process .process-prev2{position:absolute;left:-30px;top:35%;z-index:80}
.process .process-next2{position:absolute;right:-30px;top:35%;z-index:80}

.process .process-prev3{position:absolute;left:-30px;top:35%;z-index:80}
.process .process-next3{position:absolute;right:-30px;top:35%;z-index:80}

.process .h3title {font-size:30px;font-weight: 500;text-align: center;margin-top: 30px; position:relative;}
.process .h3title a{display:inline-block;padding:3px;position:absolute;right:0px;top:-8px;}
.process .process_box:after {clear:both;content:'';display:block}
.process .process_box {margin-left: -30px;margin-top:45px; }
.process .process_box .list {width:calc(33.3% - 30px) ;float: left;margin-left: 30px;padding-bottom:50px;position: relative;}
.process .process_box.process_slide .list {width:100%}
.process .process_box .list .imgbox {height: 200px; overflow: hidden; border-radius: 10px; margin: auto;}
.process .process_box .list .imgbox a{display:block;}
.process .process_box .list .font_text{text-align: center;}
.process .process_box .list .font_text .cate{display: inline-block;position: relative;top: -12px; border: 1px solid var(--color-point);min-width: 70px;padding:0 10px;border-radius: 10px;color: var(--color-point);background-color: #fff;text-align: center;   line-height: 24px;}
.process .process_box .list .font_text .title{display: block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: center;font-size: 17px; line-height:26px;  height:52px;}
.process .process_box .list .font_text .date{text-align: center; color: #999;margin:15px 0; }
.process .process_box .list .font_text .icon {height:28px}
.process .process_box .list .font_text .icon span{border-radius: 5px; padding: 3px 8px;display: inline-block;}
.process .process_box .list .font_text .icon span.return{ border:1px solid var(--color-sub);color:var(--color-sub)}
.process .process_box .list .font_text .icon span.ontact{ border:1px solid var(--color-sub3);color:var(--color-sub3)}
.process .process_box .list .day{position: absolute; top: 10px;left: 13px;border-radius: 5px;width: 70px; display: inline-block; text-align: center; background-color:rgba(189,0,25,0.8); line-height: 25px; color:#fff}
.process .process_box .list .font_text .count{position: unset;margin-top: 15px;}
.process .process_box .list .font_text a{margin-top:10px;}


.category {margin-top:50px; overflow: hidden;}
.category ul {display:flex;justify-content: space-between}
.category ul li {}
.category ul li .category_box{height: 180px;overflow: hidden; width: 180px; border-radius: 50%;margin:auto;}
.category ul li .category_box a{display:block;}
.category ul li .category_box a img{width: 140%;max-width: none;}
.category ul li .category_text {text-align:center; margin-top:15px}
.category ul li .category_text a {display:block; font-size:17px; color:#666;}

.event_banner{margin-top:50px;}
.event_banner .entbox{margin-left: -30px;}
.event_banner .entbox div{float: left; width: calc(50% - 30px); overflow: hidden; border-radius: 10px; margin-left: 30px;margin-top:20px;}
.event_banner .entbox div a{display:block;}

.notice{width: 50%; float: left; margin-top:50px; margin-bottom: 50px;}
.notice strong{font-size: 30px;font-weight: 500;}
.notice a{display:inline-block;}
.notice ul{ margin-top: 20px;}
.notice ul li .notice_text {margin-top: 10px;vertical-align:top}
.notice ul li .notice_text *{vertical-align:middle}
.notice ul li .notice_text .notice_date{font-size: 14px;color: #999;}
.notice ul li .notice_text .state{font-size: 14px;margin-left: 10px;width:40px; display:inline-block;color: var(--color-point);}
.notice ul li .notice_text .state.icon2{color: var(--color-sub);}
.notice ul li .notice_text a{white-space: nowrap;overflow: hidden;text-overflow: ellipsis; width:calc(100% - 155px);font-size:16px;padding-left:5px}

.review{width:50%; float: left; margin-top:30px; }
.review .review_wrap{background-color: #999; margin-left: 20px;height: 250px;  padding:25px; }
.review .review_wrap strong{font-size: 30px;font-weight: 500;color:#fff}
.review .review_wrap .review_arrow{display: inline-block; float: right; margin-top: 15px;}
.review .review_wrap .review_arrow .rleft{background-color: #fff; display: inline-block; width: 25px;height: 25px; text-align: center; font-size: x-large;line-height: 22px;}
.review .review_wrap .review_arrow .rright{background-color: #fff; display: inline-block; width: 25px;height: 25px; text-align: center; font-size: x-large;line-height: 22px;}
.review .review_wrap .review_box a{display:block; margin-top: 10px;}
.review .review_wrap .review_box a strong{font-size: 20px;font-weight: 400;color:#fff;  border-bottom: 1px solid #fff; display: inline-block;   width: 100%;line-height: 40px;}
.review .review_wrap .review_box a p{font-size: 16px;color:#ccc;margin-top: 10px;}



/*************** 회사소개 *******************/

/**비전 및 가치**/
.partner span{display: block; text-align: center; color: #ccc; font-size: 20px;}
.partner span:after{content:''; display: block; border: 1px solid; width: 20px;;margin: 20px auto;}
.partner h3{font-size: 20px;font-weight: 400; text-align: center;}

.core {margin-top: 50px; overflow: hidden;}
.core .corebox{width: calc(50% - 15px);float: left;margin-left: 15px;}
.core .corebox span{display: inline-block; font-size: 15px; width: 110px; border-radius: 100%; background-color: #fff7f1; text-align: center; line-height: 110px;}
.core .corebox ul {float: right;width: 70%;}
.core .corebox .corebox_wrap{margin-top: 10px;}
.core .corebox ul li{font-size: 15px; margin-top: 5px;margin-left: -10px;}
.core .corebox ul li:before{content:''; border-radius: 100%; background:rgba(131,131,131,0.5); width: 5px; height: 5px;display: inline-block;margin: 0px 5px 3px 0px; }

.system{margin-top:40px;overflow: hidden;}
.system .system_text {background: url(/images/ceo_bg.jpg)center no-repeat;padding: 30px 0px 30px 0px;}
.system .system_text h3{text-align: center; font-size: 20px; font-weight: 500; color:#fff}

.system ul{margin-left: 15px;}
.system ul li{float: left;width: calc(25% - 15px); margin-right: 15px;}
.system ul li .system_box{text-align:center;padding-top: 20px;}
.system ul li .system_box span{font-size:17px; border-radius: 50px; display: inline-block;  border: 1px solid #cfd0cf; width: 150px; line-height: 35px;}
.system ul li .system_box p{color:#666;padding-top: 5px;}

.management{}
.management:before{content:''; display: block; border: 1px solid;color: #d0d0d0;margin-top: 35px;}
.management .mbox1{width:30%; float:left}
.management .mbox2{width:70%; float:left;margin-top: 28px;}
.management .mbox2 ul li {margin-top: 15px;}
.management .mbox2 ul{ padding-left: 20px;}
.management .mbox2 ul li .manager_txt span{font-size:17px;}
.management .mbox2 ul li .manager_txt p{font-size:15px; color:#999;}

/**사업영역 및 코스맵**/

.course_map{text-align:center;margin-bottom:45px;}

.course ul {margin-left:-30px}
.course ul li{width:calc(50% - 30px); float:left; margin:20px 0 0 30px}
.course ul li .course_tit{ background: url(/images/icon/icon_b.png) left center no-repeat;font-size:18px; padding-left: 25px;font-weight: 500;}
.course ul li p{display:inline-block; border:1px solid #ccc;border-radius: 10px; line-height: 22px; padding: 13px; margin-top: 7px;box-shadow: 1px 1px 1px #ccc;}


/*************** 고객지원센터 *******************/

/** 연간회원안내 **/

.member_tit{ background: url(/images/icon/icon_b.png) left center no-repeat; padding-left: 25px; font-size: 25px; font-weight: 500;}	
.procedure{ overflow: hidden;}
.procedure ul {margin:80px 0 0 -50px;}
.procedure ul li{width:calc(25% - 50px); margin-left:50px; float:left; }
.procedure ul li .procedure_box{border:1px solid #ccc;border-radius: 10px;text-align:center;position: relative;font-size:15px;padding: 15px 10px 15px 10px; line-height: 21px;}
.procedure ul li .procedure_fbox{padding: 25px 15px 25px 15px;}
.procedure ul li .procedure_box img{position: absolute;top: -53px; left: 65px;}
.procedure ul li .procedure_box .procedure_arr{ left: -31px;top: 36px;}
.procedure ul li .procedure_box strong{color:var(--color-point);}	
.procedure ul li .procedure_box span {display:block;}

.msystem{margin-top:50px;}
.msystem table{margin-top:40px;  }
.msystem table th{background-color: #e7e7e7;border-top: 1px solid #ccc;border-left: 1px solid #ccc;font-size: 17px;font-weight: 500;padding: 5px;}
.msystem table .msystem_txt{background-color: #f9f9f9;font-weight: 400;}
.msystem table td{border-top: 1px solid #ccc;border-left: 1px solid #ccc;text-align: center;}
.msystem table th:first-child, td:first-child {border-left: none;}
.msystem table td:last-child{text-align: left; line-height: 23px; padding-left: 22px;}
.msystem table td strong{color:var(--color-point);}

.mexample {margin-top:50px; overflow: hidden;}
.mexample ul{margin-top:40px}
.mexample ul li{width:50%;float:left;}

.mservice{margin-top:50px; }
.mservice ul{margin-left:-20px;margin-top: 20px;}
.mservice ul li{width:calc(25% - 20px); float:left;margin-left:20px;}
.mservice ul li strong{display:block;font-size:17px; border-radius: 10px;text-align: center;line-height: 36px;border: 1px solid #ccc;font-weight: 400;   letter-spacing: -1px;}
.mservice ul li span{ display: block;  text-align: center; margin-top: 6px;padding-bottom: 15px;color:#999}

/** 기업방문교육안내 **/

.prize{text-align:center;margin-top: 20px;}
.prize h3{font-size:35px;}
.prize span{font-size:20px; color:#999; display:block; font-weight: 300; border-bottom: 1px solid #999; border-top: 1px solid #999; width: 50%; margin: auto; line-height: 30px; padding: 10px 0px 10px 0px;margin-top: 20px;}

.why{ margin-top: 60px;}
.visit_ptit{background: url(/images/icon/icon_b.png) left center no-repeat; padding-left: 25px;font-size: 25px;font-weight: 500; }
.why p{font-size:15px;padding: 15px 0px 0px 25px;}
.why .why_list{margin-top:30px;}
.why ul li .why_listbox{ border: 1px solid #ccc; border-radius: 10px; margin-top: 13px;padding: 10px 0px 10px 0px;    overflow: hidden;}
.why ul li .why_listbox img{float:left;width: 6%;margin-left:30px;}
.why ul li .why_listbox strong{font-size:16px;font-weight: 500;float:left;width: 20%;padding:4px 0 0 29px}
.why ul li .why_listbox span{float:left;width:calc(100% - 30%); padding:16px 0 0 20px}
.why ul li .why_listbox .why_list_stxt{padding:8px 0 0 20px}

.develo{ margin-top: 60px;}
.develo p{font-size:15px;padding: 15px 0px 0px 25px;}
.develo .develo_box{margin-top: 30px; overflow: hidden;}
.develo .develo_box ul{margin-left: -40px;}
.develo .develo_box ul li{width:calc(33.3% - 40px); float:left;margin-left: 40px;margin-top: 65px;}
.develo .develo_box ul li .dimg_box{border:1px solid #999; border-radius: 10px; position: relative;}
.develo .develo_box ul li .dimg_box img{position: absolute; top: -52px;left: 50%; margin-left: calc(-38px);}
.develo .develo_box ul li .dimg_box strong{ display: block; text-align: center; font-size: 18px; color: #cc0033; padding-top: 25px;}
.develo .develo_box ul li .dimg_box span{text-align: center; display: block;padding:15px 0 20px 0;color:#666}
.develo .develo_module{    display: block; text-align: center; color: #999;margin-top:15px;}

.corporation { margin-top: 60px;overflow: hidden;}
.corporation .c_box  .c_sbox{margin-left:-30px;}
.corporation .c_box  .c_sbox .c_list{width:calc(33.3% - 30px); float:left; margin-left:30px;}
.corporation .c_box {margin-top: 30px;}
.corporation .c_box  .c_sbox .c_list .c_wrap .corporation_tit{color:#cc9999;font-size:20px;  text-align: center;border: 1px solid #999;line-height: 40px;border-radius: 10px;padding: 5px;}
.corporation .c_box  .c_sbox .c_list .c_wrap .corporation_txt{margin:10px 0 0 14px;}
.corporation .c_box  .c_sbox .c_list .c_wrap .corporation_txt:before{content:''; width: 5px; height: 5px;background-color: #cc0033; display: inline-block;margin:0 5px 3px 0;}

.c_download{width: 60%; margin: auto; border: 1px solid #cc0033; border-radius: 20px;margin-top: 100px;}
.c_download a{font-size: 20px;display: block; text-align: center; line-height: 35px;padding: 6px;}
.c_download a img{vertical-align: middle;}







/**  고숙련 가이드 **/
.application h3{background: url(/images/icon/icon_b.png) left center no-repeat; padding-left: 25px; font-size: 23px; font-weight: 500;}
.application ul{margin-top: 10px; counter-reset: colorcircle 0;padding-left: 48px;}
.application ul li{font-size:18px;position: relative; border-top: 1px solid #ccc; line-height: 59px;}
.application ul li:before{  position: absolute; top: 50%; left: -17.5px; transform: translateY(-50%); counter-increment: colorcircle 1;content: counter(colorcircle); color: #fff; font-size: 14px; z-index: 1;}
.application ul li:after{ content: ''; position: absolute; top: 50%; left: -22px; transform: translateY(-50%); display: inline-block; background-color: var(--color-point);  border-radius: 50px; width:17px; height: 17px;}
.application ul li span{font-size:16px; color:#999}
.application ul li a{display:inline-block;border:1px solid var(--color-point);border-radius: 10px; font-size: 15px; line-height: 24px; width: 80px;    text-align: center; margin-left:30px;float: right;    margin-top: 15px;}
.application ul .application_p{line-height: 29px;padding: 10px 0 10px 0;}
.application ul li .application_txt{font-size:18px;color:var(--color-point);}
.application ul .application_p:before{ top: 31%;}
.application ul .application_p:after{ top: 32%; }