/* 공통 */
.cnt_search {
	float:right;
	height: 59px;
	margin: 52px 0 14px 0;
}
.cnt_search ul{
	margin:0;
	padding:0;
}
.cnt_search li {
	float: left;
	list-style: none;
	padding-right: 5px;
}
.select01 {
	width: 103px;
	height: 31px;
	border: 1px solid #cdcdcd;
	color:#5a5c5f;
	font-weight:300;
}
.input01 {
	width:100px;
	height: 30px;
	border: 1px solid #cdcdcd;
}
.textarea01 {
	border: 1px solid #cdcdcd;
	padding: 10px;
}
.sub_content {
	clear:both;
	position:relative;
	width:1060px;
	margin:0 auto;
	font-family: 'pretendard variable';
}
.sub_content .subpage_title {
	clear:both;
	width:100%;
	text-align:center;
	font-size:30px;
	font-weight:400;
	margin-top:70px;
}
.sub_content .subpage_title_bar {
	height:3px;
	width:40px;
	margin:30px auto;
	background:#4481fc;
}
.sub_content .subpage_title_exp {
	width:100%;
	text-align:center;
	font-size:15px;
	color:#666;
}
.tabmenu {
	position:absolute;
	width:100%;
	height:60px;
	left:0;
	top:-100px;
	z-index:98;
}
.tabmenu li {
	display:inline-block;
	float:left;
	width:25%;
	height:68px;
	line-height:68px;
	text-align:center;
	font-size:18px;
	font-weight:500;
	border:1px solid #eeeeee;
	box-sizing:border-box;
	background:#fff;
	color:#494949;
}

.tabmenu li.on {
	background:#0063dc;
	color:#fff;
	border:1px solid #0063dc;
}
.tabmenu_three {
	position:absolute;
	width:100%;
	height:60px;
	left:0;
	top:-100px;
	z-index:98;
}
.tabmenu_three li {
	display:inline-block;
	float:left;
	width:33.3%;
	height:68px;
	line-height:68px;
	text-align:center;
	font-size:18px;
	font-weight:500;
	border:1px solid #eeeeee;
	box-sizing:border-box;
	background:#fff;
	color:#494949;
}

.tabmenu_three li.on {
	background:#0063dc;
	color:#fff;
	border:1px solid #0063dc;
}
.tab_four {
	width:100%;
	height:40px;
	margin-top:30px;
}
.tab_four li {
	display:inline-block;
	float:left;
	width:25%;
	height:40px;
	line-height:40px;
	text-align:center;
	font-size:15px;
	font-weight:300;
	border:1px solid #c6c6c6;
	box-sizing:border-box;
	background:#fff;
	color:#494949;
}
.tab_four li.on {
	background:#eeeeee;
	border:1px solid #c6c6c6;
	font-weight:500
}
.tab_three {
	width:100%;
	height:40px;
	margin-top:30px;
}
.tab_three li {
	display:inline-block;
	float:left;
	width:33.333%;
	height:40px;
	line-height:40px;
	text-align:center;
	font-size:15px;
	font-weight:300;
	border:1px solid #c6c6c6;
	box-sizing:border-box;
	background:#fff;
	color:#494949;
}

.tab_three li.on {
	background:#eeeeee;
	border:1px solid #c6c6c6;
	font-weight:500
}
.tab_two {
	width:100%;
	height:40px;
	margin-top:30px;
}
.tab_two li {
	display:inline-block;
	float:left;
	width:50%;
	height:40px;
	line-height:40px;
	text-align:center;
	font-size:15px;
	font-weight:300;
	border:1px solid #c6c6c6;
	box-sizing:border-box;
	background:#fff;
	color:#494949;
}
.tab_two li.on {
	background:#eeeeee;
	border:1px solid #c6c6c6;
	font-weight:500
}
.board01 {
	width: 100%;
	border-top: 2px solid #212325;
	border-bottom: 1px solid #212325;
	margin-bottom:  39px;
}
.board01 th {
	height: 45px;
	font-size: 14px;
	color: #222;
	text-align: center;
	border-bottom: 1px solid #212325;
}
.board01 tr:last-child td {
	border: 0;
}
.board01 td {
	font-size: 14px;
	color: #222;
	height: 45px;
	text-align: center;
	border-bottom: 1px solid #cdcdcd;
}
.board01 .vtit {
	width: 150px;
	background-color: #f8f8f8;
	color: #222;
	text-align: left;
	padding-left: 25px;
}
.board01 .regtd {
	text-align: left;
	padding-left: 23px;
}
.board01 .subject {
	text-align: left;
}
.board01 a:hover {
	color:#f66602;
}
.board01 .view {
	padding: 30px;
	line-height: 24px;
	text-align: left;
	border:0;
}
.board01 .view img {
	max-width: 100%;
}
.board02 {
	width: 100%;
	border-top: 1px solid #212325;
	border-bottom: 1px solid #212325;
	margin-bottom:  39px;
}
.board02 td {
	height: 45px;
	text-align: center;
	color: #222;
	border-bottom: 1px solid #e5e5e5;
}
.board02 .subject {
	text-align: left;
}
.board02 .subject a {
	display: block;
	text-decoration:none;
}
.board02 .subject a:link, a:visited, a:active {color:#222; text-decoration:none;}
.board02 .subject a:hover {
	color:#f66602;
}
.board02 tr:last-child td {
	border: 0;
}
.view_contents_wrap {
	padding-bottom:30px;
	margin-bottom:30px;
	border-bottom:1px solid #e5e5e5; 
}
.view_contents {width:1000px; margin:0 auto; line-height:20px;}
.view_contents img {max-width:100%;}
.addrinput div {
	float:left;
	padding-right:10px;
}
.button01 {
	display:inline-block;
	height:32px;
	line-height:32px;
	background-color: #dce7fc;
	font-size: 13px;
	padding:0 5px;
}
.bt_write_wrap {
	width:100%;
	text-align:right;
}
.bt_write_wrap a {
	display:inline-block;
	color:#fff;
	margin-left:10px;
}
.bt_write {
	padding:5px 10px;
	background:#4481fc;
	border:1px solid #7da7fb;
	font-weight:500;
	color:#fff;
}
/* 공통 끝 */

/* 구직자 시작 */
.unemp_visual {overflow: hidden; position: relative; height: 221px; width: 100%; z-index: 1;}
.unemp_visual .visual_bg {background: url(/r_comm_img/sub_visual01.jpg) 50% 50% no-repeat; background-size: cover; height: 221px;}
.visual_title {
	width:1060px; 
	margin:0 auto;
	text-align:center;
	padding-top:80px;
}
.visual_title p {
	font-size:30px;
	color:#fff;
	font-weight:500;
}

.class_wrap {
	margin-top:30px;
}
.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;
	line-height:20px;
	word-break:break-all;	
}
.class_list li .classhour {
	height:34px;
	
}
.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;
}
/* 구직자 끝 */

/* 근로자 국비지원 */
.emp_visual {overflow: hidden; position: relative; height: 221px; width: 100%; z-index: 1;}
.emp_visual .visual_bg {background: url(/r_comm_img/sub_visual02.jpg) 50% 50% no-repeat; background-size: cover; height: 221px;}
.kukbi_process {
	width:100%;
}
.kukbi_process > .tit_icon {
	clear:both;
	width:100%;
	margin-top:60px;
	text-align:center;
}
.kukbi_process > .support_con {
	width:100%;
	padding:0 100px;
	box-sizing:border-box;
}
.kukbi_process > .support_con li {
	float:left;
	width:50%;
	text-align:center;
	box-sizing:border-box;
	padding-bottom:30px;
}
.kukbi_process > .support_con:after {
	content:''; 
	display: block; 
	clear:both;
}
.kukbi_process > .support_con .support_con_exp {
	width:280px;
	margin:0 auto;
	border:1px solid #d0d0d0;
	border-top:none;
	box-sizing:border-box;
	color:#333333;
	line-height:24px;
	padding:10px 0;
	font-weight:400;
}
.kukbi_process > .support_con2 {
	width:100%;
	padding:0 50px;
	box-sizing:border-box;
}
.kukbi_process > .support_con2 li {
	float:left;
	width:33.3%;
	text-align:center;
	box-sizing:border-box;
	padding-bottom:30px;
}
.kukbi_process > .support_con2 .support_con_exp {
	width:280px;
	margin:0 auto;
	border:1px solid #d0d0d0;
	border-top:none;
	box-sizing:border-box;
	color:#333333;
	height:70px;
	line-height:24px;
	padding:10px 0;
	font-weight:400;
}
.kukbi_process > .support_con3 {
	clear:both;
	width:70%;
	margin:0 auto;
	box-sizing:border-box;
	padding-top:30px;
}
.kukbi_process > .support_con3 li {
	float:left;
	width:33.3%;
	text-align:center;
	box-sizing:border-box;
	padding-bottom:30px;
}
.kukbi_process > .support_con3 .support_con_exp {
	box-sizing:border-box;
	color:#333333;
	line-height:20px;
	padding:10px 0;
	font-weight:400;
	text-align:center;
}
.kukbi_process > .support_con3 .support_con_exp span {
	display:inline-block;
	font-weight:500;
	padding:5px 0;
}
.kukbi_process > .section_name {
	width:100%;
	text-align:center;
	font-size:22px;
	font-weight:400;
	padding:10px 0 40px 0;
}
.kukbi_process .media_box {
	position:relative;
	width:100%;
	height:236px;
	background:url(/r_comm_img/kukbi/media_bg.jpg) no-repeat;
}
.kukbi_process .media_box .media_exp {
	position:absolute;
	top:90px;
	left:380px;
	font-size:20px;
	font-weight:400;
	line-height:32px;
}
.kukbi_process .media_box .media_exp span {
	color:#0c64e9;
}
.kukbi_process .media_box .media_bt {
	display:block;
	position:absolute;
	top:128px;
	left:676px;
	padding:5px 20px;
	background:#0c64e9;
	color:#fff;
	font-size:12px;
	font-weight:400;
	border-radius:3px;
}
.kukbi_process > .support_target {
	width:100%;
	padding-left:100px;
	box-sizing:border-box;
	overflow:hidden;
}
.kukbi_process > .support_target li {
	float:left;
	padding-right:48px;
	
	box-sizing:border-box;
}
.kukbi_process > .support_target li > .target_tit {
	padding:10px 10px;
	border-radius:15px;
	font-size:18px;
	font-weight:500;
	color:#fff;
	background:#0c64e8;
	text-align:center;
	box-sizing:border-box;
	width:400px;
}
.kukbi_process > .support_target li > .target_numtitle {
	padding-top:50px;
	padding-bottom:10px;
	border-radius:15px;
	font-size:18px;
	font-weight:500;
	color:#222;
}
.kukbi_process > .support_target li > .target_numtitle span {
	display:inline-block;
	padding:2px 0;
	width:30px;
	font-size:17px;
	font-weight:500;
	text-align:center;
	color:#666666;
	border:2px solid #dcdcdc;
}
.kukbi_process .support_target .target_tit span {
	font-size:16px;
	font-weight:400;
}
.kukbi_process .support_target .target_boxtit {
	width:430px;
	padding:10px 0 10px 20px;
	background:#d5d5d5;
	box-sizing:border-box;
	color:#0c64e8;
	font-size:14px;
	font-weight:500;
}
.kukbi_process .support_target .target_exp {
	padding-top:30px;
	font-size:16px;
	font-weight:400;
	color:#222;
	line-height:36px;
}
.kukbi_process .support_target .target_exp span {
	font-size:16px;
	color:#0c64e8;
}
.kukbi_process .support_process {
	width:700px;
	margin:0 auto;
	overflow:hidden;
}
.kukbi_process .support_process ul {
	clear:both;
}
.kukbi_process .support_process li {
	width:300px;
	float:left;
	box-sizing:border-box;
	margin-bottom:30px;
	padding-left:35px;
	
}
.kukbi_process .support_process li:nth-child(2) {width:100px; padding-top:100px;}

