/* 메인롤링 */

/* DIRECTION CONTROLS (NEXT / PREV) */

.mrolling_wrap .bx-wrapper .bx-prev {
	left: 0px;
	background: url(/comm_img/m_l.png) no-repeat;
}

.mrolling_wrap .bx-wrapper .bx-next {
	right: 0px;
	background: url(/comm_img/m_r.png) no-repeat;
}

.mrolling_wrap .bx-wrapper .bx-controls-direction {
	position: absolute;
	width:1060px;
	bottom: 0px;
	outline: 0;
	height: 40px;
	text-indent: -9999px;
	z-index: 91;
	left:50%; 
	transform:translateX(-50%);
	
}
.mrolling_wrap .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 16px;
	outline: 0;
	width: 36px;
	height: 40px;
	text-indent: -9999px;
	z-index: 92;
	
}

.mrolling_wrap .bx-wrapper .bx-prev:hover {
	background: url(/comm_img/m_l.png) no-repeat;
}

.mrolling_wrap .bx-wrapper .bx-next:hover {
	background: url(/comm_img/m_r.png) no-repeat;
}

#bx_pager-wrap {
	width:988px;
	margin:0 auto;
	position: absolute;
	z-index: 95;
	bottom: 0px;
	left:50%; 
	transform:translateX(-50%);
	background-color: #b4b7ba;
}
#bx-pager {
    padding: 0;
    margin: 0;
	font-family: 'Noto Sans KR', sans-serif;
	font-size:12px;
	
}
#bx-pager ul {
    list-style: none;
    margin:0;
    padding:0;
    
}
#bx-pager li {
    display:inline-block;
	float: left;
    margin:0;
    padding:0;
	text-align: center;
    background: #e6ebef;
    width: 141px;
	border:1px solid #dce0e3;
	box-sizing:border-box;
}

#bx-pager li a {
    text-decoration: none;
    background-color: #e6ebef;
    padding: 0;
    margin: 0;
    color: #9c9c9c;
    line-height:38px;
    display: block;
	box-sizing:border-box;
	font-family: 'Noto Sans KR', sans-serif;
}

#bx-pager li a.active, #bx-pager li a:hover {
    background-color: #59595a;
    color:#fff;
	
}

/**************************** 모집 시작 *************************/
.mozip {
	width:1060px;
	margin:0 auto;
	height:203px;
}
.mozip ul {
	margin:0;
	padding:0;
	width:956px;
	margin:0 auto;
}
.mozip li {
	margin:0;
	padding:0;
	float:left;
	position:relative;
}
.mozip .accept {
	position:absolute;
	left:0;
	top:36px;
}
.mozip .c_shadow {
	width:74px;
	height:203px;
	background:url(/r_main_img/circle_shadow01.gif) no-repeat;
	background-position: center bottom;
}
.mozip .applytel {
	width:182px;
	margin-left:86px;
	margin-top:26px;
}
.mozip .kukbi {
	width:100%;
	height:74px;
	position:relative;
	background:url(/r_main_img/kukbi.gif) no-repeat;
}
.mozip .kukbi p {
	display:inline-block;
	position:absolute;
	top:37px;
	left:0px;
	font-size:17px;
	font-weight:500;
	color:#222;
}
.mozip .mozip_classwrap {
	width:614px;
	
}
.mozip .mozip_class_rolling {
	width:456px;
	margin:0 auto;
	
}
.mozip .mozip_class_rolling .mozip_class {
	width:456px;
	margin:0 auto;
}
.mozip .mozip_class_rolling .mozip_classnm {
	width:100%; 
	height:86px;
	line-height:86px;
	text-align:center;
	font-size:18px;
	font-weight:500;
	
}
.mozip .mozip_class_rolling .mozip_classnm a {
	color:#222;
}
.mozip .mozip_class_rolling .mozip_classnm a:hover {
	color:#4481fc;
}
.mozip .mozip_class_rolling .mozip_classcnt {
	width:372px;
	margin:0 auto;
}
.mozip .mozip_class_rolling .mozip_classcnt ul {
	width:100%; 
}
.mozip .mozip_class_rolling .mozip_classcnt li {
	width:124px;
}
.mozip .mozip_class_rolling .mozip_classcnt li > div {
	width:70px;
	margin:0 auto;
	text-align:center;
	font-size:16px;
	font-weight:500;
}
.mozip .mozip_class_rolling .mozip_classcnt li > .cnt_circle {
	width:80px;
	height:80px;
	line-height:80px;
	border:1px dotted #6f9dfd;
	border-radius:50%;
	
	margin:0 auto;
	text-align:center;
	font-size:20px;
	color:#222;
	font-weight:500;
}
.mozip .mozip_class_rolling .mozip_classcnt li > .cnt_tit {
	font-weight:400;
	font-size:15px;
	padding:10px;
}
.mozip_classwrap .bx-wrapper .bx-controls-direction a{width:14px !important; height:31px !important;}
.mozip_classwrap .bx-wrapper .bx-controls-direction a.bx-prev{left:-20px; top:124px; background:url(/r_main_img/mozip_arr_left.png) no-repeat !important;}
.mozip_classwrap .bx-wrapper .bx-controls-direction a.bx-next{right:-20px; top:124px; background:url(/r_main_img/mozip_arr_right.png) no-repeat !important;}
.mozip_classwrap .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	outline: 0;
	width: 14px;
	height: 31px;
	text-indent: -9999px;
	z-index: 9;
}
.mozip .tel {
	width:100%;
	
}
.mozip .tel p {
	display:block;
	font-size:17px;
	height:35px;
	line-height:35px;
	font-weight:400;
}
.mozip .tel span {
	color:#285dcb;
}
/**************************** 모집 끝 *************************/

