@charset "utf-8";

/* layout */
.container{width:1093px; height:590px; padding:0 2px 15px 2px;  }
.container:after{content:""; clear:both; display:block;}
.container .left_warp{float:left; width:807px; margin-right:8px; }
.container .right_warp{float:left; width:250px; height:570px; padding:14px; background:#edf4f9; }/* 278 626 */

.visual{position:relative; height:807px; height:281px; margin-bottom:5px;}
.visual .img01 .btn{position:absolute;top:147px; left:32px}
.visual .pagination {position:absolute;top:258px; left:35px; z-index:2000;   list-style:none; }
.visual .pagination li {float:left; width:13px; height:13px; margin-right:4px; background:url(../../images/edu/edu/bg/bg_out.png) no-repeat; cursor:pointer;}
.visual .pagination li:hover{background:url(../../images/edu/bg/bg_over.png) no-repeat; }
.visual li.current{background:url(../../images/edu/bg/bg_over.png) no-repeat;}

/* 비주얼 버튼 */
.test_btn{overflow:hidden; margin-bottom:20px;}
.test_btn li{float:left;}
.test_btn li.first{margin-right:5px;}

/* 공지사항  - 자주하는 질문*/
.notice_wrap{overflow:hidden;}
.notice{float:left; width:394px; margin-right:19px; background:url(../../images/edu/bg/notice_bg.gif) repeat-x 0px 24px;}
.question{float:left; width:394px; background:url(../../images/edu/bg/notice_bg.gif) repeat-x 0px 24px;}
.notice h4,
.question h4{position:relative; margin-bottom:11px; } 
.notice h4 a,
.question h4 a{position:absolute;top:4px; left:354px;}
.notice ul li,
.question ul li{position:relative; padding-left:11px; line-height:22px; color:#282828}
.notice ul li a,
.question ul li a{display:block;}
.notice ul li span,
.question ul li span{position:absolute;top:0px; right:0px; font-size:11px; color:#383838}

/* 오른쪽 로그인 창 */
.right_warp{padding:14px}
.right_warp .login{margin-bottom:5px; border:1px solid #c7c7c7; background:#fff}
.right_warp .login h4{padding:20px 0 10px 16px; border-bottom:1px solid #e3e3e3}
.right_warp .login .id_pw{width:208px; padding:15px 20px 12px 20px; border-bottom:1px solid #e3e3e3; background:#f5f5f5}/* 248 114 */
.right_warp .login .id_pw .id input{width:195px; height:30px; padding:0px 0px 0px 3px; border:1; color:#898989; margin-bottom:2px;}
.right_warp .login .id_pw .pw input{width:195px; height:30px; padding:0px 0px 0px 3px; border:1; color:#898989;}
.right_warp .login .id_pw .id_save{padding-top:8px; color:#898989}
.right_warp .login .login_btn{padding:15px 0 13px 26px}
.right_warp .member_id{overflow:hidden; background:#fff}
.right_warp .member_id li{float:left;}
.right_warp .estimat{margin-bottom:5px; }
.right_warp .mark{padding-bottom:5px; margin-bottom:5px; background:url(../../images/edu/bg/bg01.gif) no-repeat left bottom }
.right_warp .issue_member{margin-bottom:5px;}
.right_warp .btn_service{margin-bottom:5px;}

/* 푸터 */
.footer{position:relative; padding:21px 0 0 9px; border-top:3px solid #54606c}
.footer .footer_info{overflow:hidden; padding-bottom:20px; }
.footer .footer_info li{float:left; margin-right:16px; padding-left:16px;  background:url(../../images/edu/bg/bar02.gif) no-repeat ;}
.footer .footer_info li.first{padding-left:0}
.footer .address{margin-bottom:20px; padding-left:2px; font-size:11px; line-height:16px;  color:#939393}
.footer .move_btn{position:absolute;top:18px; right:0px; overflow:hidden; }
.footer .move_btn .move_b select{width:177px; height:27px; margin-right:7px; line-height:27px; font-size:11px; color:#282828}



 
 
.ui-link{
	font-size:12px;
	
	font-weight: normal !important;	
} 

.ui-link>span {
	font-weight: normal !important;	
} 
 
 
.login .id .ui-input-text {
	margin-bottom:0px;
	border-top-left-radius:0.2em;
    border-top-right-radius:0.2em;
    border-bottom-right-radius:0em;
    border-bottom-left-radius:0em;
    
    -webkit-box-shadow: inset 0 0px 0px /*{global-box-shadow-size}; */
    -moz-box-shadow: inset 0 0px 0px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
    box-shadow: inset 0 0px 0px /*{global-box-shadow-size}; */
} 

.login .pw .ui-input-text {
	margin-top:0px;
	border-top: none;
	border-top-left-radius:0em;
    border-top-right-radius:0em;
    border-bottom-right-radius:0.2em;
    border-bottom-left-radius:0.2m;
    
    -webkit-box-shadow: inset 0 0px 0px /*{global-box-shadow-size}; */
    -moz-box-shadow: inset 0 0px 0px /*{global-box-shadow-size}*/ rgba(0,0,0,.2) /*{global-box-shadow-color}*/;
    box-shadow: inset 0 0px 0px /*{global-box-shadow-size}; */
} 
 
.id_save{
	margin:0px;
	padding:0px;
} 
 
 
.ui-checkbox{
	margin-top:0px !important;
	
	
} 

.myinfo{
	display: inline-block;
    padding: 3px 10px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 12px;
    
    -webkit-tap-highlight-color: rgba(169,3,41,.5);
    
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
} 

.myinfo:hover{background-color:#ECECEC;border-color:#ccc}

.mypw{
	display: inline-block;
    padding: 1px 10px;
    background-color: #F5F5F5;
    border: 1px solid #D8D8D8;
    border-radius: 2px;
    
    -webkit-tap-highlight-color: rgba(169,3,41,.5);
    
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
} 

.mypw:hover{background-color:#ECECEC;border-color:#ccc}

  
 
.loginname {
	float:left;
	padding-left: 0px;
	font-weight: 700;
	font-family: "Open Sans",Arial,Helvetica,Sans-Serif;
    font-size: 16px;
    line-height: 1.42857143;
    color: #636363;
}
 
.fa-login{
    font-size: 2.33333333em !important;
    color: #5097C2;
} 

.login-user{
	float:left;
	padding: 10px 6px;
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: left;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 2px;
} 

.login-info{
	clear:both;
	margin-left:26px;
}
 
.fa-logout{
	font-size: 0.8em !important;
    color: #929292;
} 
.div-logout{
	-moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    height: 16px;
    line-height: 16px;
    min-width: 16px;
    padding: 2px;
    text-align: center;
    text-decoration: none!important;
    -moz-user-select: none;
    -webkit-user-select: none;
    background-color: #f8f8f8;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#f1f1f1));
    background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1);
    background-image: -moz-linear-gradient(top,#f8f8f8,#f1f1f1);
    background-image: -ms-linear-gradient(top,#f8f8f8,#f1f1f1);
    background-image: -o-linear-gradient(top,#f8f8f8,#f1f1f1);
    background-image: linear-gradient(top,#f8f8f8,#f1f1f1);
    border: 1px solid #bfbfbf;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    color: #6D6A69;
    font-size: 17px;
    margin: 5px 0 0;
	
} 
.div-logout:hover{background-color:#ECECEC;border-color:#ccc}

.div-logout-text{
	-moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
    display: inline-block;
    height: 16px;
    width: 70px;
    line-height: 16px;
    min-width: 16px;
    padding: 2px;
    text-align: center;
    text-decoration: none!important;
    -moz-user-select: none;
    -webkit-user-select: none;
    background-color: #f8f8f8;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#f1f1f1));
    background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1);
    background-image: -moz-linear-gradient(top,#f8f8f8,#f1f1f1);
    background-image: -ms-linear-gradient(top,#f8f8f8,#f1f1f1);
    background-image: -o-linear-gradient(top,#f8f8f8,#f1f1f1);
    background-image: linear-gradient(top,#f8f8f8,#f1f1f1);
    border: 1px solid #bfbfbf;
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    color: #6D6A69;
    margin: 5px 0 0;
	
} 
.div-logout-text:hover{background-color:#ECECEC;border-color:#ccc}


.div-state .table {
	display:table;
    width: 100%;
    max-width: 100%;
    margin-bottom: 18px;
    
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
    
    font-family: "Open Sans",Arial,Helvetica,Sans-Serif;
    font-size: 13px;
    line-height: 1.42857143;
    color: #333;
    
    border: 1px solid #ddd;
    
}

.div-state .table-bordererd {

}

.div-state > thead {
	display: table-header-group;
    vertical-align: middle;
    border-color: inherit;
}

.div-state >thead>tr>th {
	padding: 8px 10px !important;
}

.div-state > tbody{
	display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}

.table-bordered >thead>tr>th {
    border: 1px solid #ddd;
}

.table-bordered >tbody>tr>td {
    border: 1px solid #ECECEC;
}

.div-state .table thead tr{
	background-color: #eee;
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#f2f2f2),to(#fafafa));
    background-image: -webkit-linear-gradient(top,#f2f2f2 0,#fafafa 100%);
    background-image: -moz-linear-gradient(top,#f2f2f2 0,#fafafa 100%);
    background-image: -ms-linear-gradient(top,#f2f2f2 0,#fafafa 100%);
    background-image: -o-linear-gradient(top,#f2f2f2 0,#fafafa 100%);
    background-image: -linear-gradient(top,#f2f2f2 0,#fafafa 100%);
    font-size: 12px;
}

.div-state .table>tbody>tr>td,
.div-state .table>tbody>tr>th,
.div-state .table>tfoot>tr>td,
.div-state .table>tfoot>tr>th,
.div-state .table>thead>tr>td,
.div-state .table>thead>tr>th
{padding: 3px 10px;}


.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    line-height: 1;
    vertical-align: baseline;
    white-space: nowrap;
    text-align: center;
    background-color: #999;
    border-radius: 10px;
}

.bg-color-orange {
    background-color: #c79121!important;
}

.bg-color-primary {
    background-color: #3276b1;
}

.bg-color-blueLight {
    background-color: #92a2a8!important;
}



.btn-normal{
	line-height:2.1 !important;
	font-size:14px !important;
	font-weight:500 !important;
}

.btn{
	display:inline-block;
	margin-bottom:0;
	font-weight:400;
	text-align:center;
	vertical-align:middle;
	touch-action:manipulation;
	cursor:pointer;
	background-image:none;
	border:1px solid transparent;
	white-space:nowrap;
	padding:6px 12px;
	font-size:13px;
	line-height:1.42857143;
	border-radius:2px;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none
}

.btn:active {
	position: relative;
	top: 1px;
	left: 1px
}


.mainMyClass th{
	text-align:left !important;
	font-size: 14px;
	padding-left: 15px !important;
}

.mainMyClass .more{
	font-size: 11px !important;
	font-weight: normal !important;
	float: right;
}

.mainMyClass td{
	font-size: 12px;
}


/** new2021 **/

#new2021_visual {width:100%;min-width:1300px;height:380px; background:url(../../images/new2021/new2021_edu_visual_1.jpg) no-repeat top center;}

#new2021_container {width:100%;}
.new2021_content {width:1300px;margin:0 auto; padding: 23px 0 0 0;}
.main_content_box1 {float:left;  width:325px;height:300px;}
.main_content_box1 a {display:inline-block;}
body .mc_banner1 {position:relative;width:325px;height:145px;background:#a67c52 url(../../images/new2021/new2021_edu_banner_bg1.jpg) no-repeat bottom right;margin-bottom:10px;padding:27px 0 0 20px;box-sizing:border-box;}
body .mc_banner2 {position:relative;width:325px;height:145px;background:#384760 url(../../images/new2021/new2021_edu_banner_bg2.jpg) no-repeat bottom right;padding:27px 0 0 20px;box-sizing:border-box;}
.mc_banner_tit {font-size:26px;color:#fff;font-family: 'Noto Sans KR Bold';margin-bottom:12px;letter-spacing:-0.7px;}
.mc_banner_con {font-size:16px;color:#fff;font-family: 'Nanum Gothic Regular';line-height:23px;letter-spacing:-0.5px;}
.mc_banner_img {position:absolute;right:17px;bottom:26px;}

.main_content_box2 {float:left;  width:620px;height:300px;  margin-left:20px;}
.mc_quickmenu {border-left:1px solid #aaa;}
.mc_quickmenu li {display:inline-block;float:left;width:308px;height:148px;background: url(../../images/new2021/new2021_edu_banner_arrow.png) no-repeat 260px 100px;border-bottom:1px solid #aaa;border-right:1px solid #aaa;}
.mc_quickmenu li:nth-child(1) {border-top:2px solid #000;}
.mc_quickmenu li:nth-child(2) {border-top:2px solid #000;}
.mc_quickmenu li a {display:inline-block;width:100%;height:148px;padding:27px 0 0 20px;box-sizing:border-box;}
.mc_quickmenu_tit {font-size:23px;color:#222;font-family: 'Noto Sans KR Bold';margin-bottom:12px;letter-spacing:-1px;}
.mc_quickmenu_con {font-size:16px;color:#666;font-family: 'Nanum Gothic Bold';line-height:23px;letter-spacing:-0.5px;}
.mc_quickmenu_con > span {display:block;}

.main_content_box3 {float:right;width:310px;height:300px;}
.mc_login_box_wrap {width:100%;height:300px;background:url(../../images/new2021/new2021_edu_login_bg.png) repeat;padding:6px;box-sizing:border-box;}
.mc_login_box {width:100%;height:100%;background:#fff;padding:20px 25px;box-sizing:border-box;}
.mc_login_tit {font-size:24px;color:#111;font-family: 'Noto Sans KR Bold';}
.mc_login_tit > span {margin-left:10px;font-size:16px;color:#666;font-family: 'Nanum Gothic Bold';letter-spacing:-0.5px;}
.mc_login_list {margin-top:10px;}
.mc_login_list li {display:block;text-align:left;font-size:14px;color:#333;font-family: 'Nanum Gothic Bold';letter-spacing:-0.5px;}
.mc_login_list li input[type="text"] {margin-bottom:5px;width:100%;height:42px;border:1px solid #888;font-size:15px;color:#333;font-family: 'Nanum Gothic Regular';background:#f3f3f3 url(../../images/new2021/new2021_edu_icon_id.png) no-repeat 11px 50%;box-sizing:border-box;padding:0 7px 0 35px;}
.mc_login_list li input[type="password"] {margin-bottom:5px;width:100%;height:42px;border:1px solid #888;font-size:15px;color:#333;font-family: 'Nanum Gothic Regular';background:#f3f3f3 url(../../images/new2021/new2021_edu_icon_pw.png) no-repeat 11px 49%;box-sizing:border-box;padding:0 7px 0 35px;}
.mc_login_list li input[type="checkbox"] {vertical-align: middle;width:15px;}
.mc_login_list li > span {vertical-align: middle;}
.mc_login_list li.id_save {margin-top:3px;}
.mc_login_btn {margin-top:7px;}
.mc_login_btn a {display:inline-block;width:100%;height:50px;line-height:50px;background:#a67c52;text-align:center;font-size:20px;font-family: 'Noto Sans KR Bold';color:#fff !important;}
.mc_member_id {margin-top:10px;text-align:right;}
.mc_member_id li {display:inline-block;font-size:14px;font-family: 'Nanum Gothic Bold';color:#111;letter-spacing:-0.5px;padding-left:20px;background:url(../../images/new2021/new2021_bar.gif) no-repeat 8px 3px;}
.mc_member_id li:first-child {background:none;padding-left:0;}

/* login 후 */
.mc_login_tit {position:relative;font-size:24px;color:#111;font-family: 'Noto Sans KR Bold';}
.mc_login_tit_right {position:absolute;right:0;top:-5px;display:inline-block;}
body .mc_login_tit_right_btn {display:inline-block;border-radius:20px;height:25px;line-height:25px;padding:0 12px;font-size:14px;color:#111 !important;font-family: 'Nanum Gothic Bold';text-align:center;background:#fff;border:1px solid #ccc;}
body .mc_login_tit_right_btn:hover {background:#ebebeb;}
.mc_membership_box {margin-top:8px;background:#fff;border:1px solid #aaa;}
.mc_membership_box1 {position:relative;padding:5px 12px; min-height:40px;box-sizing:border-box;}
.mc_membership_box2 {height:27px;line-height:27px;background:#f4f4f4;border-top:1px solid #ddd;box-sizing: border-box;padding: 0 10px;}
.mmb_pic {position:absolute;top:8px;left:8px;}
.mmb_data {display:block;padding-left:60px;}
.mmb_data li {line-height:23px;}
.mmb_data li.mmb_name {font-family: 'Nanum Gothic Bold';font-size:18px;color:#a67c52;}
.mmb_data li.mmb_team {font-family: 'Nanum Gothic Bold';font-size:15px;color:#111;}
.mc_member_info {text-align:right;}
.mc_member_info li {display:inline-block;line-height:normal;font-size:14px;font-family: 'Nanum Gothic Bold';color:#111;letter-spacing:-0.5px;padding-left:20px;background:url(../../images/new2021/new2021_bar.gif) no-repeat 8px 3px;}
.mc_member_info li:first-child {background:none;padding-left:0;}
.mc_membership_table {margin-top:5px;border-top:1px solid #000;}
.mc_membership_table th {word-break:keep-all;padding:3px 5px;font-size:13px;font-family: 'Nanum Gothic Bold';color:#000;background:#f1f1f1;border-bottom:1px solid #bbb;border-right:1px solid #bbb;}
.mc_membership_table td {word-break:keep-all;padding:3px 5px;font-size:12px;font-family: 'Nanum Gothic Regular';color:#000;border-bottom:1px solid #bbb;}
/* login 후 end */

.new2021_customer {padding: 25px 0 30px 0;}
.new2021_customer_inner {position:relative;width:1300px;margin:0 auto; padding:25px 0 5px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;background:url(../../images/new2021/new2021_edu_company_deco.png) no-repeat 98% bottom;}
.main_customer_tit {position:absolute;top:27px;left:5px; width:235px;height:52px;background:url(../../images/new2021/new2021_edu_customer.png) no-repeat bottom right;}
.inquiry_tit {font-family: 'Noto Sans KR Bold';font-size:25px;color:#222;letter-spacing:-0.5px;}
.main_company_list {display:inline-block;margin-left:255px;}
.main_company_list > li {display:inline-block;float:left;width:340px;min-height:50px;border-left:1px solid #aaa;padding-left:20px;box-sizing:border-box;}
.main_company_list > li:nth-child(2) {width:400px;}
.inquiry_con {font-size:16px;color:#555;line-height:26px;font-family: 'Nanum Gothic Bold';}
.inquiry_con > span {display:block;}
.company_subject {color:#111;font-size:19px;font-family: 'Nanum Gothic Bold';letter-spacing:-0.5px;}
.company_tel {color:#a67c52;font-size:27px;font-family: '맑은고딕';font-weight:bold;margin-top:7px;}

/* layer popup - edu */
#popup_wrap {display:none; position:fixed;left: 50%;top: 50%;transform: translate(-50%,-50%);width:800px; height:60%; border:1px solid #ccc; background:#fff; z-index:999999;} 
.mask {display:none;width:100%; height:100%; position:fixed; filter: alpha(opacity=75);opacity: 0.75;-moz-opacity: 0.75;background-color: #000; top:0; left:0; z-index:99999;} 
.btn_close {position:absolute;width:27px;height:27px;line-height:27px;border-radius:4px;background:#999;color:#fff;top:12px;right:15px;cursor:pointer;font-size:14px;text-align:center;font-family: 'Arial','맑은고딕', 'Malgun Gothic', sans-serif;font-weight:bold;}
.btn_close:hover {background:#fff;color:#000;}
#popup_close {cursor:pointer;}
.popup_title {position:relative;width:100%;height:55px;line-height:55px;background:#a67c52;color:#fff;}
.popup_title > p {font-family: 'Nanum Gothic';color:#fff;font-size:18px;font-weight:bold;padding:0 20px;}
.popup_content {position:absolute;top:55px;bottom:50px;left:0;right:0;padding:20px 25px;overflow-y:auto;}
.popup_footer {text-align:right;position:absolute;bottom:0;width:100%;height:50px;line-height:50px;padding:0 20px;box-sizing:border-box;background:#efefef;border-top:1px solid #ccc;}
body .btn_type1 {display:inline-block;border-radius:4px;padding:0 12px;height:30px;line-height:30px;background:#a67c52;border:1px solid #795a3b;font-size:13px;font-weight:bold;color:#fff !important;text-align:center;vertical-align:middle;cursor:pointer;}
/* layer popup - edu end */

/** new2021 end **/