@charset "utf-8";
@import "reset.css";


/*   로그인   */
#login_wrap {
background-image: url("/skin/basic/images/login_bg.png");
background-repeat: no-repeat;
background-position: top center;
width: 100%;
display: inline-table;
background-attachment: fixed;
min-height:1000px;
}
input:focus {outline:none;}
.login_layout {
width:525px; 
margin: 0 auto;
margin-top: 120px;
z-index: 9;
position:relative;
text-align:center;
}
.intro_tit {
margin-top:40px;
color:#fff;
font-size:40px;
font-weight:300;
}
.it{font-weight:400;}
.intro_tit span {
font-weight:600;
display: contents;
}
.login_deco {
background: #00a9b0;
height: 4px;
width: 85px;
border-radius: 10px;
margin: 40px auto;
}
.intro_subtit {
margin-top: 26px;
color: #fff;
font-size: 22px;
line-height: 36px;
/*font-weight: 300;*/
letter-spacing: -0.5px;
}
.login_box_sty {
background: #fff;
width: 100%;
height: 162px;
border-radius: 10px;
border: 1px solid #eaeaea;
}
.login_box_sty dl {
width: 100%;
height: 82px;
border-bottom: 1px solid #eaeaea;
text-align: left;
}
.login_box_sty dl:nth-child(2) {
border-bottom: 0;
}
.login_box_sty dd {
display: inline-block;
}
.login_box_sty dd input {
border:none;
height: 77px;
font-size:16px;
font-weight:700;
width: 99%;
}
.login_box_sty dl dd:first-child {
width: 10%;
text-align: right;
}
.login_box_sty dl dd:last-child {
width: 80%;
margin-left: 5%;
}
.login_box_sty input::placeholder {
color: #8c8c8c;
font-weight: 400;
}

.save_id_lay input[type="checkbox"] {
display: none;
}

.save_id_lay input[type="checkbox"] + label::before {
display: inline-block;
width:26px;
height: 26px;
background: #fff;
cursor: pointer;
border-radius: 5px;
vertical-align: middle;
margin-right: 8px;
clear:both;
content:"";
}

.save_id_lay input[type="checkbox"]:checked + label::before {
background:url(/skin/basic/images/check_img.png) #fff no-repeat center/26px 26px;
}

.save_id_lay {
position: relative;
overflow: hidden;
margin: 25px 10px;
}
.save_id_lay ul li{
color:#fff;
width: 45%;
text-align: left;
}
.save_id_lay li {
float:left;
}
.save_id_lay li:nth-child(2) {
margin-left:30px;
}
.save_id_lay li span {
line-height: 26px;
font-size:15px;
color:#fff;
font-weight:300;
cursor: pointer;
}
.save_id_lay li a {
line-height: 26px;
font-size:14px;
color:#fff;
font-weight:300;
cursor: pointer;
}

.btn_box_lay {
position: relative;
overflow: hidden;
}
.btn_box_lay li {
display: block;
width: 47.5%;
height: 65px;
border-radius: 10px;
cursor: pointer;
line-height: 65px;
font-size: 18px;
font-weight: 500;
}
.btn_box_lay li:first-child {
float:left;
background:#00a9b0;
color:#fff;
}
.btn_box_lay li:last-child {
float:right;
background:#fff;
color:#5e5d5d;
}
.login_info {
position: relative;
text-align: left;
margin-top: 35px;
}
.login_info li::before {
background:url(/skin/basic/images/check_img.png) no-repeat center/17px 17px;
content: "";
height: 17px;
width: 17px;
display: inline-block;
vertical-align: text-bottom;
margin-right: 4px;
}
.login_info li {
color: #fff;
font-size: 13px;
line-height: 22px;
}

.login_copy {
color: #fff;
font-size: 11px;
margin-top:70px;
padding-bottom:50px;
}

/*   아이디,비밀번호 찾기   */
.find_lay{width:695px;}
.find_box{
width:100%;
background-color:#fff;
border-radius:5px;
padding:30px;
}
.find_box ul{}
.find_box > ul > li{
margin-bottom: 30px;
display: inline-block;
width: 48%;
vertical-align: top;
}
.find_box ul li h2{float:left;color:#3c3c3c;margin-bottom:10px;font-size:14px;}
.find_box ul li h2 span{color:#fe0000;margin-left:5px;}
.find_box ul li input{
width:97%;height:40px;border:1px solid #e3e3e3;border-radius:5px;padding-left:2%;
}
.find_box p{
font-size:22px;
line-height:1.4;
color:#3c3c3c;
margin-bottom:40px;
}
/* .find_box p span{display:inline-block;font-weight:bold;vertical-align: text-top;}
.find_box p span:nth-child(1){}
.find_box p span:last-child{color:#f0530e;}
.find_btn{width:36%;height:65px;background-color:#00a9b0;color:#fff;line-height:65px;text-align:center;
border-radius:5px;font-size:18px;font-weight:bold;margin:0 auto;} */

/*회원가입*/
.join_wrap{ /*background-image: url("/skin/basic/images/join_bg.png") !important;height:100%; */}
.join_box{
width:100%;

}
.join_box ul{
display:block;
overflow:hidden;
margin-bottom:40px;
}
.join_box ul li{
width:32%;
margin-right:2%;
background-color:#fff;
float:left;
padding:35px 0;
border-radius:5px;
position:relative;
}
.join_box ul li:last-child{margin-right:0 !important; width:100%;}
.join_box ul li h2{font-size:18px;color:#3c3c3c;font-weight:500;/*margin-bottom:20px;*/}
.join_box ul li img{width: 90px; margin-bottom: 15px; position: absolute; top: 20px; transform: translateX(-50%); left: 50%;}
.join_box label {margin-top:100px;}
.join_na_box ul li{width:32%;margin-right:1.5%;padding:25px 0;position:relative;display:block;overflow:hidden; margin-bottom: 1.5%;}
.join_na_box ul li:nth-child(3n) {margin-right:0;}
.join_na_box ul li img:nth-child(3){position:absolute;bottom: 28px;right: 32px;}
.birth{
display:block;overflow:hidden;width:100%;}
.birth li{float:left;margin-right:1.8%;width:32%;}
.birth li:last-child{margin-right:0;}
.birth li input{width:100%;}
.join_btn{width:100%;height:65px;background-color:#00a9b0;color:#fff;line-height:65px;text-align:center;
border-radius:5px;font-size:18px;font-weight:bold;}

/*인트로*/
#intro_wrap{
	width:100%;
	height:auto;	
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-image:url(/skin/basic/images/bg2.jpg);
	position: absolute;
    top: 0;left: 0;
	padding-bottom:50px;
	background-size:cover;
}
#header{width:100%;display:block;}
#intro_header{
width:100%;
height:130px;
margin-bottom:120px;
}
#edu_header{
background-repeat:no-repeat;
	background-position:50% 50%;
	background-image:url(/skin/basic/images/edu_header.png);
}
.h_inner{
	width:84%;
	margin:0 auto;
	position:relative;
}
.h_inner h1{
	float:left;
	padding-top:30px;
}

.right_mall{width:183px;;float:left;padding-top: 30px;}
.menu_icon{
	padding-top:46px;	
}
.menu_icon ul{
	width:192px;
	margin:0 auto;
	padding-top:7px;
}
.menu_icon ul li{
	float:left;
	position:relative;
	padding:0 20px;
	text-align:center;
	
}
.menu_icon ul li:last-child{
	
}
.menu_icon ul li span{
	position:absolute;
	top:-7px;
	left:33px;
	display:block;
	width:28px;
	height:15px;
	background-color:#00a9b0;
	color:#fff;
	border-radius:10px;
	font-size:11px;
	text-align:center;
	line-height:15px;
}
.right_menu{
	position:absolute;
	top:0;
	right:0;
}
.right_menu .top_menu{
	float:left;
	padding-top:62px;
	display:block;
	overflow:hidden;
}
.right_menu .top_menu li{
	float:left;
	padding:0 10px;
	height:11px;
	line-height:7px;
}
.tm_micon{display:none;}
.right_menu .top_menu li:first-child{
	border-right:1px solid rgba(255,255,255,0.4);
}
.right_menu .top_menu li a{
	font-size:12px;
	color:#fff;
}
.right_menu .sns_img{
	float:left;
	padding-top:58px;	
}
.right_menu .sns_img > li{
	float:left;
	margin-right:5px;
	position:relative;
	height:30px;
}
.right_menu .sns_img li:last-child{
	margin-right:0;
}
.sns_a{
background-color:#fff;
position:absolute;
width:140px;
top: 0;
right:0;
display:none;
margin-top:30px;
border-radius:15px;
border:1px solid #e9e9e9;
z-index:99;
}
.sns_a ul{
padding:15px 10px;
display:block;
overflow:hidden;
}
.sns_a ul li{
margin-bottom:10px;
height:20px;
}
.sns_a ul li:last-child{
margin-bottom:0;
}
.sns_a ul li a{
font-size:14px;
color:#000;
}
.sns_a ul li:hover a{
color:#00a9b0;
}
.sf{top:175px;right:185px;}
.si{top:175px;right:135px;}
.sg{top:175px;right:90px;}
.tw{top:175px;right:44px;}
.edu_la_txt .la_tit h2{
float:left !important;
}
.cr{
float:left;
border:1px solid #fff;
border-radius:30px;
width:120px;
height:30px;
margin-top:26px;
cursor:pointer;
}
.cr a{
font-size:12px;
color:#fff;
text-align:center;
line-height:28px;
display:block;
}
.circle_img img{
border-radius:50%;
width:36px;
height:36px;
}
#container{
min-height:60vh;

}
#container:after{display:block;clear:both;content:"";}
.content{overflow:hidden; }  /* display: table;   */
.ss_content{display:block;}
.content > h1{
	font-size:40px;
	font-weight:bold;
	text-align:center;
	color:#fff;
	margin-top:70px;
	margin-bottom:40px;
}
.con > h1{
	font-size:40px;
	font-weight:bold;
	text-align:center;
	color:#fff;
	margin-top:70px;
	margin-bottom:40px;
}
.in_box{
width:750px;
margin:0 auto;
}
.input_box{
	width:100%;
	height:60px;
	margin:0 auto;
	margin-bottom:100px;
}
.input_area{
	width:100%;
	float:left;
}
.input_area ul li{float:left;}
.input_area ul .in_img{
	width:55px;
	height:60px;
	background-color:#00a9b0;
}
.input_area ul .in_img_1{border-radius:5px 0 0 5px;}
.input_area ul .in_img_2{border-radius:0 5px 5px 0;}
.input_area ul .in_img img{
	display:block;
	margin:0 auto;
}
.input_area ul .in_img_1 img{padding-top:18px}
.input_area ul .in_img_2 img{padding-top:22px}
.input_area ul li input{
	width:100%;
	height:60px;
	border:none;
	padding-left:2%;
	box-sizing:border-box;
	}