/*************************** hot keyword 시작 ************************/
.hot_keyword {
	clear:both;
	width:1000px;
	margin:0 auto;
	margin-top:30px;
	
}
.hot_keyword li {
	float:left;
	display:inline-block;
	padding-right:40px;
	font-size:17px;
	height:32px;
	line-height:32px;
	font-weight:400;
}
.hot_keyword li:first-child {
	padding-right:20px;
}
.hot_keyword li:last-child {
	padding-right:0px;
}
.hot_keyword_tit {
	width:115px;
	
}
.hot_keyword li a {
	color:#1a2843;
}
.hot_keyword li a:hover {
	color:#ff4e00;
}
/*************************** hot keyword 끝 ************************/

/*************************** 국비지원절차메뉴 시작 ************************/
.supportmenu {
	width:1060px;
	margin:0 auto;
}
.supportmenu li {
	float:left;
	width:25%;
	height:80px;
	border:1px solid #bbbbbb;
	box-sizing:border-box;
}
.supportmenu .supportmenu01 {
	background:url(/r_main_img/icon01.png) no-repeat 58px center;
}
.supportmenu .supportmenu01:hover{
	background:url(/r_main_img/icon01_on.png) no-repeat 58px center;
}
.supportmenu .supportmenu02 {
	background:url(/r_main_img/icon02.png) no-repeat 58px center;
}
.supportmenu .supportmenu02:hover{
	background:url(/r_main_img/icon02_on.png) no-repeat 58px center;
}
.supportmenu .supportmenu03 {
	background:url(/r_main_img/icon03.png) no-repeat 68px center;
}
.supportmenu .supportmenu03:hover{
	background:url(/r_main_img/icon03_on.png) no-repeat 68px center;
}
.supportmenu .supportmenu04 {
	background:url(/r_main_img/icon04.png) no-repeat 30px center;
}
.supportmenu .supportmenu01 span {
	display:block;
	margin:18px 0 0 110px;
	font-size:17px;
	font-weight:500;
	color:#494949;
	line-height:22px;
}
.supportmenu .supportmenu02 span {
	display:block;
	margin:18px 0 0 110px;
	font-size:17px;
	font-weight:500;
	color:#494949;
	line-height:22px;
}
.supportmenu .supportmenu03 span {
	display:block;
	margin:28px 0 0 130px;
	font-size:17px;
	font-weight:500;
	color:#494949;
	line-height:22px;
}
.supportmenu .supportmenu04 p {
	display:inline-block;
	margin:18px 0 0 92px;
	font-size:14px;
	font-weight:400;
	color:#494949;
	line-height:22px;
}
	
