:root {
--color-point:#1ba687;
--color-point_bg:#ecf8ed;
--color-sub:#bb0016;
--color-sub2:#5a65b5;
}
.screen {display:none !important}

header {border-top:3px solid var(--color-point)}
header .header{margin:auto;position:relative;}
header .header .gnb {display:none;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 {padding:5px 0;border-bottom:1px solid #eaeaea}
header .header .lnb strong{display:inline-block;width:65px;text-aligN:center;vertical-align:middle}
header .header .lnb a{display:inline-block;padding:0 3px;letter-spacing:-0.5px;font-size:13px;max-width:calc(100% - 100px);vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
header .header .lnb .new{color:var(--color-point);display:inline-block;}

header .header .all_category {background: url(/images/all_menu.png) center center no-repeat;position:absolute;left:5px;top:55px;text-indent:-9999px;display:inline-block;width:35px;height:35px;background-size:20px;border:1px solid #cecfce}

header .header h1 {display:block;text-align:center;padding:20px 0 25px;border-bottom:1px solid #Cecfce}
header .header h1 a{display:inline-block;width:180px;height:25px;text-indent:-9999px;background:url('/images/logo.png') center no-repeat;background-size:100%;font-size:1px}
header .header nav {display:none}
header .header nav ul{white-space:nowrap;overflow-x:scroll;}
header .header nav li{display:inline-block;}
header .header nav li.all_menu a{background:url('/images/all_menu.png') left center no-repeat;padding-left:40px}
header .header nav li a{display:block;padding:0 3px;font-size:15px;color:#222;line-height:40px;}
header .top_search {display:none;}
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;}


.content {padding:0 10px}
footer {margin-top:25px;clear:both;}

/*************** 서브공통 *******************/

.topbg.bgB {background:url('/images/topbg/topbgb.jpg') center no-repeat;}
.topbg.bgC {background:url('/images/topbg/topbgc.jpg') center no-repeat;}
.topbg.bgF {background:url('/images/topbg/topbgf.jpg') center no-repeat;}




/*************** 메인 *******************/
.bwrap{margin:auto;}

.main_form{}
.main_form ul{}
.main_form ul li{float:left;width:33.3%;text-align:center;}
.main_form ul:after {clear:both;content:'';display:block;}
.main_form ul li a .form_box{background-color: #e2f7e0; padding:15px 0;}
/**
.main_form ul li a .form_boxbg1 {background-color: #e2f7e0;}
.main_form ul li a .form_boxbg2 {background-color: #f6f7e0;}
**/
.main_form ul li a .form_box img{display: inline-block;width:23px;vertical-align:middle}
.main_form ul li a .form_box strong {text-align: center; font-weight: 400; font-size: 14px;letter-spacing:-0.5px;padding-top:5px }
.main_form ul li a .form_box span{display: block;text-align: center;color: #999;margin-top: 2px;font-size:13px;display:none}

.main_hub{} 
.main_hub a{display: inline-block; height: 100%;} 
.main_hub a img{}

.main_process{background-color:var(--color-point); padding:20px}
.main_process strong{color: #fff;font-weight: 400; font-size: 18px;display: inline-block; padding-bottom:5px}
.main_process .main_process_box{overflow: hidden; }
.main_process .main_process_box span{font-size:16px; color:#aae7d9;}
.main_process .main_process_box ul{margin-top: 5px;}
.main_process .main_process_box ul li{position: relative; }

.main_process .main_process_box ul li .main_cirle{display:inline-block;border-radius: 100%;background-color: rgba(255, 255,255, 0.5);width:6px; height: 6px;    position: absolute;left: 0px;top: 9px;}

.main_process .main_process_box ul li a{font-size:15px;color:#fff;padding-left:12px}

.main_process .main_click{text-align: center;margin-top: 20px;}
.main_process .main_click a{border: 1px solid rgba(255, 255,255, 0.5); display: inline-block; width: 80%;border-radius: 10px;line-height: 41px; font-size: 18px; color:#fff}

.main_process .main_customer{display:none}
.main_process .main_customer_phone{display: inline-block; margin:18px 0px 0px 82px;}
.main_process .main_customer span{display:block;text-align: center;font-size:32px;color:#fff; }
.main_process .main_customer p{display:block;text-align: center;color:#fff; margin-top:5px; color:rgba(255,255,255,0.5);}
.main_process .main_customer .main_customer_box{width:90px; margin:10px auto; border: 1px solid #fff; background-color: #fff; height: 30px;}
.main_process .main_customer .main_customer_box a{display:block; color:var(--color-point); text-align: center;padding-top: 4px;}

.main_lecture{background-color:#f4f2f0; overflow: hidden;padding-bottom: 20px;}
.main_lecture .main_review{ padding: 10px;}
.main_lecture .main_review .main_btext{font-size:18px; font-weight: 500;}
.main_lecture .main_review .main_review_arrow{display:inline-block;margin-top: 10px;}
.main_lecture .main_review .main_review_arrow .main_rleft{background-color: #fff;display: inline-block; width: 25px; height: 25px; text-align: center;
font-size: x-large;line-height: 22px;border: 1px solid #e4e8eb;}
.main_lecture .main_review .main_review_arrow .main_rright{background-color: #fff; display: inline-block; width: 25px; height: 25px; text-align: center;
 font-size: x-large;line-height: 22px;border: 1px solid #e4e8eb;}

.main_lecture .main_review a {display:inline-block;}
.main_lecture .main_review a .main_general {border: 1px solid #dbdada; background-color: #fff; margin-top: 10px;padding:15px}
.main_lecture .main_review a .main_general .main_general_box1{}
.main_lecture .main_review a .main_general .main_general_box1 strong{color: var(--color-point); display: inline-block;}
.main_lecture .main_review a .main_general .main_general_box1 span{display: inline-block;font-size:20px;}

.main_lecture .main_review a .main_general .main_general_box2{}
.main_lecture .main_review a .main_general .main_general_box2 p {color: #999;}


.main_lecture .main_notice{padding: 15px;}
.main_lecture .main_notice strong{font-size:18px; font-weight: 500;}
.main_lecture .main_notice .main_plus{float: right; background-color: #fff;display: inline-block; width: 25px; height: 25px; text-align: center;
line-height: 22px;border: 1px solid #e4e8eb;}

.main_lecture .main_notice ul{margin-top:10px;background-color:#fff;padding:15px;border:1px solid #dbdada}
.main_lecture .main_notice ul li{padding-bottom: 10px;}
.main_lecture .main_notice ul li:last-child{padding-bottom: 0px;}
.main_lecture .main_notice ul li a {display:block;}
.main_lecture .main_notice ul li a .main_text .main_long{font-size:15px;}
.main_lecture .main_notice ul li a .main_text .main_date{display:block;font-size:14px; color:#999}

.main_value {background-color:#fff;padding:20px;border-top: 1px solid #dcdcdc;}
.main_value .main_tbox {}
.main_value .main_tbox .main_vtext1{ font-size:20px;color:#9d9d9d;font-weight: 400;}
.main_value .main_tbox .main_vtext2{display: block; font-size:24px; font-weight: 400;}

.main_value .sbanner_box {text-align:center;    position: relative;}
.main_value .sbanner_box .sbanner_left{ font-size: xx-large;color: #cbcbcb; display: inline-block; position: absolute; left: 41px; top: 35px;}
.main_value .sbanner_box .sbanner_right{ font-size: xx-large; color: #cbcbcb;display: inline-block; position: absolute; right: 41px; top: 35px;}
.main_value .sbanner_box a{display: inline-block; margin-top:10px;}

.main_value span{display:block;text-align: center; font-size:15px;margin-top:5px;font-weight: 400;}



/*************** 서브 *******************/
.pop_title {background-color:var(--color-point);padding:15px;text-aligN:center;color:#fff;font-size:16px}


/*************** 수강신청 *******************/

/** 수강신청가이드 **/

.online{ margin-bottom: 50px;}
.online h3{background: url(/images/icon/icon_b.png) left center no-repeat; padding-left: 25px; font-size: 20px;font-weight: 500; letter-spacinG: -1px;
 margin: 5px 0;}
.online ul{margin-top: 10px; counter-reset: colorcircle 0;padding-left: 48px;}
.online ul li{font-size:18px;position: relative;margin-top: 15px;}
.online ul li span{font-size:14px;color:#999; display:block;}
.online ul .online_c:before{ top: 19%; }
.online ul .online_c:after{ top: 19%; }
.online ul li:nth-child(3):before,.online ul li:nth-child(2):before{ top: 30%; }
.online ul li:nth-child(3):after, .online ul li:nth-child(2):after{ top: 29%; }
.online ul li:nth-child(5):before{ top: 18%; }
.online ul li:nth-child(5):after{ top: 18%; }
.online ul li:before{  position:top: 29%; }
.online ul li:before{  position: absolute; top: 50%; left: -18px; transform: translateY(-50%); counter-increment: colorcircle 1;content: counter(colorcircle); color: #fff; font-size: 14px; z-index: 1;}
.online 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;}



.online .online_box{border: 1px solid #5fc7b0; border-radius: 10px; padding: 10px; margin: 15px 15px 0px 15px;}
.online .online_box p{line-height: 24px;}
.online .online_box p:before{content:''; width: 5px; display: inline-block; height: 5px; background-color: #ccc; border-radius: 50px; margin: 0 3px 3px 0;}
.online .online_box p:last-child{margin-top: 5px;}

.online .online_go{width: 60%; margin: auto; border-radius: 20px; border: 1px solid var(--color-point); margin-top: 20px; padding: 5px;}
.online .online_go a{display: block; text-align: center;  font-size: 16px; text-align: center;}
.online .online_go a img{vertical-align: middle;}

.call_step ul .call_box:after{display:none;}
.call_step ul .call_box:before{display:none;}

/*************** 연말정산센터소개 *******************/

/** 연말정산센터소개**/
.level h3{background: url(/images/icon/icon_b.png) left center no-repeat; padding-left: 25px; font-size:20px; font-weight: 400;}


.cvalue{margin-top:50px; position: relative;overflow: hidden;}
.cvalue h3{background: url(/images/icon/icon_b.png) left center no-repeat; padding-left: 25px; font-size: 20px; font-weight: 500;}
.cvalue ul{margin-left:-30px;}
.cvalue ul li{width:calc(50% - 30px); float:left;margin:30px 0 0 30px;}
.cvalue ul li .cvalue_box{border:1px solid #ccc;border-radius: 10px;text-align: center;padding: 20px 6px 20px 6px;height: 222px;}
.cvalue ul li .cvalue_box .cvalue_txt{margin-top: 10px;}
.cvalue ul li .cvalue_box .cvalue_txt span{display:inline;font-size:14px;line-height: 26px;box-shadow: inset 0 -10px 0 #ccc; }
.cvalue .cvalue_circle span{display: inline-block; background-color: #18816f; font-size: 14px; width: 120px; height: 120px; border-radius: 150px;
 text-align: center;  padding-top: 19px;  color: #fff; position:absolute; top:57%; left:50%; transform:translate(-50%,-50%);}

.on_tact { overflow: hidden;margin:50px 0 50px 0 }
.on_tact h3{background: url(/images/icon/icon_b.png) left center no-repeat; padding-left: 25px; font-size: 18px; font-weight: 500;}
.on_tact ul{margin-top:30px}
.on_tact ul li{margin-top:30px}
.on_tact ul li strong{font-size:20px;font-weight: 400;display: block; text-align: center; border-top: 1px solid var(--color-point); border-bottom: 1px solid var(--color-point); line-height: 41px;color:#18816f}
.on_tact ul li span{display:block;text-align:center;background-color: #deeef0; font-size: 15px; line-height: 23px; padding: 10px 0 10px 0;}

/** 회원사 **/
.cooper_box {margin-bottom: 50px; overflow: hidden;}
.cooper_box ul{margin-left: -20px;}
.cooper_box ul li{ float: left; margin-left: 20px;width: calc(50% - 20px); margin-top: 20px;}
.cooper_box ul li .cimg_box{    width: 100%; height: 50px; border: 1px solid #ccc; text-align: center;}
.cooper_box ul li .cimg_box img{margin-top: 10px;}

/** 교수/상담위원 **/
.pro_box{ height: 45em;    margin-top: 50px;margin-bottom: 50px;}
.pro_box:nth-child(3){ height: 53em;}
.pro_box .pro_face{text-align:center;}
.pro_box .pro_face .pro_fimgbox{margin:0 18px 10px 17px;}
.pro_box .pro_face .pro_fimgbox img{ box-shadow: 8px 6px 14px -8px;}
.pro_box .pro_face span{font-size:18px;    border-bottom: 2px solid #339999; display: inline-block;}
.pro_box .pro_face strong{font-size:20px; border-bottom: 2px solid #339999;  display: inline-block;margin-top: 3px;}


.pro_box .pro_career ul {    text-align: center;}
.pro_box .pro_career ul .pro_btit{font-size:16px;font-weight: 500;margin:7px 0 7px 0}
.pro_box .pro_career ul .pro_stit{line-height: 21px;color: #666;}
.pro_box .pro_career ul .pro_stit:before{content:'';border-radius: 100%; background-color: #ccc; display: inline-block; width: 5px; height: 5px;margin: 0px 5px 3px 0px;}