.filter{
 width:8%;
 float:right;
}
.filter_ser{
	width:100%;
	height:60px;
	background-color:#fff;
	border-radius:5px;
}

.filter_ser img{
	display:block;
	margin:0 auto;
	padding:10px 0;
}
.filter_ser a p{
	color:#00a9b0;
	text-align:center;
	font-size:12px;
}
.filter_detail{
	width:100%;
	height:90px;
	margin:0 auto;
	background-color:#00a9b0;
	border-radius:10px;
	margin-bottom:5px;
	display:none;
	position:relative;
	margin-top:-95px;
}
.select_box{
	width:485px;
	display:block;
	overflow:hidden;
	float:left;
	margin-top:12px;
	margin-left:30px;
}
.select_box .sel_con{
	float:left;
}
.select_box .sel_1{
	margin-bottom:8px;
}
.select_box .sel_con h2{
	color:#fff;
	font-size:16px;
	display:inline-block;
	float:left;
	margin-right:50px;
	text-shadow:2px 2px 7px #000;
	line-height:28px;
	letter-spacing:-2px;
}
.select_box .sel_con select{
	margin-right:8px;
	float:left;
	width:190px;
	height:28px;
	border:1px solid #028d93;
}
.select_box .sel_con select:last-child{margin-right:0px;}
.detail_btn{
	width:178px;
	height:64px;
	background-color:#fff;
	border-radius:10px;
	float:right;
	margin-top:12px;
	margin-right:55px;
	display:block;
	overflow:hidden;
}
.detail_btn .de{
	text-align:center;
	line-height:62px;
}
.detail_btn img{
	display:inline-block;
}
.detail_btn a p{
	display:inline-block;
	font-size:16px;
	font-weight:bold;
	color:#00a9b0
}
.clo_btn{
position:absolute;
right:20px;
top:12px;
}

.e_box{
	width:1386px;
	margin:0 auto;
	background-color:#fff;
	border-radius:10px;
	height:1083px;
	padding:0 40px;
}
.e_catalog{}
.e_top{
	border-bottom:1px solid #eeeeee;
}
.e_top h2{
	font-size:22px;
	font-weight:bold;
	display:inline-block;
	overflow:hidden;
	padding-top:40px;
	padding-bottom:20px;
	width:180px;
	color:#373737;
}
.e_top .e_more{
	float:right;
	margin-top:38px;
}
.e_top .e_more p{
	display:inline-block;
	color:#373737;
	font-weight:bold;

}
.e_top .e_more img{
	display:inline-block;
}
.ec_content{
	display:block;
	overflow:hidden;
}
.ec_content ul{
	margin-top:30px;
}
.ec_content ul li{
	float:left;
	width:300px;
	margin-right:35px;
	margin-bottom:30px;
}
.ec_content ul li:nth-child(4n){
	margin-right:0;
}
.ec_content ul li a img{}
.ec_content ul li a .e_tit{}
.ec_content ul li a .e_tit img{
	display:inline-block;
	vertical-align: text-bottom;
}
.ec_content ul li a  .e_tit p{
	margin:20px 0;
	display:inline-block;
	font-size:18px;
	color:#373737;
	
}
.ec_content ul li a span{
	color:#646464;
	font-size:13px;
	line-height:1.4;
}
.bo_btn{
	text-align:center;
	margin-top:20px;
}
.ee_content{}
.ee_content p{
	font-size:18px;
	color:#373737;
	text-align:center;
	padding-top:115px;
}

#intro_footer{padding-bottom:50px;}
#intro_footer p{
	text-align:center;
	color:#fff;
	padding-top:150px;
	font-weight:bold;
	font-size:10px;
}
.inre_f p{
padding-top:50px !important;
}


.e_cata{
width:45%;
margin:0 auto;	
}
.e_cata ul{
width:100%;
}
.e_cata ul li{
float:left;
margin-right:2%;
position:relative;
width:49%;
height:300px;
border-radius: 5px;
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
}
.e_cata ul li:nth-child(1){background-image:url(/skin/basic/images/in_img4.png)}
.e_cata ul li:nth-child(2){background-image:url(/skin/basic/images/in_img2.png)}
.e_cata ul li:nth-child(3){background-image:url(/skin/basic/images/in_img3.png)}
.e_cata ul li:last-child{
margin-right:0;
}
.e_cata > ul > li > a > img{width:100%;border-radius:5px;}
.e_cata > ul > li > a .bg{
background-color:rgba(0,169,176,0.7);
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
border-radius: 5px;
display:none;
}	
.t_ca{
position:absolute;
left:30px;
bottom:35px;
width:91%;
z-index:99999;
}
.t_ca h2{
font-size:30px;
color:#fff;
font-weight:bold;
}
.t_ca > img{
margin:15px 0;
}
.t_ca p{
font-size:15px;
color:#fff;
font-weight:bold;
}
.t_ca p img{margin-right:5px;margin-top:-2px;}
.ca_img{
position:absolute;
top: 30px;
right: 30px;
display:none;
z-index:99999;
}
.ca_tit{
position:absolute;
left:0;
bottom:0;
background-color:#000;
width:100%;
border-radius:0 0 5px 5px;
opacity:0.7;
height:67px;
}
.ca_tit > h2{
font-size:22px;
color:#fff;
font-weight:bold;
padding:24px 0 24px 33px;
z-index:999;
position:absolute;
left:0;
bottom:0;
}
.cb_img{
position:absolute;
right:30px;
top:30px;
}

/*메인*/
.top_nav_menu{
	width:147px;
	position:absolute;
	border:1px solid #e9e9e9;
	background-color:#fff;
	top: 60px;
    right: 30px;
	border-radius:8px;
	display:none;
	z-index:99999;
	padding:15px;
	line-height:0;
	
}
.top_nav_menu ul{

}
.top_nav_menu ul li{
	margin-bottom:5px;
	line-height:1;
	margin-left: 0 !important;
	margin-left: unset !important;
}
.top_nav_menu .log{
border-top:1px solid #e9e9e9;
margin-top: 15px;
padding: 10px 0 0 0;
}
.top_nav_menu ul li a{}
.top_nav_menu ul li a img{
display:inline-block;
}
.top_nav_menu ul li a p{
display:inline-block;
color:#3c3c3c;
font-size:14px;
}
.bb:last-child{
	border-bottom:none;
	}