/*************************** 국비지원절차메뉴 끝 ************************/

/*************************** 구직자,근로자,국비지원 시작 ************************/
.imgmenu {
	width:1060px;
	margin:0 auto;
}
.imgmenu li {
	float:left;
	width:353px;
	height:158px;
}
.imgmenu .imgmenu01 {
	background:url(/r_main_img/imgmenu01_bg.jpg) no-repeat;
}
.imgmenu .imgmenu02 {
	width:354px;
	background:url(/r_main_img/imgmenu02_bg.jpg) no-repeat;
}
.imgmenu .imgmenu03 {
	background:url(/r_main_img/imgmenu03_bg.jpg) no-repeat;
}
.imgmenu li .imgmenu_name{
	font-size:18px;
	font-weight:600;
	color:#494949;
	margin:40px 0 0 158px;
}
.imgmenu li .imgmenu_exp{
	font-size:14px;
	font-weight:500;
	color:#494949;
	margin:10px 0 0 158px;
}
.imgmenu .imgmenu03 .imgmenu_name{
	font-size:18px;
	font-weight:600;
	color:#494949;
	margin:40px 0 0 148px;
}
.imgmenu .imgmenu03 .imgmenu_exp{
	font-size:14px;
	font-weight:500;
	color:#494949;
	margin:10px 0 0 148px;
}
	
/*************************** 구직자,근로자,국비지원 끝 ************************/

/**************************** 카운터 시작 *************************/
.school_numberwrap {
	clear:both;
	width:100%;
	height:400px;
	background:url(/r_main_img/counter_bg.jpg) no-repeat center center;
}
.school_numberwrap2 {
	clear:both;
	width:100%;
	background:url(/r_main_img/counter_bg.jpg) no-repeat center center;
}
.school_number_title {
	color:#fff;
	font-size:40px;
	width:100%;
	text-align:center;
	font-weight:500;
	height:180px;
	line-height:180px;
}
.school_number {
	width:1060px;
	margin:0 auto;
}
.school_number li {
	float:left;
	width:33%;
	text-align:center;
	color:#fff;
	font-size:22px; 
	font-weight:400;
	
}
.school_number li span {
	display:inline-block;
	
}
.school_number li .counter {
	font-size:54px;
	color:#fff;
	display:inline-block;
}
.school_number li .cnt_engname {
	width:130px;
	padding:2px 0 4px 0;
	margin:0 auto;
	text-align:center;
	font-size:20px;
	font-weight:300;
	border:2px solid #fff;
	margin-bottom:28px;
}
.school_number li .cnt_name {
	width:100%;
	text-align:center;
	font-size:20px;
	font-weight:300;
	padding-top:30px;
}
.school_number td {
	width:33%;
	text-align:center;
	color:#fff;
	font-size:24px; 
	font-weight:400;
	height:150px;
}
.school_number td .counter {
	font-size:48px;
	color:#fff;
	height:150px;
}
.school_number td .counter_unit {
	font-size:22px;
	color:#fff;
	height:150px;
	padding-left:10px;
}
/**************************** 카운터 끝 *************************/

