.subTab_depth1{display:inline-block;margin-bottom:30px;border-top:2px solid #e4477a;border-left:1px solid #b6b5b5;}
.subTab_depth1:after{display:block;content:'';clear:both;}
.subTab_depth1 li{float:left;}
.subTab_depth1 li a{position:relative;display:block;width:80px;height:50px;line-height:50px;text-align:center;border-right:1px solid #b6b5b5;border-bottom:1px solid #b6b5b5;box-sizing:border-box;}
.subTab_depth1 li a:hover{text-decoration:underline;}
.subTab_depth1 li.active a{color:#fff;background:#e4477a;border:0px none;}

.subTab_depth2{margin-bottom:30px;}
.subTab_depth2:after{display:block;content:'';clear:both;}
.subTab_depth2 li{float:left;margin-right:2px;}
.subTab_depth2 li a{display:block;position:relative;width:130px;height:42px;line-height:42px;font-size:13px;text-align:center;color:#444;background:#e7edf0;border:1px solid #d2dbe0;box-sizing:border-box;}
.subTab_depth2 li.active a{font-weight:500;color:#e4477a;background:#fff;border:0px none;}
.subTab_depth2 li.active a:after{display:block;position:absolute;content:'';top:0;left:0;right:0;bottom:0;background:transparent;border:1px solid #e4477a;}

.csCenter_info{margin-bottom:40px;}
.csCenter_info:after{display:block;content:'';clear:both;}
.csCenter_info .bx-wrapper{position:relative;float:left;width:418px;}
.csCenter_info .bx-wrapper li img{width:418px;height:308px;}
.csCenter_info .bx-controls{position:absolute;top:50%;left:0;right:0;margin-top:-18px;}
.csCenter_info .bx-controls-direction{height:0;}
.csCenter_info .bx-controls-direction a{position:absolute;width:24px;height:36px;text-indent:-9999px;}
.csCenter_info .bx-controls-direction a.bx-prev{left:14px;background:url(/images/seocho_2020/dong/icon_csCenter_prev.png) no-repeat center;}
.csCenter_info .bx-controls-direction a.bx-next{right:14px;background:url(/images/seocho_2020/dong/icon_csCenter_next.png) no-repeat center;}
.csCenter_info .info{float:left;padding:40px;width:calc(100% - 418px);height:308px;background:#edf3f8;box-sizing:border-box;}
.csCenter_info .info b.title{display:block;margin-bottom:24px;padding:0 0 12px 2px;font-size:19px;color:#181818;border-bottom:1px solid #a0a3a5;}
.csCenter_info .info ul{margin-bottom:38px;}
.csCenter_info .info ul li{position:relative;margin:12px 0;padding-left:70px;line-height:135%;font-size:14px;font-weight:500;color:#181818;}
.csCenter_info .info ul li b{position:absolute;top:0;left:0;padding-left:10px;font-weight:500;color:#e4477a;}
.csCenter_info .info ul li b:after{display:block;position:absolute;display:block;content:'';top:8px;left:3px;width:3px;height:3px;background:#e4477a;}
.csCenter_info .info > a.csCenter_btn{display:inline-block;padding-left:20px;width:133px;height:35px;line-height:35px;font-size:13px;text-align:center;color:#fff;border-radius:5px;box-sizing:border-box;}
.csCenter_info .info > a.csCenter_btn.type1{background:#286f9c url(/images/seocho_2020/dong/icon_csCenter_btn01.png) no-repeat left 25px center}
.csCenter_info .info > a.csCenter_btn.type2{margin-left:5px;background:#535353 url(/images/seocho_2020/dong/icon_csCenter_btn02.png) no-repeat left 25px center}
.csCenter_section1{margin-bottom:30px;}
.csCenter_section1:after{display:block;content:'';clear:both;}
.csCenter_section1 > div{position:relative;float:left;width:calc(50% - 20px);box-sizing:border-box;}
.csCenter_section1 > div h4{margin-bottom:18px;padding:0 0 12px 4px;font-size:17px;color:#181818;border-bottom:1px solid #a6a6a6;}
.csCenter_section1 > div ul li{position:relative;margin:4px 0;line-height:normal;}
.csCenter_section1 > div ul li a{display:inline-block;max-width:98%;line-height:24px;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.csCenter_section1 > div ul li a:hover{text-decoration:underline;}
.csCenter_section1 > div ul li span.date{position:absolute;top:4px;right:0;}
.csCenter_section1 > div a.more{display:block;position:absolute;top:0;right:0;width:23px;height:23px;text-indent:-9999px;background:url(/images/seocho_2020/dong/icon_csCenter_more.png) no-repeat center;border:1px solid #d6d6d6;box-sizing:border-box;}
.csCenter_section1 > div.notice{margin-right:40px;}
.csCenter_section1 > div.notice ul{padding:0 4px;}
.csCenter_section1 > div.notice ul li{padding:0 72px 0 8px;}
.csCenter_section1 > div.notice ul li:after{display:block;position:absolute;content:'';top:11px;left:0;width:3px;height:3px;background:#555;}
.csCenter_section1 > div.lecture ul{padding:0 4px;}
.csCenter_section1 > div.lecture ul li{padding:0 72px 0 70px;}
.csCenter_section1 > div.lecture ul li span.state{display:inline-block;position:absolute;left:0;top:0;width:62px;height:24px;line-height:24px;font-size:13px;text-align:center;border-radius:50px;}
.csCenter_section1 > div.lecture ul li span.state.red{color:#e4477a;border:1px solid #e4477a;}
.csCenter_section1 > div.lecture ul li span.state.gray{color:#ababab;border:1px solid #ababab;}
.csCenter_section1 > div.lecture ul li span.state.green{color:#61c724;border:1px solid #61c724;}

.csCenter_section2:after{display:block;content:'';clear:both;}
.csCenter_section2 > div.princeps{position:relative;float:left;width:calc(50% - 20px);box-sizing:border-box;}
.csCenter_section2 > div.princeps h4{padding:0 0 12px 4px;font-size:17px;color:#181818;}
.csCenter_section2 > div.princeps:first-child{margin-right:40px;}
.csCenter_section2 > div.princeps ul{border-top:1px solid #a6a6a6;border-left:1px solid #e4e4e4;}
.csCenter_section2 > div.princeps ul:after{display:block;content:'';clear:both;}
.csCenter_section2 > div.princeps ul li{float:left;width:50%;box-sizing:border-box;}
.csCenter_section2 > div.princeps ul li a{display:block;padding:42px 0 0 96px;height:104px;line-height:150%;font-size:15px;color:#181818;background-color:#f8f8f8;background-repeat:no-repeat;background-position:23px center;border-right:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;box-sizing:border-box;}
.csCenter_section2 > div.princeps ul li.line2 a{padding-top:32px;}
.csCenter_section2 > div.princeps ul li.type1 a{background-image:url(/images/seocho_2020/dong/icon_mainjob01.png);}
.csCenter_section2 > div.princeps ul li.type2 a{background-image:url(/images/seocho_2020/dong/icon_mainjob02.png);}
.csCenter_section2 > div.princeps ul li.type3 a{background-image:url(/images/seocho_2020/dong/icon_mainjob03.png);}
.csCenter_section2 > div.princeps ul li.type4 a{background-image:url(/images/seocho_2020/dong/icon_mainjob04.png);}
.csCenter_section2 > div.princeps ul li.type5 a{background-image:url(/images/seocho_2020/dong/icon_mainservice01.png);}
.csCenter_section2 > div.princeps ul li.type6 a{background-image:url(/images/seocho_2020/dong/icon_mainservice02.png);}
.csCenter_section2 > div.princeps ul li.type7 a{background-image:url(/images/seocho_2020/dong/icon_mainservice03.png);}
.csCenter_section2 > div.princeps ul li.type8 a{background-image:url(/images/seocho_2020/dong/icon_mainservice04.png);}

@media all and (max-width:1199px){
	.subTab_depth1{display:block;}
	.subTab_depth1.col3, 
	.subTab_depth1.col4 li{width:25%;}
	.subTab_depth1.col5 li{width:20%;}
	.subTab_depth1.col6 li{width:16.6666%;}
	.subTab_depth1.col7 li{width:14.28571%;}
	.subTab_depth1.col8 li{width:12.5%;}
	.subTab_depth1.col9 li{width:11.1111%;}
	.subTab_depth1.col10 li{width:10%;}
	.subTab_depth1.col11 li{width:9.0909%;}
	.subTab_depth1 li a{width:100%;}
}
@media all and (max-width:1024px){
	.csCenter_info .bx-wrapper{width:358px;}
	.csCenter_info .bx-wrapper ul li img{width:358px;height:264px;}
	.csCenter_info .info{padding:25px;width:calc(100% - 358px);height:264px;}
	.csCenter_info .info b.title{margin-bottom:10px;}
	.csCenter_info .info ul{margin-bottom:25px;}
	.csCenter_info .info ul li{margin:6px;}
	.csCenter_info .info > a.csCenter_btn.type1,
	.csCenter_info .info > a.csCenter_btn.type2{width:45%;background-position-x:15%;}

	.csCenter_section2 > div.princeps ul li a,
	.csCenter_section2 > div.princeps ul li.line2 a{padding:55px 10px 0;text-align:center;background-size:40px;background-position:center 10px;}
	.csCenter_section2 > div.princeps ul li a br{display:none;}
}
@media all and (max-width:640px){
	/*.subTab_depth1{border-left:1px solid #b6b5b5;}*/
	.subTab_depth1 li{width:25% !important;}
	.subTab_depth1 li a{height:40px;line-height:40px;border-left:0px none;}
	
	.subTab_depth2{border-top:1px solid #d2dbe0;border-left:1px solid #d2dbe0;}
	.subTab_depth2 li{margin-right:0;}
	.subTab_depth2.col2 li{width:50%;}
	.subTab_depth2.col3 li{width:33.3333%;}
	.subTab_depth2.col4 li{width:25%;}
	.subTab_depth2.col5 li,
	.subTab_depth2.col6 li,
	.subTab_depth2.col7 li,
	.subTab_depth2.col8 li{width:20%;}
	.subTab_depth2 li a{width:100%;border-top:0px;border-left:0;}
	.subTab_depth2 li.active a:after{top:-1px;left:-1px;}

	.csCenter_info .bx-wrapper{width:100%;max-height:400px;}
	.csCenter_info .bx-wrapper ul li img{width:100%;max-height:400px;height:auto;}
	.csCenter_info .info{width:100%;height:auto;}
	.csCenter_info .info > a.csCenter_btn.type1,
	.csCenter_info .info > a.csCenter_btn.type2{width:100px;background-position-x:12px;}
	.csCenter_section1 > div{width:100%;}
	.csCenter_section1 > div.notice{margin:0 0 30px 0;}
}
@media all and (max-width:480px){
	.subTab_depth1 li{width:33.3333% !important;}
	.subTab_depth2 li{width:50% !important;}
	.csCenter_section2 > div.princeps{width:100%;}
	.csCenter_section2 > div.princeps:first-child{margin:0 0 30px 0;}
	.csCenter_section2 > div.princeps ul li a{height:100px;font-size:14px;}
}