.left_area{
float:left;
width:11%;
height:100%;
border-right:1px solid #eeeeee;
overflow:hidden;
display: table-row;
position:relative;
top:0;left:0;
}
.top_side_menu{}
.top_side_menu > div:last-child{border-bottom:none;}
.main_list{
border-bottom:1px solid #eeeeee;
padding:20px 0 20px 10%;
}
.main_list > li{
margin-bottom:20px;
}
.main_list > li:last-child{
margin-bottom:0;
}
.main_list > li > a > img{
display:inline-block;
}
.main_list li a p{
display:inline-block;
font-size:14px;
color:#373737;
}
.edu_lm .main_list li.on a p{color:#715ac5}
.main_list li.on a p{
color:#00abc8;
}
.edu_main_list li.on a p{
color:#715ac5;
}
.edu_lm .cl li span{color:#715ac5 !important;}
.main_list > li > a > span{
width:28px;
height:15px;
border-radius:20px;
font-size:11px;
color:#fff;
background-color:#00abc8;
text-align:center;
line-height:14px;
display:inline-block;
text-shadow:1px 1px 2px #000;
}

.em_list > li > a > span{
background-color:#715ac5;
}
.mm{}
.mm > li{
margin-top:15px;
}
.mm > li > a{
font-size:14px;
font-weight:bold;
color:#373737;
}
.mm li a span{
color:#00abc8;}
.sm{padding-left:15px;margin:10px 0;}
.sm li{
margin-bottom:10px;
}
.sm li a{
font-size:14px;
color:#666;
}
.pro{
padding:30px 0 30px 10%;
border-bottom:1px solid #eeeeee;
}
.my_ca{
padding:30px 0 30px 10%;
border-bottom:1px solid #eeeeee;
}
.my_su{
padding:30px 0 30px 10%;
}
.my_ca_tit{
display: block;
overflow: hidden;
height:20px;
}
.my_ca_tit .mc_tit{float:left;}
.my_ca_tit .mc_tit img{
display:inline-block;
}
.my_ca_tit .mc_tit h2{
display:inline-block;
font-size:14px;
color:#373737;
}
.direct_top {
float: right;
padding-top: 8px;
margin-right: 10%;
}
.cl{
margin-top:15px;
padding-left:16px;
}
.cl li{
margin-bottom:10px;
}
.cl li p{
display:inline-block;
color:#646464;
font-size:13px;
}
.cl li span{
display:inline-block;
font-size:13px;
color:#00abc8;
font-weight:bold;
}
.cl li img{
border-radius:50%;
width:25px;
height:25px;
}
.edu_cl li span{
color:#715ac5;
}

.main_area{

position:relative;
}
.main_area > h2{
padding:30px 0 20px 0;
font-weight:bold;
color:#00abc8;
font-size:24px;
}
.edu_main_area > h2{
color:#715ac5;
}
#visual{
margin-bottom:40px;
position:relative;
}
.han_visual{
width:100%;height:600px;position:relative;display:block;overflow:hidden;margin-bottom:0 !important;
}
.v_bg{background-repeat: no-repeat;background-position: center center;background-image: url(../images/bg4.png);background-size: 100% 100%;height:600px;
position:relative;top:0;left:0px;z-index:99;width:100%; opacity: 0.8;}
.main_bg{background-repeat: no-repeat;background-position: center center;background-image: url(../images/bg5.png);background-size:cover;height:800px;
position:absolute;top:0;right:0px;width:100%;}
.edu_main_bg{background-repeat: no-repeat;background-position: center center;background-image: url(../images/bg6.png);background-size:cover;height:540px;
position:absolute;top:0;right:0px;width:100%;border-radius:10px;}
.banner_1 li{width:80%;height:600px;background-repeat: no-repeat;background-position: top center;
background-size:cover;}/*position:absolute !important;top:0;right:0;background-image: url(../images/visual7.jpg);*/
.b_txt{
position:absolute;
left:150px;
top:190px;
z-index:9999;
}
.b_txt > img{
border-radius:50%;
width:100px;
height:100px;
}
.b_txt h2{
color:#fff;
font-size:26px;
margin-top:20px;
margin-bottom:15px;
}
.b_txt p{
color:#fff;
font-size:18px;
}
.main_banner li .dein{
width:100%;
height:40px;
border:1px solid #fff;
border-radius:5px;
line-height:38px;
padding:0 20px;
}
.main_banner li .play{

height:40px;
border:1px solid #fff;
border-radius:5px;
line-height:38px;
padding:0 20px;
margin-right:10px;
}
.main_banner li .play img{
display:inline-block;
float:left;
margin-right:5px;
margin-top:10px;

}
.main_banner li .dein img{
display:inline-block;
float:left;
margin-right:5px;
margin-top:7px;

}
.main_banner li .play p{
display:inline-block;
color:#fff;
float:right;
}
.main_banner li .dein p{
display:inline-block;
color:#fff;
float:right;
}
.v_image{width:100%;position:absolute;top:0;right:0;}

/* 허브용 */
.v_slider{
position:absolute;top:115px;right:40px;
text-align:right;
background-position: top 13px right 4px;
background-repeat:no-repeat;
background-image:url(/skin/basic/images/ba5.png);
z-index:9999;
transform: translateY(-50%);
top: 50%;
}
.v_slider ul{}
.v_slider ul li{

}
.v_slider ul li:first-child{

}
.v_slider ul li h2{
color:#ff0042;
font-size:18px;
font-weight:bold;
margin-bottom:17px;
padding-right:50px;
}
.v_slider ul li p{
	color:#fff;
	font-size:16px;
	margin-bottom:7px;
	/*display: inline-block;*/
	width: 20vw;
	white-space: nowrap; 
	overflow: hidden; 
	text-overflow: ellipsis;
	padding-right:50px;
}
.v_slider ul li span{color:#fff;font-size:13px;display:block;}


/* E-TEST 용 */
.ve_slider{
position:absolute;top:115px;right:40px;
text-align:right;
background-position:210px 10px;
background-repeat:no-repeat;
background-image:url(/skin/basic/images/ba5.png);
z-index:9999;

}
.ve_slider ul{}
.ve_slider ul li{
margin-bottom:27px;
background-position:206px 6px;
background-repeat:no-repeat;
background-image:url(/skin/basic/images/off.png);
padding-right:50px;
}
.ve_slider ul li:first-child{
background-image:url(/skin/basic/images/on.png);
}
.ve_slider ul li h2{
color:#ff0042;
font-size:18px;
font-weight:bold;
margin-bottom:17px;
}
.ve_slider ul li p{
color:#fff;
font-size:16px;
margin-bottom:7px;
display: inline-block;
width: 70%;
white-space: nowrap; 
overflow: hidden; 
text-overflow: ellipsis;

}
.ve_slider ul li span{color:#fff;font-size:13px;display:block;}

/*.main_visual_slider{*/
/*	width:100%;*/
/*	height:540px;*/
/*	border-radius:10px;*/
/*}*/
.main_v{
background-position:center center;
background-repeat:no-repeat;
background-size:cover;
width:100%;
height:800px;
position:relative;
}
.mv{
position:absolute;
bottom:200px;
left:46px;
width:900px;
}
.mv h1{
color:#fff;
font-size:50px;
margin-bottom:20px;
width: 40vw;
line-height: 1.5em;
display: inline-block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.mv p{
color:#fff;
font-size:18px;
font-weight:100;
}
.item > a > img{width:100%;}
.pro_ca{margin-bottom:60px !important;}
.ca_area{display:block;overflow:hidden;}
.ca_area > h2{
margin-bottom:28px;
font-size:22px;
color:#373737;
}
.ca_area h2 span{
font-weight:bold;
vertical-align: baseline;
}
.top_list{
display:block;
overflow:hidden;
margin-top:20px;
border-bottom:1px solid #eeeeee;
width:100%;
}
.top_list ul{
display:block;
overflow:hidden;
float:left;
}
.top_list > ul > li{
float:left;
margin-right:30px;
}
.top_list > ul > li:last-child{
margin-right:0;
}
.top_list ul li a{
font-weight:bold;
font-size:14px;
color:#848484;
}
.top_list ul li a span{
color:#00abc8;
display:inline-block;
vertical-align:bottom;
}
.top_list ul li.on{
padding-bottom:16px;
border-bottom:2px solid #00abc8;
}
.top_list ul li.on a{color:#373737}

/*.pre_nex_btn{*/
/*float:right;*/
/*width: 65px;*/
/*height: 23px;*/
/*position:absolute;*/
/*top:-7px;*/
/*right:0;*/
/*}*/
.pre_nex_btn ul{}
.pre_nex_btn ul li img {
width: 50%;
position: absolute;
transform: translate(-50%, -50%);
left: 50%;
top: 50%;
}
.pre_nex_btn ul li:hover {background: #dde5ee; border-radius: 7px;}
.pre_nex_btn ul li:first-child {
position: absolute;
left: -2.5%;
width: 2vw;
height:100%;
}
.pre_nex_btn ul li:last-child {
position: absolute;
right: -2.5%;
width: 2vw;
height:100%;
}
.ke{
border-bottom:1px solid #eeeeee;
height:52px;
}
.ke ul{
display:table;
margin:0 auto;
text-align:center;
}
.ke ul li{
float:left;
line-height:46px;
}
.ke ul li:first-child{
margin-right:38px;
}
.ke ul li a img{
display:inline-block;
margin-right:5px;
}
.ke ul li p{
display:inline-block;
color:#2c2c2c;
font-size:14px;
font-weight:500;
}
.con_ca{
width:100%;
}
.con_ca > ul > li > img{
position:absolute;
top:0;
right:0;
}
.con_ca > ul{
width:100%;
}
.con_ca > ul > li{
width:23.5%;
float:left;
margin-right:2%;
position:relative;
margin-bottom: 50px;
}
.con_ca ul li:last-child{margin-right:0;}

.con_ca ul li:last-child a {
position: relative;
display:block;
}

.con_ca > ul > li a {
position: relative;
display:block;
}

.con_ca > ul > li > a > img{width:100%;}
.con_ca ul li .con_tit{
display:flex;
align-items:center;
gap:5px;
margin:15px 0 10px;
}
.con_ca ul li .con_tit img{
/*float: left;*/
display:inline-block;
vertical-align: middle;
padding-top: 0.15vw;
margin-right: 0.1vw;
max-width: 1.2vw;
}
.con_ca ul li .con_tit h2{
width:100%; 
font-size:1vw;
color:#fff;
/*float: left;*/
display:inline-block;
width: 200px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/*.con_ca ul li p{
color: #646464;
font-size: 13px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
word-wrap: break-word;
line-height: 1.5em;
height: 3em;
}*/
.icon_area{
margin-top:1vw;
}
.icon_area img {width: 14px; height: 12px; vertical-align: bottom;}
.icon_area ul{}
.icon_area ul li{
float:left;
margin-right:15px;
}
.icon_area ul li a{ color:#fff; }
.ps_in{display:none;}

.right_area{
width:18%;
float:right;
background-color:#f2f2f2;
display: table-row;
height:100%;
border-left:1px solid #d4d4d4;
padding:0 1%;
padding-bottom:50px;
}
.r_con_tit{
padding:30px 0 20px 0;
}
.r_con_tit img{
display:inline-block;
}
.r_con_tit h2{
display:inline-block;
color:#373737;
font-size:14px;
font-weight:bold;
}
.bb{
border-bottom:1px solid #dadada;
}
.sns{
display:block;
overflow:hidden;
padding-bottom:20px;
}
.sns ul{}
.sns > ul > li{
float:left;
margin-right:2%;
height:50px;
}
.sns ul li:last-child{
margin-right:0;
}

.la_ca{
padding-bottom:30px;}
.la_ca ul{
display:block;
overflow:hidden;
}
.la_ca > ul > li{
display:block;
overflow:hidden;
margin-bottom:30px;
width:100%;
}
.la_ca ul li:last-child{
margin-bottom:0;
}
.la_ca ul li img{
float:left;
display:block;
overflow:hidden;
margin-right:2%;
}
.la_img{
width:30%;
float:left;
}
.la_img img{
width:100%;
height:62px;
border-radius:3px; /* 정민우 추가 */
}
.la_txt{
width:67%;
float:right;
text-align: left;
}
.la_txt > p{
font-size:13px;
color:#646464;
line-height:1.4;
display:inline-block;
}
.la_tit{
margin-bottom:27px;
width:100%;
}
.la_txt .la_tit img{
display:inline-block;
padding-top:2px;
float:left;
}
.la_txt .la_tit h2{
display:inline-block;
color:#373737;
font-size:14px;
font-weight:500;
float:left;
width:85%; 
height:20px;
white-space: nowrap; 
overflow: hidden; 
text-overflow: ellipsis;


}

.next_prev_btn{
width:80px;
margin:0 auto;
margin-top:35px;
}
.next_prev_btn ul{}
.next_prev_btn ul li{
float:left;
margin-right:10px;
font-size:11px;
}
.next_prev_btn ul li:last-child{
margin-right:0;
}
.next_prev_btn ul li:nth-child(2){
margin-top:2px;
}
.next_prev_btn ul li img{}
.next_prev_btn ul li span{
display:inline-block;
vertical-align: baseline;
}

.manage{
display:block;
overflow:hidden;
}
.manage ul{}
.manage ul li{
/*margin-bottom:30px;*/
/*display:inline-block;*/
/*overflow:hidden;*/

}
.l_img{
float:left;
margin-right:2%;
}
.r_txt{
margin-left:20%;
display:block;
overflow:hidden;
}
.r_txt h2{
font-size:14px;
color:#373737;
font-weight:bold;
margin-bottom:10px;
}
.r_txt > p{
width:100%;
padding:15px 4%;
background-color:#abd9dd;
border-radius:5px 20px 20px 20px;
color:#fff;
font-size:13px;

text-shadow:1px 1px 1px #666;
white-space: normal; 
line-height: 1.2;  
text-align: left; 
word-wrap: break-word; 
display: -webkit-box; 
webkit-line-clamp: 3; 
-webkit-box-orient: vertical;


}
.edu_r_txt > p{
background-color:#a5a8de;
}
.da_fe{
margin-top:8px;
}
.da_fe p{
font-size:11px;
color:#5f5f5f;
display:inline-block;
}
.da_fe span{
display:inline-block;
font-size:11px;
color:#fff;
background-color:#000;
border-radius:5px;
padding:4px 2%;
cursor:pointer;
}

.notice{}
.notice ul{}
.notice ul li{
margin-bottom:20px;
}
.notice ul li p{
color:#373737;
font-weight:500;
font-size:13px;
line-height:1.5;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display:inline-block;
width:100%;
white-space: normal;
height: 3.6em;
}
.notice ul li span{
color:#5f5f5f;
font-size:11px;
display:block;
padding:15px 0 20px 0;
}
.notice ul li img{
width:100%;
}

.ps_rm{display:none;}
.th{display:none;}
.t_visual{display:none;}
.m_visual{display:none;}


/*sub*/
.scc ul li:nth-child(6n){
margin-right:0;
/*margin-bottom:50px;*/
}
.sv{
width:100%;
display: block;
overflow: hidden;
}
.sv_i{position:relative;}
.l_sv{width:67%;float:left;}
.l_sv img{width:100%;height:540px;}
.r_sv{width:32%;float:right;}
.r_sv img{width:100%;height:265px;}
.sv_txt{position:absolute;left:30px;bottom:40px;}
.sv_txt p{color:#fff;font-size:30px;margin-bottom:15px;width:90%}
.sv_txt span{color:#fff;font-size:18px;}
.r_sv .sv_txt{left:20px;bottom:30px;}
.r_sv .sv_txt p{font-size:15px;width:90%;line-height:1.4;}
.r_sv .sv_txt span{font-size:13px;}
.tm{float:left;}
.fr{
float:right;
}
.rt{float:left;margin-right:20px;}
.rt input{float:left;width:210px;height:24px;border-radius:5px;margin-right:20px;border:1px solid #000;
margin-bottom:5px;
display:block;} /* border-radius 30 -> 5 으로 정민우 조정 background-position:183px 4px;background-repeat:no-repeat;background-image:url(../images/sub_icon1.png); */
.rt .rm{margin-top:5px;}
.rt .rm li{float:left;border-right:1px solid #dbdbdb;height:15px;line-height:8px;padding:0 12px;}
.rt .rm li:last-child{padding-right:0;border:none;}
.rt .rm li:first-child{padding-left:0;}
.rt .rm li.on{color:#000;border-bottom:none;}

.cata_box{display:block; overflow:hidden; position: relative;}
.cata_box h2{font-size:24px;font-weight:bold;color:#373737;margin:30px 0 15px 0;}
.cata_box > img{width:100%;}
.cata_box > p{font-size:40px;color:#343434;margin:40px 0 20px 0;}
.cata_box > span{font-size:18px;color:#343434;margin-bottom:20px;display:block;}
.cb{border-bottom:1px solid #eeeeee;display:block;overflow:hidden;padding-bottom:20px;}
.l_cb{float:left;width:390px;}
.l_cb .lc{float:left; display: flex; align-items: center; gap: 5px;}
.l_cb .lc img{display:inline-block;}
.l_cb .lc p{display:inline-block;font-size:14px;color:#343434;}
.l_cb ul{float:left; margin: 6px 0 0 30px;}
.l_cb ul li{float:left;  display: flex; align-items: center;}
.l_cb ul li img{display:inline-block;margin-right:10px;}
.l_cb ul li p{display:inline-block;font-weight:bold;margin-right:10px;}

.r_cb{float:right;}
.r_cb ul{}
.r_cb ul li{float:left;margin-left:15px;}
.re_ca{display:block; overflow:unset;position:relative; margin-top:50px;}

.ca_content_tit h2{
font-size: 22px;
color: #373737;
float:left;
}
/*
.re_ca h2{
font-size: 22px;
color: #373737;
float:left;
}
*/

.re_ca h2 span{
font-weight: bold;
vertical-align: baseline;
}

.pr_ca h2 span {
	
}
.edu_ca h2{
margin-bottom:0 !important;
}
.des{
margin-bottom:35px;}
.des > p{
padding:40px 0 75px 0;
font-weight:bold;
font-size:16px;
line-height:1.4;
}
.des_box{
width:100%;
height:210px;
background-color:#edf2f7;
border-radius:20px;
padding:25px;
}
.des_box .sb_img{float:left;width:5%;}
.des_box .sb_img img{width:100%;}
.des_box .sb_input{float:right;width:93%;}
.des_box .sb_input > input{width:100%;height:100px;border:1px solid #e2e2e2;}
.radio{margin-top:10px;}
.radio  li{float:left;margin-right:30px;}
.radio  li input{display:inline-block;float:left;margin-top:2.5px;margin-right:5px;}
.radio  li p{display:inline-block;font-size:14px;font-weight:bold;}
.sb_btn{float:right;width:108px;height:40px;border-radius:10px;background-color:#00abc8;color:#fff;
font-weight:bold;text-align:center;line-height:40px;font-size:14px;}

.des{
margin-bottom:35px;
}
.des > p{
padding:40px 0 40px 0;
font-weight:bold;
font-size:16px;
line-height:1.4;
border-bottom:1px solid #eeeeee;
}
.ss_con{display:table}
.comment{
border-bottom:1px solid #eee;
margin-bottom:30px;
display:block;
overflow:hidden;
}
.comment h2{
font-size:16px;
}
.comment > h2 > span{
color:#ff0045;
display:inline-block;
float:left;
font-weight:bold;
margin-right:5px;
}
.submit{
display:block;
overflow:hidden;
margin-top:20px;
position:relative;
margin-bottom:50px;
width:100%;
}
.s_img{
display:inline-block;
float:left;
margin-right:2%;
overflow:hidden;
}
.s_img img{
width:60px !important;
height:60px !important;
border-radius:50%;
}
.s_txt{
	background-repeat: no-repeat;
    background-position: 0 10px;
    background-image: url(../images/c_icon26.png);
    padding-left: 6px;
    width: 95%;
    display: inline-block;
    float: right;
}
.s_txt textarea{
	width: 100%;
	resize:none;
    height: 60px;
    background-color: #eeeeee;
    border: none;
    border-radius: 10px;
    padding: 10px 12% 10px 1%;
}
.submit { display:flex; }
.s_btn{
right:5px;
top:5px;
position:absolute;
background-color:#00abc8;
text-align:center;
color:#fff;
border-radius:8px;
border: 0;
padding:15px 15px;
}

.mores_btn{
bottom:12px;top:25px;
position:absolute;
/*z-index:100;*/
width:100%;
height:50px;
background-color:#f9f9f9;
text-align:center;
line-height:50px;
color:#535353;
font-size:16px;
}

.es_btn{
background-color:#a5a8de;
}
.edu_in h2 span{
color:#715ac5 !important;
}
.reply{display:none;}
.comment_view.cvt{display:none;}
.reply ul{}
.reply > ul > li{
font-size:14px;
margin-bottom:35px;
}
.re_info{
display:inline-block;
width:90%;
}
.re_info h2{
font-size:14px;
font-weight:600;
}
.re_info h2 span{
color:#00abc8;
font-weight:500;
display:inline-block;
margin-left:15px;
}
.re_info p{
font-size:14px;
margin:10px 0;
line-height:1.4;
}
.re_info ul{
display:block;
overflow:hidden;
}
.re_info ul li{
float:left;
margin-right:30px;
}
.re_info ul li a{
color:#000;
font-size:14px;
font-weight:bold;
}
.view{margin-left:60px;margin-top:20px;}
.view > img{
display:inline-block;
float:left;
margin-top: 6px;
margin-right: 8px;
}
.view > p{
font-size:14px;
color:#00abc8;
display:inline-block;
}
.view > ul{
margin-top:20px;
}
.view > ul > li{
margin-bottom:20px;
}
.edu_view > p{
color:#715ac5;
}
.edu_box > img{
margin-top:30px;
}

.ft{border-bottom:1px solid #e3e3e3;display:block;overflow:hidden;padding-bottom:20px;}
.ft .ft_tit{float:left;}
.ft .ft_tit img{
display:inline-block;
float:left;
margin-top:2px;
margin-right:5px;
}
.ft .ft_tit p{
display:inline-block;
font-size:20px;
font-weight:bold;
}
.ft > img{
float:right;}
.sel_fd{margin:30px 0;display:block;overflow:hidden;}
.sel_fd ul{
width:100%;
}
.sel_fd ul li{
float:left;
width:48%;
margin-right:2%;
}
.sel_fd ul li:last-child{margin-right:0;}
.sel_fd ul li select{width:100%;border:1px solid #e3e3e3;height:45px;box-sizing:border-box;border-radius:5px;}
.pop_btn{margin:0 auto;width:42%;height:54px;line-height:54px;text-align:center;color:#fff;
background-color:#00abc8;font-weight:bold;border-radius:35px;}
.share{height:368px;}
.ac{margin:27px 0;display:block;overflow:hidden;width:100%;}
.ac p{margin-bottom:10px;}
.ac ul{
width:100%;
}
.ac ul li{
float:left;
width:32%;
margin-right:2%;
}
.ac ul li:last-child{margin-right:0;}
.ac ul li select{width:100%;border:1px solid #e3e3e3;height:45px;box-sizing:border-box;border-radius:5px;}
.email{margin-bottom:27px;}
.email p{margin-bottom:10px;}
.email input{width:100%;border:1px solid #e3e3e3;height:45px;box-sizing:border-box;border-radius:5px;}

/*마이페이지*/
.info_tit{
margin:30px 0 20px 0;
}
.info_tit h2{
color:#373737;
font-size:24px;
font-weight:bold;
}
.my_menu{
display:block;
overflow:hidden;}
.my_menu li{
border:1px solid #e0e0e0;
border-radius:10px;
width:190px;
height:35px;
float:left;
margin-right:10px;
}
.my_menu li a{
text-align:center;
color:#ababab;
font-size:16px;
display:block;
line-height:33px;
}
.info_box{width:100%;border:1px solid #e0e0e0;border-radius:10px;margin-top:40px;}
/*
.info_top{padding:15px 0 15px 20px;border-bottom:1px solid #e0e0e0;}
.info_top img{display:inline-block;float:left;margin-right:7px;}
.info_top p{display:inline-block;color:#3c3c3c;font-size:16px;font-weight:bold;}
*/
.info_form{padding:40px 30px 30px 20px;}
.info_form table{width:100%;}
.info_form table tr{height:40px;}
.info_form table tr th{width:10%;color:#3c3c3c;font-size:13px;text-align:left;padding-bottom:10px;}
.info_form table tr td{padding-bottom:10px;color:#3c3c3c;font-size:13px;}
.info_form table tr td input{width:95%;height:35px;padding-left:2%;border-radius:10px;border:1px solid #c9ced2;}


.mgt_left{
width:43%;height:auto;float:left;border:1px solid #e0e0e0;border-radius:10px;margin-top:40px;
}
.big_menu{width:100%;}
.big_menu > li{
width:100%;line-height:45px;}
.big_menu li:last-child a{border-bottom:none;}
.big_menu li a{width:100%;border-bottom:1px solid #e0e0e0;height:45px;display:block;padding-left:15px;}
.big_menu li a p{
background-repeat:no-repeat;
background-position:0 17px;
background-image:url(../images/icon39.png);
padding-left:20px;
color:#000;
display:inline-block;
}
.big_menu li a img{display:inline-block;float:left;}
.big_menu:after{
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    z-index: 9;
    clear:both;
}
.pm{width:20px;display: inline-block;}
.pull_down{width:100%;height:90px;display:block;overflow:hidden;display:none;}
.pull_down li{
height:45px;border-bottom:1px solid #e0e0e0;line-height:45px;
}

.pull_down li a{width:100%;display:block;padding-left:50px;}
.pull_down li a p{
background-repeat:no-repeat;
background-position:0 17px;
background-image:url(../images/icon39.png);
}
.mgt_form{
width:55%;float:right;border:1px solid #e0e0e0;border-radius:10px;margin-top:40px;
}
.table{padding:40px 30px 30px 20px;}
.tab{width:100%;}
.tab tr{}
.tab tr th{width:15%;color:#3c3c3c;font-size:13px;text-align:left;padding-bottom:10px;}
.tab tr td{padding-bottom:10px;color:#3c3c3c;font-size:13px;}
.tab tr td input{width:99%;height:35px;padding-left:1%;border-radius:10px;border:1px solid #c9ced2;}
.menu_btn{float:right;margin-bottom:20px;}
.menu_btn li{float:left;box-sizing:border-box;width:130px;height:25px;border-radius:5px;text-align:center;margin-left:10px;font-size:13px;line-height:22px;}
.menu_btn li:first-child{
background-color:#000;
}
.menu_btn li:first-child a{color:#fff;}
.menu_btn li:last-child{
background-color:#fff;
border:1px solid #000;
}
.menu_btn li:last-child a{color:#000;}
.menu_btn li a{}
.set_btn{margin-bottom:30px;background-color:#00abc8;}
#visual{
width:100%;
position:relative;
}
.main_banner{}

.main_banner li > img{
width:100%;
height:600px;
}

.pre_nex_btn{
	float: right;
    padding-bottom: 10px;
}	
.p_n_btn .prev{
position:absolute;
left:40px;top:185px;
z-index:9999999;
}	
.p_n_btn .next{
position:absolute;
right:40px;top:185px;
z-index:9999999;
}	
.pn_btn{
float:right;
margin-top:65px;
}
.pn_btn ul{}
.pn_btn ul li{
float:left;
}
.edu_tl{
margin-top:-20px !important;
}
.edu_btn{
margin-bottom:15px;
}
#container{
height:100%;
}
#container:after{
content:"";
clear:both;
display:block;
}
.content{
clear:both;
height:100%;

}
.vb{
width:100%;
display:block;
overflow:hidden;
}
.vb h2{
font-size:26px;
color:#373737;
margin:55px 0 25px 0;
float:left;
}
.vb h2 span{
font-weight:bold;
display:contents;
vertical-align:top;
}
.vb_tit h2{
display:inline-block;
}
/*
.vb_tit img{
margin-top:32px;
margin-left:15px;
}
*/
.vb ul{
width:100%;
}
.vb > ul > li{
float:left;
width:15.4%;
margin-right:1.5%;
}
.vb ul li:last-child{margin-right:0;}
.vb > ul > li > a > img{
width:100%;
height:143px;
}
.vb ul li a p{
color:#373737;
font-size:15px;
margin-top:20px;
margin-bottom:15px;
line-height:1.3;
}
.vb ul li a p span{
font-size:30px;
display: inline-block;
float: left;
margin-right:15px;
}
.hl{}
.hl ul{}
.hl > ul > li{

position:relative;
}
.hl > ul > li:nth-child(6n){margin-right:0;}
.metadata{}
.metadata .md_img{
display: inline-block;
float:left;
margin-right:10px;
}
.metadata .md_img img{width:34px;height:34px;border-radius:50%;}
.metadata .md_txt{}
.metadata .md_txt p{
color:#7e8e94;
font-size:12px;
font-style:italic;
}
.tt{
display:block;
overflow:hidden;
}
.sr_tit{}
.sr_tit h1{
font-size:22px;
font-weight:bold;
margin:25px 0;
}
.sr_tit h1 span{
color:#00abc8;
display:inline-block;
float:left;
margin-right:5px;
}
.sr_ca{}
.sr_ca .tit{
display:block;
overflow:hidden;
}
.sr_ca .tit h2{
font-size:18px;
font-weight:bold;
display:inline-block;
float:left;
border-bottom:2px solid #00abc8;
padding-bottom:10px;
}
.sr_ca .tit h2 span{
color:#00abc8;
display:inline-block;
float:right;

}
.sr_ca > ul{
border-top:1px solid #eeeeee;
border-bottom:1px solid #eeeeee;
padding:30px 0;
margin-bottom:40px;
} 
.sr_ca > ul > li{
display:block;
overflow:hidden;
margin-bottom:20px;
}
.sr_ca > ul > li:last-child{
margin-bottom:0;
}
.sr_img{
float:left;
display:inline-block;
width:10%;
margin-right:2%;
height: 100px;
}
.sr_img img{width:100%; height: 100%;}
.sr_txt{
width:80%;
float:left;
display:inline-block;
}
.sr_txt .la_tit{
margin-bottom:15px;
margin-top:5px;
}
.sr_txt .la_tit img{
display:inline-block;

}
.sr_txt .la_tit h2{
display:inline-block;
color:#373737;
font-size:18px;
}
.sr_txt p{
color:#646464;
font-size:13px;
line-height:1.4;
}
.sr_icon{
display:inline-block;
float:right;

}
.sr_date{
display:inline-block;
float:right;
margin-top:30px;
color:#848484;
font-size:13px;
}
.hi_area{
padding:0;
}
.in_list{
padding:0 1.56%;
}
.li_icon {
	background-color:rgba(255,255,255,0.7);
    position: absolute;
    right: 0;
    top: 0;
	width:60px;
	height:143px;
	display:none;
}
.li_icon ul{text-align:center;margin-top:12px;}
.li_icon ul li {
    margin-bottom: 5px;
}

.li_clock{
position:absolute;
right:5px;bottom:5px;
background-color:#000;
color:#fff;
font-size:12px;
font-style:italic;
border-radius:3px;
text-align:center;
line-height:15px;
padding:0 7px 0 5px;
height:15px;
display:none;
}
.ra_btn{
display:none;
}
.ra_close{
display:none;
}
.main_area > h1 {   
    border-bottom: 1px solid #eeeeee;
    height: 52px;
    line-height: 52px;
    color: #373737;
    font-size: 22px;
}
.feed_ser {
    float: right;
    margin-top: -5px;
}
/* 정민우 radius 30 -> 5 */
.feed_ser input {
    border-radius: 5px;
    width: 200px;
    height: 26px;
    border: 1px solid #000;
/*    background-repeat: no-repeat;*/
/*    background-position: 170px 3px;*/
/*    background-image: url(../images/c_icon3.png);*/
    box-sizing: border-box;
}
.feed_t {
    width: 100%;
}
.feed_t tr th {
    height: 40px;
    border-bottom: 1px solid #eeeeee;
    color: #3c3c3c;
    font-size: 15px;
}
.feed_t tr td {
    text-align: center;
    height: 80px;
    border-bottom: 1px solid #eeeeee;
	font-size:15px;
	position:relative;
	padding: 2%;
}
.feed_t tr td a{color:#000;}
.feed_t tr td.chk{
	color:#8d8d8d;
}
.feed_t tr td img{
display:inline-block;
margin-right:5px;
border-radius:50%;
width:34px;
height:34px;
}
.feed_t tr td p{
display:inline-block;
}
.feed_t tr td:nth-child(4) p{
width:300px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;

}
.feed_t tr td:nth-child(6) p{
color:#fff;
width:40px;
height:40px;
background-color:#71d5e6;
font-size:20px;
font-weight:bold;
text-align:center;
line-height:40px;
border-radius:50%;
}
.feed_t tr td:nth-child(7) p{
color:#fff;
width:40px;
height:40px;
background-color:#00abc8;
font-size:20px;
font-weight:bold;
text-align:center;
line-height:40px;
border-radius:50%;
}
.feed_t tr td .new{
position:absolute;
top: 16px;
right: 42px;
width:13px;
height:13px;
border-radius:3px;
color:#fff;
text-align:center;
line-height:13px;
font-size:10px;
background-color:#ff7200;
}

.info_box > img {
    display: block;
    margin: 0 auto;
    padding: 20px 0 40px 0;
}
.my_pa .cl li a p{
color:#000;
}
.feed_ta{display:none;}
.feed_m{display:none;}

.mint > h2{
margin-top:25px;
}
.sta tr td > img{
border-radius:0;
width:95px;
height:54px;
}
.sta tr td:nth-child(1){
text-align:left;
padding-left:15px;
}
.sta tr td:nth-child(1) img{
display: inline-block;
float:left;
/* 정민우 추가 2020-09-18 */
border-radius:3px;

}
.sta tr td:nth-child(1) P{
width: 69%;
white-space: nowrap;
overflow: hidden; 
text-overflow: ellipsis;
display:inline-block;
line-height:50px;

}
.st_t{
display:none;
}
.st_m{
display:none;
}
.tra_t{
display:none;
}
.feed_text {
   padding: 30px;
    display: block;
    overflow-y: scroll;
    width: 100%;
    height: 370px;
}
.q_box {
    width: 100%;
    display: block;
    overflow: hidden;
}
.a_box {
    width: 100%;
    display: block;
    overflow: hidden;
	text-align:right;
	text-align: -webkit-right;
	text-align: -ms-right;
	text-align: -o-right;
	text-align: -moz-right;
	margin-top: 10px;
}
.q_con {
    width: 40%;
    float: left;
}
.q_con .q_top img {
    display: inline-block;
}
.q_con .q_top p {
    display: inline-block;
    font-size: 15px;
}
.q_con .q_top p span {
    display: inline-block;
    color: #00abc8;
}
.q_txt {
    background-color: #abd9dd;
    border-radius: 5px 15px 15px 15px;
    margin-left: 35px;
    margin-top: 10px;
}
.fx {
    width: 100%;
    padding: 10px;
    font-size: 15px;
    line-height: 1.3;
    display: block;
    overflow: hidden;
}
.q_con > span {
    font-size: 13px;
    color: #7c7c7c;
    margin-left: 35px;
    margin-top: 10px;
    display: block;
}
.a_con {
    width: 40%;
    float: right;
}
.a_txt {
    float: right;
    background-color: #f9895d;
    color: #fff;
    border-radius: 15px 15px 5px 15px;
    display: block;
    overflow: hidden;
	text-align:left;
}
.a_con span {
    font-size: 13px;
    color: #7c7c7c;
    float: right;
    display: block;
    margin-top: 10px;
}
.m_send{
width:100%;
border-top:1px solid #e0e0e0;

}
.m_send input{
	height: 75px;
    border: none;
    width: 80%;
    padding: 0 15px 0 10px;
    margin-left: 10px;
    line-height: 40px;
}
.m_send textarea{
	height: 75px;
    border: none;
    width: 60%;
    padding: 0 15px 0 10px;
    margin-left: 10px;
    line-height: 20px;
	margin: 1% 0;
}
.m_send img{
float:right;
padding-right:35px;
margin-top:6px;
}
.mgt_box {
    display: block;
    overflow: hidden;
}
.mgt_left {
    width: 43%;
    height: auto;
    float: left;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    margin-top: 40px;
}
.big_menu {
    width: 100%;
}
.big_menu > li {
    width: 100%;
    line-height: 45px;
}
.pull_down {
    width: 100%;
    height: 90px;
    display: block;
    overflow: hidden;
    display: none;
}
.pull_down li {
    height: 45px;
    border-bottom: 1px solid #e0e0e0;
    line-height: 45px;
}
.pull_down li a {
    width: 100%;
    display: block;
    padding-left: 50px;
}
.pull_down li a p {
    background-repeat: no-repeat;
    background-position: 0 17px;
    background-image: url(../images/icon39.png);
}
.mgt_form {
    width: 55%;
    float: right;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    margin-top: 40px;
}
.info_top {
    width: 100%;
    padding: 15px 0 15px 20px;
    float: left;
    border-bottom: 1px solid #eeeeee;
    display: flex;
    align-items: center;

}
.info_top img {
    display: inline-block;
    float: left;
    margin-right: 7px;
}
.info_top p {
    display: inline-block;
    color: #3c3c3c;
    font-size: 16px;
    font-weight: bold;
}
.table {
    padding: 40px 30px 30px 20px;
    margin-top: 30px;
}
.tab {
    width: 100%;
}
.tab tr th {
    width: 15%;
    color: #3c3c3c;
    font-size: 13px;
    text-align: left;
    padding-bottom: 10px;
}
.tab tr td {
    padding-bottom: 10px;
    color: #3c3c3c;
    font-size: 13px;
}
.tab tr td input {
    width: 99%;
    height: 35px;
    padding-left: 1%;
    border-radius: 10px;
    border: 1px solid #c9ced2;
}
.menu_btn {
    float: right;
    margin-bottom: 20px;
}
.menu_btn li:first-child {
    background-color: #000;
}
.menu_btn li:first-child a {
    color: #fff;
}
.menu_btn li:last-child {
    background-color: #fff;
    border: 1px solid #000;
}
.menu_btn li:last-child a {
    color: #000;
}
.f_btn {
    margin-bottom: 0 !important;
}
.info_btn img {
    display: inline-block;
    vertical-align: sub;
}
.info_btn p {
    display: inline-block;
    font-size: 14px;
}
.info_box {
    width: 100%;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    margin-top: 40px;
}
.pass_box{width:50%;margin:0 auto;margin-top:80px;}
.pass_box .info_form table tr th{width: 23%;}
.info_form {
    padding: 40px 30px 30px 20px;
}
.mo_my{width:100%;padding-top:20px;}
.mo_my li {
    height: 40px;
	float:left;
	width:50%;
	margin-bottom:15px;
}
.mo_my li p {
   width: 25%;
    color: #3c3c3c;
    font-size: 13px;
    text-align: left;
    padding-bottom: 10px;
	display:inline-block;
	float:left;
	line-height:40px;
}
.mo_my li span{display:inline-block;width: 64%;}
.mo_my li span input{
    width:100%;
    height: 35px;
    padding-left: 2%;
    border-radius: 10px;
    border: 1px solid #c9ced2;
}
.info_form table {
    width: 100%;
	margin-top:30px;
}
.info_form table tr {
    height: 40px;
}
.info_form table tr th {
    width: 10%;
    color: #3c3c3c;
    font-size: 13px;
    text-align: left;
    padding-bottom: 10px;
}
.my_table tr th {
    color: #000 !important;
}
.info_form table tr td {
    padding-bottom: 10px;
    color: #3c3c3c;
    font-size: 13px;
}
.info_btn {
    width: 138px;
    height: 40px;
    background-color: #719eb9;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    font-weight: bold;
    border-radius: 10px;
    line-height: 34px;
    margin-top: 20px;
	clear:both;
}

.write_btn {
    width: 84px;
    height: 33px;
	font-size:14px;
    background-color: #fff;
    margin: 0 auto;
    text-align: center;
    color: #535353;
    line-height: 33px;
	border-radius:5px;
	border:1px solid #e0e0e0;
}

.my_table tr th:nth-of-type(2) {
    padding-left: 2%;
}

.laypop{
padding:30px;
background-color:#fff;
border-radius:15px;
width:732px;
display: block;
overflow: hidden;
position:fixed;
z-index:99999999;
display:none;
transform: translate(-50%, -50%);
left: 50%;
top: 50%;
}
.laypop .top{
border-bottom:1px solid #e3e3e3;
padding-bottom:20px;
}
.laypop .top h1{
font-size:20px;
font-weight:bold;
display:inline-block;
}
.laypop .top h1 img{
display:inline-block;
margin-right:5px;
}
.laypop .top .clo{
float:right;
}
.laypop .feed_box{
width:100%;
}
.laypop .q_con{
width:80%;
}
.laypop .a_con{
width:80%;
}
.laypop .lay_con > ul > li h2{
font-size:16px;
color:#3c3c3c;
margin-bottom:10px;
}
.laypop .lay_con > ul > li > input{
width:100%;
padding:15px 2%;
box-sizing:border-box;
border:1px solid #bababa;
border-radius:5px;
}
.laypop .chk{}
.laypop .chk li{
float:left;
margin-right:40px;
display: flex;
align-items: center;
}
.laypop .chk li input{
display:inline-block;
float:left;
margin-right:5px;
}
.laypop .chk li p{
display:inline-block;
float:left;
color:#3c3c3c;
}
.lay_con{margin-bottom:20px;display:block;overflow:hidden;}/*margin-top:30px;*/
.lay_con > li{
display:block;
overflow:hidden;
}
.lay_con .sel_lay{
margin-top: 30px;
}
.lay_con .sel_lay li{
float:left;
width:32%;
margin-right:2%;
}
.lay_con .sel_lay li select{
	width: 100%;
    /*padding: 15px 2%;*/
    box-sizing: border-box;
    border: 1px solid #bababa;
    border-radius: 5px;
	height:50px;
}
.lay_con .sel_lay li:last-child{
margin-right:0;
}
.folder_lay .lay_con .sel_lay li{width:48%;display:block;overflow:hidden;}
.list_btn{
margin: 0 auto;
background-color: #00abc7;
text-align: center;
color: #fff;
font-weight: bold;
font-size: 16px;
border-radius: 25px;
width: 168px;
height: 38px;
line-height: 35px;
cursor: pointer;
}
.feed_lay{}
.bg{
width:100%;
height:100%;
background-color:rgba(0,0,0,0.4);
position:fixed;
top:0;
left:0;
display:none;
z-index:99999;
}	
.bg_share{
width:100%;
height:100%;
background-color:rgba(0,0,0,0.4);
position:fixed;
top:0;
left:0;
display:none;
z-index:9999999;
}

/*.et_cata{display:none;}*/
.feed_tablet{display:none;}
.feed_mobile{display:none;}
.my_m{display:none;}
.no_t{display:none;}
.my_content{
display:block;
padding-top: 20px;
margin-bottom:50px;
}


.ex_txt{display: table;margin: auto;padding-top:30px;}
.ex_txt img{display:inline-block;margin-right:10px;}
.ex_txt p{font-size:20px;font-weight:bold;color:#fff;display:inline-block;}
.ex_txt p span{color:#0fbbf7;display:contents;}
.ex_right{float:right;margin-top:-35px;}
.ex_right > img{display:inline-block;margin-right:10px;width:47px;height:47px;border-radius:50%;border:2px solid #eeeeee;}
.ex_right .bo_btn{display:inline-block;float:right;display:none;}
.ex_right .ex_rt{display:inline-block;}
.ex_right .ex_rt p{font-size:16px;color:#fff;line-height:1.4;}
.ex_right .ex_rt p span{font-size:14px;color:#fff;}
.ex_lo{float:right;width:70px;height:20px;border-radius:20px;border:1px solid #fff;margin-top:24px;margin-left:10px;}
.ex_lo p{font-size:12px;color:#fff;line-height:18px;text-align:center;}
.exam_box{width:50%;margin:90px auto;background-color:#fff;border-radius:10px;padding:140px 0;}
.exam_box h1{font-size:34px;font-weight:bold;text-align:center;}
.exam_box h1 span{color:#0fbbf7;display:contents;}
.exam_box .ex_in{}
.exam_box .ex_in img{display:block;margin:0 auto;width:150px;height:150px;border-radius:50%;margin-top:70px;margin-bottom:30px;border:2px solid #eeeeee;}
.exam_box .ex_in h2{text-align:center;font-size:30px;margin-bottom:10px;}
.exam_box .ex_in p{text-align:center;font-size:24px;margin-bottom:80px;}
.exam_box .start_btn{width:260px;height:65px;background-color:#0fbbf7;border-radius:30px;margin:0 auto;}
.exam_box .start_btn a{color:#fff;font-size:20px;text-align:center;line-height:65px;display:block;}
#exam_footer{width:100%;height:60px;background-color:#313847;padding:13px 2.6%;position:fixed;bottom:0px; display: flex; justify-content: space-between;}
#exam_footer .ef_l{display: flex; align-items: center;}
#exam_footer .ef_l img{display:inline-block;vertical-align:top;margin-right:5px;}
#exam_footer .ef_l p{display:inline-block;color:#fff;font-size:16px;}
#exam_footer .ef_c{width:140px;height:35px;margin:0 auto;line-height:35px;color:#fff;text-align:center;background-color:#5e6779;font-size:18px;
border-radius:20px;}
#exam_footer .ef_r{ display: flex; align-items: center;}
#exam_footer .ef_r img{display:inline-block;vertical-align:top;margin-right:5px;}
#exam_footer .ef_r p{display:inline-block;color:#fff;font-size:16px;}
.exam_list{width:90%;margin:20px auto;}
.exam_list .qu{width:100%;}
.exam_list .qu > li{background-color:#fff;padding:30px 0;border-radius:10px;display:block;overflow:hidden;margin-bottom:20px;}
.exam_list .qu li h2{width:100%;font-size:16px;font-weight:bold;margin-bottom:15px;}
.exam_list .qu li h2 span{display:inline-block;width: 13%;height:40px;border-radius:30px;font-weight:bold;color:#fff;font-size:20px;
background-color:#0fbbf7;text-align:center;line-height:38px;margin-right:10px; vertical-align: top;}
.qu_box{}
.qu_box .quiz_box{width:100%;float:left;padding:15px;font-size:15px;background-color:#f0f3f9;border-radius:10px;line-height:1.4; word-break: keep-all; } /* text-align: justify; */
.qu_box .an_box{width:100%;float:right;margin-top:30px;}
.qu_box .an_box .answer{}
.qu_box .an_box .answer li{font-size:16px;margin-bottom:35px;cursor:pointer;}
.qu_box .an_box .answer li span{display: inline-block;vertical-align: bottom;margin-right:10px;}
.qu_box .an_box textarea{width:96%;height:110px;padding:15px 2%;}
.qu_box .an_box textarea::placeholder{color:#969696;font-size:16px;font-style:italic;}
.exam_list .start_btn{width:260px;height:65px;background-color:#0fbbf7;border-radius:30px;margin:60px auto;}
.exam_list .start_btn a{color:#fff;font-size:20px;text-align:center;line-height:65px;display:block;}




.top_setup{
	float:left;display:inline-block;margin-left:25px;
}




.todaySliderWrap {
	position: relative;

}

.todaySliderWrap .innerWrap {

}
.todaySliderWrap ul li {
	clear:both;
	text-align: center;
	margin-bottom:5px;
	height:62px;
}
.todaySliderWrap ul li a {
	display: block;
}
.todaySliderWrap ul li img {
	display: inline-block;	
}
.todaySliderWrap .bx-wrapper {
	width: 100%;
	margin: 0 auto;
}

.todaySliderWrap > span {
	position: absolute;	
	bottom: 21px;
}
.todaySliderWrap > span a {
	display: block;
	width: 15px;
	height: 15px;
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -99999px;
}
.bx-controls {
	width: 50px;
	height:20px;
    bottom: -36px;
    position: relative;
    margin:0 auto;
	left: 12px;
	line-height:1;
}





.feedSliderWrap {
	position: relative;
	padding-bottom: 30px;
}


.feedSliderWrap ul li {
	clear:both;
	text-align: left;
	margin-bottom:15px;
}
.feedSliderWrap ul li a {
	display: block;
}
.feedSliderWrap ul li img {
	display: inline-block;	
}
.feedSliderWrap .bx-wrapper {
	width: 100%;
	margin: 0 auto;
	height: 100%;
}

.feedSliderWrap > span {
	position: absolute;	
	bottom: 21px;
}
.feedSliderWrap > span a {
	display: block;
	width: 15px;
	height: 15px;
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -99999px;
}



.ctitle_txt{
	color: #373737;
	margin-top: 10px;
	margin-bottom: 15px;
	line-height: 1.3;
	height: unset !important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 15px !important;
	color: #000 !important;
}
.owl-item {
	overflow:hidden;
}

.banner_new {
	position: absolute;
	width: 100%;
	height: 600px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}




.pre_nex_btn{

}	
.p_n_btn .button_prev_banner{
	position:absolute;
	left:40px;
	top:295px;
	z-index:9999;
}	
.p_n_btn .button_next_banner{
	position:absolute;
	right:40px;
	top:295px;
	z-index:9999;
}	

.prev_next{
	cursor:pointer;
}
.bx-pager{font-size:11px;color:#474747;}
.edu_ca{margin-top:30px;}
.exam_pop{
width:730px;
margin:0 auto;
padding:30px;
background-color:#fff;
border-radius:15px;
display: none;
overflow: hidden;
position:absolute;
transform: translateX(-50%);
left: 50%;
top:0;
z-index:100000;
}
.exam_pop .qu{}
.exam_pop .qu li{width:100%;display:block;	}
.ex_btn{width:220px;height:55px;margin:0 auto;border-radius:30px;background-color:#686cc5;text-align:center;line-height:53px;color:#fff;font-weight:bold;
font-size:20px;}
.ex_top{float:right;font-size:18px;font-weight:bold;}
.ex_top span{display:inline-block;vertical-align:top;}
.ex_clock{float:right;margin-top:-35px;}
.ex_clock img{display:inline-block;margin-right:5px;}
.ex_clock p{display:inline-block;margin-top:-2px;}



/*.detail_info{width:40%;background-color:#fff;position:absolute;left:30%;top:20%;border-radius:10px;padding:20px;z-index:9999999;display:none;}*/
.detail_info{
width:768px;
background-color:#fff;
position:absolute;
transform: translateX(-50%);
left: 50%;
top:20%;
border-radius:10px;
padding:20px;
z-index:9999999;
display:none;
}



.vh2_layinfo > p{/*margin-top:20px;*/font-size:16px;line-height:1.5;padding-bottom:100px;}
.detail_info .ad{/*border-bottom:1px solid #eeeeee;*/display:block;overflow:hidden;position:relative;}
.detail_info .ad > img{width:100%;}
.detail_info .ad > p{color:#343434;font-size:28px;margin-top:30px;margin-bottom:20px;}
#vs_date {margin-bottom:30px;display:block;}
/*.detail_move{width:100%;background-color:#00abc8; position: fixed; bottom: 0px; left: 0px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}*/
.detail_move img{margin-right:5px;margin-top: -2px;}
.detail_move a{text-align:center;height:40px;line-height:40px;color:#fff;display:block; width:100%;background-color:#00abc8; position: absolute; bottom: 0px; left: 0px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
.detail_info .cb{display:block;overflow:hidden;margin-bottom:30px;}
.detail_info .r_cb { margin-top: 8px;}
.info_close_bottom{position: absolute;bottom: -43px;left: 50%; margin-left:-43px;display:none;cursor:pointer;}
.info_close_right{position: absolute;top: 50%;right: -42px; margin-top:-43px;cursor:pointer;}

.link_share{
width: 30%;
background-color: #fff;
position: fixed;
border-radius: 10px;
padding: 20px;
z-index: 9999999;
display: none;
transform: translate(-50%, -50%);
left: 50%;
top: 50%;
}

.link_share > ul{margin-top:20px;display:block;overflow:hidden;}
.link_share > ul > li{width:20%;text-align:center;float:left;margin-bottom:20px;}
.link_share ul li a{color:#000;}
.link_share ul li img{display:block;margin:0 auto;margin-bottom:5px;}
.line_img{width:60px;}
.link_copy{margin-top:10px;height:70px;border-bottom:1px solid #ddd;padding-bottom:20px;}
.link_copy .copy_area{height:45px;width:80%;border:1px solid #d6d6d6;background-color:#f8f8f8;box-sizing:border-box;float:left;padding-left:15px;
overflow:hidden;line-height:43px;cursor:pointer;}
.link_copy .copy_btn{height:45px;width:20%;border:1px solid #d6d6d6;background-color:#fff;box-sizing:border-box;float:right;border-left:none;
text-align:center;line-height:43px;cursor:pointer;}
.start_clock{}
.start_clock ul{margin-top:20px;}
.start_clock ul li{float:left;margin-right:10px;}
.start_clock ul li:last-child{
/*	text-decoration:underline;*/
}
.cvw{width:95%;margin:0 auto;}
.cvw > p{font-size:30px;margin-bottom:20px;margin-top:30px;}
.cvw > span{font-size:20px;margin-bottom:20px;display:block;}
.comment_view{width:110px;margin:0 auto;cursor:pointer;padding-bottom:40px;}
.comment_view ul{}
.comment_view ul li{line-height:20px;margin-right:2px;display:inline-block; font-weight:400; }
.comment_view ul li i { font-size:18px; display:inline-block; vertical-align:middle; margin-top:-2px; }
.comment_view ul li:last-child{margin-right:0;}
.comment_view ul li span{color:#1fa0b0;display:inline-block; vertical-align: top;}
.comment_view ul li img{/*margin-top:7px;*/}

.en{width:100%;height:35px;background-color:#00afc8;border-radius:30px;}
.en p{text-align:center;font-weight:bold;line-height:35px;color:#fff;}
.en p span{color:#f00;margin-top: -4px;margin-left: 5px;display: inline-block;}

.sbtn{display:block;overflow:hidden;margin-top:30px;}
.sbtn li{float:left; display: block; cursor: pointer;}

.line_banner{
margin:50px 0;
}
.line_banner ul{
width:95%;
margin:0 auto;
height:132px;
}
.line_banner ul li{
float:left;
width:50%;
}
.line_banner ul li img{
width:100%;
height:132px;
}

.pop{
margin-bottom:60px;
width:95%;
margin:0 auto;
}
.pop ul{
width:100%;
height:369px;
overflow:hidden;
}
.pop ul li{
width:15.4%;
margin-right:1.5%;
border:1px solid #dbe1e4;
border-radius:10px;
position:relative;
float:left;
box-sizing:border-box;
}
.pop ul li:last-child{margin-right:0;}
.pop ul li .bg_img{

}
.pop ul li .bg_img img{
width:100%;
border-radius:10px 10px 0 0;
height:144px;
}
.pop ul li .ch_img{
position:absolute;
top:45px;left:50%;
margin-left:-63.5px;
}
.pop ul li .ch_img img{
width:100%;
border-radius:50%;
width:127px;
height:127px;
}
.pop ul li h2{
color:#373737;
font-size:18px;
padding:0 5%;
margin-top:35px;
}
.pop ul li p{
padding:0 5%;
color:#373737;
font-size:14px;
line-height:1.4;
height:80px;
margin-top:20px;
overflow:hidden;
}
.pop ul li .cha_btn{
width:83%;
height:30px;
background-color:#00abc8;
border-radius:5px;
margin:20px auto;
line-height:30px;
padding:0 23%;
}
.pop ul li .cha_btn img{
display:inline-block;
float:left;
margin-right:10px;
margin-top:8px;
}
.pop ul li .cha_btn p{
color:#fff;
font-size:15px;
line-height:30px;
}
.pop h2{
font-size:26px;
color:#373737;
margin:30px 0  20px  0;
}
.pop h2 span{
font-weight:bold;
display:contents;
}
.img_div { position : relative; }
.img_div img{width:100%;max-height: 141px;}


.zip_layer{display:none;border:5px solid;position:fixed;width:420px;height:400px;left:35%;margin-left:-155px;top:50%;margin-top:-200px;overflow:hidden;-webkit-overflow-scrolling:touch;z-index: 99;}




.pop_new{
margin-bottom:60px;
width:95%;
margin:0 auto;
}
.pop_new ul{
width:100%;
height:369px;
overflow:hidden;
}
.pop_new ul li{
width:100%;
margin-right:1.5%;
border:1px solid #dbe1e4;
border-radius:10px;
position:relative;
float:left;
box-sizing:border-box;
}
.pop_new ul li:last-child{margin-right:0;}
.pop_new ul li .bg_img{

}
.pop_new ul li .bg_img img{
width:100%;
border-radius:10px 10px 0 0;
height:144px;
}
.pop_new ul li .ch_img{
position:absolute;
top:45px;left:50%;
margin-left:-63.5px;
}
.pop_new ul li .ch_img img{
width:100%;
border-radius:50%;
width:127px;
height:127px;
}
.pop_new ul li h2{
color:#373737;
font-size:18px;
padding:0 5%;
margin-top:35px;
height:20px;
}
.pop_new ul li p{
padding:0 5%;
color:#373737;
font-size:14px;
line-height:1.4;
height:60px;
margin-top:20px;
overflow:hidden;
}
.pop_new ul li .cha_btn{
width:83%;
height:30px;
background-color:#00abc8;
border-radius:5px;
margin:20px auto;
line-height:30px;
padding:0 23%;
}
.pop_new ul li .cha_btn img{
display:inline-block;
float:left;
margin-right:10px;
margin-top:8px;
}
.pop_new ul li .cha_btn p{
color:#fff;
font-size:15px;
line-height:30px;
}
.pop_new h2{
font-size:26px;
color:#373737;
margin:30px 0  20px  0;
}
.pop_new h2 span{
font-weight:bold;
display:contents;
}

#bx_pager li{}
#bx_pager li a {
	color:#fff;font-weight: 400;
	margin-bottom:27px;
	background-position: right 5px;
	background-repeat:no-repeat;
	background-image:url(/skin/basic/images/off.png);
	display:block;
}
#bx_pager li a p {color:#fff;}
#bx_pager li a span {color:#fff; padding-right:50px;}
#bx_pager li a.active {background-image:url(/skin/basic/images/on.png);}
#bx_pager li a.active p {color: #00afc8;}
#bx_pager li a.active span {color: #00afc8;}
#bx_pager li p{}


.pageing_form {margin-bottom:50px;}

.v_txt p {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
word-wrap: break-word;
}

.v_txt .sub p {height: unset; width:auto;}


.test_result_tit {}
.test_result_tit h2 {font-size: 30px; font-weight: 700; text-align: center;}
.test_result_tit p {margin-top: 15px;}

.total_result {margin-top: 20px; background: #f3fcff; padding: 15px 0; border-radius: 20px; border: 1px solid #d6e4e8; margin-bottom: 20px; overflow: hidden;}
.total_result li {float: left; width: 25%; border-right: 1px solid #d6e4e8; /*margin-right: 5%;*/ text-align:center;}
.total_result li:last-child {border-right: 0; margin-right:0;}
.total_result li span {display:block;}
.total_result li span:first-child { font-size: 16px;}
.total_result li span:last-child {margin-top: 0px; font-size:28px; font-weight: 700;}

.exam_list .qu li h2 p {display: inline-block; width: 82%; word-break: keep-all;  line-height: 20px;} /*text-align: justify;*/
.answer_result li {margin-bottom: 0 !important;}

.color_blue {color: #004cff;}
.color_red {color: #fd3535;}
.resul_h2sty {width: 85px !important; display: inline-block; vertical-align: top;}
.resul_lasty {width: 70% !important; vertical-align: top; display: inline-block; height: auto !important; padding-bottom: 15px;}

.exam_result {height: 80vh; overflow-y: scroll;}
.result_exit {margin-bottom: 70px; margin-top: 50px;}

.exam_result {scrollbar-width: none; -ms-overflow-style: none;}
.exam_result::-webkit-scrollbar {display:none;}

.result_qu .parents_tag {border-bottom: 1px solid #d6e4e8; border-radius: 0!important;}


.restart_btn {background: #00abc8; width: 60px; height: 60px; border-radius: 60px; cursor: pointer; text-align: right; overflow: hidden; transition: 0.5s ease-in-out;}
.restart_btn img {width:30px; padding: 13px 0; margin-right: 13px; float: right; transition: 0.5s ease-in-out;}
.restart_btn span {text-indent: -9999px; float: left; position: relative; top: 10px; left: 14px; color: #fff; font-weight: 700; text-align: center; line-height: 20px;}
.restart_btn span p {font-size:12px; font-weight:normal;}

@media all and (max-width:1400px) {
	.my_content  {width: 96%;}
}

#restart_box:hover {width:220px;}
#restart_box:hover span {text-indent: unset; transition: 0.5s ease-in-out;}
#restart_box:hover img {display:none;}


.restart_btn img {
animation: fadein 1.5s;
-moz-animation: fadein 1.5s;
-webkit-animation: fadein 1.5s;
-o-animation: fadein 1.5s;
}

@keyframes fadein {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@-moz-keyframes fadein {

	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@-webkit-keyframes fadein {

	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@-o-keyframes fadein {

	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}