/**************************** 커뮤니티 시작 ************************/
.community_wrap {
	width:100%;
	background:#f6f6f6;
	padding:60px 0;
	height:336px;
}
.community_wrap .community {
	width:1060px;
	margin:0 auto;
	background:#fff;
}
.community_wrap .community .sect {
	position:relative;
	float:left;
    display:block;
	width:33.3%;
	height:336px;
	border:1px solid #dbdbdb;
	border-right:none;
	box-sizing:border-box;
	background:#fff;
}
.community_wrap .community .sect:last-child {
	border-right:1px solid #dbdbdb;
	width:33.4%;
}
.community_wrap .community .comm_tit {
	height:78px;
	line-height:78px;
	padding-left:20px;
	font-size:18px;
	font-weight:400;
}
.community_wrap .community .comm_tit a {
	display:inline-block;
	float:right;
	margin-top:32px;
	margin-right:24px;
}
.school_movie {
	width:303px;
	margin:0 auto;
}
.fmedia_edubox {
	width:303px;
	box-sizing:border-box;
	font-size:13px;
}
.fmedia_edumovie {
	width:303px;
	height:220px;
	margin:0 auto;
}
.fmedia_edumovie iframe {
	width: 100%;
    height: 100%;
}
.interview a {
	display:block;
	width:303px;
	margin:0 auto;
}
.interview p {
	display:block;
	width:303px;
	margin:0 auto;
	height:40px;
	line-height:40px;
}
.after {
	width:303px;
	height:310px;
	margin:0 auto;
	font-size:14px;
}
.after .after_subject {
	padding-bottom:5px;
	font-weight:400;
}
.after .after_content {
	padding-bottom:15px;
	line-height:20px;
	color:#494949;
}
.after .after_content a {
	color:#494949;
}
.after .after_content a:hover {
	color:#4875ba;
}
.after .starpoint {
	font-size:14px;
	font-weight:300;
}
.after .bx-wrapper .bx-controls-direction a{width:18px !important; height:17px !important;}
.after .bx-wrapper .bx-controls-direction a.bx-prev{left:201px; top:-28px; background:url(/r_main_img/after_arr_down.png) no-repeat !important;}
.after .bx-wrapper .bx-controls-direction a.bx-next{left:222px; top:-28px; background:url(/r_main_img/after_arr_up.png) no-repeat !important;}
.after .bx-wrapper .bx-controls-direction a {
	position: absolute;
	outline: 0;
	width: 18px;
	height: 17px;
	text-indent: -9999px;
	z-index: 9;
}
.after .bx-wrapper .bx-controls-auto {
	position:absolute;
	width: 45px;
	top:-44px;
	left:240px;
	text-align:left;
	
}
.after .bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	width: 18px;
	height: 17px;
	outline: 0;
	margin: 0 2 0 0;
	background: url(/r_main_img/after_play.png) no-repeat;
}
.after .bx-wrapper .bx-controls-auto .bx-start:hover,
.after .bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: 0 0;
}
.after .bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	width: 18px;
	height: 17px;
	outline: 0;
	margin: 0;
	background: url(/r_main_img/after_stop.png) no-repeat;
}
.after .bx-wrapper .bx-controls-auto .bx-stop:hover,
.after .bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: 0 0;
}
.bt_after_list {
	position:absolute;
	right:25px;
	top:34px;
}

/**************************** 커뮤니티 끝 *************************/