.kukbi_process .support_process .process_no {
	font-size:18px;
	font-weight:700;
	color:#222;
	padding-bottom:10px;
	opacity:1;
	animation:processno 10s ease-in-out infinite;
}
	@keyframes processno{
		0%{opacity:1;}
		8%{opacity:0;}
		16%{opacity:1;}
	}

	.kukbi_process .support_process .process_ul1 li:nth-child(1) .process_no{animation-delay: 0s;}
	.kukbi_process .support_process .process_ul1 li:nth-child(3) .process_no{animation-delay: 2.5s;}
	.kukbi_process .support_process .process_ul2 li:nth-child(1) .process_no{animation-delay: 5s;}
	.kukbi_process .support_process .process_ul2 li:nth-child(3) .process_no{animation-delay: 7.5s;}
	
.kukbi_process .support_process .process_name {
	font-size:18px;
	font-weight:700;
	color:#0c64e8;
	height:50px;
	opacity:1;
	animation:processtext 10s ease-in-out infinite;
}
	@keyframes processtext{
		0%{opacity:1;}
		8%{opacity:0;}
		16%{opacity:1;}
	}

	.kukbi_process .support_process .process_ul1 li:nth-child(1) .process_name{animation-delay: 0s;}
	.kukbi_process .support_process .process_ul1 li:nth-child(3) .process_name{animation-delay: 2.5s;}
	.kukbi_process .support_process .process_ul2 li:nth-child(1) .process_name{animation-delay: 5s;}
	.kukbi_process .support_process .process_ul2 li:nth-child(3) .process_name{animation-delay: 7.5s;}

.kukbi_process .support_process .process_name span {
	font-size:14px;
}
.kukbi_process .support_process .process_exp {
	padding-top:20px;
}
.kukbi_process .support_process .process_exp  div {
	padding-bottom:10px;
	font-size:14px;
}
.kukbi_process .support_process .process_exp span {
	display:inline-block;
	background:#d0d0d0;
	padding:3px 0px;
	width:80px;
	text-align:center;
	color:#0c64e8;
	font-weight:500;
	border-radius:10px;
	margin-right:20px;
}
.kukbi_process .support_process .process_exp div a {
	display:inline-block;
	padding:2px 10px;
	background:#0c64e8;
	color:#fff;
	font-weight:400;
}
.kukbi_process .support_process .process_exp  p {
	padding-bottom:10px;
	font-size:14px;
	line-height:20px;
}
.kukbi_process .support_process .process_exp  p a {
	color:#0c64e8;
}
.kukbi_process .support_process .process_exp strong {
	font-weight:500;
	color:#0c64e8;
}
.kukbi_process .support_process li .picon {
	margin-left:30px;
}
.kukbi_process .tipbox {
	width:780px;
	margin:0 auto;
	margin-top:20px;
	background:url(/r_comm_img/kukbi/tip.png) no-repeat;
	font-size:16px;
	font-weight:400;
	line-height:26px;
	padding-left:40px;
	padding-top:20px;
	box-sizing:border-box;
}
.kukbi_process .tipbox ul {
	overflow:hidden;
}
.kukbi_process .tipbox li {
	float:left;
}
.kukbi_process .tipbox li:first-child {
	width:220px;
	text-align:center;
	padding-top:25px;
	font-size:16px;
	font-weight:500;
}
.kukbi_process .tipbox2 {
	width:780px;
	margin:0 auto;
	margin-top:20px;
	font-size:14px;
	font-weight:400;
	line-height:26px;
	padding-left:40px;
	padding-top:20px;
	padding-bottom:20px;
	box-sizing:border-box;
	border:1px solid #d0d0d0; 
	border-radius:60px;
}
.kukbi_process .tipbox2 ul {
	overflow:hidden;
}
.kukbi_process .tipbox2 li {
	float:left;
}
.kukbi_process .tipbox2 li:first-child {
	width:300px;
	text-align:left;
	padding-top:15px;
	padding-left:100px;
	font-size:16px;
	font-weight:500;
	box-sizing:border-box;
}
.kukbi_process .keynote {
	clear:both;
	width:100%;
	padding:50px 70px 0 70px;
}
.kukbi_process .keynote ul {
	width:100%;
}
.kukbi_process .keynote li {
	float:left;
}
.kukbi_process .keynote li:first-child {
	width:250px;
}
.kukbi_process .keynote li:last-child {
	width:670px;
}
.kukbi_process .keynote li:first-child div {
	width:239px;
	height:29px;
	line-height:29px;
	text-align:center;
	color:#fff;
	font-size:16px;
	font-weight:500;
	background:url(/r_comm_img/kukbi/title_bg.png) no-repeat;
}
.kukbi_process .keynote li:last-child table {
	width:100%;
}
.kukbi_process .keynote li:last-child table th, .kukbi_process .keynote li:last-child table td {
	border:1px solid #dcdcdc;
	height:50px;
	font-size:14px;
	font-weight:400;
	text-align:center;
}
.kukbi_process .keynote li:last-child table th {
	background:#0c64e9;
	color:#fff;
}
.kukbi_process .keynote li:last-child table td {
	color:#444;
}
.kukbi_process .keynote li:last-child table td:last-child {
	background:#dfedff;
	font-weight:500;
}
.kukbi_process .keynote .qna {
	position:relative;
	width:670px;
	padding:10px 70px;
	box-sizing:border-box;
	border:1px solid #dcdcdc;
	color:#333;
	font-size:14px;
	font-weight:400;
	margin-bottom:20px;
}
.kukbi_process .keynote .qna p {
	line-height:22px;
	padding:5px 0;
}
.kukbi_process .keynote .qna .blue {
	color:#0c64e9;
	font-weight:500;
}
.kukbi_process .keynote .qna .red {
	color:#ff6633;
	font-weight:500;
}
.kukbi_process .keynote .qna .bold {
	font-weight:500;
	text-decoration:underline;
	text-decoration-color: #dcdcdc;
}
.kukbi_process .keynote .qna .corner {
	position:absolute;
	top:-1px;
	right:-1px;
}

.kukbi_process .support_process2 {
	width:940px;
	margin:0 auto;
	overflow:hidden;
}
.kukbi_process .support_process2 ul {
	clear:both;
}
.kukbi_process .support_process2 li {
	width:280px;
	float:left;
	box-sizing:border-box;
	margin-bottom:30px;
	padding-left:10px;
	
}
.kukbi_process .support_process2 li:nth-child(3) {padding-left:40px;}
.kukbi_process .support_process2 li:nth-child(8) {padding-left:40px;}
.kukbi_process .support_process2 li:nth-child(2) {width:50px; padding-top:100px;}
.kukbi_process .support_process2 li:nth-child(4) {width:50px; padding-top:100px;}
.kukbi_process .support_process2 li:nth-child(7) {width:50px; padding-top:100px;}
.kukbi_process .support_process2 li:nth-child(9) {width:50px; padding-top:100px;}
.kukbi_process .support_process2 li:nth-child(1),.kukbi_process .support_process2 li:nth-child(2),.kukbi_process .support_process2 li:nth-child(3),.kukbi_process .support_process2 li:nth-child(4),.kukbi_process .support_process2 li:nth-child(5){float:left;}
.kukbi_process .support_process2 li:nth-child(6),.kukbi_process .support_process2 li:nth-child(7),.kukbi_process .support_process2 li:nth-child(8),.kukbi_process .support_process2 li:nth-child(9),.kukbi_process .support_process2 li:nth-child(10){float:right;}

.kukbi_process .support_process2 .process_no {
	font-size:18px;
	font-weight:700;
	color:#222;
	padding-bottom:10px;
	opacity:1;
	animation:processno 20s ease-in-out infinite;
}
	@keyframes processno{
		0%{opacity:1;}
		8%{opacity:0;}
		16%{opacity:1;}
	}
.kukbi_process .support_process2 .process_name {
	font-size:18px;
	font-weight:700;
	color:#0c64e8;
	height:50px;
	opacity:1;
	animation:processtext 20s ease-in-out infinite;
}
	@keyframes processtext{
		0%{opacity:1;}
		8%{opacity:0;}
		16%{opacity:1;}
	}
