@font-face {
  font-family: "Pretendard";
  font-weight: 100 200 300 400 500 600 700 800 900;
  font-style: normal;
  font-display: swap;
  src: url("./PretendardVariable.woff2") format("woff2-variations");
}


body {
/*	background-image: url(../image/common/bg.jpg);*/
/*	background-repeat : repeat-x;*/
	background-color: #ffffff;
    font-family : 'pretendard', 'Nanum Gothic', 'dotum', Verdana, Helvetica;
    font-size : 14px;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
	COLOR: #444444;
}


P {FONT-SIZE:16px; LINE-HEIGHT: 1.6; COLOR: #444444; text-align:justify;}
td		{font-size:16px; color:#444444; line-height:1.6;}
form {display:inline;}
img {border: 0px}

a,img { selector-dummy : expression(this.hideFocus=true);} 

A:LINK {
	color : #444444;
	text-decoration : none;
}
A:VISITED {
	color : #444444;
	text-decoration : none;
}
A:HOVER {
	color : #000000;
	text-decoration : none;
}
A:ACTIVE {
	color : #444444;
	text-decoration : none;
}

li { list-style: none outside none; }

/********************* Form Class *******************/

input,select {font-size:12px; COLOR: #444;  border:#C0C0C0 1px solid; height:18px; padding-top:2px; }
textarea { FONT-SIZE: 12px; COLOR: #444;  TEXT-DECORATION: none; border: 1px solid #CCCCCC; }


.outwrap {
	width:1440px;
	margin:0 auto;	
}

.outwrap_top {
	position:absolute;
	top:0;
	width:100%;
	z-index:100;
	height:auto;
	background:#fff;
	border-bottom: 0px solid #ddd;	
}


.top {height:130px; width:1440px; position:relative; margin:0 auto;}
.top .logo{
	position: absolute;
    top: 25px;
    left: 0;
}
.top .top_menu {
	position: absolute;
    top: 57px;
    right: 5px;
	font-size: 15px;
	font-weight:500;
}
.top .top_menu li:first-child a{margin-left:0px;}
.top .top_menu li a {color: #333; margin-left:15px;}

.gnb_bg {
	background:#fff; 
	height:0px;
	width:100%;
	position: absolute;
    top: 130px;
    left: 0;
	z-index:-1;
}

.gnb_wrap {height:41px; overflow:hidden ; padding:0px 0px 0 0px; margin:45px 0 0 380px;display: inline-block; background:#fff; }
.gnb_wrap li {float: left; width:140px; font-weight:400; text-align: center; line-height: 41px;  margin-right:0px; border:0px solid red;}

.gnb_wrap li a {color: #333;  font-weight:600; font-size:21px;}
.gnb_wrap li a:hover {color:#d93939;}

.gnb_wrap li div {display: block; width:119px; background:#fff; border-right: 0px solid #ccc;  padding:15px 0 5px 0; height:180px; margin:0 auto;}



.gnb_wrap li div p {display:block; padding:0 0 0 0; margin:0; width:100%; text-align: center; height:28px; border-bottom:0px solid red; line-height:28px;}
.gnb_wrap li div p a {font-size:15.5px; color:#555;  padding:0px; margin:0;font-weight: 500;}
.gnb_wrap li div p a:hover {color:#d93939; font-weight: 500;}

.gnb_wrap li div.gnb_first {}




.wrap { position:relative; width:1440px; margin:0 auto; padding:0 0px; clear: both; }




/* new */
.sub_vis_01, .mt_top {margin-top:130px;}
.swiper-pagination { 
	text-align:right !important; 
	padding-right:30px!important; 
	color:#fff !important; 
	font-weight:600 !important; 
	font-size:17px !important; 
	width:1410px !important; 
    bottom: var(--swiper-pagination-bottom,18px) !important; 
}
.swiper-button-next:after, .swiper-button-prev:after {
	display:none;
}
.btn-prev,
.btn-autoplay,
.btn-next {cursor:pointer;}
.btn-autoplay {
	width:20px;
	height:20px;
	background:url(../image/main/main_play.gif) no-repeat 0px 0px;
}
.btn-autoplay.on {
	background:url(../image/main/main_play.gif) no-repeat -20px 0px;
}
.class_img {
	width:335px;
	height:250px;
}
.class_btn{
	margin:25px 0 15px 0;
}
.class_btn .btn_datail,
.class_btn .btn_apply{
	width:100px; height:29px;
	text-align:center;
	background:#262626;
	border:1px solid #262626;	
	font-size::14px;
	font-weight:500;
	color:#fff;
	margin-right:3px;
}
.class_btn .btn_datail{
	background:#ffffff;
	border:1px solid #121212;
	color:#222;	
}
.class_btn .btn_apply:hover {
	font-weight:600;
	background:#d93939;
	border:1px solid #d93939;		
}
.class_btn .btn_datail:hover {
	color:#d93939;	
	border:1px solid #d93939;			
}
.class_btn .btn_done{
	width:100px; height:29px;
	text-align:center;
	background:#aaa;
	border:1px solid #aaa;	
	font-size::14px;
	font-weight:500;
	color:#fff;
}
.class_s_title{
	color:#555;
	font-weight:500;		
}
.class_title{
	color:#333;
	font-size:22px;
	font-weight:700;
	margin:5px 0;
	letter-spacing:-0.5px;	
}
.class_dates{
	color:#666;
	font-size:16px;
	font-weight:400;
	letter-spacing:-0.5px;
	margin:10px 0 0 0;	
}

.main_class2_box {
	width:294px;
	height:98px;
	border:1px solid #a6a6a6;	
	padding:22px 17px 15px 22px;
}


.main_title {
	margin:65px 0 25px 0;
	font-size:33px;
	color:#333;
	font-weight:700;
	position:relative;
	letter-spacing:-0.5px;	
}

.main_map {
	width:100%;
	height:300px;
	overflow:hidden;
	border:1px solid #bfbfbf;
}

.tabs-container {
	width:703px;
}

.tabs-container .tabs{
	width:100%;
	border-bottom:1px solid #111;
	height:60px;
}
.tabs-container .tabs div{
	font-size:22px;
	color:#333;
	font-weight:500;
	padding:0 35px;
	height:58px;
	cursor:pointer;
}
.tabs-container .tabs div.active{
	font-weight:700;
	border-bottom:2px solid #111;	
}
.tabs-container .tab-content {
	border-bottom:1px solid #111;	
	min-height:320px;
	margin-top:25px;
}
.main_board_list {
	font-size:19px;
	color:#333;	
}

.main_board_list .mbl_01 {
	flex-basis:290px;
	white-space: nowrap;  
	overflow: hidden;       
	text-overflow: ellipsis;
}
.main_board_list .mbl_02 {
	flex-basis:90px;
}
.main_board_list .mbl_03 {
	margin-left:20px;
	flex-basis:260px;
	white-space: nowrap;  
	overflow: hidden;       
	text-overflow: ellipsis;	
}

.main_board_list .date_input{
	color:#888;		
}

.mjobs {display: block; padding: 0; margin: 0; text-align: center;
	background:#fcfbfc;
	border:1px solid #dbd8da;
	height:278px !important;
	width:455px !important; 
	
}
.mjobs .jos_01 {padding-top: 20px; font-size: 21px; color: #333;font-weight: 500;}
.mjobs .jos_01 span {color:#2aa39a;}
.mjobs .jos_02 {padding-top: 0px; font-size: 100px; color: #2e6eaa; font-weight: 700; letter-spacing:-1px;}
.mjobs .jos_03 {padding-top: 0px; font-size: 23px; color: #222; font-weight: 500;}
.mjobs .jos_04 {padding-top: 7px; font-size: 19px; color: #888; font-weight: 500;}

.classview_img img{
	width:457px;height:280px;	
}
.classview_title {
	font-size:20px;
	color:#333;
	font-weight:500;
	margin:25px 0 0 0;
}

.classviewt,.carntvt,.jobpro {
    margin: 65px 0 40px 0;
}
.main_jobsrev_list {
    background: #fcfbfc;
    border: 1px solid #dbd8da;	
	box-sizing: border-box;	
}
.jobrev01 {
	width:150px;
}
.jobrev01 > img {
	width:100px;
	height:125px;
	border-radius:5px;
}
.jobrev02 {
	width:530px;
	margin-right:20px;
}

.jobrev_01{
	font-size:17px;
	color:#333;
	margin-bottom:15px;
	font-weight:500;	
}
.jobrev_02{
	font-size:20px;
	color:#333;	
	margin-bottom:15px;	
	font-weight:600;
	width:520px;	
	white-space: nowrap;  
	overflow: hidden;       
	text-overflow: ellipsis;	
}
.jobrev_03{
	font-size:15px;
	color:#6b6b6b;	
	overflow: hidden;
	display: -webkit-box;    
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;	
}


/*
.main_vis .cycle-pager {position: absolute; left:0%; width:100%; top:325px; z-index: 1000; border:0px solid red;  text-align:center;}
.main_vis .cycle-pager span:hover {cursor: pointer;}
.main_vis .cycle-pager span {display: inline-block;  width:12px; height:12px;  background:#ccc; text-indent:-10000px; overflow: hidden; margin:0 5px;
    border-top-left-radius: 6px; -webkit-border-top-left-radius: 6px; -moz-border-top-left-radius: 6px; 
	border-top-right-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-top-right-radius: 6px; 
	border-bottom-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-bottom-left-radius: 6px; 
	border-bottom-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-bottom-right-radius: 6px;
}
.main_vis .cycle-pager span.cycle-pager-active {background:#fff;}

.main_vis1 .cycle-pager {top:450px; }
*/







.classess,
.classes {width:260px; height:119px; border:1px solid #d4d4d6; background:#f8f8f8; float:left; margin-right:10px; margin-bottom:15px; cursor:pointer;position: relative;
    border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; 
	border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; 
	border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px; 
	border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px;
}
.classess {cursor:default;}
.clsss_done {position:absolute; top:0; left:0; z-index: 100;}
.home_tag2_class_off,
.clsss_no {display:none;}

.home_tag2_class_on {position:absolute; top:-11px; left:calc(50% - 75px); z-index: 99; width:150px; height:20px; text-align:center; background:#fff; border:1px solid #ccc;
    border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; 
	border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; 
	border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px; 
	border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px;
	line-height:20px; font-size:13px; color:#000;
}


.classes_none {cursor:inherit;}
.classes:hover {border:1px solid #f15f5a;}
.classes_none:hover {border:1px solid #d4d4d6;}
.classes:hover .class_hd { background:#f5ba3d;}
.classes:hover .class_date p, .classes:hover .class_date span, .classes:hover .class_date { color:#f15f5a;}


/*.classes:nth-child(4n) {margin-right:0px;}*/
.classess .class_hd,
.classes .class_hd {width:251px; height:45px; display:block; margin:0 auto; margin-top:5px; color:#fff;font-size:27px;  font-weight: 700; text-align:center; line-height:45px; letter-spacing:-1.5px; overflow:hidden;
    border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; 
	border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; 
	border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px; 
	border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px;
}
.class_hd.color01 {background:#f15f5a;}
.class_hd.color02 {background:#3787c7;}
.class_hd.color03 {background:#52b444;}
/*
.class_hd.color01 {background:#3787c7;}
.class_hd.color02 {background:#f5ba3d;}
.class_hd.color03 {background:#49b03a;}
*/

.class_date {display:block;font-size:31px;  font-weight: 900; text-align:center; color:#222; border:0px solid red; line-height:35px; margin-top:5px; height:37px; vertical-align: text-bottom;}
.class_date span {font-size:18px; font-weight: 700; margin-left:5px;}
.class_date p {font-size:29px;  font-weight: 900; text-align:center; color:#222; padding:0; margin:0;line-height:35px;}
.class_tag {display:block; border:0px solid red; height:20px; overflow:hidden; text-align:center; margin-top:3px;}
.class_tag dd { display:inline-block; min-width:20px; font-size:11px;  font-weight: 300; text-align:center; color:#fff;background:#898989; line-height:18px; height:18px;
	margin:0 2px; padding:0 10px; letter-spacing:-0.5px;
    border-top-left-radius: 9px; -webkit-border-top-left-radius: 9px; -moz-border-top-left-radius: 9px; 
	border-top-right-radius: 9px; -webkit-border-top-right-radius: 9px; -moz-border-top-right-radius: 9px; 
	border-bottom-left-radius: 9px; -webkit-border-bottom-left-radius: 9px; -moz-border-bottom-left-radius: 9px; 
	border-bottom-right-radius: 9px; -webkit-border-bottom-right-radius: 9px; -moz-border-bottom-right-radius: 9px;
}
.class_tag dd:hover {background:#646464;}


.glossy {
	-webkit-animation:glossy 0.4s ease-in-out infinite alternate;
    -moz-animation:glossy 0.4s ease-in-out infinite alternate;
    animation:glossy 0.4s ease-in-out infinite alternate;
}
@-webkit-keyframes glossy{
	 0% {background-color: ##f15f5a;}
	 100% {background-color: #F5BA3D;}
}
@-moz-keyframes glossy{
	 0% {background-color: ##f15f5a;}
	 100% {background-color: #F5BA3D;}
}
@keyframes glossy{
	 0% {background-color: ##f15f5a;}
	 100% {background-color: #F5BA3D;}
}

.glossy2 {
    animation:glossy2 0.7s ease-in-out infinite alternate;
}

@keyframes glossy2{
	 0% {border:1px solid #d4d4d6;}
	 100% {border:1px solid #FF6600;}
}

.glossy2 .class_li_con2 {
    animation:glossy3 0.7s ease-in-out infinite alternate;
}

@keyframes glossy3{
	 0% {color:#0a67b1;}
	 100% {color:#FB582A;}
}


.main_link {background:url(../image/main/main_link.jpg) no-repeat 0 0px; height:93px; display:block;}
.main_link li {float:left; width:130px; font-size:27px;  font-weight: 700; line-height:65px; letter-spacing:-0.5px;}
.main_link li a {color:#fff;}
.main_link li a:hover {color:#ffdc38;}
.main_link_01 {padding-left:100px;}
.main_link_02 {padding-left:65px;}
.main_link_03 {padding-left:77px; }
.main_link_03 a {letter-spacing:1px;}
.main_link_04 {padding-left:73px;}
.main_link_05 {padding-left:70px;}

















/* new */
.footer {width:100%; display: block; border-top:1px solid #ececec; margin:40px 0 0 0;}
.footer .footer_inner {padding:62px 0; font-size:14px;}

.foot_logo {font-size:18px; font-weight:700;}
.foot_copy {font-size:10px; font-weight:400; margin-top:5px;}
.foot_copyb {font-size:12px; font-weight:500; margin-top:5px;}
.footer .footer_inner li{
	flex-basis:360px;
}
.footer .footer_inner li.links {
	line-height:24px;
	font-weight:500;
}
.footer .footer_inner li.links a.pracy {font-weight:600;}
.footer .footer_inner li.links_last {text-align:right;}

.footer .footer_inner li a.copylink_01 {
	display:inline-block;
	width:47px;
	height:41px;
	background:url(../image/common/copylink.jpg) no-repeat 0px 0px;
}
.footer .footer_inner li a.copylink_02 {
	display:inline-block;
	width:41px;
	height:41px;
	background:url(../image/common/copylink.jpg) no-repeat -47px 0px;
}
.footer .footer_inner li a.copylink_03 {
	display:inline-block;
	width:47px;
	height:41px;
	background:url(../image/common/copylink.jpg) no-repeat -88px 0px;
}
.footer .footer_inner li a.copylink_04 {
	display:inline-block;
	width:36px;
	height:41px;
	background:url(../image/common/copylink.jpg) no-repeat -135px 0px;
}
.footer .footer_inner li a.copylink_05 {
	display:inline-block;
	width:41px;
	height:41px;
	background:url(../image/common/copylink.jpg) no-repeat -171px 0px;
}
.footer .footer_inner li a.copylink_06 {
	display:inline-block;
	width:42px;
	height:41px;
	background:url(../image/common/copylink.jpg) no-repeat -212px 0px;
}


#r_banner a.copylink_01 {
	display:inline-block;
	width:55px;
	height:36px;
	background:url(../image/common/copylink.jpg) no-repeat 1px 0px;
}
#r_banner a.copylink_02 {
	display:inline-block;
	width:55px;
	height:36px;
	background:url(../image/common/copylink.jpg) no-repeat -44px 0px;
}
#r_banner a.copylink_03 {
	display:inline-block;
	width:55px;
	height:36px;
	background:url(../image/common/copylink.jpg) no-repeat -87px 0px;
}
#r_banner a.copylink_04 {
	display:inline-block;
	width:55px;
	height:36px;
	background:url(../image/common/copylink.jpg) no-repeat -128px 0px;
}
#r_banner a.copylink_05 {
	display:inline-block;
	width:55px;
	height:36px;
	background:url(../image/common/copylink.jpg) no-repeat -166px 0px;
}
#r_banner a.copylink_06 {
	display:inline-block;
	width:55px;
	height:36px;
	background:url(../image/common/copylink.jpg) no-repeat -212px 0px;
}
























.color_m01 {background:#c71f26;  height:41px;}
.color_m02 {background:#f3f3f3;  height:362px; padding-top:0px;}
.color_m03 {background:#fff;  height:360px; padding-top:30px;}
.color_m04 {background:#f6f9fb;  padding:35px 0 30px 0;}
.color_m05 {background:#fff;  height:293px; padding-top:23px;}
.color_m06 {background:#f8f8f8;  padding-top:40px;}
.color_m07 {background:#D7EAF3;}
.color_m08 {background:#ffffff;}
.color_m05 li {float: left;}
.color_m05 li.banner01 {margin-right:0px; width:875px;}

.m3din {width:32%; }
.m4din {width:24%;}
.m3din_hd {
	
	font-size:24px;
	color:#222;
	font-weight:700;
	text-align:center;
}
.m4din_hd {
	display:block;
	width:262px;
	padding:5px 0px;
	color:#333;
	text-align:center;
	
	font-size:16px;
	font-weight:400;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;	
}
.mbannerbox {
	display: block;  width:150px; height:145px;  background:#d4e4f0; border:1px solid #94bedc;
    border-top-left-radius: 6px; -webkit-border-top-left-radius: 6px; -moz-border-top-left-radius: 6px; 
	border-top-right-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-top-right-radius: 6px; 
	border-bottom-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-bottom-left-radius: 6px; 
	border-bottom-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-bottom-right-radius: 6px;
}
.mbannerbox li{
	text-align:center;
}
.micons {
	text-align:center;	
}
a.micon{
	position: relative;
    display: block;
    text-align: center;
    text-align: left;
    font-weight: 400;
    font-size: 15px;
    width: 60px;
	height:60px;
	margin-top:27px;
}
.micon_hd{
	margin-top:10px;
	
	font-size:18px;
	font-weight:700;
	color:#3e84b9;
}

.mbannerbox li a.micon::before {
		content:"";
		position: absolute;
		z-index: 1;
		top: 0px;
		left: 0px;
		width: 60px;
		height: 60px;
		display: block;
		background-size: 60px 60px;
		background-repeat: no-repeat;
		background-position: center;	
}
.mbannerbox:hover {cursor:pointer; background:#6eabd9; border:1px solid #4c95cd; transition: all .3s ease;}
.mbannerbox:hover li.micon_hd {	color:#ffffff;}


.mbannerbox li a.micon.svg_1::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%233e84b9' viewBox='0 0 24 24'%3E%3Cpath d='M17 0H7C4.243 0 2 2.243 2 5v15c0 2.206 1.794 4 4 4h11c2.757 0 5-2.243 5-5V5c0-2.757-2.243-5-5-5Zm3 5v11H8V2h4v8.347c0 .623.791.89 1.169.395L14.5 8.999l1.331 1.743c.378.495 1.169.228 1.169-.395V2c1.654 0 3 1.346 3 3ZM6 2.184V16c-.732 0-1.409.212-2 .556V5c0-1.302.839-2.402 2-2.816ZM17 22H6c-2.629-.047-2.627-3.954 0-4h14v1c0 1.654-1.346 3-3 3Z'/%3E%3C/svg%3E");
}
.mbannerbox:hover li a.micon.svg_1::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512' fill='%23ffffff' viewBox='0 0 24 24'%3E%3Cpath d='M17 0H7C4.243 0 2 2.243 2 5v15c0 2.206 1.794 4 4 4h11c2.757 0 5-2.243 5-5V5c0-2.757-2.243-5-5-5Zm3 5v11H8V2h4v8.347c0 .623.791.89 1.169.395L14.5 8.999l1.331 1.743c.378.495 1.169.228 1.169-.395V2c1.654 0 3 1.346 3 3ZM6 2.184V16c-.732 0-1.409.212-2 .556V5c0-1.302.839-2.402 2-2.816ZM17 22H6c-2.629-.047-2.627-3.954 0-4h14v1c0 1.654-1.346 3-3 3Z'/%3E%3C/svg%3E");
}
.mbannerbox li a.micon.svg_2::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512' fill='%233e84b9' viewBox='0 0 24 24'%3E%3Cpath d='M19 2h-1V1a1 1 0 0 0-2 0v1H8V1a1 1 0 0 0-2 0v1H5C2.243 2 0 4.243 0 7v12c0 2.757 2.243 5 5 5h4a1 1 0 0 0 0-2H5c-1.654 0-3-1.346-3-3v-9h21a1 1 0 0 0 1-1V7c0-2.757-2.243-5-5-5Zm3 6H2V7c0-1.654 1.346-3 3-3h14c1.654 0 3 1.346 3 3v1Zm-3.121 4.879-5.707 5.707A3.976 3.976 0 0 0 12 21.415v1.586a1 1 0 0 0 1 1h1.586a3.973 3.973 0 0 0 2.828-1.172l5.707-5.707c.567-.567.879-1.32.879-2.122s-.312-1.555-.878-2.121c-1.134-1.134-3.11-1.134-4.243 0Zm2.828 2.828-5.708 5.707a1.983 1.983 0 0 1-1.414.586h-.586v-.586c0-.534.208-1.036.586-1.414l5.708-5.707a1.023 1.023 0 0 1 1.414 0c.189.188.293.439.293.707s-.104.518-.293.707ZM5 14a1 1 0 0 1 1-1h7a1 1 0 0 1 0 2H6a1 1 0 0 1-1-1Zm6 4a1 1 0 0 1-1 1H6a1 1 0 0 1 0-2h4a1 1 0 0 1 1 1Z'/%3E%3C/svg%3E");
}
.mbannerbox:hover li a.micon.svg_2::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512' fill='%23ffffff' viewBox='0 0 24 24'%3E%3Cpath d='M19 2h-1V1a1 1 0 0 0-2 0v1H8V1a1 1 0 0 0-2 0v1H5C2.243 2 0 4.243 0 7v12c0 2.757 2.243 5 5 5h4a1 1 0 0 0 0-2H5c-1.654 0-3-1.346-3-3v-9h21a1 1 0 0 0 1-1V7c0-2.757-2.243-5-5-5Zm3 6H2V7c0-1.654 1.346-3 3-3h14c1.654 0 3 1.346 3 3v1Zm-3.121 4.879-5.707 5.707A3.976 3.976 0 0 0 12 21.415v1.586a1 1 0 0 0 1 1h1.586a3.973 3.973 0 0 0 2.828-1.172l5.707-5.707c.567-.567.879-1.32.879-2.122s-.312-1.555-.878-2.121c-1.134-1.134-3.11-1.134-4.243 0Zm2.828 2.828-5.708 5.707a1.983 1.983 0 0 1-1.414.586h-.586v-.586c0-.534.208-1.036.586-1.414l5.708-5.707a1.023 1.023 0 0 1 1.414 0c.189.188.293.439.293.707s-.104.518-.293.707ZM5 14a1 1 0 0 1 1-1h7a1 1 0 0 1 0 2H6a1 1 0 0 1-1-1Zm6 4a1 1 0 0 1-1 1H6a1 1 0 0 1 0-2h4a1 1 0 0 1 1 1Z'/%3E%3C/svg%3E");
}

.banner01 .cycle-slideshow {position: relative;}
.banner01 .cycle-pager {position: absolute; left:46%; top:245px; z-index: 1000;}
.banner01 .cycle-pager span:hover {cursor: pointer;}
.banner01 .cycle-pager span {display: inline-block;  width:12px; height:12px;  background:#ccc; text-indent:-10000px; overflow: hidden; margin-right:7px;
    border-top-left-radius: 6px; -webkit-border-top-left-radius: 6px; -moz-border-top-left-radius: 6px; 
	border-top-right-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-top-right-radius: 6px; 
	border-bottom-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-bottom-left-radius: 6px; 
	border-bottom-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-bottom-right-radius: 6px;
}
.banner01 .cycle-pager span.cycle-pager-active {background:#c71f26;}

.color_m05 li.banner02 {margin-right:0px; width:220px; cursor: pointer;}
.banner_m {background:#fff;  height:51px; padding:30px 0;}

.banner_m li {float: left; margin-right: 19px;}
.lec_info_banner {width:100%; font-size: 14px; color:#555; line-height: 17px;}
.lec_info_banner p {font-size: 26px; line-height:30px; padding:0; margin:0; height:53px; font-weight: 600; }
.lec_info_banner p span {float:right; font-size: 14px; line-height:30px; margin-right: 10px; color:#555;}
.lec_info_banner span {display: block; color:#555; font-size:35px;  font-weight: 700; margin:0px 0 0px 0; height:42px;  color: #c71f26; font-weight: 800;}



.wrap p.hd {font-size: 32px; padding:0; margin:0 auto; width:700px; text-align: center; font-weight: 600; color:#333;}
.wrap p.hd_s {font-size: 16px; padding:0; margin:0 auto; width:700px; text-align: center; color:#666; clear: both;}
.job_rst {display: block; clear: both;  margin-top:10px;}
.job_rst li {float: left; width:260px; height:214px; border: 1px solid #e5e5e5; background: #fff; margin:0 0  10px 0; padding:0;
    border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; 
	border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; 
	border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px; 
	border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px;
}

.job_rst li p {display: block; padding: 0; margin: 0; width:100%; text-align: center;}
.job_rst li p.jos_01 {padding-top: 30px; font-size: 16px; color: #555;}
.job_rst li p.jos_01 span {color:#2aa39a;}
.job_rst li p.jos_02 {padding-top: 2px; font-size: 50px; color: #2e6eaa; font-weight: 700;}
.job_rst li p.jos_03 {padding-top: 0px; font-size: 15px; color: #222; font-weight: 500;}
.job_rst li p.jos_04 {padding-top: 0px; font-size: 15px; color: #888; font-weight: 500;}

.color_m08 .job_rst {display: block; clear: both;  margin-top:0px;}
.color_m08 .job_rst li {width:170px; height:220px; border: 1px solid #e5e5e5; background: #fff; margin:0; padding:0;}
.color_m08 .job_rst li:last-child{
	margin:0;
}
.color_m08 .job_rst li p {width:160px; margin:0 auto;}

.color_m08 .job_rst li div.gra_00 {height:115px; text-align: center; overflow: hidden; position: relative;}
.color_m08 .job_rst li div.off { background:url(../image/main/gra_off2.gif) no-repeat 0 0px;}
.color_m08 .job_rst li div.on div {height:115px; width:160px; position: absolute; z-index: 1000; top:0; left:5px; }
.color_m08 .job_rst li div.on img.photo {height:135px;}
.color_m08 .job_rst li p.gra_01 {font-size: 16px; color: #2b83ba; font-weight: 600; margin-top: 10px;}
.color_m08 .job_rst li p.gra_02 {display: block; width:160px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
font-size: 13px; color: #222; font-weight: 500; line-height: 30px;}
.color_m08 .job_rst li p.gra_03 {font-size: 12px; color: #888; font-weight: 400; line-height:15px; text-align: justify;
}
.color_m08 .job_rst li p.gra_03 a { color: #888; }

.yout {display: block; clear: both;  margin-top:25px;}
.yout li {float: left; width:350px; height:250px; border: 0px solid #e5e5e5; background: #fff; margin:0 0px 0 0; padding:0;
    border-top-left-radius: 0px; -webkit-border-top-left-radius: 0px; -moz-border-top-left-radius: 0px; 
	border-top-right-radius: 0px; -webkit-border-top-right-radius: 0px; -moz-border-top-right-radius: 0px; 
	border-bottom-left-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-bottom-left-radius: 0px; 
	border-bottom-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-bottom-right-radius: 0px;    
}
.banner_m li:last-child,
.yout li:last-child {margin:0;}
#youtube-gallery li:last-child {margin:0;}

.btn { display: block; margin:0 auto; width:125px;  height:36px; font-size: 15px; color: #fff; background: #6e6e6e; line-height: 36px;
    border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; 
	border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; 
	border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px; 
	border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px; } 
.main_job {text-align: center;font-weight: 500;}
.main_job:hover {background: #333;}

.job_rst li:hover {border: 1px solid #ff6600; cursor: pointer;}
.yout li:hover {border: 0px;}
.color_m06 .job_rst li:hover {border: 1px solid #2ec4cb; cursor: pointer; }


.color_m02 .wrap {border: 1px solid #e3e3e4; width:1093px; height:375px;}
.m_vis_01 img {cursor:pointer;}
.m_vis_01, .navs {float: left;}
.navs a {display: block; border-bottom: 1px solid #e3e3e4; width:219px; height:74px; text-align: center; font-size: 17px; line-height: 74px; background: #fff; color: #444;}
.navs a:last-child {border-bottom: 0px solid #e3e3e4;}
.navs a.cycle-pager-active {font-weight: 700; background: #58b8d7; color:#fff; position: relative; text-decoration: underline;}
.navs a.cycle-pager-active::before {width:15px; height:74px; background: #333; position: absolute; top:0; left:-15px; z-index: 100; content: ""; background: url(../image/main/m_vis_arr.png);}

.cont-wrap {width:1000px; margin:0 50px;}

.sub_bg {background:#fff; padding:0px 0 50px 0; }

.sub_vis_01 {height:141px; background:url('../image/common/sub_bg.jpg') 0 0 no-repeat; width:100%; position:relative;}
.sub_text01 {
	font-size:30px;
	font-weight:800;
	color:#333;
    opacity: 0;
    position: absolute;
    top: 45px;
    left: 760px;
    z-index: 3;
    animation-delay: 0.3s;	
    animation-duration: 0.4s;
    animation-name: sub_t_01;
    animation-direction: alternate;
    animation-fill-mode: forwards;
}

@keyframes sub_t_01 {
	from{
        margin-top: 5px;
        opacity: 0;
	}to{
        margin-top: 0px;
        opacity: 1;
	}
}
.sub_text02 {
	font-size:24px;
	font-weight:400;
	color:#444;
    opacity: 0;
    position: absolute;
    top: 85px;
    left: 690px;
    z-index: 3;
    animation-delay: 0.5s;
    animation-duration: 0.4s;
    animation-name: sub_t_02;
    animation-direction: alternate;
    animation-fill-mode: forwards;
}

@keyframes sub_t_02 {
	from{
        margin-top: 5px;
        opacity: 0;
	}to{
        margin-top: 0px;
        opacity: 1;
	}
}

.sub_cont {border:0px solid #cfcfcf; background:#fff;min-height:480px; padding: 0px 0; width:1100px;}

.sub_cont_hd {display:block; margin:0px; font-size: 27px; color: #222; font-weight: 700; border-bottom:1px solid #cfcfcf; margin-bottom:70px;}
.sub_cont_hd p { font-size: 27px; margin:40px 0 25px 0; padding:0 0 0px 0;}


.sub_menu {position:relative; width:260px; margin:0;  }
.sub_menu .sm_hd {
	position:relative;
	margin-top:-70px;
	background:#24375d;
	font-size:30px;
	font-weight:700;
	padding:52px 0 50px 0;
	text-align:Center;
	color:#fff;
	border-radius:10px 10px 0 0;
}
.sub_menu .sm_hd_bottom{
	position:absolute; 
	bottom:0;
	left:0;
	border-radius:10px 10px 0 0;	
	background:#fff;
	width:100%;
	height:10px;
}

.sub_menu .sm_con {
	width:220px;
	margin:0 auto;
}

.sub_menu .sm_con div {
	width:100%;
	border-bottom:1px solid #cfcfcf;
	position:relative;
}
.sub_menu .sm_con div a {
	width:100%;
	font-size:17px;
	font-weight:500;
	color:#555;	
	padding:14px 0 14px 5px;
}
.sub_menu .sm_con div.on{
	border-bottom:1px solid #333;
}
.sub_menu .sm_con div.on:after{
	content: "¢º";
	font-size:10px;
	position:absolute;
	top:18px;
	right:5px;
}
.sub_menu .sm_con div.on a{
	font-weight:700;
	color:#222;		
}



.li1 li {width:100%; text-align:center; line-height:45px;}
.li2 li {width:546.5px; text-align:center; line-height:45px;}
.li3 li {width:364px; text-align:center; line-height:45px;}
.li4 li {width:272.7px; text-align:center; line-height:45px;}
.li5 li {width:218px; text-align:center; line-height:45px;}
.li6 li {width:181.5px; text-align:center; line-height:45px;}
.li7 li {width:155.4px; text-align:center; line-height:45px;}
.li8 li {width:12.41%; text-align:center; line-height:45px;}


.sub_menu li a {width:100%; height:100%; position:absolute; top:0; left:0; z-index:10; font-size: 15px;}
.sub_menu li.on a {background:#53afee;color:#fff;  font-weight:400;}

/*
.sub_menu li.on, 
.sub_menu li.on a,
.sub_menu li:hover,
.sub_menu li:hover a {color:#fff; font-weight:700;background:#53afee;}
*/

.login_box { margin: 80px 0 30px 0;}
.login_form {
    position: relative;
    width: 470px;
    margin: 0 auto;
    padding: 0;
}
.login_form li {
    margin-bottom: 10px;
}
.login_form li label {
    display: inline-block;
    float: left;
    width: 85px;
    height: 48px;
    line-height: 48px;
    font-size: 17px;
    color: #000;
    font-weight: 600;
    margin: 0 0px 0 0;
    padding: 0;
}
.input_ty {
    width: 270px;
    height: 48px;
    padding: 0 12px;
    background: #fff;
    border: 1px solid #ccc;
    box-sizing: border-box;
    color: #333;
    font-size: 15px;
    font-weight: 100;
    vertical-align: top;
    transition: color 0.4s, border-color 0.4s;
    margin: 0 0px 0 0;
}


.login_form li.btn {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 106px;
}
.btn_b {
    display: inline-block;
    min-width: 180px;
    height: 48px;
    padding: 0 20px;
    border-radius: 3px;
    box-sizing: border-box;
    font-size: 17px;
    line-height: 47px;
    text-align: center;
}
.btn_ty02 {
    background: #4097d6;
    border: 1px solid #00907f;
    color: #fff !important;
    transition: all 0.4s;
}

.login_form li.btn a.btn_b {
    width: 106px;
    min-width: inherit;
    height: 106px;
    font-weight: 600;
    line-height: 100px;
}


.login_btns {
    width: 470px;
    margin: 25px auto 0 auto;
}
.login_btns > ul {
    margin-left: 0px;
    padding: 0;
}
.login_btns li {
    position: relative;
    display: inline-block;
    padding-left: 90px;
    vertical-align: top; 
    text-align: left;
    width:100%;
}
.login_btns li a {color:#666;}

.greet_01 { display: block; width:100%; position: relative; padding-top: 30px;}
.greet_01 span { font-size: 27px; color:#111; display: block; margin: 10px 0 20px 20px;  font-weight: 700; letter-spacing:-0.5px;}
.greet_01 .greet_02 { width: 960px; background: #1D4D91; padding:23px 15px 17px 25px; border-radius:3px;}
.greet_01 p {font-size: 24px; color:#fff; margin: 0; padding: 0;  font-weight: 500; line-height:39px;}
.greet_01 .ceo_photo { display: block; position: absolute; top:7px; right:50px; z-index: 10; }
.greet_01 .ceo_photo img{ border-radius:9px;}
.greet_01 .ceo_photo p {font-size: 16px; width:100%; text-align: center; margin-top: 0px;}
.greet_01 .ceo_photo p span {font-size: 13px; display:inline; color:#fff; padding:0; margin:0;}
.greet_03, .greet_04 { width:960px; display: block; margin: 30px 0; font-size: 19px; color: #333; line-height: 26px; padding: 0 20px;  text-align:justify; letter-spacing:-0px;}
.greet_04 {font-size: 18px; color: #b5610e; line-height: 30px; }
.greet_05 {background: url(../image/sub/greet_bg.gif) no-repeat -10px 0; width:830px; height:145px; display: block; margin: 10px auto 40px auto; text-align: center; font-size: 20px; color:#333; line-height: 37px; padding-top: 30px;}
.greet_06 {display: block; margin-bottom: 20px;margin:0 auto;}

.greet_07 .text_co_01 {color:#3c8411;}
.greet_07 .text_co_02 {color:#256bd4;}
.greet_07 .text_co_03 {color:#de27cf;}
.greet_07 .text_co_04 {color:red;}

.sub_tap { display: block; clear: both; height:100px;}
.sub_tap2 { display: block; clear: both; height:90px;}
.sub_tap li {float: left; width:230px; text-align: center; border-right: 0px solid #fff; margin-right:10px; border-radius:40px;overflow:hidden;}
.sub_tap li:last-child { border:0; margin-right:0px;}
.sub_tap li.on { border:2px solid #096dc3;}
.sub_tap li.over {border:1px solid #ccc;}
.sub_tap li.over a { color:#444}
.sub_tap li.on a {color: #096dc3; font-weight: 600;}
.sub_tap li a {display: inline-block;  width:100%; height:44px; line-height: 44px; font-size: 18px;}


.sub_tap2 li {float: left; width:123px; text-align: center; margin-right:10px; }
.sub_tap2 li a {font-size: 18px; color: #444;}
.sub_tap2 li.long {padding-top:4px; height:40px;}
.sub_tap2 li.long2 {letter-spacing: -0px;padding-top:4px; height:40px;}
.sub_tap2 li:hover a { color: #096dc3;}

.sub_tap1 li {float: left; width:186px; text-align: center; margin-right:10px;}

.sub_tap3 li {float: left; width:141px; text-align: center; margin-right:10px; }
.sub_tap_2 { display: block; clear: both; }
.sub_tap2 li.long a,
.sub_tap2 li.long2 a {line-height: 18px;}

.sub_tap4 li {float: left; width:300px; text-align: center; margin-right:10px; }


.sub_tap5 { display: block; }
.sub_tap5 li { 
	display: inline-block;
    margin: 0px 1px 10px 0;
    padding: 8px 19px;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    font-size: 15px !important;
    width: 145px;
    text-align: center;
    cursor: pointer;
    border-radius: 3px;
}
.sub_tap5 li last-child { border:0; margin-right:0px;}

.sub_tap5 li:hover a {
	color:#fff;
}

.sub_tap5 li:hover{
    background-color: #24375d;
    border: 1px solid #24375d;
    color: #fff;
    border-radius: 3px;
}
.sub_tap5 li.long2{width:197px;}
.sub_tap5 li.long{width:170px;}















.history {display: block; margin-bottom: 40px; }
.hist_hd { width:290px; float: left; margin: 0 50px 0 10px; border-top: 2px solid #333; font-size: 18px; font-weight: 600; padding: 20px 0 0 10px;}
.hist_hd p { margin:5px 0 0 0; padding: 0; font-size: 22px;
}
.hist_cont { width:630px; float: left; border-top: 1px solid #aaa;
}
.hist_cont li { width:620px; border-bottom: 1px solid #ccc; padding:10px 0 10px 10px; font-size: 15px; color: #555;}
.clear {clear: both;}

.foot_02 { float: left; width:480px; border: 1px solid #ccc;
    font-size: 15px; margin-bottom: 30px;
    border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; 
	border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; 
	border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px; 
	border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px; }
.foot_02 p { margin: 0; padding: 0; height:50px; background: #444;
    border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; 
	border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; 
    color:#fff; line-height: 50px; padding:0 0 0 20px; font-size: 20px;}
.foot_02 p.cont {padding:10px; background: none; color:#666; font-size: 15px; line-height: 23px; display: block; clear: both; height:115px;
    border-top-left-radius: 0px; -webkit-border-top-left-radius: 0px; -moz-border-top-left-radius: 0px; 
	border-top-right-radius: 0px; -webkit-border-top-right-radius: 0px; -moz-border-top-right-radius: 0px;

}

.foot_021 {margin-right: 25px; }

.member_01 {color:#1771B0; font-size:16px; font-weight :bold;}
.member_02 {color:#444444; font-size:14px;}
.member_044 td {font-size:15px;}
.member_04 {color:#555555; font-size:14px; font-weight :bold;}
a.member_03:link {color:#319CAF; font-size:14px; font-family:"Verdana";}
a.member_03:active {color:#319CAF; font-size:14px; font-family:"Verdana";}
a.member_03:hover {color:#319CAF; font-size:14px; font-family:"Verdana";}
a.member_03:visited {color:#319CAF; font-size:14px; font-family:"Verdana";}
a.member_04:link {color:#1771B0; font-size:14px; font-family:"Verdana";}
a.member_04:active {color:#1771B0; font-size:14px; font-family:"Verdana";}
a.member_04:hover {color:#F45F16; font-size:14px; font-family:"Verdana";}
a.member_04:visited {color:#1771B0; font-size:14px; font-family:"Verdana";}

.map_01 {display: block; margin-top: 15px;}
.map_01 p {font-size: 20px; color:#3b69a8; margin:0; padding: 0; }
.map_01 .map_02 {font-size: 15px; color:#666; margin: 5px 0 10px 0;}
.map_01 .map_02 p {font-size: 17px; color:#3b69a8;}

.photo_board td a,
.photo_board td {text-align:left; color:#444; font-size: 15px;padding:0 10px;}
.photo_board td.titles {text-align:center; color:#333;font-size: 17px; font-weight :700;}
.photo_board td.board_cont { min-height: 120px; padding: 20px 20px 40px 20px;}
.board_arrow td {color:#888; font-size: 14px;}

.photo_b_list_p {width:290px; height:190px; overflow: hidden; border:1px solid #e9e9e9;}
.photo_b_list_p img {min-height: 100%; min-height: 100%; display: inline-block;
    -ms-interpolation-mode: bicubic; }


.apply_scrt {display: block; font-size: 17px; color:#666; margin-bottom: 20px;}
.app_table {border-top: 1px solid #3a78c1;}
.app_table th {border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; width:20%; height:60px; background: #fafafa;  font-weight:500;}
.app_table td {border-bottom: 1px solid #ddd; width:80%; padding:0 0 0 10px;}

.priv_agree {margin-top: 20px;block; border: 1px solid #ddd; width:955px; padding:20px; background: #f3f3f3; font-size: 15px; color:#555;}
.priv_agree p {font-size: 20px; color:#3154a2; padding: 0; margin: 0;  margin-bottom: 25px; font-weight: 700;}
.agree_app {font-size: 15px; color:#333; margin-top: 15px; display: block; width:100%; text-align: center;}
.apply_form1 {width:200px; height:40px; background: #fcfcfc; font-size: 17px; font-weight: 700; color: #222; }
.apply_form2 {width:70px; height:40px; background: #fcfcfc; font-size: 17px; font-weight: 700; color: #222;}
.apply_form3 {width:70px; height:40px; background: #fcfcfc; font-size: 17px; font-weight: 700; color: #222;}
.apply_form4 { height:40px; background: #fcfcfc; font-size: 17px; font-weight: 700; color: #222;}
.apply_form5 {width:600px; height:40px; background: #fcfcfc; font-size: 17px; font-weight: 700; color: #222;}
.apply_form6 {width:600px; height:40px; background: #fcfcfc; font-size: 17px; font-weight: 700; color: #222;}
.add_p {display:block; margin:0 0 5px 0; padding:0;}

.apply_btn a {display: block; width:160px; height:45px; text-align: center; line-height: 42px; margin:30px auto 20px auto; 
    font-size: 17px;  color: #fff; background: #2557a5;
    border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; 
	border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; 
	border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px; 
	border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px; }


a.add_btn {width:160px; height:50px; text-align: center; line-height: 42px; margin:0px; padding:11px 10px ;
    font-size: 15px;  color: #fff; background: #aaaaaa;
    border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; 
	border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; 
	border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px; 
	border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px;}

a.btn_blue {background: #78bde4;}


.board_search1 {width:70px; height:30px; background: #fcfcfc; font-size: 14px; font-weight: 500; color: #222;}
.board_search2 {width:200px; height:30px; background: #fcfcfc; font-size: 14px; font-weight: 500; color: #222;}
.b_search_btn {display: inline-block;}
.b_search_btn a{display: inline-block; width:50px; height:30px; text-align: center; line-height: 30px; margin:0; 
    font-size: 15px;  color: #fff; background: #888;  }

.board_hd th {font-size: 15px; color:#222; font-weight: 500;}
.board_hd td {font-size: 15px; color:#666; font-weight: 500;}
.board_wr th {height:48px; border-right: 1px solid #ccc; font-size: 15px; color:#222; font-weight: 500; background: #fafafa;}
.board_wr td {font-size: 14px; color:#666; font-weight: 500; padding-left: 15px;}
.board_wr td input {height:35px; background: #fcfcfc; font-size: 14px; font-weight: 500; color: #333;}
.board_wr td input.checkbox {height:14px;}
.board_wr td input.noline {border:0px;}

.board_hd tr td:nth-child(1),
.board_hd tr td:nth-child(3),
.board_hd tr td:nth-child(4),
.board_hd tr td:nth-child(5){
	font-weight:400;
}
.job_table tr td {
	font-size: 15px; 
}
.job_table tr td:nth-child(1),
.job_table tr td:nth-child(3),
.job_table tr td:nth-child(4),
.job_table tr td:nth-child(5){
	font-weight:400;
}

.board_top_app {display: block; margin: 0 0 15px 0; }
.board_top_app .job_rst {display: block; clear: both;  margin-top:40px; height:235px;}
.board_top_app .job_rst li {float: left; width:235px; height:220px; border: 2px solid #e5e5e5; background: #fff; margin:0 11px 0 0; padding:0;}
.board_top_app .job_rst li:last-child {margin:0;}

.board_top_app .job_rst li p {width:210px; margin:0 auto;}

.board_top_app .job_rst li div.gra_00 {height:115px; text-align: center; overflow: hidden; position: relative;}
.board_top_app .job_rst li div.off { background:url(../image/main/gra_off2.gif) no-repeat 38px 0;}
.board_top_app .job_rst li div.on div {height:115px; width:160px; position: absolute; z-index: 1000; top:0; left:38px;  }
.board_top_app .job_rst li div.on img.photo {height:135px;}
.board_top_app .job_rst li p.gra_01 {font-size: 16px; color: #2b83ba; font-weight: 600; margin-top: 10px;}
.board_top_app .job_rst li p.gra_02 {font-size: 16px; color: #333; font-weight: 500; line-height: 30px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.board_top_app .job_rst li p.gra_03 {font-size: 14px; color: #888; font-weight: 400; line-height:16px; text-align: justify;
	word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
	display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;	
}

.board_top_app .job_rst li p.gra_03 a {color: #888;}
.board_top_app .job_rst li:hover {border: 2px solid #2ec4cb; /*cursor: pointer; */ }

.lec_name {font-size: 21px; color: #333; font-weight: 500; padding: 0; margin: 0; line-height: 27px; 	}
.app_dtl td {font-size: 15px; color: #666; font-weight: 500;}
.app_dtl td span{font-size: 15px; color: #d44b02; font-weight: 500; display: inline-block; margin-right: 20px;}
.app_dtl_box {border:1px solid #ddd; background: #fafafa; padding:5px 10px; width:96%;}

.lic_hd {font-size: 21px; color: #333; font-weight: 600; padding: 0 0 15px 0; margin: 0; line-height: 27px;}
.lic_hd2 {font-size: 17px; color: #2a6dba; font-weight: 600; padding: 0 0 10px 0; margin: 0; line-height: 27px;}

.lic_pyo {display: block; border: 1px solid #ccc; background: #fafafa; padding: 20px;}
.lic_pyo li {font-size: 15px; margin:15px 0; line-height: 22px; }


.job_site {display: block; width:100%;}
.job_site_top li,
.job_site li {display: inline-block; width:234px; height:110px;background: #fff; margin-right: 10px; border: 1px solid #d4d4d4; margin-bottom: 35px; vertical-align:top;}
.job_site_top li img,
.job_site li img {margin:4px;}
.job_site_top li p,
.job_site li p {display: block; width:100%; text-align: center; padding: 0; margin: 0;}

.job_site div > li:nth-child(2n) {margin: 0; }
.job_site>li:nth-child(4n) {margin: 0; }
.job_site li p.jb_s {font-size: 14px;}

.job_site_top li p.f_img,
.job_site li p.f_img {margin:4px; width:228px; height:71px; background: #f2f2f2; line-height: 71px; font-size:20px; font-weight: 500; }
.job_cate {display: block; width:100%; height:45px; border: 1px solid #ccc;  background: #fafafa; text-align: center; padding-top: 15px; margin-bottom: 30px;
    border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; 
	border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; 
	border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px; 
	border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px;}
.job_table th {color:#333; font-size: 14px; font-weight: 500;}
.job_table td {color:#666; font-size: 14px;}
.job_dtl th {color:#333; font-size: 14px; font-weight: 500; border-bottom: 1px solid #ddd; background: #fafafa; width:17%;}
.job_dtl td {border-bottom: 1px solid #ddd; color:#666; font-size: 14px; height:45px; padding-left: 15px;}
.job_dtl td.job_condition {padding:15px 0 15px 15px; color: crimson}

.job_interv th {color:#333; font-size: 15px; font-weight: 500; font-weight: 600; text-align: left; height:30px;}
.job_interv td {color:#666; font-size: 15px;}
.job_interv td a.name {color:#2d7edd; font-size: 14px; font-weight: 600;}

.job_inter {display: block; width:100%; margin-bottom: 20px; height: auto; }
.job_inter li {display: inline-block;  float: left; width:294px; height:210px; border:1px solid #ddd; background: #333;}
.job_inter li .inter_image {position: relative;}
.job_inter li .inter_image img {width:100%; height:100%; }
.job_inter ul li{margin:0 10px 20px 10px;}
.job_inter ul li p {position: absolute; z-index: 10; margin: 0; padding: 0;  bottom:0; left:0; display: block; width:100%; height:40px; background: #fff; opacity:0.6; }
.job_inter ul li span  {position: absolute; z-index: 20; margin: 0; padding: 0;  bottom:0; left:0; display: block; width:100%; height:40px; font-size:16; font-weight: 600; line-height: 40px; color: #111; text-align: center;}



.job_page {display: block; position:relative; width:100%; margin:0 auto; padding:0 0px; clear: both;}
.job_page .job_rsts {display: block; clear: both;  margin-top:0px;}
.job_page .job_rsts li {float: left; width:238px; height:210px; border: 1px solid #e5e5e5; background: #fff; margin:0 10px 15px 0; padding:0;
    border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; 
	border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; 
	border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px; 
	border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px;
}
.job_page .job_rsts li:nth-child(4n) {margin-right:0;}

.job_page .job_rsts li p {display: block; padding: 0; margin: 0; width:100%; text-align: center;}
.job_page .job_rsts li p.jos_01 {padding-top: 30px; font-size: 16px; color: #555;}
.job_page .job_rsts li p.jos_01 span {color:#2aa39a;}
.job_page .job_rsts li p.jos_02 {padding-top: 2px; font-size: 50px; color: #2e6eaa; font-weight: 700;}
.job_page .job_rsts li p.jos_03 {padding-top: 0px; font-size: 15px; color: #222; font-weight: 500;}
.job_page .job_rsts li p.jos_04 {padding-top: 0px; font-size: 15px; color: #888; font-weight: 500;}




.yout_page {display: block; clear: both;  margin-top:0px; }

#youtube-gallery_p1 li {float: left; width:239px; height:220px; border:1px solid #ddd; background: #fff; margin:0 10px 30px 0; padding:0; }
#youtube-gallery_p1 li:nth-child(4n) {margin-right:0;}

.honor {display: block; clear: both;  margin-top:0px; }
.honor li {float: left; width:485px; height:270px; border:0px solid #ddd; background: #fff; margin:0 15px 20px 0; padding:0; }
.honor li:nth-child(2n) {margin-right:0;}

.board_lect th {font-size:15px;}
.board_lect td {font-size:15px;}

.interview {display: block; width:100%; clear: both;  margin-top:0px; height:1000px;}
.interview li { float: left; width:310px; height:187px; border:1px solid #ddd; background: #fff; margin:0 10px 15px 0; padding:0; background: url(../image/sub/ti_bg.gif) 0 0 no-repeat; padding-left: 10px; position: relative;}
.interview li:nth-child(3n) {margin-right:0;}
.interview li img {position: absolute; right:0; top:0; z-index: 10;}
.interview h1 {color: #ea9d00; font-size: 18px; margin: 119px 0 5px 0; font-weight: 600;}
.interview h2 {color: #ffffff; font-size: 26px; margin:0px 0 0 0;font-weight: 600;}
.interview h2 span {color: #ffffff; font-size: 15px;font-weight: 500;}
.in_btn {display: block; width:100%; clear: both;  padding-top:30px; }
.in_btn a {font-size:14px; display: block; width:90px; height:30px; border: 1px solid #ccc; background: #f3f3f3; color: #333; text-align: center; line-height: 30px; margin: 0 auto;
    border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; 
	border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; 
	border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px; 
	border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px;}
.interv_cont {width:897px; border: 0px solid #ccc; display: block; clear: both;  margin: 0 auto; }
.in_hd_img {display: block; width:897px; margin: 0 auto 40px auto;}
.interv_cont li { float: left; width:437px; border: 0px solid #ccc; margin: 0 20px 0 0; text-align: justify; font-size: 15px; color: #666; line-height: 20px; }
.interv_cont li:last-child {margin-right:0;}
.interv_cont li h4 { display: block; font-size: 16px; color: #3a68c1; margin: 0 0 0px 0;}
.interv_cont li p {width:100%; text-align: justify; font-size: 15px; color: #666; line-height: 22px; margin: 20px 0 20px 0;}
.interv_cont li img.in_cont_img {padding: 0; margin: 0 0 20px 0;}

.lec_cont {display: block; width:100%;}
.lec_cont .lec_hd_img { width:536px; display: block;margin: 0 auto 40px auto;}
.lec_cont li {float:left; margin:0 0px 0 0; border:0px solid #ddd;}
.lec_cont li.lec_top_01 {display: inline-block; width:480px;}
.lec_cont li.lec_top_02 {display: inline-block; width:515px;}

.lec_title { display: block; font-size: 32px; font-weight: 600; height:48px;}

.lec_info {display: block; width:100%; border: 1px solid #ddd; background: #fafafa; color: #333; padding: 10px 0;
    border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; 
	border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; 
	border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px; 
	border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px;}

.lec_info_table { width:95%; margin: 0 auto; }

.lec_info_table th {font-size: 14px; color: #ef7700; height:25px;}
.lec_info_table td {font-size: 14px; color: #555;}

.lec_btn {display: inline-block; width:249px; height:50px; border: 0px solid #ddd; margin-top: 15px;
 border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; 
	border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; 
	border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px; 
	border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px;} 


.lec_btn_01 {background: #6acfc4; margin-right: 13px;}
.lec_btn_02 { background: #3fb3de;}
.lec_btn a {display: block; font-size: 19px; line-height: 50px; color: #fff; text-align: center; width:100%; }

.lec_banner {margin: 20px 0 40px 0; display: block; height:118px;}

.lec_discr {display: block; clear: both; width:100%; border-top: 1px solid #ddd; padding-top: 20px; padding-bottom: 20px; }
.lec_discr h1 {font-size: 20px; color: #2876c4;}

.lec_discr .lec_t {display: block; width:100%; height:25px;}
.lec_discr .tcolor_01{ color:#01b097;}
.lec_discr .tcolor_02{ color:#e60012;}
.lec_discr .tcolor_03, 
.lec_discr .tcolor_03 a { color:#f39800;}
.lec_discr .lec_hd_icon {border: 1px solid #ddd; width:280px; height:110px; display: block; text-align: center; }

.lec_discr .teach_01 {
    display: block; border: 0px solid #ddd; width:725px; background: #3676b1; color: #fff; padding: 10px; font-size: 16px;
    border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; 
	border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; 
	border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px; 
	border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px;
    
}
.teachtable td.teach_02 { background: #f4f4f4; color: #555; padding: 10px 0;
    border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; 
	border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; 
	border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px; 
	border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px;
}
.lec_discr .teach_03 {    display: block; width:100%; border: 0px solid #ddd; background: #f18d0f; color: #333; padding: 10px 0;
    border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; 
	border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; 
	border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px; 
	border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px;
    }
.lec_discr .teach_04 {text-align: center;}
.board_lect2 td.cont {padding: 7px 7px 7px 10px;}
.board_lect2 th {border-right: 1px solid #ddd; height:45px;}
.board_lect2 th:nth-child(3n) {border: 0px;}


.cate_tap {display:block; margin:0; padding:0; height:85px;}
.cate_tap input[type=radio] { display:none;  margin:0px; } 
.cate_tap input[type=radio] + label { 

display:inline-block; 
margin:0px -15px 10px 0; 
padding: 8px 19px; 
background-color: #f5f5f5; 
border: 1px solid #ccc; 
font-size: 15px !important; 
width: 145px; text-align: center; 
cursor:pointer;
border-radius:3px;
} 

.cate_tap input[type=radio]:checked + label {  
background-image: none; 
background-color:#24375d; 
border: 1px solid #24375d; 
color:#fff; 
border-radius:3px;
} 

.cate_tap6 {height:125px;}
.cate_tap6 input[type=radio] + label { 

display:inline-block; 
margin:0px -15px 10px 0; 
padding: 8px 19px; 
background-color: #f5f5f5; 
border: 1px solid #ccc; 
font-size: 15px !important; 
width: 115px; text-align: center; 
cursor:pointer;

} 


.after_class td {}
.after_class td div.after_cont {display:block; width:965px; margin:0; padding:20px 15px; border: 1px solid #ddd;font-size: 16px; color:#333; font-weight:500;}
.after_class td div.after_name {display:block; width:965px; margin:0; padding:10px 15px; border-right: 1px solid #ddd;border-left: 1px solid #ddd;border-bottom: 1px solid #ddd; font-size: 14px; color:#888;}

.time_plan {border-top:1px solid #c3c3c3; border-left:0px solid #c3c3c3;}
.time_plan th,
.time_plan td {font-size:14px; border-bottom: 1px solid #c3c3c3; border-right: 1px solid #c3c3c3; height:30px; text-align:center;}
.time_plan th {background:#fafafa;}
.time_plan th:last-child ,
.time_plan td:last-child {border-right: 0px solid #c3c3c3;}

.site_map {display:block; width:100%; height:500px;}
.site_map li {border:1px solid #333; width:23%; float:left; margin-right:20px; height:150px;}
.site_map li:nth-child(4) {margin-right:0px;}
.car_common td b {font-size:15px;}
.car_common td {font-size:13px;}

.c_red {color:red;}
.c_blue {color:blue;}

.member_m { font-size:15px; color:#666666; border:#C9DDF2 1px solid; padding:20px; width:950px; line-height:22px;}


.papershadow {
  text-shadow: 
    -1px -1px 1px #000, 
    2px 2px 1px #c0c0c0;
}
.retroshadow {
  text-shadow: 
    2px 2px 0px #444, 
    2px 2px 0px rgba(0, 0, 0, 0.3);
}



/* for MS°è¿­ ºê¶ó¿ìÀú */
@keyframes blink {
 0% {background-color: #f80044;}
 50% {background-color: #ffa400;}
}
 
/* for Chrome, Safari */
@-webkit-keyframes blink {
 0% {background-color: #f80044;}
 50% {background-color: #ffa400;}
}
 
/* blink CSS ºê¶ó¿ìÀú º°·Î °¢°¢ ¾Ö´Ï¸ÞÀ̼ÇÀ» ÁöÁ¤ÇØ ÁÖ¾î¾ß µ¿ÀÛÇÑ´Ù. */
.blinkcss {
 font-weight:bold;
 animation: blink 1s step-end infinite;
 -webkit-animation: blink 1s step-end infinite;
}



.homepage_step { font-size:12px; font-weight:500; margin:0; 
	display: inline-block; border: 0px solid #df194f; background: #df194f; color: #fff; padding: 0px 7px; height:22px; line-height:20px;
    border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-top-left-radius: 5px; 
	border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-top-right-radius: 5px; 
	border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-bottom-left-radius: 5px; 
	border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-bottom-right-radius: 5px;
	vertical-align:text-bottom; 
}

.homepage_step2 {
	border: 0px solid #3579ce; background: #3579ce; 
	}

.homepage_step3 {
	border: 0px solid #999; background: #999; 
	}
.homepage_step4 {
	border: 0px solid #999; background: #999; 
	}

.lecture_view2 {
	
    font-size: 17px;
    color: #222222;
    font-weight: 500;
    line-height: 25px;
    text-align: left;
    width: 100%;
    margin: 0px 0 0 0;
    padding: 0 0 0px 0;
}
.lecture_view2 strong {
    color: #EA6868;
    font-weight: 700;
}

.backslash {
  background: #F5FCFD url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><line x1="0" y1="0" x2="100%" y2="100%" stroke="gray" /></svg>');
}

.main_hd2 {
	
	font-size:28px;
	color:#222;
	font-weight:700;
	text-align:center;

}




























.d-flex {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
}
.con-start,
.justify-content-start {
    -webkit-box-pack: start!important;
    -ms-flex-pack: start!important;
    justify-content: flex-start!important;
}
.con-end,
.justify-content-end {
    -webkit-box-pack: end!important;
    -ms-flex-pack: end!important;
    justify-content: flex-end!important;
}
.con-center,
.justify-content-center {
    -webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important;
}
.item-center,
.align-items-center {
    -webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important;
}
.item-start,
.align-items-start {
    -webkit-box-align: flex-start!important;
    -ms-flex-align: flex-start!important;
    align-items: flex-start!important;
}
.item-stretch,
.align-items-stretch {
    -webkit-box-align: stretch!important;
    -ms-flex-align: stretch!important;
    align-items: stretch!important;
}

.con-btw,
.justify-content-space-between {
    -webkit-box-align: space-between!important;
    -ms-flex-align: space-between!important;
    justify-content:space-between!important;
}
.con-vert {
	flex-direction:column;
}
.flex-wrap {
	flex-wrap:wrap;
}

.mt5 {margin-top:5px!important;}
.mt10 {margin-top:10px!important;}
.mt20 {margin-top:20px!important;}
.mt30 {margin-top:30px!important;}
.mt40 {margin-top:40px!important;}
.mt50 {margin-top:50px!important;}
.mb10 {margin-bottom:10px!important;}
.mb20 {margin-bottom:20px!important;}
.mb30 {margin-bottom:30px!important;}
.mr5 {margin-right:5px!important;}
.mr10 {margin-right:10px!important;}
.mr20 {margin-right:20px!important;}
.mr30 {margin-right:30px!important;}
.ml10 {margin-left:10px!important;}
.ml20 {margin-left:20px!important;}
.ml30 {margin-left:30px!important;}
.pd0 {padding:0!important;;}
.tleft {text-align:left!important;}
.tright {text-align:right!important;}
.tcenter {text-align:center!important;}
.fleft {float:left!important;}
.fright {float:right!important;}
.pd5{padding:5px!important;}
.pd10{padding:10px!important;}
.pd20{padding:20px!important;}
.pd30{padding:30px!important;}
.pdtb5{padding:5px 0!important;}
.pdtb10{padding:10px 0!important;}
.pdtb20{padding:20px 0!important;}
.pdtb30{padding:30px 0!important;}
.pdt10{padding-top:10px 0!important;}
.pdt20{padding-top:20px 0!important;}
.pdt30{padding-top:30px 0!important;}
.pdb10{padding-bottom:10px 0!important;}
.pdb20{padding-bottom:20px 0!important;}
.pdb30{padding-bottom:30px 0!important;}
.w10 {width:10%; display: inline-block;}
.w13 {width:13%; display: inline-block;}
.w15 {width:15%;display: inline-block;}
.w20 {width:20%; display: inline-block;}
.w25 {width:25%;display: inline-block;}
.w30 {width:30%;display: inline-block;}
.w40 {width:40%;display: inline-block;}
.w45 {width:44%;display: inline-block;}
.w50 {width:50%;display: inline-block;}
.w60 {width:60%;display: inline-block;}
.w70 {width:70%;display: inline-block;}
.w80 {width:80%;display: inline-block;}
.w90 {width:90%;display: inline-block;}
.w100 {width:100%;display: inline-block;}

.grad_stats {
	width:100%;
	display:block;
	border-top:2px solid #165193;
}
.grad_stats li{
	border-bottom:1px solid #D5D5D5;
	cursor:pointer;
}
.grad_stats li p.grad_01 {
	display:inline-block;
	width:82px;
	color:#333;
	
	font-size:16px;
	font-weight:500;
}
.grad_stats li p.grad_02 {
	display:inline-block;
	width:184px;
	color:#2D94B5;
	
	font-size:16px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;	
	padding:0 0px 0 0;
}
.grad_stats li p.grad_03 {
	display:inline-block;
	width:250px;
	padding:0 0 0 20px;
	color:#333;
	
	font-size:16px;
	font-weight:400;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;	
}
.grad_stats li p {
	padding:0px 0;
	margin:0;
	height:55px;
	line-height:56px;
}
.pdtbmain {
	padding:30px 0 20px 0;
}
.grad_stats li p.grad_05 {
	display:inline-block;
	width:25%;
	color:#777;
	
	font-size:16px;
	font-weight:300;
	padding:12px 0;
	height:26px;
	line-height:26px;
}
.grad_stats li p.grad_04 {
	display:inline-block;
	width:75%;
	color:#333;
	
	font-size:16px;
	font-weight:400;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;	
	padding:8px 0;
	height:22px;
	line-height:24px;
}
.m_more a{
	color:#165193;
	
	font-size:25px;
	font-weight:700;
}
.class_li {
	overflow:hidden;
	height:328px;
	cursor:default;
}
.class_li:hover {
	border:1px solid #d4d4d6;
}
.class_li_con1,
.class_li_con2,
.class_li_con3 {
	display:block;
	width:100%;
	color:#165193;
	
	font-size:15px;
	font-weight:500;
}
.class_li_con1 {
	font-size:14px;
	font-weight:400;
	color:#666;
	padding:10px 0 0 0;
}
.class_li_con2 {
	font-size:26px;
	font-weight:700;
	letter-spacing:-2.5px;
	color:#0a67b1;
	height:37px;
	overflow:hidden;
	position:relative;
}
.class_li_con2 p {
	position:absolute;
	margin:0;padding:0;
		
	font-size:26px;
	font-weight:700;
	letter-spacing:-1.5px;
	color:#0a67b1;
	animation: flowText 8s linear infinite;
    white-space: nowrap;
	width:auto;
}

   @keyframes flowText {
      0% {
        transform: translateX(0%);
      }
      100% {
        transform: translateX(-50%);
      }
    }


.glossy2 .class_li_con2 p{
	animation: flowText 13s linear infinite, glossy3 0.7s ease-in-out infinite alternate;
}



.class_li_con3 {
	font-size:14px;
	font-weight:400;
	color:#4c4c4c;
	padding:5px 0;
}
.class_li_con4 {
	width:62%;
	margin:10px auto 15px auto;
}

.class_li_con4 .btn_n {
	font-size: 14px;
    font-weight: 400;
    margin: 0;
    
    display: inline-block;
    background: #c6a78e;
    color: #fff;
    padding: 5px 12px;
    border-radius: 5px;
	height:auto;
	text-align:center;
	width:auto;
}
.class_li_con4 .btn_n2 {
    background: #ea4b1e;
}
.class_li_con4 .btn_n3 {
    background: #bbb;
    padding: 5px 50px;
	font-size: 14px;
    font-weight: 400;
    margin: 0;
    
    display: inline-block;
    color: #fff;
    border-radius: 5px;
	height:auto;
	text-align:center;
	width:auto;
}
.class_li_con4 .btn_n a,
.class_li_con4 .btn_n2 a{
	color:#fff;
}
.class_li_con4 .btn_n:hover {
    background: #b1825c;
	transition: all .3s ease;
}
.class_li_con4 .btn_n2:hover {
    background: #de3100;
	transition: all .3s ease;
}

a.rpic{
    display: inline-block;
    width: 100%;
    overflow: hidden;
    border-radius: 0px;
}
a.rpic2{
    border-radius: 7px;
	position:relative; 
}
.rpic3 {
	position:absolute; 
	top:15px;
	left:45px;
	z-index:10;
	 transform-origin:50%;
}
.rpic:hover img.rpic3{
	 animation:zoomEx1 0.5s ease;	
}
@keyframes zoomEx1 {
0% {
	 transform:scale3d(.3,.3,1) rotate3d(0,0,0,0.01deg);
	 -webkit-transform:scale3d(.3,.3,1) rotate3d(0,0,0,0.01deg);
	 opacity:0;
}
100%{
	 transform:scale3d(1,1,1) rotate3d(0,0,0,0.01deg);
	 -webkit-transform:scale3d(1,1,1) rotate3d(0,0,0,0.01deg);
	 opacity:1;
}}



.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,13px)) !important;
    height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,13px)) !important;
    display: inline-block;
    border-radius: var(--swiper-pagination-bullet-border-radius,50%);
    background: var(--swiper-pagination-bullet-inactive-color,#000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, .2)!important;
}
.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1) !important;
    background: var(--swiper-pagination-color,#FFF) !important;
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px);
}


.t_list {
	width:100%;
	height:auto;
}
.t_list li {
	width:50%;
	float:left;
	margin:0 0 20px 0;
	padding:0 0 20px 0;
	border-bottom:1px solid #ececec;
}
.carntvt-pagination,
.classviewt-pagination {
	font-size:17px;
	font-weight:500;
	color:#444;	
	letter-spacing:-1px;
}