@charset "UTF-8";

.container{padding: 40px 0 100px 0; overflow:hidden;}
.inner.title{margin-bottom:20px;}
h2.cont_tit{font-size:40px;font-weight:500;color:#000;text-align:center;}
.cont_nav{overflow:hidden;position:absolute;bottom:0;right:0;}
.cont_nav a{float:left;font-size:14px;font-weight:300;color:#666;}
.cont_nav a + a{position:relative;padding-left:10px;}
.cont_nav a + a:before{display:inline-block;;margin-right:10px;width:5px;height:9px;background:url('../images/common/clamp_sr.png') no-repeat 0 0;content:""}
.cont_nav a.current{float:left;font-size:14px;color:#000;font-weight:500}
.sub_link{border-top:1px solid #dedede;border-bottom:1px solid #dedede;background:#f8f8f8;}
.sub_link .inner{text-align:center}
.sub_link a{display:inline-block;padding:19px 1%;font-size:16px;font-weight:400;color:#000;}
.sub_link a.on{color:#000; border-bottom: 3px solid #00ada6;}
.sub_link + .inner{margin-top:30px;}
.tab_wrap{margin-bottom:30px}
.tab_wrap_scroll{max-width:1200px;margin:0 auto;}
.tab_wrap .tab_item a{color:#333333;font-size:15px;}
.tab_wrap .tab_item a.on{color:#fff;background:#00ada6}
.tab_item{overflow:hidden;}
.tab_item.tab12 li{width:200px;text-align:center}
.tab_item li{float:left;height:56px;border-left:1px solid #e1e2eb;border-top:1px solid #e1e2eb;text-align:center;box-sizing:border-box;}
.tab_item li a{display:block;width:100%;height:100%;padding:20px 0;box-sizing:border-box;}
.tab_wrap .tab_item li.on{background:#00ada6;box-sizing:border-box;border-left:1px solid #00ada6;border-bottom:1px solid #00ada6;}
.tab_item li.on + li{border-left:1px solid #00ada6;}
.tab_item li.on a{color:#fff;}
.tab_item li:nth-child(6n){border-right:1px solid #e1e2eb}
.tab_item li:nth-child(6n).on + li{border-left:1px solid #e1e2eb}
.tab_item li.bot{border-bottom:1px solid #e1e2eb}
.find_box{padding:14px 0;box-sizing:border-box;border:1px solid #d7d9e3;text-align:center}
.sel_kind{width:150px;height:36px;box-sizing:border-box;vertical-align:top}
.input_find{width:562px;height:36px;box-sizing:border-box;vertical-align:top}
.btn_find{width:86px;height:36px;background:#3b4045;color:#fff;cursor:pointer;border:none}
.container > h3 {font-size: 3.0rem;font-weight: 400;text-align: center;}
h4.cont_tit {margin: 50px 0 25px 0;font-size: 2.4rem;line-height: 3.6rem;font-weight: 300;letter-spacing: -1px;}

/* hover */
@media screen and (min-width:1024px){
	.table_wrap.right_edu .type-h-1 td a:hover{text-decoration:underline}
}

/* laptop */
@media screen and (max-width:1200px){
	.container{padding:40px 2%}
	.sub_link{position:relative;overflow:hidden;width:100%;height:58px;}
	.sub_link .inner{overflow:hidden;overflow-x:auto;position:relative;width:auto;height:58px;white-space:nowrap;}
	.sub_link a{float:none;padding:20px;height:58px;box-sizing:border-box}
	.table_wrap_scroll{max-width:1200px;overflow-x:scroll;}
	.tab_wrap_scroll{position:relative;overflow:hidden;height:58px;}
	.tab_wrap{overflow:hidden;overflow-x:auto;position:relative;width:100%;height:58px;-webkit-overflow-scrolling:touch;overflow:-moz-scrollbars-none;-ms-overflow-style:none}
	.tab_item{position: relative;overflow:auto;float: none;width: 100%;border:1px solid #e1e2eb;white-space:nowrap;}
	.tab_item li{float:none;display:inline-block;border:none}
	.tab_item li.on + li, .tab_item li.bot, .tab_item li:nth-child(6n), .tab_item li:nth-child(6n).on + li{border:none}
	.div_wrap_scroll{max-width:1200px;scroll:auth;overflow-y:hidden;}
	.div_wrap_scroll_1000{max-width:1000px;scroll:auth;overflow-y:hidden;}
	.div_wrap_img img{width:100%;}
}
/* table */
@media screen and (max-width:1200px){

}
@media screen and (max-width:1024px){
	.table_wrap_scroll .table_basic, .table_wrap_scroll .board_list{width:1024px}
}

@media screen and (max-width:900px){
	.input_find{width:55%}
}

@media screen and (max-width:800px){
	.join_cert_list li{width:100%}
	.join_cert_list li + li{margin-top:20px}
}
/* mobile */
@media screen and (max-width:640px){
	.board_list.right_edu th:first-child, .board_list.right_edu th:nth-child(6), .board_list.right_edu td:first-child, .board_list.right_edu td:nth-child(6n){display:none}
	.board_list.right_edu colgroup col:first-child{width:50% !important}
	.board_list.right_edu colgroup col:nth-child(2n){width:15% !important}
	.board_list.right_edu colgroup col:nth-child(5n){width:auto !important}
	.board_list.right_edu td.left_align{padding:21px 0;}


	.board_list.right_edu.common_board th:nth-child(3), .board_list.right_edu.common_board td:nth-child(3){display:none}
	.board_list.right_edu.common_board th:nth-child(5), .board_list.right_edu.common_board td:nth-child(5){display:none}

	.board_list.right_edu.common_board th, .board_list.right_edu.common_board td{font-size: 15px;}
}


.navigation.head_info{position:absolute;top:34px;left:0;width:150px;}
.navigation.head_info > a{font-size:18px;font-weight:300;color:#666;}
.nav_info:before{background:url('/2020/images/common/icon_info_mn.png') no-repeat 0 0;}
.navigation.head_info > a:before{display:inline-block;width:18px;height:18px;margin-right:5px;vertical-align:top;content:""}

.container.mnContainer{padding-top:0px;}
.main_warp.ma_site .visual_inner.top100{top:50px;}
.main_warp.ma_site .main_visual > .img_wrap{background:url("../images/main/main_visual_mn.jpg") no-repeat center 0;background-size:cover}
.main_warp.ma_site .main_visual > .img_wrap{height:400px;}

.main_warp.ma_site .middle_gray_wrap.section2{max-width:1920px;width:100%;margin:0 auto;padding:5px 0 20px;box-sizing:border-box;background:#FFFFFF;}
.main_warp.ma_site .middle_gray_wrap.section3{max-width:1920px;width:100%;margin:0 auto;padding:5px 0 10px;box-sizing:border-box;}
.main_warp.ma_site .middle_gray_wrap.section4{max-width:1920px;width:100%;margin:0 auto;padding:5px 0 20px;box-sizing:border-box;background:#FFFFFF;}

.ma_wrap div#divpop1{z-index: 999;}

/*.main_warp.memberintro.ma_site .visual_txt{overflow:hidden;box-sizing:border-box;font-size:48px;font-weight:300;color:#656565;}*/
.main_warp.memberintro.ma_site .visual_txt{text-align:center;box-sizing:border-box;font-size:48px;font-weight:300;color:#000;line-height:1.4em;/*letter-spacing:-0.1em;*/}

.main_warp.memberintro.ma_site .note_list{overflow:visible;margin-top:35px}

.main_warp.memberintro.ma_site .img_wrap + .inner{margin: 40px auto 0;}

.ma_site #notice .items{padding:20px 22px}

div#divpop1.compPop{z-index:99;}

div#divNoticeBox > .items{padding:12px;box-sizing:border-box;/*max-height: 300px;overflow-y: auto;*/}
div#divNoticeBox > .items li{overflow:hidden}
div#divNoticeBox > .items li + li{margin-top:5px;}
div#divNoticeBox > .items p{position:relative;float:left;width:auto;}
/*div#divNoticeBox > .items p a{overflow:hidden;display:inline-block;max-width:330px;text-overflow:ellipsis;white-space:nowrap;font-size:16px}*/
div#divNoticeBox > .items p a{font-size:14px;line-height:1.5em;}
div#divNoticeBox > .items span{float:right;font-size:15px;color:#666666}
div#divNoticeBox > .items li.new p:after{/*position:absolute;top:0;right:-17px;*/color:#ed713b;content:"N"}
div#divNoticeBox > .items li {border-bottom: 1px solid #dedede;padding:9px 0;}

.main_warp.ma_site .slider_wrap.post{padding:0 20px}
.main_warp.ma_site .slider_wrap.post .swiper-wrapper{overflow:visible}
.main_warp.ma_site .slider_wrap.post .swiper-wrapper li.swiper-slide + li.swiper-slide{margin-left:0}
.main_warp.ma_site .slider_wrap.post .swiper-button-prev{left:0;width: 17px;height: 34px;background-image: url(/2020/images/sub/rec_btn_prev.png);background-size: 17px 34px;}
.main_warp.ma_site .slider_wrap.post .swiper-button-next{right:0;width: 17px;height: 34px;background-image: url(/2020/images/sub/rec_btn_next.png);background-size: 17px 34px;}

.main_warp.ma_site .middle_gray_wrap.section2 ul{overflow:hidden}
.main_warp.ma_site .middle_gray_wrap.section2 li{float:left;width:23%}
.main_warp.ma_site .middle_gray_wrap.section2 li + li{margin-left:32px}
.main_warp.ma_site .middle_gray_wrap.section2 li .info{padding:10px 15px 0px 15px;background:#fff;border:1px solid #d5d5d5;border-top:none}

.main_warp.ma_site .swiper-slide{overflow:hidden;border:1px solid #ddd;box-sizing: border-box; }
.main_warp.ma_site .swiper-slide img{width:100%;max-height: 137px;}

/*.main_warp.type2 .middle_gray_wrap.section2 li .info p.tit{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 15px;}
.main_warp.type2 .middle_gray_wrap.section2 li .info p.tit a{font-size:18px;font-weight:500;color:#333;}*/

.main_warp.ma_site .middle_gray_wrap.section2 li .info .tit_box{height:55px;}
.main_warp.ma_site .middle_gray_wrap.section2 li .info p.tit{width:100%;margin-bottom:15px;font-size:16px;font-weight:500;color:#333; }
.main_warp.ma_site .middle_gray_wrap.section2 li .info p.tit { width: calc(100% - 0.5em); overflow: hidden; position: relative; line-height: 1.2em; max-height: 2.4em; margin-right: -1em; padding-right: 1em;}
.main_warp.ma_site .middle_gray_wrap.section2 li .info p.tit:before {content: '...'; position: absolute; right: 0; bottom: 0;}
.main_warp.ma_site .middle_gray_wrap.section2 li .info p.tit:after { content: ''; position: absolute; right: 0; width: 1em; height: 1em; margin-top: 0.2em; background: white;}



.main_warp.ma_site .middle_gray_wrap.section2 li .info dl{overflow:hidden;box-sizing:border-box}
.main_warp.ma_site .middle_gray_wrap.section2 li .info dt{float:left;width:60px;margin-bottom:5px;font-weight:500;text-align:left;}
.main_warp.ma_site .middle_gray_wrap.section2 li .info dt span{display:inline-block;margin-left:6px}
.main_warp.ma_site .middle_gray_wrap.section2 li .info dd{float:left;width:calc(100% - 65px);margin-bottom:5px;color:#666;text-align:left}
.main_warp.ma_site .middle_gray_wrap.section2 li .info dl *{font-size:14px;color:#454545;}

.main_warp.ma_site .middle_gray_wrap.section2 li .info dl dd:last-child{height:30px;}

/*.main_warp.ma_site .swiper-pagination{display:none}
.main_warp.ma_site .direct_link ul li p.tit br{display:none}*/




#section2 .inner{margin-top:20px}
#section2 .recommend{position:relative;margin-top:20px}
#section2 .recommend:nth-child(2){margin-top:0px}
#section2 .recommend p.tit{font-size:24px;font-weight:400;color:#000;}
#section2 .recommend .swiper-container{padding:20px 0;}
/*#section2 .recommend .swiper-slide{overflow:hidden;border:1px solid #ddd}*/
#section2 .recommend .swiper-slide{overflow:hidden;border:1px solid #ddd;box-sizing: border-box; }
#section2 .recommend .swiper-slide img{width:100%;max-height: 137px;}
/*#section2 .recommend .swiper-slide .img_wrap + .flex{flex-direction:column;padding:25px;justify-content:center;background:#fff;}*/
#section2 .recommend .swiper-slide .img_wrap + .flex{flex-direction:column;padding:10px 15px 0px 15px;justify-content:center;background:#fff;}
/*#section2 .recommend .swiper-slide p.tit{width:100%;white-space:nowrap;text-overflow: ellipsis;overflow:hidden;margin-bottom:20px;font-size:16px;font-weight:500;color:#333;}*/
/*#section2 .recommend .swiper-slide p.tit{width:100%;margin-bottom:25px;font-size:16px;font-weight:500;color:#333;height:30px;line-height: 1.2em;}*/
#section2 .recommend .swiper-slide .tit_box{height:55px;}
#section2 .recommend .swiper-slide p.tit{width:100%;margin-bottom:15px;font-size:16px;font-weight:500;color:#333; }
#section2 .recommend .swiper-slide p.tit { width: calc(100% - 0.5em); overflow: hidden; position: relative; line-height: 1.2em; max-height: 2.4em; margin-right: -1em; padding-right: 1em;}
#section2 .recommend .swiper-slide p.tit:before {content: '...'; position: absolute; right: 0; bottom: 0;}
#section2 .recommend .swiper-slide p.tit:after { content: ''; position: absolute; right: 0; width: 1em; height: 1em; margin-top: 0.2em; background: white;}

#section2 .recommend .swiper-slide dl{overflow:hidden}
#section2 .recommend .swiper-slide dl dt{float:left;width:62px;margin-bottom:5px;font-size:14px;font-weight:500;color:#454545;}
#section2 .recommend .swiper-slide dl dt span{display:inline-block;margin:0 3.6px}
#section2 .recommend .swiper-slide dl dd{float:left;width:calc(100% - 62px);margin-bottom:5px;font-size:14px;color:#666666;}

#section2 .recommend .swiper-slide dl dd:last-child{height:30px;}
#section22 .recommend .swiper-slide dl dd:last-child{height:30px;}

#section2 .swiper-button-next.swiper-button-disabled{opacity: .35;cursor: auto;pointer-events: none;width:10px;height:17px;background:url("../images/main/icon/disabled_next_btn.png") no-repeat 0 0;background-size:100% 100%}
#section2 .swiper-button-prev.swiper-button-disabled{opacity: .35;cursor: auto;pointer-events: none;width:10px;height:17px;background:url("../images/main/icon/disabled_prev_btn.png") no-repeat 0 0;background-size:100% 100%}
#section2 .swiper-button-prev, #section2 .swiper-container-rtl .swiper-button-next{top:22px;right:110px;left:auto;width:10px;height:17px;background:url("../images/main/icon/disabled_prev_btn_on.png") no-repeat 0 0;background-size:100% 100%}
#section2 .swiper-button-next, #section2 .swiper-container-rtl .swiper-button-prev{top:22px;right:40px;width:10px;height:17px;background:url("../images/main/icon/disabled_next_btn_on.png") no-repeat 0 0;background-size:100% 100%}
#section2 .swiper-pagination-fraction{width:auto;left:auto;bottom:auto;top:0;right:64px;}
#section2 .recommend .btn_wrap{position:absolute;top:0;right:0;cursor:pointer}
#section2 .recommend .btn_wrap button{position:relative;display:inline-block;width:17px;height:2px;background:#000;vertical-align:super}
#section2 .recommend .btn_wrap button:before{position:absolute;top:-6px;left:0;width:17px;height:2px;background:#000;content:""}
#section2 .recommend .btn_wrap button:after{position:absolute;bottom:-6px;left:0;width:17px;height:2px;background:#000;content:""}



#section22 .inner{margin-top:50px}
#section22 .recommend{position:relative;margin-top:20px}
#section22 .recommend:nth-child(2){margin-top:0px}
#section22 .recommend p.tit{font-size:24px;font-weight:400;color:#000;}
#section22 .recommend .swiper-container{padding:20px 0;}
#section22 .recommend .swiper-slide{overflow:hidden;border:1px solid #ddd;box-sizing: border-box;}
#section22 .recommend .swiper-slide img{width:100%;max-height: 137px;}
/*#section2 .recommend .swiper-slide .img_wrap + .flex{flex-direction:column;padding:25px;justify-content:center;background:#fff;}*/
#section22 .recommend .swiper-slide .img_wrap + .flex{flex-direction:column;padding:10px 15px 0px 15px;justify-content:center;background:#fff;}
/*#section22 .recommend .swiper-slide p.tit{width:100%;white-space:nowrap;text-overflow: ellipsis;overflow:hidden;margin-bottom:20px;font-size:16px;font-weight:500;color:#333;}*/
/*#section22 .recommend .swiper-slide p.tit{width:100%;margin-bottom:15px;font-size:16px;font-weight:500;color:#333; height:37px;line-height: 1.2em;white-space:normal;text-overflow: ellipsis;overflow:hidden;word-wrap:break-word; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}*/
#section22 .recommend .swiper-slide .tit_box{height:55px;}
#section22 .recommend .swiper-slide p.tit{width:100%;margin-bottom:15px;font-size:16px;font-weight:500;color:#333; }
#section22 .recommend .swiper-slide p.tit { width: calc(100% - 0.5em); overflow: hidden; position: relative; line-height: 1.2em; max-height: 2.4em; margin-right: -1em; padding-right: 1em;}
#section22 .recommend .swiper-slide p.tit:before {content: '...'; position: absolute; right: 0; bottom: 0;}
#section22 .recommend .swiper-slide p.tit:after { content: ''; position: absolute; right: 0; width: 1em; height: 1em; margin-top: 0.2em; background: white;}


#section22 .recommend .swiper-slide dl{overflow:hidden}
#section22 .recommend .swiper-slide dl dt{float:left;width:62px;margin-bottom:5px;font-size:14px;font-weight:500;color:#454545;}
#section22 .recommend .swiper-slide dl dt span{display:inline-block;margin:0 3.6px}
#section22 .recommend .swiper-slide dl dd{float:left;width:calc(100% - 62px);margin-bottom:5px;font-size:14px;color:#666666;}
#section22 .swiper-button-next.swiper-button-disabled{opacity: .35;cursor: auto;pointer-events: none;width:10px;height:17px;background:url("../images/main/icon/disabled_next_btn.png") no-repeat 0 0;background-size:100% 100%}
#section22 .swiper-button-prev.swiper-button-disabled{opacity: .35;cursor: auto;pointer-events: none;width:10px;height:17px;background:url("../images/main/icon/disabled_prev_btn.png") no-repeat 0 0;background-size:100% 100%}
#section22 .swiper-button-prev, #section22 .swiper-container-rtl .swiper-button-next{top:22px;right:110px;left:auto;width:10px;height:17px;background:url("../images/main/icon/disabled_prev_btn_on.png") no-repeat 0 0;background-size:100% 100%}
#section22 .swiper-button-next, #section22 .swiper-container-rtl .swiper-button-prev{top:22px;right:40px;width:10px;height:17px;background:url("../images/main/icon/disabled_next_btn_on.png") no-repeat 0 0;background-size:100% 100%}
#section22 .swiper-pagination-fraction{width:auto;left:auto;bottom:auto;top:0;right:64px;}
#section22 .recommend .btn_wrap{position:absolute;top:0;right:0;cursor:pointer}
#section22 .recommend .btn_wrap button{position:relative;display:inline-block;width:17px;height:2px;background:#000;vertical-align:super}
#section22 .recommend .btn_wrap button:before{position:absolute;top:-6px;left:0;width:17px;height:2px;background:#000;content:""}
#section22 .recommend .btn_wrap button:after{position:absolute;bottom:-6px;left:0;width:17px;height:2px;background:#000;content:""}


#section1 .banner_wrap{position:absolute;top:-75px;right:0;}
#section1 .banner_wrap img{cursor:pointer;}
#section1 .note_list{-ms-display: flexbox;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display:-webkit-flex;display:flex;flex-direction:row;width:100%}
#section1 .note_list > div .note_head{padding:0;border-bottom:0;}
#section1 .note_list .note_head li{border-bottom:1px solid #e1e2eb}
#section1 .note_list .note_head li.on{border-bottom:none}
#section1 .note_list .note_head li:first-child{border-left:none}
#section1 .tab_link li:first-child{border-left:none}
#section1 .tab_link li {border-top:none}
.media_area p.head{padding:17px 0;box-sizing:border-box;color:#fff;background:#00ada6;text-align:center;}
.media_area p.head.title{line-height: 23px; padding:5px 0;}
.media_area .video{width:100%;}
.note_list > div.media_area{border:none}
.note_list > div.media_area .video{overflow:hidden;position:relative;}
.note_list > div.media_area .video .btn_wrap{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}
.note_list > div.media_area .video .btn_wrap button{width:44px;height:44px;background:url("../images/main/icon/icon_btn_play.png") no-repeat 0 0;text-indent:-9999px;z-index:100}
.note_list > div.media_area .video  p.tit{position:absolute;bottom:20px;width:100%;color:#fff;font-size:16px;text-align:center}
.article .img_wrap img{margin-right:67px;vertical-align:middle}
.article .img_wrap em{display:inline-block;font-size:18px;font-weight:400;color:#fff;vertical-align:middle}
.article .img_txt{justify-content:center;align-items:center;height:100px;text-align:center;}
.article .img_txt p.txt{display:inline-block;color:#333;font-size:16px;text-align:center}
.article.news_01 .img_wrap{padding:22px 0;background:url("../images/main/bg_news_01.jpg") no-repeat 0 0;background-size:cover;text-align:center;}
.article.news_02 .img_wrap{padding:22px 0;background:url("../images/main/bg_news_02.jpg") no-repeat 0 0;background-size:cover;text-align:center;}
.article.news_03 .img_wrap{padding:22px 0;background:url("../images/main/bg_news_03.jpg") no-repeat 0 0;background-size:cover;text-align:center;}

.note_list{overflow:hidden;margin-top:29px}
.note_list > div{float:left;width:31.6%;border:1px solid #dddddd;box-sizing:border-box;}
.main_warp.memberintro.ma_site .note_list.n2 > div + div{margin-left:2.5%}
.note_list > div .note_head{overflow:hidden;position:relative;padding:15px 18px;box-sizing:border-box;background:#fafafa;border-bottom:1px solid #dddddd;font-size:18px;text-align:right}
.note_list > div .note_head p{float:left}
.note_list > div .note_head div.btn_more{display:inline-block;position:relative;height:3px;width:15px;margin-bottom:5px;background:#000;vertical-align:middle;text-indent:-9999px;cursor:pointer}
.note_list > div .note_head div.btn_more:before{position:absolute;left:0;width:15px;height:3px;background:#000;transform:rotate(90deg);content:""}
.note_list > div .items{padding:22px;box-sizing:border-box;background:#fff;}
.note_list > div .items li{overflow:hidden}
.note_list > div .items li + li{margin-top:15px;}
.note_list > div .items p{position:relative;float:left;width:auto;}
.note_list > div .items p a{overflow:hidden;display:inline-block;max-width:230px;text-overflow:ellipsis;white-space:nowrap;font-size:16px}
.note_list > div .items span{float:right;font-size:15px;color:#666666}
.note_list > div .items li.new p:after{position:absolute;top:0;right:-17px;color:#ed713b;content:"N"}
.main_warp.exam .note_list > div .items p{width:65%}


@media screen and (max-width:1200px){
	.note_list > div {
		width: 100%;
		margin-left: 0;
	}

	.note_list > div .items p a {
		max-width: 100%;
	}

}

@media screen and (min-width:800px){
	#section2 .recommend p.tit{text-align: center;}
	#section22 .recommend p.tit{text-align: center;}
}