.kukbi_process .support_process2 .process_img {
	display:block;
	opacity:1;
	animation:processimg 20s ease-in-out infinite;
}
	@keyframes processimg{
		0%{opacity:1;}
		8%{opacity:0;}
		16%{opacity:1;}
	}


	.kukbi_process .support_process2 .process_ul1 li:nth-child(1) .process_name{animation-delay: 0s;}
	.kukbi_process .support_process2 .process_ul1 li:nth-child(1) .process_no{animation-delay: 0s;}
	.kukbi_process .support_process2 .process_ul1 li:nth-child(2) .process_img{animation-delay: 2s;}
	.kukbi_process .support_process2 .process_ul1 li:nth-child(3) .process_name{animation-delay: 4s;}
	.kukbi_process .support_process2 .process_ul1 li:nth-child(3) .process_no{animation-delay: 4s;}
	.kukbi_process .support_process2 .process_ul1 li:nth-child(4) .process_img{animation-delay: 6s;}
	.kukbi_process .support_process2 .process_ul1 li:nth-child(5) .process_name{animation-delay: 8s;}
	.kukbi_process .support_process2 .process_ul1 li:nth-child(5) .process_no{animation-delay: 8s;}
	.kukbi_process .support_process2 .process_ul1 li:nth-child(6) .process_name{animation-delay: 10s;}
	.kukbi_process .support_process2 .process_ul1 li:nth-child(6) .process_no{animation-delay: 10s;}
	.kukbi_process .support_process2 .process_ul1 li:nth-child(7) .process_img{animation-delay: 12s;}
	.kukbi_process .support_process2 .process_ul1 li:nth-child(8) .process_name{animation-delay: 14s;}
	.kukbi_process .support_process2 .process_ul1 li:nth-child(8) .process_no{animation-delay: 14s;}
	.kukbi_process .support_process2 .process_ul1 li:nth-child(9) .process_img{animation-delay: 16s;}
	.kukbi_process .support_process2 .process_ul1 li:nth-child(10) .process_name{animation-delay: 18s;}
	.kukbi_process .support_process2 .process_ul1 li:nth-child(10) .process_no{animation-delay: 18s;}

.kukbi_process .support_process2 .process_name span {
	font-size:14px;
}
.kukbi_process .support_process2 .process_exp {
	padding-top:20px;
}
.kukbi_process .support_process2 .process_exp  div {
	padding-bottom:10px;
	font-size:14px;
}
.kukbi_process .support_process2 .process_exp span {
	display:inline-block;
	background:#d0d0d0;
	padding:3px 0px;
	width:80px;
	text-align:center;
	color:#0c64e8;
	font-weight:500;
	border-radius:10px;
	margin-right:20px;
}
.kukbi_process .support_process2 .process_exp div a {
	display:inline-block;
	padding:2px 10px;
	background:#0c64e8;
	color:#fff;
	font-weight:400;
}
.kukbi_process .support_process2 .process_exp  p {
	padding-bottom:10px;
	font-size:14px;
	line-height:20px;
}
.kukbi_process .support_process2 .process_exp  p a {
	color:#0c64e8;
}
.kukbi_process .support_process2 .process_exp strong {
	font-weight:500;
	color:#0c64e8;
}
.kukbi_process .support_process2 li .picon {
	margin-left:30px;
}
.regist_visualbg {
	margin-top:80px;
	position:relative;
	width:1060px;
	height:419px;
	background:url(/r_comm_img/kukbi/regist_visualbg.jpg) no-repeat;
}
.regist_visualbg a {
	display:inline-block;
	position:absolute;
}
.regist_visualbg .regist_visual_bt01 {
	left:612px;
	top:268px;
}
.regist_visualbg .regist_visual_bt02 {
	left:832px;
	top:268px;
}
.regist_visualbg_ansan {
	margin-top:80px;
	position:relative;
	width:1060px;
	height:419px;
	background:url(/r_comm_img/kukbi/regist_visualbg_ansan.jpg) no-repeat;
}
.regist_visualbg_ansan a {
	display:inline-block;
	position:absolute;
}
.regist_visualbg_ansan .regist_visual_bt01 {
	left:612px;
	top:268px;
}
.regist_visualbg_ansan .regist_visual_bt02 {
	left:832px;
	top:268px;
}
.regist_visualbg_incheon {
	margin-top:80px;
	position:relative;
	width:1060px;
	height:419px;
	background:url(/r_comm_img/kukbi/regist_visualbg_incheon.jpg) no-repeat;
}
.regist_visualbg_incheon a {
	display:inline-block;
	position:absolute;
}
.regist_visualbg_incheon .regist_visual_bt01 {
	left:612px;
	top:268px;
}
.regist_visualbg_incheon .regist_visual_bt02 {
	left:832px;
	top:268px;
}
/*
.kukbi_process .support_process li .picon {
	animation:processimg 10s ease-in-out infinite;
}	
	@keyframes processimg{
		0%{transform:rotateY(0deg);}
		8%{transform:rotateY(180deg);}
		16%{transform:rotateY(0deg);}
	}
	
	.kukbi_process .support_process .process_ul1 li:nth-child(1) .picon{animation-delay: 0s;}
	.kukbi_process .support_process .process_ul1 li:nth-child(3) .picon{animation-delay: 2.5s;}
	.kukbi_process .support_process .process_ul2 li:nth-child(1) .picon{animation-delay: 5s;}
	.kukbi_process .support_process .process_ul2 li:nth-child(3) .picon{animation-delay: 7.5s;}
*/

