@charset "utf-8";

#wrap{position:relative;overflow:hidden;}

/*  */
.pc{display:block;}
.mo{display:none;}
.layout{width:1240px;margin:0 auto; position: relative;}
.layout::after{clear:both;display:block;content:'';}
.ir{overflow:hidden;}
.ir:before{content:'';display:inline-block;width:100%;height:100%;vertical-align:top;}

.main_vi1{background-color:#000}
.main_vi1 .thumb{display:inline-block;width:100%;height:100%;text-align:center; position:relative;}
.main_vi1 video {width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.main_vi1 .cover {position:absolute; top:290px; left:0px; width:100%; height:184px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xvtnz.er.xe%2Svftrb%2Svzt%2Sznva%2Szbivr_pbire.cat') no-repeat center top; z-index:1;}
.main_vi2 {background: #000 url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xvtnz.er.xe%2Svftrb%2Svzt%2Sznva%2Sivfhny_vzt1_1.wct') top center no-repeat;}
.main_vi3 {background: #000 url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xvtnz.er.xe%2Svftrb%2Svzt%2Sznva%2Sivfhny_vzt2_1.wct') top center no-repeat;}
.main_vi4 {background: #000 url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xvtnz.er.xe%2Svftrb%2Svzt%2Sznva%2Sivfhny_vzt3_1.wct') top center no-repeat;}
h3{ letter-spacing:0;}

@media only screen and (max-width:1240px){
	.layout {width:100%}
}

#visual {height:860px; position:relative; z-index:1 }
#visual .obj {height:100%; position:relative; z-index:10; }
#visual .obj li {position:absolute; top:0; left:0; width:100%; height:100%; z-index:50; display:none;}
#visual .wrap {z-index:999}
#visual .count button {background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xvtnz.er.xe%2Svftrb%2Svzt%2Sznva%2Sznva_ot_pgey_bss.cat') no-repeat left top; }
#visual .count button.ov {background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xvtnz.er.xe%2Svftrb%2Svzt%2Sznva%2Sznva_ot_pgey_ba.cat') no-repeat left top;}
#visual .control {position:absolute; top:210px; right:30px; width:60px; text-align:left; z-index:100; padding:38px 0 31px;}
#visual .control .state .ir {width:60px; height:61px; margin:0 0 7px 0; display:inline-block; background-color: transparent;  vertical-align:top; background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xvtnz.er.xe%2Svftrb%2Svzt%2Sznva%2Sivfhny_pbageby_vzt.cat');background-repeat:no-repeat;}
#visual .control .state .ir.btn_1 {background-position:right top;}
#visual .control .state .ir.btn_1.ov {background-position:left top;}
#visual .control .state .ir.btn_2 {background-position:right -67px;}
#visual .control .state .ir.btn_2.ov {background-position:left -67px;}
#visual .control .state .ir.btn_3 {background-position:right -134px;}
#visual .control .state .ir.btn_3.ov {background-position:left -134px;}
#visual .control .state .ir.btn_4 {background-position:right -201px;}
#visual .control .state .ir.btn_4.ov {background-position:left -201px;}
#visual .control .ir.stop {background-position:left -267px;}
#visual .control .ir.play {background-position:right -267px;}
#visual .control .ir.prev {width:35px; height:18px; background-position:left -341px; position:absolute; left:13px; top:0px}
#visual .control .ir.next {width:35px; height:18px; background-position:-55px -341px;  position:absolute; left:13px; bottom:0px}


#visual .obj .main_vi2 .vi_text .title {width:420px; height:45px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xvtnz.er.xe%2Svftrb%2Svzt%2Sznva%2Sivfhny_vzt1_grkg_1.cat') no-repeat left top; }
#visual .obj .main_vi3 .vi_text .title {width:275px; height:45px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xvtnz.er.xe%2Svftrb%2Svzt%2Sznva%2Sivfhny_vzt2_grkg_1.cat') no-repeat left top; }
#visual .obj .main_vi4 .vi_text .title {width:449px; height:45px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xvtnz.er.xe%2Svftrb%2Svzt%2Sznva%2Sivfhny_vzt3_grkg_1.cat') no-repeat left top; }
#visual .obj .vi_text {width:462px; position:absolute; right:0px; top:460px}
#visual .obj .vi_text .title { display:block; font-size:0px; margin:0 0 15px 0}
#visual .obj .vi_text .text {font-size:15px; color:#fff; line-height:1.15em; padding:0 0 30px 3px;max-width:450px;word-break: keep-all;}
#visual .obj .vi_text .btn_detail a {padding:0 55px 0 0; color:#fff; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xvtnz.er.xe%2Svftrb%2Svzt%2Sznva%2Sivfhny_qrgnvy_oga.cat') no-repeat right center;}
#visual .obj .vi_text .btn_detail a span {text-decoration:underline; font-size:14px;}


#visual .scroll_down {position:absolute; bottom:50px; left:50%; color:#fff; font-size:13px; letter-spacing:3px; margin:0 0 0 -83px; z-index:200}
#visual .scroll_down i {display:inline-block; width:20px; height:20px; vertical-align:top;  margin:0 25px 0 0; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xvtnz.er.xe%2Svftrb%2Svzt%2Sznva%2Sivfhny_pbageby_vzt.cat') no-repeat left bottom}

@media only screen and (max-width:1530px){
	.main_vi1 video {width: auto; height:100%;}
}

@media only screen and (max-width:1400px){
	#visual .obj .vi_text {right: 80px; width:275px}
	#visual .obj .vi_text br {display:none}
	#visual .obj .main_vi2 .vi_text .title {height:45px; width:275px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xvtnz.er.xe%2Svftrb%2Svzt%2Sznva%2Sivfhny_vzt1_grkg_2.cat') no-repeat left top; }
	#visual .obj .main_vi4 .vi_text .title {height:45px; width:275px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xvtnz.er.xe%2Svftrb%2Svzt%2Sznva%2Sivfhny_vzt3_grkg_2.cat') no-repeat left top; }
}
@media only screen and (max-width:1100px){
	#visual {height:970px; position:relative; z-index:1 }
	.main_vi2 {background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xvtnz.er.xe%2Svftrb%2Svzt%2Sznva%2Sivfhny_vzt1_2.wct') top center no-repeat;}
	.main_vi3 {background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xvtnz.er.xe%2Svftrb%2Svzt%2Sznva%2Sivfhny_vzt2_2.wct') top center no-repeat;}
	.main_vi4 {background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xvtnz.er.xe%2Svftrb%2Svzt%2Sznva%2Sivfhny_vzt3_2.wct') top center no-repeat;}
	#visual .control {position:absolute; top:780px; right:50%; width:380px; text-align:center; z-index:100; padding:0; margin:0 -190px 0 0}
	#visual .obj .vi_text {right: 10px; width: 300px;}
	#visual .control .ir.prev {width:18px; height:35px; background-position: -79px -365px; left:0px; top:12px}
	#visual .control .ir.next {width:18px; height:35px; background-position: -102px -365px; left:auto; right:0px; top:12px}
	#visual .control .ir.stop {position:absolute; right:30px; top:0px}
	#visual .control .count {padding:0 67px 0 30px}
	#visual .control .state .ir {float:left; margin:0 4px 0 0 }
}

@media only screen and (max-width:910px){
	#visual .control {top:630px}
	#visual {height:820px; position:relative; z-index:1 }
	.main_vi2 {background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xvtnz.er.xe%2Svftrb%2Svzt%2Sznva%2Sivfhny_vzt1_3.wct') top center no-repeat;}
	.main_vi3 {background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xvtnz.er.xe%2Svftrb%2Svzt%2Sznva%2Sivfhny_vzt2_3.wct') top center no-repeat;}
	.main_vi4 {background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xvtnz.er.xe%2Svftrb%2Svzt%2Sznva%2Sivfhny_vzt3_3.wct') top center no-repeat;}
	#visual .obj .vi_text .text {font-size:14px}
	#visual .obj .vi_text {top:380px}
}
@media only screen and (max-width:750px){
	#visual .obj .vi_text {width:250px}
	.main_vi2 {background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xvtnz.er.xe%2Svftrb%2Svzt%2Sznva%2Sivfhny_vzt1_3.wct') top center no-repeat;}
	.main_vi3 {background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xvtnz.er.xe%2Svftrb%2Svzt%2Sznva%2Sivfhny_vzt2_3.wct') top center no-repeat;}
	.main_vi4 {background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xvtnz.er.xe%2Svftrb%2Svzt%2Sznva%2Sivfhny_vzt3_3.wct') top center no-repeat;}
	#visual .obj .main_vi2 .vi_text .title {height:35px; width:220px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xvtnz.er.xe%2Svftrb%2Svzt%2Sznva%2Sivfhny_vzt1_grkg_3.cat') no-repeat left top; }
	#visual .obj .main_vi3 .vi_text .title {height:35px; width:222px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xvtnz.er.xe%2Svftrb%2Svzt%2Sznva%2Sivfhny_vzt2_grkg_2.cat') no-repeat left top; }
	#visual .obj .main_vi4 .vi_text .title {height:35px; width:241px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xvtnz.er.xe%2Svftrb%2Svzt%2Sznva%2Sivfhny_vzt3_grkg_3.cat') no-repeat left top; }
}

@media only screen and (max-width:690px){
	#visual .obj .vi_text {width:240px}
}


@media only screen and (max-width:650px){
	#visual .obj .vi_text {width:240px}
}

@media only screen and (max-width:640px){
	#visual {height:410px; }
	#visual .obj .vi_text {width:250px}
	#visual .control {top:310px}
	#visual .scroll_down {display:none}
	.main_vi1 .cover {top: 75px; height: 100px;    background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xvtnz.er.xe%2Svftrb%2Svzt%2Sznva%2Szbivr_pbire2.cat) no-repeat center top;}
	.main_vi2 {background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xvtnz.er.xe%2Svftrb%2Svzt%2Sznva%2Sivfhny_vzt1_4.wct') top center no-repeat;}
	.main_vi3 {background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xvtnz.er.xe%2Svftrb%2Svzt%2Sznva%2Sivfhny_vzt2_4.wct') top center no-repeat;}
	.main_vi4 {background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xvtnz.er.xe%2Svftrb%2Svzt%2Sznva%2Sivfhny_vzt3_4.wct') top center no-repeat;}
	#visual .obj .main_vi2 .vi_text .title {height:25px; width:234px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xvtnz.er.xe%2Svftrb%2Svzt%2Sznva%2Sivfhny_vzt1_grkg_4.cat') no-repeat left top; }
	#visual .obj .main_vi3 .vi_text .title {height:25px; width:156px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xvtnz.er.xe%2Svftrb%2Svzt%2Sznva%2Sivfhny_vzt2_grkg_3.cat') no-repeat left top; }
	#visual .obj .main_vi4 .vi_text .title {height:25px; width:250px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xvtnz.er.xe%2Svftrb%2Svzt%2Sznva%2Sivfhny_vzt3_grkg_4.cat') no-repeat left top; }
	#visual .obj .vi_text {position:relative; margin:0 auto; top:105px; left:auto; right:auto;}
}

@media only screen and (max-width:440px){
	#visual .control .count {padding: 0 74px 0 26px;}
	#visual .control .state .ir {width:44px; height:44px; background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xvtnz.er.xe%2Svftrb%2Svzt%2Sznva%2Sivfhny_pbageby_vzt2.cat); margin:0 3px 0 0}
	#visual .control {position:absolute; right:50%; width:290px; margin:0 -145px 0 0}
	#visual .control .state .ir.btn_1 {background-position:left -55px;}
	#visual .control .state .ir.btn_1.ov {background-position:left 0px;}
	#visual .control .state .ir.btn_2 {background-position:-47px -55px;}
	#visual .control .state .ir.btn_2.ov {background-position:-47px 0px;}
	#visual .control .state .ir.btn_3 {background-position:-95px -55px;}
	#visual .control .state .ir.btn_3.ov {background-position:-95px 0px;}
	#visual .control .state .ir.btn_4 {background-position:-144px -55px;}
	#visual .control .state .ir.btn_4.ov {background-position:-144px 0px;}
	#visual .control .ir.stop {background-position:-192px -55px;}
	#visual .control .ir.play {background-position:-192px 0px;}
	#visual .control .ir.prev {width:18px; height:35px; background-position:-282px top; position:absolute; left:0px; top:5px}
	#visual .control .ir.next {width:18px; height:35px; background-position:-282px -43px;  position:absolute; right:0px; top:5px; bottom:auto}
}




#section2 .tab_box .dep1 {    float: left;}
#section2{position:relative;z-index:11;  background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xvtnz.er.xe%2Svftrb%2Svzt%2Sznva%2Spbhefrf_evtug_ot.wct') no-repeat left top; background-size:cover}
#section2 .courses_box {position:relative; height:900px; max-width: 1920px; margin: 0 auto; }
#section2 .courses_box .left_courses {position:absolute; top:0px; left:0px; width:430px; height:900px; text-align:center; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xvtnz.er.xe%2Svftrb%2Svzt%2Sznva%2Spbhefrf_yrsg_ot.wct') no-repeat left top; padding:100px 0 0 0}
#section2 .courses_box .left_courses h2 {color:#fff; font-size:50px; text-align:left; width:auto; display:inline-block; margin:0 0 40px 0 }
#section2 .courses_box .left_courses h2:before{display:none;}
#section2 .courses_box .left_courses h2:after {content:""; width:50px; height:5px; display:block; vertical-align:top; margin:20px 0 0 0; background:#b8822c;}
#section2 .courses_box .left_courses ul {width:126px; margin:0 auto}
#section2 .courses_box .left_courses ul li {width:126px; height:127px; margin:24px 0 0 0; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xvtnz.er.xe%2Svftrb%2Svzt%2Sznva%2Spbhefrf_yv_ot.cat') no-repeat left top}
#section2 .courses_box .left_courses ul li em, 
#section2 .courses_box .left_courses ul li span {width:100%; display:inline-block; vertical-align:top; }
#section2 .courses_box .left_courses ul li em {font-size:45px; padding:20px 0 0 0; line-height:1em}
#section2 .courses_box .left_courses ul li:first-child em{color:#b79762;}
#section2 .courses_box .left_courses ul li:nth-child(2) em{color:#4674f9;}
#section2 .courses_box .left_courses ul li:nth-child(3) em{color:#69a403;}
#section2 .courses_box .left_courses ul li i {height:55px; width:100%; display:inline-block; padding:20px 0 0 0; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xvtnz.er.xe%2Svftrb%2Svzt%2Sznva%2Spbhefrf_yrsg_vpba.cat') no-repeat center 20px;}
#section2 .courses_box .left_courses ul li span {color:#fff; line-height:1.2em; font-size:14px;}
#section2 .courses_box .left_courses ul li a{color:#fff; line-height:1.2em; font-size:14px;}

@media only screen and (max-width:1600px){
	#section2 .courses_box .left_courses {position:relative; width:100%; height:330px; padding:70px 50px 0 50px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xvtnz.er.xe%2Svftrb%2Svzt%2Sznva%2Spbhefrf_yrsg_ot2.wct) no-repeat left top; background-size:cover}
	#section2 .courses_box .left_courses h2 {float:left;}
	#section2 .courses_box .left_courses ul {width:100%; float:right;}
	#section2 .courses_box .left_courses ul li { margin:0 0 0 10px; display:inline-block; vertical-align:middle;}
}
@media only screen and (max-width:770px){
	#section2 .courses_box .left_courses h2 {font-size:50px; }
	#section2 .courses_box .left_courses ul {width:100%; margin:10px 0 0 0; text-align:center;}	
	#section2 .courses_box .left_courses ul li:first-child {margin:0px;}
	#section2 .courses_box .left_courses ul li {width:93px; float:none; text-align:center; display:inline-block; vertical-align:top; margin:10px 0 0 7px; height:93px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xvtnz.er.xe%2Svftrb%2Svzt%2Sznva%2Spbhefrf_yv_ot2.cat') no-repeat left top}
	#section2 .courses_box .left_courses ul li em {font-size:25px}
	#section2 .courses_box .left_courses ul li span {font-size:12px;}
	#section2 .courses_box .left_courses ul li i {height:46px; background-size:auto 22px; padding:13px 0 0 0; vertical-align:top}
}

@media only screen and (max-width:625px){
	#section2 .courses_box .left_courses {position:relative; width:100%; height:auto; padding:40px 0 20px 0; display:inline-block; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xvtnz.er.xe%2Svftrb%2Svzt%2Sznva%2Spbhefrf_yrsg_ot2.wct) no-repeat left top; background-size:cover;}
	#section2 .courses_box .left_courses h2 {margin:0 auto; font-size:30px; text-align:center; float:none; display:block}
	#section2 .courses_box .left_courses h2:after {margin:3px auto 0;}
	#section2 .courses_box .left_courses ul {text-align:center;}	
}

#section2 .courses_box .right_courses {padding:0 0 0 430px; width:100%;  height:900px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xvtnz.er.xe%2Svftrb%2Svzt%2Sznva%2Spbhefrf_evtug_ot.wct') no-repeat left top; background-size:cover}
#section2 .courses_box .right_courses .tab_box {position:relative; padding:0 0 0 95px; width:100%;  top:100px;}
#section2 .courses_box .right_courses .tab_ul { width:1280px; position:relative;}
#section2 .courses_box .right_courses .tab_box .tab_more {position:absolute; top:40px; right:0px; color:#abaeb7; font-size:14px}
#section2 .courses_box .right_courses .tab_box .tab_more:after {content:""; width:20px; height:16px; display:inline-block; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xvtnz.er.xe%2Svftrb%2Svzt%2Sznva%2Spbhefrf_vpba.cat')no-repeat -1px -513px; margin:0 0 0 18px; vertical-align:middle}
#section2 .courses_box .right_courses .tab_box .tit:before  {content:""; width:79px; height:86px; display:inline-block; background-image:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xvtnz.er.xe%2Svftrb%2Svzt%2Sznva%2Spbhefrf_vpba.cat'); background-repeat:no-repeat; vertical-align:middle}
#section2 .courses_box .right_courses .tab_box a.tit span {display:inline-block; vertical-align:middle; line-height:1.15em; font-size:16px; color:#fff; margin:0 40px 0 14px}
#section2 .courses_box .right_courses .tab_box a.tit.tit_1 span {font-size:20px}
#section2 .courses_box .right_courses .tab_box .tit.tit_1:before {background-position:right top;}
#section2 .courses_box .right_courses .tab_box .tit_1:hover:before, #section2 .courses_box .right_courses .tab_box .tit_1.on:before {background-position:left top;}
#section2 .courses_box .right_courses .tab_box .tit.tit_2:before {background-position:right -96px;}
#section2 .courses_box .right_courses .tab_box .tit_2:hover:before, #section2 .courses_box .right_courses .tab_box .tit_2.on:before {background-position:left -96px;}
#section2 .courses_box .right_courses .tab_box .tit.tit_3:before {background-position:right -191px;}
#section2 .courses_box .right_courses .tab_box .tit_3:hover:before, #section2 .courses_box .right_courses .tab_box .tit_3.on:before {background-position:left -191px;}
#section2 .courses_box .right_courses .tab_box .tit.tit_4:before {background-position:right -287px;}
#section2 .courses_box .right_courses .tab_box .tit_4:hover:before, #section2 .courses_box .right_courses .tab_box .tit_4.on:before {background-position:left -287px;}

#section2 .tab_cont{position:absolute;left:0px;top:150px;width:1280px;}
#section2 .tab_cont .text_info {vertical-align:middle; color:#fff; font-size:15px; margin:0 0 40px 0}
#section2 .tab_cont .text_info span {vertical-align:middle; line-height:12px; height:30px; padding-top:12px;font-size:21px;}
#section2 .tab_cont .text_info em {color:#b79762; font-size:21px; line-height:30px;font-weight:600;}
#section2 .tab_cont .text_info:before {content:""; display:inline-block; vertical-align:middle; width:63px; height:63px; margin:0 6px 0 0; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xvtnz.er.xe%2Svftrb%2Svzt%2Sznva%2Spbhefrf_vpba.cat') no-repeat -1px -391px}


#section2 .search_box {position:absolute; right:0px; top:13px;}
#section2 .search_box select {width:165px; height:40px; line-height:40px; border:none; background:#fff}
#section2 .search_box .search_btn {width:40px; height:40px; display:inline-block; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xvtnz.er.xe%2Svftrb%2Svzt%2Sznva%2Spbhefrf_vpba.cat') no-repeat 8px -471px #7c6847; font-size:0px; vertical-align:top;}

#section2 .tab_box .tab_cont .sns_box .control{display:none;}

#section2 .tab_box .tab_cont .sns_box .move_box{position:relative;z-index:10;overflow:hidden; padding:0 0 40px 0}
#section2 .tab_box .tab_cont .sns_box .move_box .move{position:relative; padding:20px 0 0 0; width:2000px}

#section2 .tab_box .tab_cont .sns_box .move_box li a {float:left;width:300px; position:relative;display:block;height:290px; padding:45px 40px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xvtnz.er.xe%2Svftrb%2Svzt%2Sznva%2Spbhefrf_gno_yv_ot.cat') repeat left top;  -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;  box-shadow:1px 2px 0 #1e212e} 

#section2 .tab_box .tab_cont .sns_box .move_box li a:hover, #section2 .tab_box .tab_cont .sns_box .move_box li:first-child a {padding: 65px; box-shadow:2px 3px 0 #1e212e}
#section2 .tab_box .tab_cont .sns_box .move_box li a span {color:#fff; clear:both; display:block; }
#section2 .tab_box .tab_cont .sns_box .move_box li a span.title {font-size:13px; color:#b4c5f0;}
#section2 .tab_box .tab_cont .sns_box .move_box li a span.title:after {content:""; width:20px; height:2px; background:#ec4613; display:block; margin:5px 0 20px}


#section2 .tab_box .tab_cont .sns_box .move_box li a span.text {font-size:18px; line-height:1.25em; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
#section2 .tab_box .tab_cont .sns_box .move_box li a span.date {font-size:13px; margin:10px 0}
#section2 .tab_box .tab_cont .sns_box .move_box li a span.result_1 {background:#87c122; padding:5px 15px; font-size:13px; width:auto; display:inline-block}
#section2 .tab_box .tab_cont .sns_box .move_box li a span.result_2 {background:#939598; padding:5px 15px; font-size:13px; width:auto; display:inline-block}
#section2 .tab_box .tab_cont .sns_box .move_box li a span.result_3 {background:#4868f0; padding:5px 15px; font-size:13px; width:auto; display:inline-block}
#section2 .tab_box .tab_cont .sns_box .move_box li a span.plus {position:absolute; background:#797163; width:62px; height:62px; left:120px; top:260px; border-radius:62px; padding:5px 15px; font-size:0px; display:inline-block; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}
#section2 .tab_box .tab_cont .sns_box .move_box li a span.plus:before, #section2 .tab_box .tab_cont .sns_box .move_box li a span.plus:after{position:absolute;content:'';background-color:#fff;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}
#section2 .tab_box .tab_cont .sns_box .move_box li a span.plus:before{left:20px;top:30px;width:22px;height:2px;}
#section2 .tab_box .tab_cont .sns_box .move_box li a span.plus:after{left:30px;top:20px;width:2px;height:22px;}


#section2 .tab_box .tab_cont .sns_box .move_box ul li {margin:0 0 0 12px; float:left;}
#section2 .tab_box .tab_cont .sns_box .move_box ul li:first-child {margin:0px}
#section2 .tab_box .tab_cont .sns_box .move_box ul li a:hover, #section2 .tab_box .tab_cont .sns_box .move_box ul li:first-child a {width:340px; height:330px; margin:-20px 0 0 0 }

#section2 .tab_box .tab_cont .sns_box .move_box li a:hover span.plus,  #section2 .tab_box .tab_cont .sns_box .move_box ul li:first-child a span.plus {position:absolute; background:#fff; width:71px; height:71px; left:135px; top:295px; border-radius:71px; padding:5px 15px; font-size:0px; display:inline-block}
#section2 .more{position:absolute;right:0;top:40px;}

#section2 .tab_box .tab_cont .sns_box .move_box li a:hover span.plus:before, 
#section2 .tab_box .tab_cont .sns_box .move_box li:first-child a span.plus:before, 
#section2 .tab_box .tab_cont .sns_box .move_box li a:hover span.plus:after,
#section2 .tab_box .tab_cont .sns_box .move_box li:first-child a span.plus:after {position:absolute;content:'';background-color:#7f97b6;transition:all 300ms ease-in-out 50ms;}


#section2 .tab_box .tab_cont .sns_box .move_box li a:hover span.plus:before, 
#section2 .tab_box .tab_cont .sns_box .move_box li:first-child a span.plus:before {left:23px;top:35px;width:26px;height:2px;}

#section2 .tab_box .tab_cont .sns_box .move_box li a:hover span.plus:after,
#section2 .tab_box .tab_cont .sns_box .move_box li:first-child a span.plus:after {left:35px;top:23px;width:2px;height:26px;}






#section2 .tab_box .tab_cont .sns_box .move_box li{opacity:0;}
#section2.active2 .tab_box .tab_cont .sns_box .move_box li{opacity:1;}
#section2 .tab_box .tab_cont .sns_box .move_box ul li:nth-child(1){transition:opacity 1s ease 0.1s;}
#section2 .tab_box .tab_cont .sns_box .move_box ul li:nth-child(2){transition:opacity 1s ease 0.3s;}
#section2 .tab_box .tab_cont .sns_box .move_box ul li:nth-child(3){transition:opacity 1s ease 0.5s;}
#section2 .tab_box .tab_cont .sns_box .move_box ul li:nth-child(4){transition:opacity 1s ease 0.7s;}
#section2 .tab_box .tab_cont .sns_box .move_box ul li:nth-child(5){transition:opacity 1s ease 0.9s;}
#section2 .tab_box .tab_cont .sns_box .move_box ul li:first-child {}
#section2 .tab_box .tab_cont .sns_box .move_box ul li a:before {content:""; display:block;position:absolute;left:0;top:0px;width:100%;height:100%; opacity:0; z-index:-1; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;   }
#section2 .tab_box .tab_cont .sns_box .move_box ul li.sns_li_glo a:before {background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xvtnz.er.xe%2Svftrb%2Svzt%2Sznva%2Spbhefrf_yv_ot1.wct') no-repeat left top;}
#section2 .tab_box .tab_cont .sns_box .move_box ul li.sns_li_fut a:before {background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xvtnz.er.xe%2Svftrb%2Svzt%2Sznva%2Spbhefrf_yv_ot2.wct') no-repeat left top;}
#section2 .tab_box .tab_cont .sns_box .move_box ul li.sns_li_com a:before {background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xvtnz.er.xe%2Svftrb%2Svzt%2Sznva%2Spbhefrf_yv_ot3.wct') no-repeat left top;}

#section2 .tab_box .tab_cont .sns_box .move_box ul li.sns_li_glo a:hover, #section2 .tab_box .tab_cont .sns_box .move_box ul li:first-child.sns_li_glo a {background:none}
#section2 .tab_box .tab_cont .sns_box .move_box ul li.sns_li_fut a:hover, #section2 .tab_box .tab_cont .sns_box .move_box ul li:first-child.sns_li_fut a {background:none}
#section2 .tab_box .tab_cont .sns_box .move_box ul li.sns_li_com a:hover, #section2 .tab_box .tab_cont .sns_box .move_box ul li:first-child.sns_li_com a {background:none}
#section2 .tab_box .tab_cont .sns_box .move_box ul li.sns_li_glo a:hover:before, #section2 .tab_box .tab_cont .sns_box .move_box ul li:first-child.sns_li_glo a:before{top:0px; opacity:1; }
#section2 .tab_box .tab_cont .sns_box .move_box ul li.sns_li_fut a:hover:before, #section2 .tab_box .tab_cont .sns_box .move_box ul li:first-child.sns_li_fut a:before{top:0px; opacity:1; }
#section2 .tab_box .tab_cont .sns_box .move_box ul li.sns_li_com a:hover:before, #section2 .tab_box .tab_cont .sns_box .move_box ul li:first-child.sns_li_com a:before{top:0px; opacity:1; }


@media only screen and (max-width:1820px){
	#section2 .courses_box .right_courses .tab_ul{ width:100%;}
	#section2 .tab_box .tab_cont .sns_box .move_box .move {width:100%}
	#section2 .tab_cont {width:100%;}
	#section2 .tab_box .tab_cont .sns_box {padding:0 30px 0 0}
	#section2 .search_box {right:30px}
	#section2 .courses_box .right_courses .tab_box .tab_more {right:30px}
	#section2 .tab_box .tab_cont .sns_box .move_box ul li:first-child {width:27%;}
	#section2 .tab_box .tab_cont .sns_box .move_box ul li {width:23%; margin:0 0 0 1.33%}
	#section2 .tab_box .tab_cont .sns_box .move_box ul li a:hover, #section2 .tab_box .tab_cont .sns_box .move_box ul li:first-child a {width:100%;}
	#section2 .tab_box .tab_cont .sns_box .move_box ul li a {width:100%; padding: 45px 30px;}
	#section2 .tab_box .tab_cont .sns_box .move_box ul li:first-child a {width:100%; padding:65px 40px}
	#section2 .tab_box .tab_cont .sns_box .move_box ul li a:hover {padding: 45px 30px;}
	#section2 .tab_box .tab_cont .sns_box .move_box li a span.plus {left:50%; margin:0 0 0 -31px;}
	#section2 .tab_box .tab_cont .sns_box .move_box li a:hover span.plus, #section2 .tab_box .tab_cont .sns_box .move_box ul li:first-child a span.plus  {left:50%; margin:0 0 0 -35px;}
}

@media only screen and (max-width:1600px){
	#section2 .courses_box {height: 100%;}
	#section2 .tab_box .tab_cont .sns_box .move_box ul li:first-child a:before {background-size:100% 330px}
	#section2 .courses_box .right_courses {padding:0px; height: 840px;}
	#section2 .courses_box .right_courses .tab_box {padding:0 20px 0 50px ; }
	#section2 .tab_box .tab_cont .sns_box .move_box li a {height:278px}
	#section2 .tab_box .tab_cont .sns_box .move_box li a span.plus {top:250px;}

}
@media only screen and (max-width:1030px){
	#section2 .tab_box .tab_cont .sns_box .control{display:inline-block; position:absolute; bottom:-40px; width:100%; text-align:center; z-index:11;}
	#section2 .tab_box .tab_cont .sns_box .control a{ display:inline-block;width:13px;height:22px; margin:0 10px; background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xvtnz.er.xe%2Svftrb%2Svzt%2Sznva%2Sfaf_ceri.cat);background-position:left top;background-repeat:no-repeat;background-size:100% auto;}
	#section2 .tab_box .tab_cont .sns_box .control .prev{left:-40px;}
	#section2 .tab_box .tab_cont .sns_box .control .next{right:-40px;background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xvtnz.er.xe%2Svftrb%2Svzt%2Sznva%2Sfaf_arkg.cat);}
	#section2 .tab_box .tab_cont .sns_box .move_box {height:380px}
	#section2 .tab_box .tab_cont .sns_box .move_box ul li:first-child {width:36%; margin:0 0 40px 0}
	#section2 .tab_box .tab_cont .sns_box .move_box ul li {width:30%; margin:0 0 90px 2%}
	#section2 .tab_box .dep1 {width:25%; }
	#section2 .courses_box .right_courses .tab_box .tit {height:70px; width:100%; padding:15px; border-right:1px solid #545864; border-top:1px solid #545864; border-bottom:1px solid #545864; display:inline-block}
	#section2 .courses_box .right_courses .tab_box .tit_1 {border-left:1px solid #545864; padding:20px 15px}
	#section2 .courses_box .right_courses .tab_box .tit.on {background:#7c6847; border:1px solid #7c6847;}
	#section2 .courses_box .right_courses .tab_box .tit:before {display:none}
	#section2 .courses_box .right_courses .tab_box .tab_more {top:130px; right:0px}
	#section2 .courses_box .right_courses .tab_box {padding:0 50px}
	#section2 .tab_cont {top:110px}
	#section2 .tab_cont .text_info {width:100%; margin:0 0 15px 0; display: inline-block;}
	#section2 .tab_box .tab_cont .sns_box .move_box {padding:30px 0 40px; height:410px}
	#section2 .search_box {position:relative; right:0px; top:0px; text-align:right}
	#section2 .tab_box .tab_cont .sns_box {padding:0px}
	#section2 .tab_box .tab_cont .sns_box .control a {top:140px}
	#section2 .courses_box .right_courses .tab_box a.tit span {margin:0px}
}
@media only screen and (max-width:680px){
	#section2 .tab_box .tab_cont .sns_box .move_box ul li:first-child {width:55%;}
	#section2 .tab_box .tab_cont .sns_box .move_box ul li {width:43%; margin:0 0 90px 2%}
	#section2 .courses_box .right_courses .tab_box {top:40px}
	#section2 .tab_box .dep1 {width:50%; }
	#section2 .courses_box .right_courses .tab_box :nth-child(3) .tit {border-top:0px; border-left:1px solid #545864}
	#section2 .courses_box .right_courses .tab_box :nth-child(4) .tit {border-top:0px;}
	#section2 .courses_box .right_courses .tab_box .tit {border-right:1px solid #545864}
	#section2 .courses_box .right_courses .tab_box .tab_more {top:170px}
	#section2 .tab_cont {top:210px}
	#section2 .search_box {padding:0 43px 0 0}
	#section2 .search_box select {width:49%}
	#section2 .search_box .search_btn {position:absolute; top:0px; right:0px; }
}
@media only screen and (max-width:550px){
	#section2 .courses_box .right_courses .tab_box {padding:0 30px}
	#section2 .tab_box .tab_cont .sns_box .move_box ul li:first-child a {padding:45px 40px}
}
@media only screen and (max-width:495px){
	/*
	#section2 .tab_cont .text_info:before {float:left;}
	#section2 .tab_cont .text_info span {line-height:1em; position:relative; top:-10px}
	#section2 .tab_cont .text_info em {vertical-align: bottom; top:0px;}
	*/
}
@media only screen and (max-width:425px){
	#section2 .tab_box .tab_cont .sns_box .control a { background-size:100%}
	#section2 .tab_box .tab_cont .sns_box .move_box ul li:first-child {width:100%; margin:0 0 50px 0}
	#section2 .tab_box .tab_cont .sns_box .move_box ul li {width:80%; height:400px; }
	#section2 .tab_box .tab_cont .sns_box .move_box ul li:nth-child(2) a:before, #section2 .tab_box .tab_cont .sns_box .move_box ul li:nth-child(3) a:before {background-size:100%;}
}


#section3 {position:relative;z-index:11;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xvtnz.er.xe%2Svftrb%2Svzt%2Sznva%2Sfrp3_ot.wct) center top no-repeat #fff; background-size:cover; height:900px}
#section3 .colgroup {width:100%; display:inline-block; position:relative;}
#section3 h2 {padding:75px 0; line-height:1.25em; text-align:center; color:#272c3c; font-size:55px; }
#section3 h2:before{display:none;}
#section3 h2:after {content:""; width:50px; height:5px; background:#bf7e2c; display:block; margin:15px auto 0}

#spotlight {float:left; width:725px; height:440px; position:relative; }
#spotlight h3 {position:absolute; top:5px; left:0px; line-height:1em; font-size:22px; color:#272c3c; z-index:100}
#spotlight .control {position:absolute; bottom:5px; right:6px; z-index:110}
#spotlight .control .ir {background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xvtnz.er.xe%2Svftrb%2Svzt%2Sznva%2Sfcbg_vpba.cat'); background-repeat:no-repeat; background-color: inherit ; display:inline-block; font-size:0px }
#spotlight .control .count, #spotlight .control .state  {float:left;}
#spotlight .control .count .ir {width:23px; height:23px;  background-position:-71px top }
#spotlight .control .count .ir.ov { background-position:-41px top }

#spotlight .control .state .ir.stop {width:11px; height:19px; margin:0 0 0 10px; background-position:-21px top }
#spotlight .control .state .ir.play {width:11px; height:19px; margin:0 0 0 10px; background-position:left top }

#spotlight ul li.item {position:absolute; right:0; width:550px; height:440px; }
#spotlight ul li.item .text {position:absolute; left:-175px; bottom:0px; width:236px; height:216px; background:#223261; padding:40px }
#spotlight ul li.item .text span {width:100%; height:90px; overflow:hidden; display:inline-block; color:#fff; line-height:1.25em; font-size:18px}
#spotlight ul li.item.new .text:after {content:""; width:18px; height:18px; display:inline-block; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xvtnz.er.xe%2Svftrb%2Svzt%2Sznva%2Sarjf_vpba.cat')no-repeat; background-position:-83px 0;vertical-align:middle; margin-top:-9px; position:absolute; top:28px; left:36px;}
#spotlight ul li.item .text a {position:relative; width:100%; display:inline-block;  color:#fff; font-size:14px; padding:15px 0 5px 0; border-bottom:1px solid #9199b0; }
#spotlight ul li.item .text a:after {content:""; position:absolute; top:22px; right:2px; width:25px; height:8px; display:inline-block; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xvtnz.er.xe%2Svftrb%2Svzt%2Sznva%2Sfcbg_vpba.cat') no-repeat -115px top; }
#spotlight ul li.item .img {position:absolute; right:0px; top:0px; width:100%; height:400px; overflow:hidden;}
#spotlight ul li.item .img img{ width:100%; max-width:none; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
#spotlight a.more {position:absolute; top:340px; right:0px; width:60px; height:60px; background:#6e7687; font-size:0px}
#spotlight a.more:before,
#spotlight a.more:after{position:absolute;content:'';background-color:#fff;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}
#spotlight a.more:before{left:20px;top:30px;width:22px;height:2px;}
#spotlight a.more:after{left:30px;top:20px;width:2px;height:22px;}



#news_notice {float:right; width:425px; position:relative;}
#news_notice h3 {font-size:22px; color:#272c3c; line-height:1em; margin:2px 0 17px 0}
#news_notice .more {position:absolute; top:4px; right:0px;}
#news_notice .more a {font-size:0px; vertical-align:top; display:inline-block; width:20px; height:15px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xvtnz.er.xe%2Svftrb%2Svzt%2Sznva%2Sarjf_vpba.cat') no-repeat -53px top}
#news_notice .tab_box {/*display:none;*/position:relative;  width:100%;}
#news_notice .tab_box .dep1 {float: left;  border-top:1px solid #afb0b2; border-bottom:1px solid #afb0b2}
#news_notice .tab_box .dep1:first-child .tit {padding:0px; background:none}
#news_notice .tab_box .dep1 .tit { width:100%; display:inline-block; text-align:center; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xvtnz.er.xe%2Svftrb%2Svzt%2Sznva%2Sarjf_yv_ot.cat') no-repeat left center; padding:0 0 0 16px}
#news_notice .tab_box .dep1 .tit span {padding:10px 20px; margin:-1px 0 0 0; display:inline-block; font-size:14px; color:#6e83a0; letter-spacing:2px }
#news_notice .tab_box .dep1 .tit.on span {background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xvtnz.er.xe%2Svftrb%2Svzt%2Sznva%2Sarjf_abgvpr_yvar.tvs') repeat-x left top; color:#00285f;}
#news_notice .tab_box .dep1_1 {width:22%; }
#news_notice .tab_box .dep1_1 .tit {text-align:left;}
#news_notice .tab_box .dep1_1 .tit span {padding:10px 25px}
#news_notice .tab_box .dep1_2 {width:36%; }
#news_notice .tab_box .dep1_3 {width:42%;}
#news_notice .tab_box .dep1_3 .tit {text-align:right;}



#news_notice .tab_box .tab_more {position:absolute; top:40px; right:105px; color:#abaeb7; font-size:14px}
#news_notice .tab_box .tab_more:after {content:""; width:20px; height:16px; display:inline-block; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xvtnz.er.xe%2Svftrb%2Svzt%2Sznva%2Sarjf_vpba.cat')no-repeat -1px -514px; margin:0 0 0 18px; vertical-align:middle}

#news_notice .tab_cont{position:absolute;left:0px;top:41px;width:100%; border-top:1px solid #aaabae}
#news_notice .tab_cont ul li {padding:15px 0 15px 90px; width:100%; position:relative; height:78px; border-bottom:1px dashed #aaabae}
#news_notice .tab_cont ul li .date {position:absolute; top:13px; left:0px; width:70px; padding:30px 0 0 0; font-size:14px; color:#555555; text-align:center;}
#news_notice .tab_cont ul li .date em {position:absolute; top:0px; left:0px; width:100%; font-size:25px; color:#333333;}
#news_notice .tab_cont ul li .file:before {content:""; display:block; width:16px; height:17px; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xvtnz.er.xe%2Svftrb%2Svzt%2Sznva%2Sarjf_vpba.cat') no-repeat -4px top; margin:0 auto 5px}
#news_notice .tab_cont ul li .text {position:relative;width:100%; display:inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#news_notice .tab_cont ul li.new .text{ padding-left:24px;}
#news_notice .tab_cont ul li.new .text:after {content:""; width:18px; height:18px; display:inline-block; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xvtnz.er.xe%2Svftrb%2Svzt%2Sznva%2Sarjf_vpba.cat')no-repeat; background-position:-83px 0;vertical-align:middle; margin-top:-9px; position:absolute; top:50%; left:0;}
#news_notice .tab_cont ul li a {width:100%; display:inline-block; padding:3px 0 0 0}
#news_notice .tab_cont ul li .title {font-size:13px; padding:2px 6px; color:#fff; display:none;}
#news_notice .tab_cont ul li .title.type1 {background:#0e9ce6}
#news_notice .tab_cont ul li .title.type2 {background:#87c122}
#news_notice .tab_cont ul li .file {position:absolute; top:15px; right:0px; width:55px; height:55px; border:1px solid #babbbf; text-align:center; font-size:10px; color:#7e7f82; padding:10px 0 0 0;}

@media only screen and (max-width:1240px){
	#section3 .layout {padding:0 50px}
	#spotlight {width:57%; }
	#spotlight ul li.item { width:auto; left:128px;}
	#spotlight ul li.item .img {width:100%;}
	#spotlight a.more {top:340px;}
	#news_notice {width:40%; margin:0 0 0 3%; }
}
@media only screen and (max-width:1000px){
	#spotlight h3 {position:relative; margin:0  0 20px 0}
	#spotlight ul li.item { width:100%; left:auto;}
	#spotlight ul li.item .text {width:216px; height:196px; padding:30px; left:0; bottom:50px;}
	#spotlight ul li.item .text a:after{ top:20px; left:30px;}
	#spotlight ul li.item .img{ height:342px;}
	#spotlight a.more {top:324px}
	#news_notice .tab_box .dep1 .tit span {padding:10px; letter-spacing:0px}
}

@media only screen and (max-width:770px){
	#section3 h2 {font-size:50px; }

	#section3 {height:100%; background-size:auto 100%}
	#spotlight {width:100%; }
	#news_notice {width:100%; height:450px; margin:65px 0 0 0; position:relative; }
	#news_notice .tab_box .dep1 .tit span {padding:10px 25px; letter-spacing:2px}
}
@media only screen and (max-width:625px){
	#section3 h2 { font-size: 30px; padding:40px 0 }
	#spotlight {height:600px}
	#spotlight ul li.item {height:auto}
	#spotlight ul li.item .text {width:100%; position:relative; bottom:auto; vertical-align: top; float: left; height:150px }
	#spotlight ul li.item .text a {width:auto; padding:15px 50px 5px 0}
	#spotlight ul li.item .text span { height:45px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
	#spotlight ul li.item .img { height:360px; position:relative; float:left;}
	#spotlight a.more {top:auto; bottom:198px;}
	#spotlight .control {width:100%; text-align:center;}
	#spotlight .control .state, #spotlight .control .count {float:none; display:inline-block}

}

@media only screen and (max-width:550px){
	#spotlight {height:550px}
	#spotlight ul li.item .img{ height:310px;}
}
@media only screen and (max-width:520px){
	#section3 .layout {padding: 0 30px;}
	#news_notice .tab_box .dep1 .tit span {padding:10px; letter-spacing:0px}
}
@media only screen and (max-width:450px){
	#news_notice .tab_cont ul li {padding: 15px 10px 15px 90px;}
	#news_notice .tab_cont ul li .file {display:none}
	#spotlight a.more {width:40px; height:40px; bottom:193px;}
	#spotlight a.more:before {width:12px;  top: 20px;    left: 15px;}
	#spotlight a.more:after {height:12px; left: 20px;    top: 15px;}
	#spotlight {height:500px}
	#spotlight ul li.item .img{ height:265px;}
}
@media only screen and (max-width:400px){
	#spotlight {height:450px}
	#spotlight ul li.item .img{ height:215px;}
}
@media only screen and (max-width:330px){
	#spotlight {height:420px}
	#spotlight ul li.item .img{ height:185px;}
}


/* 베너존 */
.banner{margin:90px 0 0 0; position:relative;}
.banner h3 {position:absolute; top:10px; left:0px; line-height:1em; font-size:18px; color:#272c3c; z-index:100}
.banner .banner_control {display: block;position:absolute;top:8px;right:0px;z-index:10}
.banner .banner_control button, .banner .banner_control a{display:block;float:left;width:46px;height:46px;margin:0 4px 0 0;padding:0;overflow:hidden;background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.xvtnz.er.xe%2Svftrb%2Svzt%2Sznva%2Sonaare_vpba.cat'); background-repeat:no-repeat; font-size:0;}
.banner .banner_control .button_prev{background-position :left top}
.banner .banner_control .button_next{background-position : -100px top}
.banner .banner_control .button_ctrl.pause{background-position : -50px top}
.banner .banner_control .button_ctrl.play{background-position : -154px top}
.banner .banner_wrap {overflow:hidden;position:relative;height:60px;margin:0 190px 0 230px; }
.banner ul.banner_list {position:relative;width:3000px;}
.banner ul.banner_list li{float:left;display:inline;margin:0;padding-right:10px;font-size:0;line-height:0}
.banner ul.banner_list li a{display:block;}
.banner ul.banner_list li img{}

@media only screen and (max-width:1240px){
	.banner .banner_wrap {margin: 0 100px 0 140px;}
	.banner .banner_control {top:20px}
	.banner .banner_control button, .banner .banner_control a {width:20px; height:20px}
	.banner .banner_control .button_prev{background-position :-17px -14px}
	.banner .banner_control .button_next{background-position : -119px -14px}
	.banner .banner_control .button_ctrl.pause{background-position : -69px -14px}
	.banner .banner_control .button_ctrl.play{background-position : -172px -14px}
}


@media only screen and (max-width:1000px){
	.banner {height:160px; margin:60px 0 0 0}
	.banner .banner_wrap {margin:0; top:45px }
	.banner h3 br {display:none}
	.banner .banner_control {top:10px}
}
@media only screen and (max-width:600px){
	.banner { margin:40px 0 0 0}
	.banner ul.banner_list li img {width:140px}
}