/**************************** 미디어센터 시작 *************************/
.media_wrap {
	clear:both;
	overflow:hidden;
	width:100%;
	margin:0 auto;
	height:542px;
}
.media_wrap_bg {
	height:542px;
	background:url(/r_main_img/main_mediacenter_bg.jpg) 50% 50%;
	
}
.media_wrap .mediacenter {
	width:1060px;
	margin:0 auto;
	position:relative;
}
.media_wrap .mediacenter .media_titlebox {
	padding-top:100px;
}
.media_wrap .mediacenter .exp {
	line-height:22px;
	font-size:15px;
	color:#4481fc;
	padding-top:20px;
	padding-left:45px;
}
.media_wrap .mediacenter .tvarea {
	position:absolute;
	width:376px;
	height:276px;
	right:28px;
	top:210px;
}
.media_wrap .mediacenter .bx-wrapper .bx-pager {
	position:absolute;
	top:230px;
	left:30px;
	text-align:left;
	
}
.media_wrap .mediacenter .bx-wrapper .bx-pager.bx-default-pager a {
	background: #eaeaea;
	text-indent: -9999px;
	display: block;
	width: 26px;
	height: 26px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

.media_wrap .mediacenter .bx-wrapper .bx-pager.bx-default-pager a:hover,
.media_wrap .mediacenter .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #fedc00;
}
.media_wrap .mediacenter .bx-wrapper .bx-controls-direction a{width:10px !important; height:19px !important;}
.media_wrap .mediacenter .bx-wrapper .bx-controls-direction a.bx-prev{left:300px; top:270px; background:url(/r_main_img/media_arr_left.png) no-repeat !important;}
.media_wrap .mediacenter .bx-wrapper .bx-controls-direction a.bx-next{left:330px; top:270px; background:url(/r_main_img/media_arr_right.png) no-repeat !important;}
.media_wrap .mediacenter .bx-wrapper .bx-controls-direction a {
	position: absolute;
	outline: 0;
	width: 10px;
	height: 19px;
	text-indent: -9999px;
	z-index: 9;
}
.media_wrap .mediacenter .media_edumovie img {
	width:376px;
	height:211px;
}
.bestmovie iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.moviepopwrap {
	position:absolute;
	padding:20px;
	background:#fff;
	z-index:99999;
}
.moviepopwrap .bestmovie {
	width:1000px;
	height:563px;
	position:relative;
}
.movieclose_bt {
	position:absolute;
	top:-40px;
	right:-40px;
	z-index:99999;
}
/* 검은색 투명 배경 */
[data-sidebar-overlay] {
 display: none;
 position: fixed;
 top: 0;
 left: 0;
 opacity: 0;
 width: 100%;
 min-height: 100%;
 z-index: 99;
}
.overlay { background-color: #000; }

/**************************** 미디어센터 끝 *************************/

/**************************** 취업현황 시작 *************************/
.jobinterview_wrap {
	width:100%;
	background:#f6f6f6;
	padding:76px 0;
	height:578px;
}
.job {
	width:1060px;
	margin:0 auto;
}
.job_titlebox {
	float:left;
	width:253px;
	height:230px;
	background:#366eff;
	
	box-sizing:border-box;
	margin-right:12px;
}
.job_title {
	font-size:40px;
	font-weight:700;
	color:#fff;
	padding:40px 0 0 25px;
}
.job_exp1 {
	font-size:17px;
	color:#fff;
	padding:10px 0 0 25px;
}
.job_exp2 {
	font-size:15px;
	color:#fff;
	padding:25px 0 0 36px;
}
.job_list {
	float:left;
	width:795px;
}
.job_list li {
	float:left;
	box-sizing:border-box;
}
.job_listiconbox {
	width:185px;
	padding-bottom:10px;
}
.job_listicon {
	width:92px; 
	margin:0 auto;
}
.job_listbox {
	width:185px;
	height:150px;
	background:#fff;
	padding:20px 10px 0 10px;
	box-sizing:border-box;
}
.job_listbox p {
	width:100%;
	text-align:center;
	font-size:14px;
	color:#494949;
}
.job_listbox .job_company {
	font-weight:500;
	color:#494949;
}
.job_list .bx-wrapper .bx-viewport {
	background:#f6f6f6
}
/**************************** 취업현황 끝 *************************/

/**************************** 인터뷰 시작 *************************/
.tinterview {
	clear:both;
	width:1060px;
	margin:0 auto;
}
.tinterview_titlebox {
	float:left;
	width:253px;
	height:288px;
	background:#366eff;
	
	box-sizing:border-box;
	margin-right:12px;
}
.tinterview_title {
	font-size:40px;
	font-weight:700;
	color:#fff;
	padding:40px 0 0 25px;
}
.tinterview_exp1 {
	font-size:17px;
	color:#fff;
	padding:10px 0 0 25px;
}
.tinterview_exp2 {
	font-size:15px;
	color:#fff;
	padding:25px 0 0 36px;
}
.tinterview_list {
	float:left;
	width:795px;
}
.tinterview_list li {
	position:relative;
	display:inline-block;
	float:left;
	width:247px;
	height:288px;
	padding:0 20px;
	background:#fff;
	margin-right:27px;
	box-sizing:border-box;
	cursor:pointer;
	font-size:14px;
}
.tinterview_list li:last-child {
	margin-right:0;
}
.tinterview_list .img {
	width:100px;
	height:100px;
	margin:20px auto 10px auto;
	border-radius:50%;
	
	background-size:220px;
	background-position:105px top;
}
.tinterview_list li > div {
	width:100%;
	text-align:center;
	font-weight:400;
	color:#494949;
	line-height:22px;
}
.tinterview_list li:hover {
	border:1px solid #366eff;
}
.tinterview_list .tinterview_exp {
	padding-top:20px;
	font-weight:300;
}
.tinterview_list .tinterview_more {
	position:absolute;
	background: url(/r_main_img/plus.png) no-repeat;
	left:116px;
	bottom:10px;
	width:14px;
	height:14px;
	font-size:26px;
	font-weight:400;
	text-align:center;
	font-family:gulim;
	transition: all 0.5s ease 0s;
}
.tinterview_list .on .tinterview_more {
	transform: rotate(180deg);
}
/**************************** 인터뷰 끝 *************************/

/**************************** 모집중인과정 시작 *************************/
.class_wrap {
	width:1060px;
	margin:0 auto;
}
.class_tab_menu_three {
	width:100%;
	height:50px;
	margin-bottom:30px;
}
.class_tab_menu_three li {
	float:left; 
	width:33.3%; 
	height:55px; 
	line-height:55px; 
	border:1px solid #dbdbdb; 
	text-align:center;
	background:#eee;
	position:relative;
	box-sizing:border-box;
	font-size:18px;
	font-weight:500;
	color:#333;
	cursor:pointer;
}	
.class_tab_menu_three a {
	display:block;
	color:#333;
	width:100%;
	height:55px; 
	line-height:55px;
}
.class_tab_menu_three .on {
	background:#4481fc;
	color:#fff;
	border:1px solid #4481fc;
}
.class_tab_menu_three .on a {
	color:#fff;
	
}
.class_tab_menu_three .on .arrow {
	position:absolute;
	left:163px;
	top:54px;
	width: 0;
	height: 0;
	border-left: 13px solid transparent;
	border-right: 13px solid transparent;
	border-top: 15px solid #4481fc;
}	
.class_tab_menu_three li:last-child {
	background:#fedc00;
	color:#333;
}	
.class_tab_menu_three li:last-child.on {
	background:#fedc00;
	color:#fff;
	border:1px solid #fedc00;
}
.class_tab_menu_three li:last-child.on a {
	color:#333;
}
.class_tab_menu_three li:last-child.on .arrow {
	position:absolute;
	left:163px;
	top:54px;
	width: 0;
	height: 0;
	border-left: 13px solid transparent;
	border-right: 13px solid transparent;
	border-top: 15px solid #fedc00;
}

.class_tab_menu_four {
	width:100%;
	height:50px;
	margin-bottom:30px;
}
.class_tab_menu_four li {
	float:left; 
	width:25%; 
	height:55px; 
	line-height:55px; 
	border:1px solid #dbdbdb; 
	text-align:center;
	background:#eee;
	position:relative;
	box-sizing:border-box;
	font-size:18px;
	font-weight:500;
	color:#333;
	cursor:pointer;
}	
.class_tab_menu_four a {
	display:block;
	color:#333;
	width:100%;
	height:55px; 
	line-height:55px;
}
.class_tab_menu_four .on {
	background:#4481fc;
	color:#fff;
	border:1px solid #4481fc;
}
.class_tab_menu_four .on a {
	color:#fff;
	
}
.class_tab_menu_four .on .arrow {
	position:absolute;
	left:119px;
	top:54px;
	width: 0;
	height: 0;
	border-left: 13px solid transparent;
	border-right: 13px solid transparent;
	border-top: 15px solid #4481fc;
}	
.class_tab_menu_four li:last-child {
	background:#fedc00;
	color:#333;
}	
.class_tab_menu_four li:last-child.on {
	background:#fedc00;
	color:#fff;
	border:1px solid #fedc00;
}
.class_tab_menu_four li:last-child.on a {
	color:#333;
}
.class_tab_menu_four li:last-child.on .arrow {
	position:absolute;
	left:119px;
	top:54px;
	width: 0;
	height: 0;
	border-left: 13px solid transparent;
	border-right: 13px solid transparent;
	border-top: 15px solid #fedc00;
}

.class_tab_menu_five {
	width:100%;
	height:50px;
	margin-bottom:30px;
}
.class_tab_menu_five li {
	float:left; 
	width:20%; 
	height:55px; 
	line-height:55px; 
	border:1px solid #dbdbdb; 
	text-align:center;
	background:#eee;
	position:relative;
	box-sizing:border-box;
	font-size:18px;
	font-weight:500;
	color:#333;
	cursor:pointer;
}	
.class_tab_menu_five li:last-child {
	background:#fedc00;
	color:#333;
}	
.class_tab_menu_five a {
	display:block;
	color:#333;
	width:100%;
	height:55px; 
	line-height:55px; 
}
.class_tab_menu_five .on {
	background:#4481fc;
	color:#fff;
	border:1px solid #4481fc;
}
.class_tab_menu_five li:last-child.on {
	background:#fedc00;
	color:#333;
	border:1px solid #fedc00;
}
.class_tab_menu_five li:last-child.on a {
	color:#333;
	
}
.class_tab_menu_five .on a {
	color:#fff;
	
}
.class_tab_menu_five .on .arrow {
	position:absolute;
	left:94px;
	top:54px;
	width: 0;
	height: 0;
	border-left: 13px solid transparent;
	border-right: 13px solid transparent;
	border-top: 15px solid #4481fc;
}
.class_tab_menu_five li:last-child.on .arrow {
	position:absolute;
	left:94px;
	top:54px;
	width: 0;
	height: 0;
	border-left: 13px solid transparent;
	border-right: 13px solid transparent;
	border-top: 15px solid #fedc00;
}
.class_list {
	width:100%;
}
.class_list li {
	position:relative;
	width:256px;
	height:218px;
	float:left;
	margin-right:12px;
	margin-bottom:20px;
	padding:18px 22px;
	border:1px solid #969696;
	box-sizing:border-box;
	font-size:16px;
	color:#494949;
	text-align:center;
}
.class_list li:last-child {
	margin-right:0;
}
.class_list li a {
	color:#494949;
}
.class_list li div {
	text-align:left;
	height:24px;
	
}
.class_list li .classname {
	font-weight:500;
	height:80px;
	
}
.class_list li .classhour {
	height:34px;
	
}
.class_list li .close_date {
	height:34px;
	color:#ff0000;
	
}
.class_list li .icon {
	display:inline-block;
	width:100px;
	height:30px;
	line-height:30px;
	text-align:center;
	font-size:14px;
}
.class_list li .icon01 {
	background:#4481fc;
	color:#fff;
}
.class_list li .icon02 {
	background:#fedc00;
	color:#222;
}
.class_list li .icon03 {
	background:#ff4e00;
	color:#fff;
}
.class_list li .overinfo {
	position:absolute;
	display:none;
	left:0; 
	bottom:0;
	z-index:99;
	background:#4481fc;
	width:100%;
	height:60px;
	background:url(/r_main_img/class_bg.jpg) no-repeat;
	padding:10px 0 0 22px;
	color:#fff;
	box-sizing:border-box;
}
.class_list li .overinfo div {
	color:#fff;
}
.class_list li .overinfo .bt a {
	position:absolute;
	right:10px;
	top:12px;
	display:block;
	width:70px;
	text-align:center;
	background:#ff5900;
	font-size:14px;
	
	padding:10px 0;
	border-radius:3px;
	color:#fff;
}
.class_list li:hover {
	background:#e6eeff;
}
.class_list li:hover .classname {
	color:#ff5900;
}
/**************************** 모집중인과정 끝 *************************/