/* CSS Document */

/************************* common *************************/
#wrapper {width:100%;min-width:1600px;margin:0 auto;overflow:hidden;}
/*.wrap {width: 100%;max-width: 1920px;min-width: 1280px;position: relative;margin: 0 auto;} /* 2019-05-21 수정 */
#skip_nav {position: absolute;margin: 0;padding: 0;font-size: 0;line-height: 0;text-indent: -9999em;overflow: hidden;}

/********** header **********/
header {position:absolute; z-index:100; width:100%; background:#fff; margin:0 auto;
-webkit-transition:0.4s;
-moz-transition:0.4s;
-o-transition:0.4s;
transition:0.4s;
}
header.on {width:100%; background:#fff;/*border-bottom: 1px solid transparent;*/}
header .mainMenu {width:1600px; position:relative; height:130px; margin:0 auto; background:#fff;}
header.on .mainMenu {width:1600px;position:relative; height:130px; margin:0 auto; background:#fff;}
header .mainMenu h2 a {position:absolute; top:35px; left:0; background:url('../../../../common/img/header_logo.png') no-repeat center; width:250px; height:60px; background-size:250px 60px;
-webkit-transition:0.4s;
-moz-transition:0.4s;
-o-transition:0.4s;
transition:0.4s;
}
header.on .mainMenu h2 a {width:250px; height:60px; background:url('../../../../common/img/header_logo.png') no-repeat center; background-size:250px 60px;}
header .mainMenu h2 a span {display:inline-block; text-indent:-99999px;}
header .mainMenu ul {position:absolute; width:748px; left:50%; margin-left:-374px; overflow:hidden; clear:both; padding-top:47px;}
header .mainMenu ul li {position:relative; float:left; padding:0 27px 28px; text-align:center;}
header .mainMenu ul li a {font-size: 23px;line-height: 30px;color: #333333;text-align: center;font-weight: 700;}
header.on .mainMenu ul li a {color: #333;}
header.on .mainMenu ul li a:hover {color: #3a8e48;}
header .mainMenu ul li:hover a {color: #3a8e48;}

header .mainMenu .top_login {position:absolute; top:52px; right:60px;}
header .mainMenu .top_login .log {display:inline-block; background:url('../../../../common/img/icon/bg_btntop.png') no-repeat right;}
header .mainMenu .top_login .lang {display:inline-block; background:url('../../../../common/img/icon/bg_btntop.png') no-repeat right;}
header .mainMenu .top_login .lang .on {font-weight:700; color:#3a8e48;}
header .mainMenu .top_login a {display:inline-block;font-size:14px; font-weight:400; color:#666666; line-height: 20px;}
header .mainMenu .top_login a.kr,header .mainMenu .top_login a.login {margin:0 5px 0 15px;}
header .mainMenu .top_login a.en,header .mainMenu .top_login a.join {margin:0 15px 0 5px;}

header .mainMenu .top_logout {position:absolute; top:52px; right:60px;}
header .mainMenu .top_logout .log {display:inline-block; background:url('../../../../common/img/icon/bg_btntop.png') no-repeat right;}
header .mainMenu .top_logout .lang {display:inline-block; background:url('../../../../common/img/icon/bg_btntop.png') no-repeat right;}
header .mainMenu .top_logout .lang .on {font-weight:700; color:#3a8e48;}
header .mainMenu .top_logout a {display:inline-block;font-size:14px; font-weight:400; color:#666666; line-height: 20px;}
header .mainMenu .top_logout a.kr,header .mainMenu .top_logout a.logout {margin:0 5px 0 15px;}
header .mainMenu .top_logout a.en,header .mainMenu .top_logout a.logout,.mainMenu .top_logout a.mms,.mainMenu .top_logout a.modify {margin:0 15px 0 5px;}

header .mainMenu .sitemap {position:absolute; top:32px; right:0px; width:60px; height:60px;}
header .mainMenu .sitemap a {display:inline-block; width:60px; height:60px; background:url('../../../../common/img/icon/icon_sitemap.png') no-repeat top;} 
header .mainMenu .sitemap a:hover {background-position:bottom;}
header .mainMenu .sitemap a span {display:inline-block;text-indent:-99999px;}

/*
header .mainMenu .btnTop a.sitemap {display:inline-block; width:60px; height:60px; background:url("../img/icon/icon_sitemap.png") no-repeat top;} background:url("../img/icon/bg_btntop.png") no-repeat right;
header .mainMenu .btnTop a span {display: none;}
/*
header .mainMenu .btnTop a {font-size:14px;color: #333333;}
header .mainMenu .btnTop a:hover {color: #ed1c24;}
header .mainMenu .btnTop span {padding: 0 10px;color: #333333;}
header.on .mainMenu .btnTop a {color: #333;}
header.on .mainMenu .btnTop a:hover {color: #ed1c24;}
header.on .mainMenu .btnTop span {color: #333;}
header.fixed .mainMenu .btnTop {top: 33px;}
/*
header .mainMenu .btnHistory {position:absolute;top:39px;right:0;width:127px;}
header .mainMenu .btnHistory a{font-size:18px;line-height:38px;color:#014099;font-weight:700;width:100%;text-align:center;background:#fff;border-radius:20px;border:1px solid #fff;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
header.on .mainMenu .btnHistory a{border:1px solid #000;}
header .mainMenu .btnHistory a:hover{color:#fff;background:#014099;border:1px solid #014099;}
*/
header.fixed{ position: fixed; z-index: 1000;
/* 메인메뉴 그림자
-webkit-box-shadow:  7px 18px 22px rgba(0,0,0,0.15);
-moz-box-shadow:  7px 18px 22px rgba(0,0,0,0.15);
box-shadow:  7px 18px 22px rgba(0,0,0,0.15);
*/
}
header.fixed .mainMenu {height: 130px;}
header.fixed .mainMenu h2 a {top: 30px;}
header.fixed .mainMenu ul {padding-top: 47px;}
header.fixed .mainMenu .btnTop {top: 48px;}
/*
header.fixed .mainMenu .btnHistory {top: 24px;}
*/
header .subMenu {display: none;background: #fff url('../../../../common/img/bg_sm_bar.gif') top repeat-x;width: 100%;position: absolute;top: 100px;}
/*header.on .subMenu {border-top: 1px solid #fafafa;}
/*
header .subMenu .subMenuList {padding: 20px 0 20px 635px;overflow: hidden;}
*/
header .subMenu .subMenuList {position: relative;width: 400px;left: 50%;margin-left: -200px;margin-top: 15px;margin-bottom: 30px;overflow: hidden;}
header .subMenu ul {float: left;}
header .subMenu ul li {width: 200px;text-align: center;}
header .subMenu ul li a {font-size: 15px;line-height: 36px;color: #4d4d4d;}
header .subMenu ul li a:hover {color: #ed1c24;}

/********** footer **********/
footer {width:100%; min-width:1600px; margin:130px auto 80px; border-top:1px solid #e5e5e5;}
.footer {width:1600px; margin:0 auto;}
.sponsor {width:100%; height:80px; border:1px solid #e5e5e5; border-top:none;}
.sponsor h3 {float:left; width:298px; font-size:20px; font-weight:400 !important; text-align:center; line-height:80px;}
.banner img {margin-top:13px;}
.copyright {margin-top:30px;}
.copyright .logo {float:left; width:302px; height:60px; margin-top:5px; background:url('../../../../common/img/footer_logo.png') no-repeat center;}
.address {float:left; width:1297px; background:url('../../../../common/img/footer_logo2.png') no-repeat right; font-size:14px; line-height:21px; color:#808080;}


/********** main **********/
#mvisual {width:100%; height:820px; margin-top:130px; background:#f8f8f8 url('../../../../common/main/img/mvisual.gif') no-repeat top center;}
.schedule {width:1600px; margin:630px auto 0;}
.schedule_title {float:left; width:300px; height:70px; background:#3a8e48;}
.schedule_title h2 {font-size:25px; font-weight:400; color:#fff; text-align:center; line-height:70px; }
.schedule_cont {float:left; width:1300px; height:70px; background:#516575 url('../../../../common/main/img/bg_bar_cal.gif') no-repeat left; font-size:18px; line-height:70px;}
.schedule_cont .subject {float:left; width: 960px; margin-left:180px;}
.schedule_cont .subject a {color:#fff;}
.schedule_cont .date {float:right; width:160px; color:#fff;}
.schedule .calendar {width:100%;height:100px;/*background: url('../../../../common/main/img/ing.png') no-repeat;*/}

.latest_lf {float: left;position: relative;width: 300px;height: 100px;font-size: 35px;text-align: center;line-height: 100px;}
.latest_lf a, .latest_lf a:link {}	
.latest_lf span.month {font-weight: 700;color: #3a8e48;}	
.latest_lf span.year {font-weight: 300;color: #566673;}	
.latest_lf a.btn_month_prev {position: absolute;top: 33px;left: 50%;margin-left: -125px;width: 35px;height:35px;background: url('../../../../common/main/img/btn_month_prev.png') no-repeat;}
.latest_lf a.btn_month_next {position: absolute;top: 33px;left: 50%;margin-left: 90px;width: 35px;height:35px;background: url('../../../../common/main/img/btn_month_next.png') no-repeat;}
.latest_rt {float: left;width: 1300px;height: 100px;text-align: center;}	

.stempt {width:1600px; margin:40px auto 0; text-align:center;}
.stempt h2 a {font-size:40px; font-weight:700;  line-height:70px; color:#3a8e48;}

/*
#sliderbox {position: relative;max-width: 1920px;min-width: 1280px;height: 600px;overflow: hidden;padding-top: 102px;}
.imageDiv {z-index: 10;}
.sliderBtn {position: absolute;top: 360px;width: 60px;height: 60px;z-index: 99;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
#prevBtn {left : 0;background: rgba(0,0,0,0.5) url(../main/img/btn_left.png) no-repeat;cursor: pointer;}
#prevBtn:hover {background: #ed1c24 url(../main/img/btn_left.png) no-repeat;}
#nextBtn {right : 0;background: rgba(0,0,0,0.5) url(../main/img/btn_right.png) no-repeat;cursor: pointer;}
#nextBtn:hover {background: #ed1c24 url(../main/img/btn_right.png) no-repeat;}
*/

#eclass {position:relative; width:1600px; margin:160px auto 0;}
#eclass h2 {position:absolute; top:-70px; left:45px; width:1600px; font-size:100px; font-weight:700 !important; color:#0160a0; z-index:100;}
#eclass h2 a {position:absolute; display:block; top:10px; right:45px; width:59px; height:59px; background:url('../../../../common/main/img/btn_more_eclass.png') no-repeat top center; z-index:100;}
#eclass .eclass {position:absolute; right:0; width:1060px; height:570px; background:url('../../../../common/main/img/bg_eclass.gif') no-repeat center; z-index:50;}
#eclass .bg {width:1600px; height:570px; background:#f2f2f2;}



 ul.slick-dots li {display: none;}

.mentor {width:1000px;height:570px;margin:0;}
.mentor .thume {width:320px;height:390px;background:url('../../../../common/main/img/bg_mentor.png') no-repeat;}
.mentor .thume img {margin: 0 auto;}
.mentor .name {width:320px;height:65px;background:#fff;font-size:22px;font-weight:500;color:#516575;text-align:center;line-height:65px;}
.mentor .name span {font-size:15px;}
.mentor .btn_info {width:320px;height:45px;}
.mentor .btn_info li {float:left; width:160px; height:45px;}
.mentor .btn_info li a {display:block; width:160px; height:45px; font-size:15px; color:#fff; line-height:45px;}
.mentor .btn_info li a span.profile {margin-left:45px;}
.mentor .btn_info li a span.syllabus {margin-left:35px;}
.mentor .btn_info li:nth-child(1) {background:#97a3ac url('../../../../common/img/icon/icon_profile.png') no-repeat 95px center;}
.mentor .btn_info li:nth-child(1):hover {background:#3a8e48 url('../../../../common/img/icon/icon_profile.png') no-repeat 95px center;}
.mentor .btn_info li:nth-child(2) {background:url('../../../../common/img/icon/icon_syllabus.png') no-repeat 103px center;}
.mentor .btn_info li:nth-child(2):hover {background:#3a8e48 url('../../../../common/img/icon/icon_syllabus.png') no-repeat 103px center;}


#leaflet {position:relative; width:1200px; margin:40px auto 100px;}
.leaflet {width:1200px; height:916px; margin:0 auto;}

#ppt {position:relative; width:1200px; margin:40px auto 100px;}
.ppt {width:1200px; height:675px; margin:0 auto;}

/*
.mentor {width:1020px; height:500px;}
.mentor .mentor_list {position:relative; float:left; width:320px; height:500px;}
.mentor .mentor_list .thume {position:absolute; top:0; left:20px; width:230px; height:390px; z-index: 50;}
.mentor .mentor_list .con {position:absolute; top:70px; width:320px; height:385px; background:#fff; z-index: 30;}
.mentor .mentor_list .con .name {margin-top:340px; font-size:22px; font-weight:500; color:#516575; text-align:center;}
.mentor .mentor_list .con .name span {font-size:15px;}
.mentor .mentor_list .btn_info {position:absolute; width:320px; height:45px; top:455px; left:0 !important;}
.mentor .mentor_list .btn_info li {float:left; width:160px; height:45px;}
.mentor .mentor_list .btn_info li a {display:block; width:160px; height:45px; font-size:15px; color:#fff; line-height:45px;}
.mentor .mentor_list .btn_info li a span.profile {margin-left:45px;}
.mentor .mentor_list .btn_info li a span.syllabus {margin-left:35px;}
.mentor .mentor_list .btn_info li:nth-child(1) {background:#97a3ac url("../img/icon/icon_profile.png") no-repeat 95px center;}
.mentor .mentor_list .btn_info li:nth-child(1):hover {background:#3a8e48 url("../img/icon/icon_profile.png") no-repeat 95px center;}
.mentor .mentor_list .btn_info li:nth-child(2) {background:url("../img/icon/icon_syllabus.png") no-repeat 103px center;}
.mentor .mentor_list .btn_info li:nth-child(2):hover {background:#3a8e48 url("../img/icon/icon_syllabus.png") no-repeat 103px center;}
*/
.bg h3 {float:left; width:150px; height:470px; margin-top:60px; margin-left:50px; font-size:30px; font-weight:700; color:#516575; line-height:36px;}
.accessor {position:absolute; bottom:0; width:470px; height:500px; direction:rtl; overflow:auto; scrollbar-color: #0160a0 transparent; scrollbar-width:thin;}
.accessor::-webkit-scrollbar {width:10px;}
.accessor::-webkit-scrollbar-track {background-color:#0160a0;}
.accessor::-webkit-scrollbar-thumb {background:#0098ff;}
.accessor::-webkit-scrollbar-thumb:hover {background:#0098ff;}
.accessor::-webkit-scrollbar-thumb:active {background:#0098ff;}
.accessor::-webkit-scrollbar-button {display:none;}
.accessor .visitor {margin-left:200px; text-align:left;}
.accessor .visitor li a {margin-left:35px; font-size:15px; color:#516575; font-weight:400; line-height:35px;}
.accessor .visitor li a:hover {color:#0160a0;}
.accessor .visitor li.mento {background: url('../../../../common/img/icon/icon_visit_tor.png') no-repeat left center;}
.accessor .visitor li.mente {background: url('../../../../common/img/icon/icon_visit_tee.png') no-repeat left center;}

 /* #news {width:1480px; height:600px; margin: 130px auto 0;} 25.07.23 수정*/ 
#news {width:1600px; height:600px; margin: 80px auto 20px;}
.photo {float:left; width:410px;}
.photo h2 {position:relative; width:100%; height:40px; font-size:50px; font-weight:700; line-height:40px;}
.photo h2 a {position:absolute; display:block; top:0; right:0; width:31px; height:38px; background: url('../../../../common/main/img/btn_more.png') no-repeat top center;}
.photo h2 a:hover {background-position:bottom;}
.photo ul {margin:40px 0 0 0; padding:0;}
.photo ul li {position:relative; width:410px; height:250px;}
.photo ul li .info {position:absolute; top:185px; color:#fff; z-index:100;}
.photo ul li .info p {margin-left:30px;}
.photo ul li .info .subject {font-size:18px; line-height:30px;}
.photo ul li .info .date {font-size:15px; background: url('../../../../common/main/img/icon_time_photo.png') no-repeat left center;}
.photo ul li .info .date span {margin-left:20px;}
.photo ul li .info_bg {position:absolute; width:410px; height:80px; bottom:0; background-color:rgba(0, 0, 0, 0.6); z-index:50;}
.photo ul li:last-child {margin-top: 24px;}

.event {float:left; width:430px; margin-left:80px;}
.event h2 {position:relative; width:100%; height:40px; font-size:50px; font-weight:700; line-height:40px;}
.event .thume {margin-top:40px;}

.notice {float:left; width:600px; height:600px; border-left:3px solid #404040; margin-top:4px; margin-left:80px;}
.news {margin-left:40px;}
.news h2 {font-size:30px; line-height:40px; text-transform:uppercase;}
.news ul {margin-top:10px;}
.news ul li {height:100px;}
.news ul li .subject {padding-top:15px;}
.news ul li .subject a {font-size:18px; font-weight:400; line-height:35px; color:#666666;}
.news ul li .subject a:hover {color:#404040;}
.news ul li .date {background: url('../../../../common/main/img/icon_time_news.png') no-repeat left 10px; font-size:15px; color:#bfbfbf; line-height:34px;}
.news ul li .date span {margin-left:20px;}
.news ul li {background:url('../../../../common/main/img/bg_line_news.png') repeat-x bottom;}

.social {margin-top:47px;}
.social .txt {margin-left:110px; font-size:14px; color:#666; line-height:18px;}
.social .facebook {height:88px; background:url('../../../../common/main/img/facebook.gif') no-repeat left center;}
.social .facebook .txt {padding-top:8px;}
.social a:hover .txt {color: #dc2720;}
.social .youtube {height:88px; background:url('../../../../common/main/img/youtube.gif') no-repeat left center;}
.social .youtube .txt {padding-top:25px;}
.social .line {height:88px; margin-top:27px; background:url('../../../../common/main/img/line.gif') no-repeat left center;}
.social .account {margin-top:12px; margin-left:110px; font-size:18px; font-weight:500;}
.social .facebook .account {color:#3b5898;} 
.social .line .account {color:#00c300;} 

/************************* sub *************************/
#svisual {}
#svisual .svisual {width:100%; min-width:1800px; height:300px; margin-top:130px; background:#f8f8f8 url('../../../../common/sub1/img/visual.gif') no-repeat center;}

/********** lnb **********/   
#lnb {/*position:absolute; top:380px; left:50%; margin-left:-800px; */width:300px; z-index: 100;}
#lnb h3 {width:100%; height:100px; background:#3a8e48; font-size:40px; font-weight:500; color:#fff; text-align:center; line-height:100px;}
#lnb .lnb {background:#e6e6e6;border-bottom:1px solid #fff;}
#lnb .lnb li {display:block; width:300px; margin-bottom:1px; border:1px solid #e6e6e6; border-top:none; border-bottom:none; background:#fff; cursor:pointer;}
#lnb .lnb li.on {background:#566673; color:#fff !important; border:1px solid #566673; border-top:none; border-bottom:none;}
#lnb .lnb li:hover {background:#566673; color:#fff; border:1px solid #566673; border-top:none; border-bottom:none;}
#lnb .lnb li.active {background:#3a8e48; border:1px solid #3a8e48; border-top:none; border-bottom:none;}
#lnb .lnb li.active a {color: #fff !important;}
#lnb .lnb li a {display:block; padding:0 30px; color:#586875; font-size:15px; line-height:58px;}
#lnb .lnb li a.break {padding-top:9px; padding-bottom:9px; line-height:20px;}
#lnb .lnb li.on a, #lnb .lnb > li:hover a {color:#fff;}

#lnb .lnb li a.snb {height:28px; margin-left:10px; color:#fff; font-size:14px; line-height:10px;}
#lnb .lnb li a.on, #lnb .lnb li a.snb:hover {color:#60c670;}

#lnb .quick li {float:left; margin-top:10px;}
#lnb .quick li:first-child {margin-right:10px;}

#contain {width:100%;margin:0 auto;}
.container {width:1600px;margin:0 auto;}

#contain .con_lf {float:left; width:380px;}
#contain .con_rt {float:left; width:1200px; margin-top:55px;}
#contain .con_rt h2 {font-size:40px; font-weight:700; color:#566673;}
#contain .con_rt .path {font-size:13px !important; color:#b2b2b2; line-height:50px;}
#contain .con_rt .path span {padding:0 10px;}

.contents {width:100%; min-height:400px; margin-top:12px;}
span.green {color:#3a8e48;}

.greeting {width:100%; margin-top:60px;}
.greeting .lf {float:left; width:750px;}
.greeting .lf h3 {margin-bottom:20px; font-size:50px;}
.greeting .lf h3 span {font-weight:700;}
.greeting .lf p {margin-bottom:25px; font-size:16px; line-height:30px;}
.greeting .rt {float:left; width:300px; margin-left:80px;}
.greeting .rt img {width: 300px;}
.greeting p.sign {margin-top: 50px; font-size:25px; line-height:40px; font-weight:300 !important;}
.greeting p.sign span {font-size:30px; font-weight:700;}

h3.history {position:relative;margin:30px 0 10px;font-size:50px;font-weight:700;}
h3.history .green {color:#3a8e48;}
h3.history .thin {font-weight:300;}
h3.history .btn_year {position:absolute;top:0;right:0;}
h3.history .btn_year li {float:left;margin-left:40px;}
h3.history .btn_year li a {padding-left:15px;font-size:25px;font-weight:300 !important;color:#404040;}
h3.history .btn_year li a.on  {background:url('../../../../common/img/icon/bullet_table.gif') no-repeat left top;font-weight:500 !important;color:#3a8e48;}
h3.history .btn_year li a:hover {color:#3a8e48;}
.history td {line-height:40px;}
.history td.year {font-size:40px;font-style:italic;text-align:center;color:#999999;font-family:'Roboto', sans-serif;}
.history td.month {font-size:18px;font-weight:500;text-align:center;}

.map {margin:20px 0 0 20px;}
.map li {float:left;height:40px;margin-right:40px;padding-left:55px;line-height:40px;}
.map li:first-child {display:block;margin-bottom:30px;background: url('../../../../common/sub1/img/icon/icon_location.gif') no-repeat left center;}
.map li:nth-child(2) {background: url('../../../../common/sub1/img/icon/icon_phone.gif') no-repeat left center;}
.map li:nth-child(3) {background: url('../../../../common/sub1/img/icon/icon_fax.gif') no-repeat left center;}
.map li:nth-child(4) {background: url('../../../../common/sub1/img/icon/icon_mail.gif') no-repeat left center;}

h3.title {position:relative;margin-top:50px;font-size:25px;font-weight:500;}
h3.title span {color:#3a8e48;}
h3.title a {position:absolute;margin-left:30px;width:215px;height:35px;border-radius:100px; background:#3a8e48 url('../../../../common/sub2/img/icon/icon_application.png') no-repeat 25px center;}
h3.title a.authors {position:absolute;margin-left:30px;width:245px;height:35px;border-radius:100px; background:#3a8e48 url('../../../../common/sub2/img/icon/icon_application.png') no-repeat 25px center;}
h3.title a span {display:block;margin-left:50px;font-size:16px;line-height:35px;font-weight:300;color:#fff;}
p.con {margin-top:20px;padding-left:20px;background: url('../../../../common/img/icon/bullet_table.png') no-repeat left 4px;line-height:28px;}
p.conlist {margin-top:5px}
p.alert {margin-top:15px;line-height:20px; color: red;}
ul.depth1 {margin-top: 10px;margin-left:21px;}
ul.depth1 h4 {color:#3a8e48;font-weight:500;line-height: 30px;}
ul.depth1 li {line-height:24px;}
ul.depth1 li.scon {margin-left:40px;font-size:14px;}
ul.depth2 {margin-top: 5px;margin-left: 35px;}
ul.depth2 li {list-style-type: disc !important;margin-top: 10px;line-height: 22px;}

/********** lecture **********/  
/*
ul.lectuer_lst {clear:both; padding-bottom: 30px !important; }
ul.lectuer_lst li {float:left; width:350px;}
ul.lectuer_lst li {margin-right:70px;}
ul.lectuer_lst li:nth-child(3n) {margin-right:0 !important;}
ul.lectuer_lst li .thumbs {width:100%; height:197px; background:#000;}
ul.lectuer_lst li .subject {text-align:center; line-height:}
*/

.video-grid {display:grid; grid-template-columns:repeat(auto-fill, minmax(350px, 1fr)); gap:20px; padding:20px;}
.video-item {cursor: pointer; border: 1px solid #ddd;border-radius: 8px;overflow: hidden;transition: transform 0.3s ease;}
.video-item:hover {transform: scale(1.05);box-shadow: 0 4px 6px rgba(0,0,0,0.1);}
.video-item img {width: 100%;height: 200px;object-fit: cover;}
.video-item h3 {padding: 10px;margin: 0;text-align: center;background-color: #f7f7f7;}

.video-container {width:100%; margin: 0 auto; text-align:center;/*border-top:5px solid #e6e6e6; border-bottom:1px solid #e6e6e6; text-align:center;*/}
.video-container iframe {display: inline-block; width:1000px; height:563px; }
#videoTitle {margin-bottom:50px; border-top:5px solid #e6e6e6; border-bottom:1px solid #e6e6e6; text-align:center; line-height:90px;}
.video-bottom {margin-top:50px; border-top:1px solid #e6e6e6; text-align:center;}
.video-bottom a {display: inline-block; margin: 30px 0 0;  width:200px; height:50px; background:#3a8e48; text-align:center; color:#fff; line-height:50px; font-size:20px; }