.kukbi_process .addprice {width:860px; margin:0 auto;}
.kukbi_process .addprice table {width:100%;}
.kukbi_process .addprice table td {border:1px solid #96b9ff; height:40px; text-align:center; font-size:14px; color:#333; font-weight:500;}
.kukbi_process .addprice table td:first-child {width:550px; text-align:left; padding-left:50px;}
.kukbi_process .addprice table th {background:#c4d8ff; height:40px; border:1px solid #286fff; font-weight:500; text-align:center;}

.kukbi_process .addprice2 {width:860px; margin:0 auto; margin-top:30px;}
.kukbi_process .addprice2 table {width:100%;}
.kukbi_process .addprice2 table td {border:1px solid #96b9ff; height:40px; text-align:center; font-size:14px; color:#333; font-weight:500;}
.kukbi_process .addprice2 table td:first-child {background:#c4d8ff;}
.kukbi_process .addprice2 table th {color:#fff; background:#286fff; height:40px; border:1px solid #286fff; font-weight:500; text-align:center;}

.kukbi_process .applyprocess {width:1060px; height:352px;}
.kukbi_process .applyprocess ul {margin:0; padding:0;}
.kukbi_process .applyprocess li {list-style:none; float:left;}
.kukbi_process .applyprocess li div {text-align:center;}

.kukbi_process .fac {clear:both; height:630px; background:#fafafa; padding-top:0px;}
.kukbi_process .fac_img {clear:both; width:978px; margin:0 auto;}
.kukbi_process .fac_img li {list-style:none; float:left; width:304px; margin-right:32px; margin-top:30px; padding-bottom:15px;}
.kukbi_process .fac_img li:last-child {margin-right:0;}
.kukbi_process .fac_txt {clear:both; border-top:none; width:978px; margin:0 auto;}
.kukbi_process .fac_txt li {list-style:none; float:left; width:304px; margin-right:32px; text-align:center; line-height:20px; padding-top:0; font-size:13px;}
.kukbi_process .fac_txt li:last-child {margin-right:0;}
.kukbi_process .fac_txt li div {margin-bottom:15px;}
/* 근로자 국비지원 끝 */

/* 일반고위탁 시작 */
.commission_visual {overflow: hidden; position: relative; height: 221px; width: 100%; z-index: 1;}
.commission_visual .visual_bg {background: url(/r_comm_img/sub_visual07.jpg) 50% 50% no-repeat; background-size: cover; height: 221px;}
.mozipbox {width:1060px; margin:0 auto; border:1px solid #4481fc; box-sizing:border-box;}
.mozip {width:100%;}
.mozip td {color:#333; text-align:center; padding:10px; border:1px solid #dbdbdb; box-sizing:border-box; font-size:14px; line-height:22px;}
.mozip th {border:1px solid #dbdbdb; background:#6495f7; color:#fff; font-size:14px; text-align:center;}

.highschool_txt1 {width:880px; margin:0 auto; margin-top:40px; padding-bottom:15px; font-size:20px; font-weight:bold;}
.highschool_txt2 {width:880px; margin:0 auto; padding-left:20px; font-size:16px; box-sizing:border-box;}
/* 일반고위탁 끝 */

/* 소형건설기계 시작 */
.construct_visual {overflow: hidden; position: relative; height: 221px; width: 100%; z-index: 1;}
.construct_visual .visual_bg {background: url(/r_comm_img/sub_visual08.jpg) 50% 50% no-repeat; background-size: cover; height: 221px;}
.construct_picturebox {width:960px; margin:0 auto;}
.construct_picturebox ul {padding:0; margin:0;}
.construct_picturebox li {list-style:none; float:left; width:50%; padding:10px; box-sizing:border-box;}
.construct_picturebox li img {max-width:100%;}
.construct_picturebox li div {width:100%; text-align:center; height:40px; line-height:40px; background:#eee;}
/* 소형건설기계 끝 */

/* 사전접수 시작 */
.request_visual {overflow: hidden; position: relative; height: 221px; width: 100%; z-index: 1;}
.request_visual .visual_bg {background: url(/r_comm_img/sub_visual03.jpg) 50% 50% no-repeat; background-size: cover; height: 221px;}
.request_class_wrap {
	margin-top:30px;
}
.request_class_list {
	width:100%;
}
.request_class_list li {
	position:relative;
	width:256px;
	/*height:104px;*/
	height: auto;
	float:left;
	margin-right:12px;
	margin-bottom:20px;
	
	border:1px solid #4481fc;
	box-sizing:border-box;
	font-size:14px;
	color:#494949;
	text-align:center;
	border-radius:10px;
}
.request_class_list li:last-child {
	margin-right:0;
}
.request_class_list li a {
	display:block;
	color:#494949;
	width:100%;
	height:100%;
	padding:13px 15px;
	box-sizing:border-box;
	
}
.request_class_list li .classdate {
	text-align:center;
	padding-top:5px;
}
.request_class_list li .classname {
	word-break: keep-all;
	font-weight:400;
	height:65px;
	line-height:22px;
	text-align:center;
}
.request_class_list li:hover {
	background:#ffd200;
	border:1px solid #ffd200;
}
.request_class_list li.on {
	background:#ffd200;
	border:1px solid #ffd200;
}

.iteam_wrap {
	width: 100%;
	text-align: center;
	font-size: 20px;
	color: #263441;
	letter-spacing: -1.5px;
	margin: 45px 0 32px 0;
}
.iteam_wrap .item_bar {
	width: 54px;
	height: 22px;
	border-top: 1px solid #37434f;
	margin: 0 auto;
}
.pvcplc {
	width: 100%;
	height: 146px;
	box-sizing: border-box;
	padding: 15px;
	font-size: 13px;
	background-color: #f7f9fa;
	overflow-y: auto;
	line-height: 22px;
}
.agp {
	height: 50px;
	font-size: 14px;
	color: #65676b;
	line-height: 50px;
}
.sbt_wrap {
	margin-top:20px;
	width:100%;
	text-align:center;
}
.sbt_wrap a {
	display:inline-block;
	padding:15px 40px;
	color:#fff;
	background:#323232;
	font-size:20px;
	font-weight:500;
}
.complete_ment {
	width:100%;
	text-align:center;
	font-size:25px;
	font-weight:400;
	padding:40px 0;
}
/* 사전접수 끝 */

/* 취업지원 시작 */
.job_visual {overflow: hidden; position: relative; height: 221px; width: 100%; z-index: 1;}
.job_visual .visual_bg {background: url(/r_comm_img/sub_visual04.jpg) 50% 50% no-repeat; background-size: cover; height: 221px;}
.job_support_title {
	width:100%;
	height:379px;
	background:url(/r_comm_img/job/img01.jpg) no-repeat;
}
.job_support_title .copytitle {
	width:100%;
	text-align:center;
	height:130px;
	line-height:130px;
	font-size:20px;
	font-weight:400;
	color:#fff;
	
}
.job_support_title .slogan {
	width:540px;
	margin:0 auto;
}
.job_support_title .slogan li {
	display:inline-block;
	float:left;
	width:180px;
	text-align:center;
	font-size:25px;
	font-weight:700;
	color:#00b4ff;
	padding-top:5px;
}
.job_support_title .copyexp {
	clear:both;
	width:100%;
	text-align:center;
	line-height:24px;
	font-size:18px;
	color:#fff;
	padding-top:40px;
}

.job_title_bg {
	width:100%;
	height:24px;
	line-height:24px;
	text-align:center;
	font-size:24px;
	font-weight:500;
}
.job_process {
	margin-top:70px;
	padding-left:148px;
}
.job_process ul {
	clear:both;
}
.job_process li {
	display:inline-block;
	position:relative;
	float:left;
	padding-right:65px;
}
.job_process .step_no {
	height:25px;
	color:#222;
}
.job_process .step_bar {
	width:20px;
	height:2px;
	background:#00c9f5;
}
.job_process .step_title {
	font-size:22px;
	font-weight:500;
	height:56px;
	line-height:56px;
	color:#222;
}
.job_process .step_exp {
	font-size:18px;
	line-height:24px;
	color:#222;
}

/* 추가 */
.job_bgwrap {
	width:100%;
	background:url(/r_comm_img/job/job_bg_renew.png) no-repeat center top;
}
.job_process {
	margin-top:0px;
	padding-left:0px;
	width:1027px;
	padding-top:50px;
	margin:0 auto;
}
.job_process li {
	display:inline-block;
	position:relative;
	float:left;
	padding-right:0px;
}
.job_process .work_step li {
	float:left;
	font-size:14;
	font-weight:400;
}

.job_process .work_step1 li {
	padding-left:0px;
	padding-bottom:0px;
	box-sizing:border-box;
	width:17px;
	
}

.job_process .work_step1 .step1 {
	width:331px;
	box-sizing:border-box;
	padding-left:40px;
	padding-bottom:30px;
}
.job_process .work_step1 .step2 {
	width:331px;
	box-sizing:border-box;
	padding-left:40px;
	padding-bottom:30px;
}
.job_process .work_step1 .step3 {
	width:331px;
	box-sizing:border-box;
	padding-left:40px;
	padding-bottom:30px;
}
.job_process .work_step1 .step4 {
	width:331px;
	box-sizing:border-box;
	padding-left:40px;
}
.job_process .work_step1 .step5 {
	width:331px;
	box-sizing:border-box;
	padding-left:40px;
}
.job_process .work_step1 .step6 {
	width:331px;
	box-sizing:border-box;
	padding-left:40px;
}

.job_process .work_step1 .stepno {
	font-size:16px;
	font-weight:500;
	padding:5px 0;
	color:#0b63e8;
	padding-left:20px;
	box-sizing:border-box;
}
.job_process .work_step1 .stepnm {
	font-size:17px;
	font-weight:500;
	padding-bottom:0px;
	padding-left:20px;
	box-sizing:border-box;
}
.job_process .work_step1 .stepexp {
	font-size:14px;
	font-weight:400;
	padding-left:20px;
	box-sizing:border-box;
	color:#222222;
}
				
.job_process .t_step1 {
	width:700px;
	margin:0 auto;
	padding-top:60px;
}
.job_process .t_step1 li {
	width:50%;
	font-size:14px;
	padding-bottom:50px;
	padding-left:70px;
	box-sizing:border-box;
}

.job_process .step_no {
	color:#4481fc;
	font-size:16px;
	height:20px;
	font-weight:500;
}
.job_process .step_title {
	font-size:18px;
	font-weight:500;
	height:40px;
	line-height:40px;
	color:#222;
}
.job_process .step_exp {
	font-size:14px;
	color:#222;
	line-height:22px;
}
.job_process .step_exp a {
	font-weight:500;
	color:#4481fc;
	text-decoration:underline;
}
.job_process .step_exp span {
	font-weight:500;
	color:#4481fc;
}


.job_docu {clear:both; padding-top:70px; margin-left:80px;}
.job_docu li {float:left;}
.job_docu .job_docukind {width:370px; margin-left:40px;}

.job_docu .job_docukind li {margin-left:20px;}
.job_docu .job_docukind li div {padding-top:8px;}
.contactus {
	clear:both;
	width:660px;
	margin:0 auto;
	padding:70px 0;
}
.contactus li {
	float:left;
}
.contactus li:last-child {
	padding-left:74px;
	padding-top:10px;
}
.contactus p {
	padding-top:10px;
}
.contactus span {
	display:inline-block;
	padding-right:20px;
	font-size:17px;
	font-weight:500;
	color:#222;
}
.contactus span:first-child {
	width:60px;
}


#job_navi {
	position: absolute;
	top: 200px;
	left: 50%;
	margin-left: 430px;
	z-index: 99;
}


#navigation-menu ul{
	overflow: hidden;
	
}

#navigation-menu li{
	margin: 10px;
}

#navigation-menu a{
	display:block;
	width:70px;
	height:70px;
	border-radius:50%;
	background:#eee;
	text-align:center;
	padding-top:18px;
	box-sizing:border-box;
}

#navigation-menu a:hover, #navigation-menu a.mPS2id-highlight{
	background: #f77d1b;
	color: #fff;
}
.scroll-fixed {position:fixed; top:200px; z-index:99;}
/* 취업지원 끝 */

/* 취업현황 시작 */
.getjob_wrap {
	margin-top:30px;
	
}
.getjob_list {
	width:100%;
}
.getjob_list li {
	position:relative;
	width:196px;
	height:158px;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	padding:18px 10px 0 10px;
	border:1px solid #0063dc;
	box-sizing:border-box;
	font-size:14px;
	color:#494949;
	text-align:center;
}
.getjob_list li:last-child {
	margin-right:0;
}
.getjob_list .company_nm {
	font-weight:500;
	
}
.getjob_list .class_nm {
	padding-top:10px;
	line-height:20px;
	height:60px;
	font-weight:400;
	overflow: hidden;
}
.getjob_list .student_nm {
	padding-top:5px;
}
.cpname {
	width: 100%;
	height: 45px;
	font-size: 16px;
	line-height: 45px;
	text-align: center;
}
/* 취업현황 끝 */

/* 커뮤니티 시작 */
.community_visual {overflow: hidden; position: relative; height: 221px; width: 100%; z-index: 1;}
.community_visual .visual_bg {background: url(/r_comm_img/sub_visual05.jpg) 50% 50% no-repeat; background-size: cover; height: 221px;}
.list_wrap ul {
	margin:0;
	padding:0;
}
.list_wrap p {
	margin:0;
	padding:0;
}
.list_wrap li {
	float: left;
	width:342px;
	margin-right: 17px;
	margin-bottom: 49px;
	box-sizing:border-box;
}
.list_wrap li a{
	display:block;
	text-decoration:none;
	font-size: 14px;
	color:#222;
}
.list_wrap li:last-child {
	margin-right:0;
}
.list_wrap .thumimg {
	width:100%;
	height:210px;
	overflow:hidden;
}
.list_wrap .thumimg img {
	max-width:100%;
}
.list_wrap .imgscale {	
	transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transition: all 0.3s ease-in-out;   /* 부드러운 모션을 위해 추가*/
}
.list_wrap .imgscale:hover {
	transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
.lst_itembox {
	width:100%;
	border:1px solid #dcdcdc;
	box-sizing:border-box;
}
.lst_tit1 {
	height: 45px;
	line-height: 45px;
	width:100%;
	text-align:center;
	font-size:14px;
	color:#222;
}
.lst_tit2 {
	color: #0063dc;
	text-align:center;
	height: 45px;
	line-height: 45px;
}
.lst_itembox .bar {
	margin:0 auto;
	width:14px;
	height:1px;
	background:#888888;
}
.lst_tit3 {
	display:display;
	color: #adb3ba;
	text-align:center;
	padding-bottom:20px !important;
}
.lst_tit4 {
	padding-top: 20px !important;
	
}
.lst_tit5 {
	display:block;
	height: 60px;
	line-height: 60px;
	width:100%;
	color:#222;
	font-size:15px;
	padding-left:15px !important;
	box-sizing:border-box;
	
}
.lst_tit6 {
	height:55px;
	padding:5px 0 0px 15px !important;
	box-sizing:border-box;
	color:#494949;
}
.lst_itembox .bar2 {
	width:25px;
	height:2px;
	background:#4481fc;
	margin-left:15px;
}

.portfolioimg {width:608px; margin:0 auto; padding:10px 0; text-align:center;}
.portfolioimg img {margin:0 auto; max-width:100%; text-align:center;}

.after_list {
	width:100%;
	border-top:2px solid #434f54;
	border-bottom:1px solid #dcdcdc;
	margin-bottom:30px;
}
.after_list ul {
	width:1000px;
	margin:0 auto;
	
}
.after_list li {
	float:left;
	display:inline-block;
	height:26px;
	line-height:26px;
	padding:10px 0;
	border-bottom:1px solid #999999;
}
.after_list .after_icon {
	width:40px;
}
.after_list .after_subject {
	width:760px;
	color:#000;
	font-size:14px;
	font-weight:400;
}
.after_list .after_point{
	width:200px;
	text-align:right;
}
.after_list .after_point .starpoint {
	color:#0081ff;
	font-size:16px;
}
.after_list .after_content {
	clear:both;
	width:100%;
	padding:10px 30px 20px 30px;
	color:#000;
	line-height:22px;
	box-sizing:border-box;
	
}
/* 커뮤니티 끝 */

/**************************** 교육원소개 시작 *************************/
/* 교육원소개 */
.overview_visual {overflow: hidden; position: relative; height: 221px; width: 100%; z-index: 1;}
.overview_visual .visual_bg {background: url(/r_comm_img/sub_visual06.jpg) 50% 50% no-repeat; background-size: cover; height: 221px;}
.overview_tabmenu {
	width:540px;
	margin:0 auto;
}
.overview_tabmenu .tab_two {
	width:100%;
	height:54px;
	margin-top:30px;
}
.overview_tabmenu .tab_two li {
	display:inline-block;
	float:left;
	width:50%;
	height:54px;
	line-height:54px;
	text-align:center;
	font-size:16px;
	font-weight:300;
	border:1px solid #c6c6c6;
	box-sizing:border-box;
	background:#fff;
	color:#222;
}
.overview_tabmenu .tab_two li.on {
	background:#0c64e9;
	border:1px solid #c6c6c6;
	font-weight:500;
	color:#fff;
}
.overview_subpage_title {
	clear:both;
	width:100%;
	text-align:center;
	font-size:30px;
	font-weight:400;
	margin-bottom:70px;
}
.overview_subpage_title_bar {
	height:3px;
	width:40px;
	margin:30px auto;
	margin-top:50px;
	background:#4481fc;
}
.overview_strong {
	width:1060px;
	margin:0 auto;
	overflow:hidden;
	background:url(/siheung/renew_info/img/klogo.png) no-repeat bottom left;
	margin-bottom:30px;
}
.overview_strong li {
	float:left;
}
.overview_strong li:first-child {
	width:237px;
	
}
.overview_special {
	clear:both;
	width:1060px;
	margin:0 auto;
	
}
.overview_special li {
	float:left;
	box-sizing:border-box;
	padding-bottom:50px;
}
.overview_special li:first-child {
	padding-left:96px;
}
.overview_special_con {
	clear:both;
	
}
.overview_special_con li {
	float:left;
	font-size:14px;
	font-weight:400;
	padding-bottom:16px;
}
.overview_special_con li:first-child {
	padding-left:0;
	width:169px;
	text-align:right;
}
.overview_special_con li:last-child {
	padding-left:45px;
}
.overview_special_con .lineh {
	line-height:22px;
}
.overview_special_con li p {
	height:28px;
}

/* 교직원채용 */
.recruit_kind {width:100%;}
.recruit_kind ul {margin:0; padding:0;}
.recruit_kind li {list-style:none; float:left;}
.recruit_board01 {width:795px; margin:0 auto;}
.recruit_board01 .vtit {width:100px; font-weight:bold; font-size:15px; background:#fff; border-right:1px solid #e5e5e5; line-height:22px;}
.recruit_board01 .regtd table td {text-align:left;}
.recruit_board01 .regtd table td {border-bottom:none; padding-right:20px;}

.topimg {width:100%; background:url(img/topimg_recruit.jpg) 50% 50% no-repeat; background-size:cover; height:216px; margin-top:30px;}

/* 교직원소개 */
.nametab {width:1060px; margin:0 auto;}
.nametab td {width:172px; height:40px; border:1px solid #93bffe; text-align:center; font-size:16px;}
.nametab .ccon:hover {background:#90c2ff; color:#fff;}
.nametab a {display:block; width:172px; height:40px; line-height:40px; color:#333; font-size:16px; font-weight:400; text-decoration:none;}
.nametab a:hover {color:#fff;}

.roster_list {width:698px; margin:0 auto;}
.roster_list .img {margin-right:30px;}
.roster_list .img2 {margin-left:30px;}
.roster_list .pic img {width:170px; height:210px;}
.roster_list ul {padding:0; margin:0;}
.roster_list .roster_nm {
	background:url(/r_comm_img/info/name_bg.jpg) no-repeat;
	width:413px;
	height:32px;
	line-height:32px;
	box-sizing:border-box;
	font-size:15px;
	font-weight:400;
	color:#fff;
}
.roster_list .roster_nm span {
	display:inline-block;
	width:120px;
	height:32px;
	text-align:center;
}
.roster_list li table {width:448px; margin-top:10px;}
.roster_list li {list-style:none; float:left;}
.roster_list li td {padding:10px; line-height: 150%; font-size:15px; font-weight:400;}
.roster_list li td:first-child {width:100px; text-align:left;}
.roster_list li td:first-child span {
	display:inline-block;
	width:5px;
	height:5px;
	margin-bottom:10px;
	border-radius:50%;
	background:#8fcaff;
}

/* 오시는길 */
.map_company {
	width:980px; 
	margin:0 auto; 
	padding:40px 0;
	background:#3283e6;
}
.map_company table td {
	padding-left:50px;
	color:#fff;
	font-size:16px;
	font-weight:500;
	
}
.map_company table td:first-child {
	width:350px;
	font-size:26px;
	border-right:2px solid #fff;
	padding-left:0;
	text-align:center;
}
.map_board {
	margin-top:45px; 
	width:980px; 
	margin:0 auto;
	margin-top:40px;
	border-bottom: 1px solid #212325;
	margin-bottom:  39px;
}
.map_board td {
	font-size: 16px;
	color: #333;
	font-weight:400;
	height: 45px;
	border-bottom: 1px solid #cdcdcd;
	line-height:24px;
}
.map_board td:first-child {
	padding-left:100px;
}


/*오시는 길 인천*/

.map_campus table tr td:first-child img{
	width: 300px;
}

.map_line {
	width: 980px;
	background-color:#A6A6A6;
}

.map_board2 {
	width: 980px;
	margin: 60px auto;
	padding: 0 80px;
	display: block;
}
.map_board_box1 {
	float: left;
	width: 440px;
}

.map_board_box1 .logo {
	width: 280px;
	height: 114px;
	margin: auto 0 auto 50px;
	display: block;
	filter: invert(31%) sepia(69%) saturate(6443%) hue-rotate(212deg) brightness(104%) contrast(105%);
}

.map_board_box1 h2 {
	font-size: 22px;
	margin-bottom: 16px;
}

.map_board_box1 p {
	font-size: 16px;
	line-height: 24px;
	color: #333;
	font-weight: 400;
	margin-bottom: 40px;
}

.trans_info {
	margin-top: 30px;
	height: 92px;
}

.trans_info .trans_img{
	width: 58px;
	height: 100px;
	float: left;
	margin-right: 30px;
}

.trans_info .trans_txt h3{
	font-size: 20px;
	margin-bottom: 10px;
}

.trans_info .trans_txt p {
	font-size: 16px;
	line-height: 24px;
	color: #333;
	font-weight: 400;
	margin-bottom: 40px;
}


/* 연혁 */
.history_copy {
	width:1060px;
	height:295px;
	background:url(/r_comm_img/info/history_bg.jpg) no-repeat;
}
.history_copy .history_copyright {
	padding-top:110px;
	text-align:center;
	font-size:16px;
	color:#fff;
	font-weight:500;
	line-height:30px;
}
.history {
	width:100%;
}
.history li {
	float:left;
	box-sizing:border-box;
	line-height:22px;
}
.history .history_step {
	width:33.3333%;
	padding:10px 20px;
}
.history .history_step .history_step_tit {
	width:100%;
	text-align:center;
	font-size:23px;
	color:#0074e4;
	font-weight:500;
	padding:10px 0;
}
.history .history_step .history_step_year {
	width:120px;
	height:30px;
	margin:0 auto;
	line-height:30px;
	border:1px solid #222;
	font-size:16px;
	font-weight:400;
	border-radius:15px;
	text-align:center;
	margin-bottom:20px;
}
.history .history_step .history_step_line {
	width:100%;
	height:1px;
	background:#222;
}
.history .history_step .history_step_ul:before {
	content:"";display:block;clear:both;
	height:30px;
}
.history .history_step li {
	font-size:14px;
	color:#222;
	font-weight:400;
}
.history .history_step li:last-child:after {
	clear:both;
}
.history .history_step .year {
	display:inline-block;
	width:70px;
	padding:0 25px 0 15px;
}
.history .history_step .dot {
	padding-right:3px;
}
/**************************** 교육원소개 끝 *************************/

/**************************** 과정상세 시작 *************************/
.courseview_info {
	width:100%;
	height:751px;
	box-sizing:border-box;
	padding-top:90px;
}
.courseview_info .classname_box {
	position:relative;
	margin:0 auto;
	width:879px;
	height:248px;
	background-color:rgba(255,255,255,0.2);
	border:1px solid #9b9b9b;
	box-sizing:border-box;
}

.courseview_info .classname_box .campus_name {
	margin-top:40px;
	width:100%;
	text-align:center;
	color:#fff;
	font-size:16px;
	font-weight:400;
}
.courseview_info .classname_box .barline {
	height:3px;
	width:40px;
	margin:20px auto;
	background:#4481fc;
}
.courseview_info .classname_box .classname {
	width:100%;
	padding:10px 30px;
	text-align:center;
	color:#fff;
	font-size:40px;
	font-weight:500;
	box-sizing:border-box;
	word-break:keep-all;
}
.courseview_info .classname_box .plusimg {
	position:absolute;
	left:0;
	bottom:-30px;
	width:100%;
	text-align:center;
}
.courseview_info .classinfo_bt {
	margin:0 auto;
	width:879px;
	margin-top:7px;
	
}
.courseview_info .classinfo_bt li {
	float:left;
	width:436px;
	height:60px;
	box-sizing:border-box;
	margin-bottom:52px;
}
.courseview_info .classinfo_bt li:first-child {
	background:url(/r_comm_img/courseview/info_btbg01.png) no-repeat;
	margin-right:7px;
	font-size:20px;
	font-weight:400;
	color:#fff;
	padding-left:78px;
}
.courseview_info .classinfo_bt li:first-child span {
	font-size:14px;
	color:#ffcd05;
}
.courseview_info .classinfo_bt li:last-child {
	background:url(/r_comm_img/courseview/info_btbg02.png) no-repeat;
	text-align:center;
	font-size:20px;
	font-weight:400;
	line-height:60px;
	color:#fff;
}
.courseview_info .classinfo_box {
	clear:both;
	width:100%;
	height:293px;
	background-color:rgba(119,135,168,0.3);
	box-sizing:border-box;
}
.courseview_info .classinfo_wrap {
	clear:both;
	width:879px;
	margin:0 auto;
}
.courseview_info .classinfo_box .classinfo_con {
	width:100%;
}
.courseview_info .classinfo_box .classinfo_con li {
	float:left;
	width:50%;
	box-sizing:border-box;
	padding:20px;
}
.courseview_info .classinfo_box .classinfo_con li tr {
	border-bottom:1px solid #fff;
}
.courseview_info .classinfo_box .classinfo_con li td {
	color:#fff;
	height:35px;
	font-size:14px;
	font-weight:400;
	padding-left:10px;
}
.courseview_info .classinfo_box .classinfo_con li td span {
	display:inline-block;
	width:6px;
	height:6px;
	border-radius:50%;
	background:#6e9eff;
	margin-bottom:3px;
}
.courseview_info .classinfo_box .classinfo_con li:last-child div {
	float:left;
	padding-top:70px;
	margin-right:15px;
}

/***   20240423 군포 과정 정보 추가   ***/

.g_courseview_info {
	width:100%;
	height:530px;
	box-sizing:border-box;
	padding-top:90px;
}
.g_courseview_info .g_classname_box {
	position:relative;
	margin:0 auto;
	width:1060px;
	height:248px;
}

.g_edu_type {
	margin:50px auto 0;
	width:100px;
	height:30px;
	line-height:30px;
	background:#fb871f;
	color:#fff;
	text-align:center;
	font-weight:400;
}
.g_courseview_info .g_classname_box .g_campus_name {
	margin-top:40px;
	width:100%;
	text-align:center;
	color:#fff;
	font-size:16px;
	font-weight:400;
}
.g_courseview_info .g_classname_box .g_barline {
	height:3px;
	width:40px;
	margin:20px auto;
	background:#4481fc;
}
.g_courseview_info .g_classname_box .g_classname {
	width:100%;
	margin-top: 10px;
	padding:10px 30px;
	text-align:center;
	color:#fff;
	font-size:42px;
	font-weight:600;
	box-sizing:border-box;
	word-break:keep-all;
	line-height: 1.4;
}
.courseview_info .classname_box .plusimg {
	position:absolute;
	left:0;
	bottom:-30px;
	width:100%;
	text-align:center;
}
.courseview_info .classinfo_bt {
	margin:0 auto;
	width:879px;
	margin-top:7px;
	
}
.courseview_info .classinfo_bt li {
	float:left;
	width:436px;
	height:60px;
	box-sizing:border-box;
	margin-bottom:52px;
}
.courseview_info .classinfo_bt li:first-child {
	background:url(/r_comm_img/courseview/info_btbg01.png) no-repeat;
	margin-right:7px;
	font-size:20px;
	font-weight:400;
	color:#fff;
	padding-left:78px;
}
.courseview_info .classinfo_bt li:first-child span {
	font-size:14px;
	color:#ffcd05;
}
.courseview_info .classinfo_bt li:last-child {
	background:url(/r_comm_img/courseview/info_btbg02.png) no-repeat;
	text-align:center;
	font-size:20px;
	font-weight:400;
	line-height:60px;
	color:#fff;
}
.g_classinfo_box {
	clear:both;
	width:100%;
	height:520px;
	box-sizing:border-box;
}
.g_classinfo_box .g_classinfo_wrap {
	clear:both;
	width:1060px;
	margin:0 auto;
}
.g_classinfo_box .g_classinfo_con {
	width:100%;
	padding-top: 50px;
}
.g_classinfo_box .g_classinfo_con li .detail_title {
	display: flex;
	align-items: center;
	padding-bottom: 20px;
	width: 529px;
	border-bottom: 1px solid rgb(0,0,0,0.1);
}

.g_classinfo_box .g_classinfo_con li .detail_title img {
	float: left;
}

.g_classinfo_box .g_classinfo_con li .detail_title p{
	float: left;
	padding-left: 8px;
	color: #333;
	font-weight: 400;
	font-size: 30px;
}
.g_classinfo_box .g_classinfo_con .classinfo_detail table {
	margin-top: 10px;
}
.g_classinfo_box .g_classinfo_con li {
	float:left;
	width:50%;
	box-sizing:border-box;
	padding:20px;
}

.g_classinfo_box .g_classinfo_con li td {
	color:#222;
	height:42px;
	font-size:18px;
	font-weight:400;
}

.g_classinfo_box .g_classinfo_con .info_txt1{
	color: #7d7d7d;
	font-size: 16px;
	padding-left:10px;
}
.g_classinfo_box .g_classinfo_con .info_phone {
	color: #0066ff;
	font-weight: 500;
}
.classinfo_detail .extra_txt{
	font-size:16px;
	color:#7d7d7d;
	font-weight:300;
	padding:12px 0 0 4px;
}

.g_classinfo_box .g_classinfo_con .classinfo_consult {
	float:right;
	width: 392px;
	margin-top: 16px;
}
.g_classinfo_box .g_classinfo_con .classinfo_consult .infobtn{
	height: 68px;
	margin-bottom: 20px;
	background-color: #0066ff;
	color: #fff;
	font-size: 18px;
	font-weight: 500;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	border: 1px solid #5297FF;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}



.g_classinfo_box .g_classinfo_con .classinfo_consult div:hover {
	box-shadow: 2px 3px 11px rgba(0,0,0,0.2), 2px 5px 17px rgba(0,0,0,0.10); 
	background: #fff;
	border: 1px solid #ACCBF8;
	color: #0066ff;
	font-weight: 600;
  }


/****군포 과정정보 추가 끝***/

/* 간편문의 */
.quickqna {clear:both; width:100%;}
.quickqna .quickqna_title {width:100%; text-align:center; padding-bottom:20px;}
.quickqna .board01 .vtit {background:#f8f8f8; width:100px;}


/* 240423 군포 추가 간편문의 */
.quickqna_wrap{
	width: 100%;
	height: 520px;
	background: #F5F9FF;
	padding: 20px 0;
}

.g_quickqna {
	clear:both;
	width:1060px;
	margin: auto;
}

/* 군포 추가 간편문의 끝*/

/* 카운터 시작 */
.school_numberwrap {
	clear:both;
	margin-top:80px;
	width:100%;
	height:303px;
	background:url(/r_comm_img/courseview/counter_bg.jpg) no-repeat center center;
}
.school_numberwrap2 {
	clear:both;
	width:100%;
	background:url(/r_comm_img/courseview/counter_bg.jpg) no-repeat center center;
}
.school_number_title {
	color:#fff;
	font-size:40px;
	width:100%;
	text-align:center;
	font-weight:500;
	height:110px;
	padding-top:40px;
}
.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;
}

/****240423 군포 추가 카운터 ****/

.g_school_numberwrap {
	clear:both;
	margin-top:0px;
	width:100%;
	height:303px;
	background:url(/r_comm_img/courseview/counter_bg.jpg) no-repeat center center;
}
.g_school_numberwrap2 {
	clear:both;
	width:100%;
	background:url(/r_comm_img/courseview/counter_bg.jpg) no-repeat center center;
}
.g_school_number_title {
	color:#fff;
	font-size:40px;
	width:100%;
	text-align:center;
	font-weight:500;
	height:110px;
	padding-top:40px;
}
.g_school_number {
	width:1060px;
	margin:0 auto;
}
.g_school_number li {
	float:left;
	width:33%;
	text-align:center;
	color:#fff;
	font-size:22px; 
	font-weight:400;
	
}
.g_school_number li span {
	display:inline-block;
	
}
.g_school_number li .counter {
	font-size:54px;
	color:#fff;
	display:inline-block;
}
.g_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;
}
.g_school_number li .cnt_name {
	width:100%;
	text-align:center;
	font-size:20px;
	font-weight:300;
	padding-top:30px;
}
.g_school_number td {
	width:33%;
	text-align:center;
	color:#fff;
	font-size:24px; 
	font-weight:400;
	height:150px;
}
.g_school_number td .counter {
	font-size:48px;
	color:#fff;
	height:150px;
}
.g_school_number td .counter_unit {
	font-size:22px;
	color:#fff;
	height:150px;
	padding-left:10px;
}


/* 카운터 끝 */

/* 과정소개 */
.cview_intro {padding-top:20px;}
.cview_intro .icon01 {text-align:center; margin-bottom:10px;}
.cview_intro .cview_title {text-align:center; height:40px; line-height:40px;}
.cview_intro .cview_exp {width:100%; margin:0 auto; text-align:center; font-size:14px; border-top:1px solid #c6c6c6; padding:10px 0 30px 0;}

.cview_intro .introimg {text-align:center;}
.cview_intro .introimg img {max-width:100%;}
.cview_intro .introtxt {text-align:center; line-height:22px; padding:40px 0 20px 0; font-size:16px;}
.introducebox {width:100%; height:auto; overflow:hidden; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; padding-top:30px; }
.introducebox ul {margin:0; padding:0;}
.introducebox li {display:block; list-style:none; float:left; line-height:22px; font-size:14px; font-family: 'Noto Sans KR', sans-serif; padding-bottom:30px;}
.introducebox li span {
	width: 200px;
	display:inline-block;
	background-color: #4481fc;
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding:5px 0;
	margin-right: 25px;
}
.clearboth {
	clear:both;
}


/* 커리큘럼 */
.cview_curri {clear:both; width:100%; padding:45px 0 30px;}
.curri_wrap {width:860px; margin:auto;}
.curri_wrap .levelbox {
	display:inline-block; width:110px; 
	height:110px; 
	text-align:center; 
	padding-top:40px; 
	color:#fff; 
	font-weight:400; 
	box-sizing:border-box; 
}
.curri_wrap .curri_table {
	margin-bottom:20px;
}
.curri_wrap .curri_con {
	width:100%; 
	border:2px solid #4481fc; 
	border-radius:100px; 
	overflow:hidden; 
	box-sizing:border-box;
}
.curri_wrap .curri_con td {
	padding: 16px 42px;
}
.curri_wrap .curri_con .c1 {
	width:160px;
	font-weight:400;
	font-size:16px;
	background:#4481fc;
	color:#fff;
	line-height: 140%;
}
.curri_wrap .curri_con .c2 {
	padding: 16px 42px;
	border-left:1px solid #4481fc;
	line-height: 140%;
}

/* 동영상 */
.cview_movie {width:100%; padding:45px 0 30px;}
.cview_movie .movie_wrap {clear:both; width:802px; margin:0 auto; height:275px;}
.cview_movie .movie_wrap li {
	float:left;
	height:275px;
	width:376px;
	margin-right:50px;
	box-sizing:border-box;
	
}

.cview_movie .movie_wrap li:last-child {
	margin-right:0;
}
.cview_movie .bx-wrapper .bx-controls-direction a{width:45px !important; height:45px !important;}
.cview_movie .bx-wrapper .bx-controls-direction a.bx-prev{left:-470px; top:50%; background:url(/r_comm_img/courseview/best_l.png) no-repeat !important;}
.cview_movie .bx-wrapper .bx-controls-direction a.bx-next{right:-70px; top:50%; background:url(/r_comm_img/courseview/best_r.png) no-repeat !important;}
.cview_movie .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 45px;
	height: 45px;
	text-indent: -9999px;
	z-index: 9;
}
.media_edubox {
	width:376px;
	box-sizing:border-box;
	font-size:13px;
	
}
.media_edumovie {
	width:100%;
	height:211px;
	position:relative;
}
.media_subject {
	width:100%;
	height:64px;
	line-height:64px;
	font-size:14px;
	font-weight:500;
	text-align:center;
	border:1px solid #dbdbdb;
	box-sizing:border-box;
}
.media_edumovie .media_youtubebt {
	position:absolute; 
	top:75px; 
	left:150px;
}

.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; }

/* 선생님소개 */
.cview_teacher {width:100%; padding:45px 0 30px;}
.cview_teacher .icon01 {text-align:center; margin-bottom:10px;}
.cview_teacher .teacher_title {text-align:center; height:40px; line-height:40px;}
.cview_teacher .teacher_exp {width:100%; margin:0 auto; text-align:center; font-size:14px; border-top:1px solid #c6c6c6; padding:10px 0 40px 0; font-family: 'Noto Sans KR', sans-serif;}
.cview_teacher .teacher_wrap {clear:both; width:800px; margin:0 auto; }

.cview_teacher .teacher_wrap .teacher_nm {width:331px; height:331px; vertical-align:top; background:url(/r_comm_img/courseview/teacher_nmbg.png) no-repeat;}
.cview_teacher .teacher_cls {width:150px; margin-left:70px; margin-top:100px; padding:8px 0px; border-radius:20px; background:#fff; font-size:12px; font-weight:bold; text-align:center;}
.cview_teacher .teacher_campus {padding-left:70px; color:#fff; font-size:17px; font-weight:bold; box-sizing:border-box; margin-top:30px;}
.cview_teacher .teacher_name {padding-left:70px; color:#fff; font-size:40px; font-weight:bold; box-sizing:border-box;}
.cview_teacher .teacher_name span {font-size:24px;}
.cview_teacher .teacher_wrap .teacher_career {width:469px;  box-sizing:border-box;}

.cview_teacher .teacher_career .t1 {display:block; padding-bottom:5px;}
.cview_teacher .teacher_career .t2 {display:block; padding-bottom:20px;}
.cview_teacher .teacher_career .t1 {width:100%; padding-left:150px; box-sizing:border-box; color:#ff6633; font-size:14px; font-weight:500;}
.cview_teacher .teacher_career .t2 {width:100%; padding-left:150px; box-sizing:border-box; font-size:14px; color:#222222; line-height:22px; font-weight:400;}
.cview_teacher .teacher_career .t3 {width:110px; padding-left:15px; padding-top:15px; border-right:1px solid #b3b3b3; vertical-align:top; color:#000; font-size:13px; font-weight:bold;}
.cview_teacher .teacher_career .t4 {padding-left:15px; padding-top:15px; font-size:13px; color:#313131; font-family: 'Noto Sans KR', sans-serif;}
.cview_teacher .bx-wrapper .bx-controls-direction a{width:45px !important; height:45px !important;}
.cview_teacher .bx-wrapper .bx-controls-direction a.bx-prev{left:-70px; top:50%; background:url(/r_comm_img/courseview/best_l.png) no-repeat !important;}
.cview_teacher .bx-wrapper .bx-controls-direction a.bx-next{right:-70px; top:50%; background:url(/r_comm_img/courseview/best_r.png) no-repeat !important;}
.cview_teacher .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 45px;
	height: 45px;
	text-indent: -9999px;
	z-index: 9;
}

/* 취업지원시스템 */
.work {
	width:1060px;
	padding-top:50px;
}
.work .work_title {
	width:1060px;
	height:27px;
	
	text-align:center;
	line-height:27px;
	font-weight:500;
	font-size:24px;
	margin-bottom:50px;
}
.work .work_step {
	clear:both;
	width:1060px;
}
.work .work_step li {
	float:left;
	font-size:14;
	font-weight:400;
}
.work .work_step1 li {
	padding-left:110px;
	padding-bottom:30px;
	box-sizing:border-box;
}

.work .work_step1 .step1 {
	width:330px;
}
.work .work_step1 .step2 {
	width:350px;
}

.work .work_step1 .step4 {
	width:330px;
}
.work .work_step1 .step5 {
	width:350px;
}
.work .work_step .stepno {
	font-size:16px;
	font-weight:500;
	padding:15px 0;
}
.work .work_step .stepnm {
	font-size:15px;
	font-weight:500;
	padding-bottom:10px;
}
.work .work_step2 li {
	padding-left:10px;
	box-sizing:border-box;
}
.work .work_step2 .step1 {
	width:304px;
}
.work .work_step2 .step2 {
	width:270px;
}
.work .work_step2 .step3 {
	width:285px;
}

.work .work_step1 li {
					padding-left:0px;
					padding-bottom:0px;
					box-sizing:border-box;
					width:17px;
					
				}

				.work .work_step1 .step1 {
					width:342px;
					box-sizing:border-box;
					padding-left:50px;
					padding-bottom:30px;
				}
				.work .work_step1 .step2 {
					width:342px;
					box-sizing:border-box;
					padding-left:50px;
					padding-bottom:30px;
				}
				.work .work_step1 .step3 {
					width:342px;
					box-sizing:border-box;
					padding-left:50px;
					padding-bottom:30px;
				}
				.work .work_step1 .step4 {
					width:342px;
					box-sizing:border-box;
					padding-left:50px;
				}
				.work .work_step1 .step5 {
					width:342px;
					box-sizing:border-box;
					padding-left:50px;
				}
				.work .work_step1 .step6 {
					width:342px;
					box-sizing:border-box;
					padding-left:50px;
				}
				
				.work .work_step1 .stepno {
					font-size:16px;
					font-weight:500;
					padding:5px 0;
					color:#0b63e8;
					padding-left:20px;
					box-sizing:border-box;
				}
				.work .work_step1 .stepnm {
					font-size:17px;
					font-weight:500;
					padding-bottom:0px;
					padding-left:20px;
					box-sizing:border-box;
				}
				.work .work_step1 .stepexp {
					font-size:14px;
					font-weight:400;
					padding-left:20px;
					box-sizing:border-box;
					color:#222222;
				}
				
				.work .work_step2 li {
					box-sizing:border-box;
					width:17px;
				}
				.work .work_step2 .step1 {
					width:252px;
					box-sizing:border-box;
					padding-left:20px;
				}
				.work .work_step2 .step2 {
					width:252px;
					box-sizing:border-box;
					padding-left:20px;
				}
				.work .work_step2 .step3 {
					width:252px;
					box-sizing:border-box;
					padding-left:20px;
				}
				.work .work_step2 .step4 {
					width:252px;
					box-sizing:border-box;
					padding-left:20px;
				}
				.work .work_step2 .stepno {
					font-size:16px;
					font-weight:500;
					padding:5px 0;
					color:#0b63e8;
					padding-left:20px;
					box-sizing:border-box;
				}
				.work .work_step2 .stepnm {
					font-size:15px;
					font-weight:500;
					padding-bottom:0px;
					padding:10px 0 20px; 0;
					padding-left:20px;
					box-sizing:border-box;
				}
				.work .work_step2 .stepexp {
					font-size:14px;
					font-weight:400;
					padding-left:20px;
					box-sizing:border-box;
					color:#222222;
				}

/* 신청절차,수강혜택 */
.cview_process {width:100%; margin-top:70px;}
.cview_process .icon01 {text-align:center; margin-bottom:10px;}
.cview_process .classtitle {text-align:center; height:40px; line-height:40px; }
.cview_process .exp {width:100%; margin:0 auto; text-align:center; font-size:14px; border-top:1px solid #c6c6c6; padding:10px 0 30px 0;}
.cview_process .process {position:relative; background:#efefef; padding:20px 0; margin-bottom:20px;}
.cview_process .process .txt {width:776px; margin:0 auto; font-size:16px; font-weight:600;}
.cview_process .process .txticon {position:absolute; left:0; top:0;}
.cview_process .process .bt {text-align:center; padding-top:10px;}
.cview_process .txt_t {width:776px; margin:0 auto; font-size:16px; padding-bottom:10px; font-weight:500;}
.cview_process .txt_c {width:776px; margin:0 auto; font-size:14px; font-weight:400; padding-left:10px; padding-bottom:30px; box-sizing:border-box;}
.cview_process .benefit {position:relative; width:776px; margin:0 auto; height:228px; background:url(/r_comm_img/courseview/benefit_bg.png) no-repeat;}
.cview_process .benefit .bf1 {position:absolute; top:150px; left:0px; width:176px; display:block; text-align:center; font-size:16px; font-weight:600;}
.cview_process .benefit .bf2 {position:absolute; top:150px; left:200px; width:176px; display:block; text-align:center; font-size:16px; font-weight:600;}
.cview_process .benefit .bf3 {position:absolute; top:150px; left:400px; width:176px; display:block; text-align:center; font-size:16px; font-weight:600;}
.cview_process .benefit .bf4 {position:absolute; top:150px; left:600px; width:176px; display:block; text-align:center; font-size:16px; font-weight:600;}

/* 수강후기 */
.cview_after {
	width:100%;
	padding-top:30px;
}
.cview_after .after_wrap {
	width:100%;
	border:1px solid #dbdbdb;
	padding:30px 12px;
	box-sizing:border-box;
}
.cview_after .after_wrap .after_area {
	width:100%;
	height:500px;
	overflow:auto;
}

/* 수강생인터뷰 */
.cview_interview {width:100%; margin-top:70px;}
.cview_interview .icon01 {text-align:center; margin-bottom:10px;}
.cview_interview .interview_title {text-align:center; height:40px; line-height:40px;}
.cview_interview .interview_exp {width:100%; margin:0 auto; text-align:center; font-size:14px; border-top:1px solid #c6c6c6; padding:10px 0;}
.interview_box {width:1060px; height:416px; margin:30px auto;}
.interview_box ul {margin:0; padding:0;}
.interview_box li {list-style:none; float:left; width:265px; height:416px;}
.interview_box .interview_cxt {position:relative; width:100%; height:416px; border:1px solid #e8e8e8; box-sizing:border-box; background:#fff;}
.interview_box .interview_cxt .info0 {width:80px; height:10px; background:#e8e8e8; margin-top:60px;}
.interview_box .interview_cxt .info1 {width:100%; font-size:18px; font-weight:bold; color:#202020; text-align:left; line-height:20px; padding:30px 20px; box-sizing:border-box; word-break:keep-all;}
.interview_box .interview_cxt .info2 {width:100%; font-size:14px; text-align:right; font-weight:500; padding:0 20px; box-sizing:border-box;}
.interview_box .interview_cxt .info3 {width:100%; font-size:14px; text-align:left; padding:20px; color:#333; box-sizing:border-box;}
.interview_box .interview_cxt .info4 {width:100%; font-size:14px; text-align:left; padding:0 20px; box-sizing:border-box;}
.interview_box .interview_cxt .bt_detail {position:absolute; left:50%; transform:translateX(-50%); bottom:20px;}

/* 포트폴리오 */
.cview_pf {width:100%; height:295px; margin-top:70px; background:url(/r_comm_img/courseview/bg_portfolio.jpg) no-repeat;}
.pf_roll {clear:both; width:1060px; margin:0 auto;}
.pf_roll li {
	float:left;
	box-sizing:border-box;
	
}
.pf_roll .pf_title {
	width:235px;
	padding-left:50px;
	
}
.pf_roll .pf_title .pf_subpage_title {
	clear:both;
	width:100%;
	text-align:left;
	font-size:30px;
	font-weight:400;
	margin-top:20px;
}
.pf_roll .pf_title .pf_subpage_title_bar {
	height:3px;
	width:40px;
	margin-top:100px;
	background:#4481fc;
}
.pf_rolling {width:825px; margin-top:65px;}
.pf_rolling .pf_Slider {width:100%; margin:0; padding:0;}
.pf_rolling li {display:block; width:275px; box-sizing:border-box; font-size:13px;}
.pf_roll .bx-wrapper {margin:0;}
.pf_roll .bx-wrapper .bx-controls-direction a{width:14px !important; height:19px !important;}
.pf_roll .bx-wrapper .bx-controls-direction a.bx-prev{left:740px; top:-10px; background:url(/r_comm_img/courseview/pf_l.png) no-repeat;}
.pf_roll .bx-wrapper .bx-controls-direction a.bx-next{left:770px; top:-10px; background:url(/r_comm_img/courseview/pf_r.png) no-repeat;}
.pf_roll .bx-wrapper .bx-controls-direction a {
	position: absolute;
	outline: 0;
	width: 14px;
	height: 19px;
	text-indent: -9999px;
	z-index: 9;
}
.pf_rolling .rol {width:234px; border:1px solid #bfbfbf; box-sizing:border-box;}
.pf_rolling .img {width:232px; height:142px;}
.pf_rolling .img img {max-width:100%; width:100%;}
.pf_rolling .tit {
	width:100%; 
	height:40px; 
	line-height:40px; 
	text-align:center; 
	font-size:14px; 
	color:#222; 
	text-decoration:none; 
	font-weight:400; 
	background-color:rgba(227,234,244,0.5);
}

/* 시설안내 */
.mfc {width:100%; box-sizing:border-box;}
.mfc ul {margin:0; padding:0;}
.mfc li {list-style:none; float:left; height:580px;}
.mfc .fmovie {width:540px; box-sizing:border-box;}
.fmedia_edubox {
	width:520px;
	box-sizing:border-box;
	font-size:13px;
	margin-top:10px;
}
.fmedia_subject {
	width:100%;
	height:178px;
	line-height:22px;
	font-size:14px;
	font-weight:400;
	padding:10px 0 0 10px;
	border:1px solid #dbdbdb;
	box-sizing:border-box;
}
.fmedia_edumovie {
	width:520px;
	height:293px;
	margin:0 auto;
}
.fmedia_edumovie iframe {
	width: 100%;
    height: 100%;
}

.fmedia_edumovie_top {
	width:796px;
	height:392px;
	margin:0 auto;
	margin-bottom : 40px;
}
.fmedia_edumovie_top iframe {
	width: 100%;
    height: 100%;
}
.fmedia_edumovie_top2 {
	width:520px;
	height:293px;
	margin:0 auto;
	margin-bottom : 40px;
	float: left;
}
.fmedia_edumovie_top2 iframe {
	width: 100%;
    height: 100%;
}
.fmedia_edumovie_top3 {
	width:520px;
	height:293px;
	margin:0 auto;
	margin-bottom : 40px;
	float: right;
}
.fmedia_edumovie_top3 iframe {
	width: 100%;
    height: 100%;
}

.mfc .branch_pic {width:520px; box-sizing:border-box;}

/* 모집중인 추천과정 */
.viewclass_wrap {
	background:#efefef;
	overflow:hidden;
	padding:45px 0 30px 0;
}
.viewclass_list {
	width:100%;
	
}
.viewclass_list li {
	position:relative;
	width:353px;
	height:164px;
	float:left;
	
}
.viewclass_list .viewclass_box {
	display:block;
	width:336px;
	height:max-content;
	margin:0 auto;
	padding:22px;
	border:1px solid #969696;
	box-sizing:border-box;
	font-size:14px;
	color:#494949;
	text-align:center;
	background:#fff;
}
.viewclass_list li div {
	text-align:center;
	height:25px;
}
.viewclass_list li .viewclass_bar {
	width:60px;
	height:4px;
	background:#dbdbdb;
	margin:0 auto;
	border-radius:10px;
}
.viewclass_list li:hover .viewclass_bar {
	width:60px;
	height:4px;
	background:#006cff;
	margin:0 auto;
	border-radius:10px;
}
.viewclass_list li .viewclassname {
	padding:5px 0;
	font-weight:400;
	height:40px;
	line-height:22px;
}
.viewclass_list li .viewclassname a {
	color:#222;
}
.viewclass_list li .viewclassname a:hover {
	color:#006cff;
}
.viewclass_list li .icon {
	display:inline-block;
	width:54px;
	height:22px;
	line-height:22px;
	text-align:center;
	font-size:13px;
}
.viewclass_list li .icon01 {
	background:#4481fc;
	color:#fff;
}
.viewclass_list li .icon02 {
	background:#fedc00;
	color:#222;
}
.viewclass_list li .icon03 {
	background:#ff4e00;
	color:#fff;
}
.viewclass_list li .icon04 {
	background:#fedc00;
	color:#222;
}
.viewclass_list li a:hover .viewclassname {
	color:#ff5900;
}


/**************************** 과정상세 끝 *************************/

/* 로그인 회원가입 */
.bt_join {height:40px; line-height:40px; padding:0 20px; font-size:14px; color:#fff; font-weight:600; background:#f66603; cursor:pointer;}
.bt_delete {height:40px; line-height:40px; padding:0 20px; font-size:14px; color:#fff; font-weight:600; background:#f60303; cursor:pointer;}
.join_kind {width:400px; margin:10px auto;}
.join_kind ul {margin:0; padding:0;}
.join_kind li {list-style:none; float:left; width:200px; text-align:center; padding-bottom:30px;}
.join_kind li a.kind01 {display:block; width:200px; height:91px; background: url(/r_comm_img/mem1.gif) center center no-repeat;}
.join_kind li a.kind02 {display:block; width:200px; height:91px; background: url(/r_comm_img/mem2.gif) center center no-repeat;}
.join_kind li a.kind01:hover {display:block; width:200px; height:91px; background: url(/r_comm_img/mem1on.gif) center center no-repeat;}
.join_kind li a.kind02:hover {display:block; width:200px; height:91px; background: url(/r_comm_img/mem2on.gif) center center no-repeat;}
.join_kind li p {font-size:14px; font-weight:600; height:50px; line-height:50px; color:#333;}
.memexp {width:500px; margin:0 auto; border:1px solid #008aff; padding:0 10px 10px 10px;}
.memexp div {font-size:14px; font-weight:600; height:25px; line-height:25px; color:#333; margin-top:20px;}
.memexp ul {margin:0; padding-left:10px;}
.memexp li {font-size:14px; height:25px; line-height:25px; color:#333; padding:0; font-weight:400;}
.loginwrap {width:500px; margin:0 auto;}
.loginwrap div {margin-bottom:10px; font-size:14px; color:#838383;}
.loginwrap .bt_login {width:100%; height:50px; line-height:40px; text-align:center; font-size:18px; color:#fff; font-weight:600; background:#f66603; cursor:pointer;}
.loginwrap .login_menu {width:100%; margin-top:40px; border-top:1px solid #dbdbdb; height:50px; line-height:50px; text-align:center; font-weight:400;}
.loginwrap .login_menu a {font-size:14px; color:#838383; text-decoration:none;}
.button01 {
	background-color: #37434F;
	font-size: 13px;
	color: #fff;
}

/* 페이징 */
.paging { width:100%; position:relative;clear:both;text-align:center;}
.paging span{display:inline-block;}
.paging .pg{width:26px; height:22px; border:1px solid #bfbfbf; font-size:14px; line-height:20px; box-sizing:border-box;}
.paging .pgon {background:#4481fc; color:#fff;}

.paging a:link {color:#333;text-decoration:none;}
.paging a:visited {color:#333;text-decoration:none;}
.paging a:active {color:#333;text-decoration:none;}
.paging a:hover {color:#333;text-decoration:none;}
/* 페이징 끝 */