@charset "utf-8";

/*		리뉴얼 코드		*/
.visual {width:100%; overflow:hidden;}
.visual>.visual_slide li {width:100%; height:270px; background-size:cover;}
.visual>.visual_slide li .visual_in {width:1200px; height:100%; margin:0 auto; position:relative;}
.visual>.visual_slide li .visual_in .txt {position:absolute; left:0; top:55px; font-size:26px; font-weight:300; line-height:1.3; color:#fff;}
.visual>.visual_slide li .visual_in .txt>span {font-size:40px;}
.visual>.visual_slide li .visual_in .txt>span>strong {font-weight:600;}
.visual>.visual_slide li .visual_in .shape li {width:140px; height:162px; position:absolute; background:url(../img/frt/center/main/visual_shape.png) no-repeat;}
.visual>.visual_slide li .visual_in .shape li.shape01 {right:465px; top:60px; background-position:0 0;}
.visual>.visual_slide li .visual_in .shape li.shape02 {right:310px; top:100px; background-position:-140px 0;}
.visual>.visual_slide li .visual_in .shape li.shape03 {right:156px; top:60px; background-position:-280px 0;}
.visual>.visual_slide li .visual_in .shape li.shape04 {right:0; top:100px; background-position:-420px 0;}
.visual>.visual_slide li .visual_in .shape li>a {display:block; width:100%; height:100%; text-indent:-9999em;}
/* .visual>.visual_slide li .visual_in>a {position:absolute; left:0; bottom:60px; padding-bottom:15px; letter-spacing:3px; font-size:16px; color:#fff; background:url(../img/frt/center/main/visual_link_border.png) repeat-x left bottom;} */


.main_content {width:100%; padding:50px 0; background:#f5f5f5;}

/*	주요서비스 바로가기	*/
.main_content .main_service {width:1200px; margin:20px auto 0; overflow:hidden;}
.main_content .main_service li {width:11.1%; height:100px; float:left; background:#fff;}
.main_content .main_service li:first-child {padding-top:30px; background:#231f20;}
.main_content .main_service li h2 {line-height:20px; text-align:center; font-size:15px; font-weight:400; color:#fff;}
.main_content .main_service li>a {display:block; width:100%; height:100%; padding-top:69px; text-align:center; color:#666; background:url(../img/frt/center/main/service_icon.png) no-repeat; border:1px solid #ccc; border-left:none;}
.main_content .main_service li.service01>a {background-position:0 20px;}
.main_content .main_service li.service02>a {background-position:-133px 20px;}
.main_content .main_service li.service03>a {background-position:-267px 20px;}
.main_content .main_service li.service04>a {background-position:-400px 18px;}
.main_content .main_service li.service05>a {background-position:-533px 19px;}
.main_content .main_service li.service06>a {background-position:-666px 20px;}
.main_content .main_service li.service07>a {background-position:-800px 21px;}
.main_content .main_service li.service08>a {background-position:-933px 20px;}

/*	콘텐츠 영역	*/
.main_content>.main_content_in {width:1200px; margin:0 auto; overflow:hidden;}
.main_content>.main_content_in>.main_content_top {width:100%; height:468px; overflow:hidden;}
.main_content>.main_content_in>.main_content_bottom {width:100%; height:220px; margin-top:27px; overflow:hidden;}

.main_content .main_content_top>div {float:left;}
.main_content .main_content_bottom>div {float:left;}

/*	센터동향 슬라이드	*/
.main_content .main_content_top .main_center {width:587px; height:468px; margin-right:26px; position:relative; overflow:hidden;}
.main_content .main_content_top .main_center li.slick-slide {height:468px; position:relative; overflow:hidden;}
.main_content .main_content_top .main_center li.slick-slide>a {display:block; width:100%; height:100%;}
.main_content .main_content_top .main_center li.slick-slide img {height:100%; position:absolute; left:-100%; right:-100%; margin:0 auto;}
.main_content .main_content_top .main_center li.slick-slide dl {width:100%; height:100px; padding:25px 30px; position:absolute; left:0; bottom:0; z-index:10; background:rgba(0,0,0,0.5);}
.main_content .main_content_top .main_center li.slick-slide dt {width:100%; font-size:22px; font-weight:bold; color:#fff; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.main_content .main_content_top .main_center li.slick-slide dd {margin-top:10px; font-size:16px; color:#fff;}
.main_content .main_content_top .main_center .slick-dots {position:absolute; right:40px; bottom:25px; z-index:100; text-align:right;}
.main_content .main_content_top .main_center .slick-dots li {display:inline-block; margin-left:10px;}
.main_content .main_content_top .main_center .slick-dots li:first-child {margin-left:0;}
.main_content .main_content_top .main_center .slick-dots li button {width:8px; height:8px; padding:0; vertical-align:middle; text-indent:-9999em; border:1px solid #fff; background:transparent; border-radius:50%; cursor:pointer;}
.main_content .main_content_top .main_center .slick-dots li.slick-active button {background:#fff;}
.main_content .main_content_top .main_center button.slick_play {width:8px; height:10px; padding:0; position:absolute; right:20px; bottom:25px; z-index:100; cursor:pointer; background-color:transparent; background-image:url(../img/frt/center/common/btn_play.png); background-repeat:no-repeat; background-position:0 0; border:0;}
.main_content .main_content_top .main_center button.slick_play.stop {background-position:-15px 0;}

/*	게시판 탭 공통 레이아웃	*/
.main_content .main_board {width:587px; height:220px; position:relative;}
.main_content .main_board .tab:after {display:block; content:''; clear:both;}
.main_content .main_board .tab>li {float:left; width:25%;}
.main_content .main_board .tab.tab_3th>li {width:196px;}
.main_content .main_board .tab.tab_3th>li:first-child {width:195px;}
.main_content .main_board .tab>li>a {display:block; width:100%; height:50px; color:#777; line-height:48px; text-align:center; border:1px solid #ccc; border-left:none;}
.main_content .main_board .tab>li:first-child>a {border-left:1px solid #ccc;}
.main_content .main_board .tab>li .tab_content {display:none; width:100%; height:170px; overflow:hidden; position:absolute; left:0; top:50px; background:#fff; border:1px solid #ccc; border-top:none;}
.main_content .main_board .tab>li .tab_content a {display:block; width:100%; height:100%;}

.main_content .main_board .tab>li.on>a {color:#000; background:#fff; border-bottom:1px solid #fff;}
.main_content .main_board .tab>li.on .tab_content {display:block;}

/*	게시판	*/
.main_content .main_board.board {margin-top:27px;}
.main_content .main_board.board .tab>li.on>a {position:relative; color:#fff; background:#1b7cd3; border-bottom:1px solid #1b7cd3;}
.main_content .main_board.board .tab>li.on>a:before {
	display:block; 
	content:''; 
	width:0; 
	height:0; 
	position:absolute; 
	left:50%; 
	top:49px; 
	z-index:100;
	margin-left:-2px; 
	border:5px solid #1b7cd3; 
	border-left-color:transparent;
	border-right-color:transparent;
	border-bottom-color:transparent;
}
.main_content .main_board.board .tab_content {padding:13px 0 25px;}
.main_content .main_board.board .tab_content ul {width:100%; overflow:hidden;}
.main_content .main_board.board .tab_content ul>li {height:25px; margin-left:30px; margin-bottom:5px; padding-left:65px; padding-right:15px; line-height:25px;position:relative; overflow:hidden;}
.main_content .main_board.board .tab_content ul>li .mark {display:block; width:55px; height:25px; position:absolute; left:0; top:0; text-align:center; line-height:25px; font-size:11px; color:#fff;}
.main_content .main_board.board .tab_content ul>li .mark.notice {background:#1b7cd3;}
.main_content .main_board.board .tab_content ul>li .mark.newcomer {background:#018ba8;}
.main_content .main_board.board .tab_content ul>li .mark.career {background:#01a88c;}
.main_content .main_board.board .tab_content ul>li .mark.end {background:#828282;}

.main_content .main_board.board .tab_content ul>li .mark.fes {background:#01a88c;}
.main_content .main_board.board .tab_content ul>li .mark.con {background:#018ba8;}
.main_content .main_board.board .tab_content ul>li .mark.etc {background:#1b7cd3;}
.main_content .main_board.board .tab_content ul>li p {width:380px; float:left; font-size:13px; color:#777; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.main_content .main_board.board .tab_content ul>li p.date {width:70px; margin-left:20px; font-size:12px;}

/*	SNS	게시판	*/
.main_content .main_board.sns {width:280px; margin-right:25px;}
.main_content .main_board.sns .tab li {float:left; width:50%;}
.main_content .main_board.sns .tab li>a {padding-left:60px; text-align:left; position:relative;}
.main_content .main_board.sns .tab li>a:after {display:block; content:''; width:11px; height:18px; position:absolute; left:41px; top:15px; background:url(../img/frt/center/main/sns_tab_blog.png) no-repeat;}
.main_content .main_board.sns .tab>li.on>a {color:#fff; background:#01a88c; border-bottom:1px solid #01a88c;}
.main_content .main_board.sns .tab li.on>a:after {background-position:-11px 0;}
.main_content .main_board.sns .tab>li.on>a:before {
	display:block; 
	content:''; 
	width:0; 
	height:0; 
	position:absolute; 
	left:50%; 
	top:49px; 
	z-index:100;
	margin-left:-2px; 
	border:5px solid #01a88c; 
	border-left-color:transparent;
	border-right-color:transparent;
	border-bottom-color:transparent;
}

.main_content .main_board.sns .tab li:first-child>a {padding-left:57px;}
.main_content .main_board.sns .tab li:first-child>a:after {width:9px; top:15px; background:url(../img/frt/center/main/sns_tab_facebook.png) no-repeat;}
.main_content .main_board.sns .tab li:first-child.on>a:after {background-position:-9px 0;}

.main_content .main_board.sns .tab_content {width:100%; height:170px; padding:30px 20px 28px 27px;}
.main_content .main_board.sns .tab_content dl {height:110px; padding-left:130px; position:relative;}
.main_content .main_board.sns .tab_content dt {color:#010101; line-height:23px;}
.main_content .main_board.sns .tab_content dd.thumb {width:110px; height:110px; position:absolute; left:0; top:0; overflow:hidden;}
.main_content .main_board.sns .tab_content dd.thumb img {width:100%; height:100%;}
.main_content .main_board.sns .tab_content dd.date {position:absolute; bottom:0;}

/*	기후기술 게시판	*/
.main_content .main_board.technology {width:587px;}
/* .main_content .main_board.technology .tab>li {width:33.3333%;} */
.main_content .main_board.technology .tab>li {width:50%;}
.main_content .main_board.technology .tab>li.on>a {position:relative; color:#fff; background:#0098a1; border-bottom:1px solid #0098a1;}
.main_content .main_board.technology .tab>li.on>a:before {
	display:block; 
	content:''; 
	width:0; 
	height:0; 
	position:absolute; 
	left:50%; 
	top:49px; 
	z-index:100;
	margin-left:-2px; 
	border:5px solid #0098a1; 
	border-left-color:transparent;
	border-right-color:transparent;
	border-bottom-color:transparent;
}
.main_content .main_board.technology .tab_content {padding:15px 30px;}
/* .main_content .main_board.technology .tab_content>ul {overflow:hidden;}
.main_content .main_board.technology .tab_content>ul>li {width:250px; height:60px; padding-top:10px; padding-left:63px; float:left; overflow:hidden; position:relative;}
.main_content .main_board.technology .tab_content>ul>li:first-child, .main_content .main_board.technology .tab_content>ul>li:nth-child(2) {margin-bottom:15px;}
.main_content .main_board.technology .tab_content>ul>li:nth-child(2n) {margin-left:20px;}
.main_content .main_board.technology .tab_content>ul>li dt {font-size:13px; color:#000;}
.main_content .main_board.technology .tab_content>ul>li dd.plan {font-size:13px; position:absolute; bottom:10px;}
.main_content .main_board.technology .tab_content>ul>li dd.date {padding-top:4px; font-size:11px; color:#444; position:absolute; left:0; top:0;}
.main_content .main_board.technology .tab_content>ul>li dd.date strong {display:block; margin-bottom:10px; font-size:30px; font-weight:700; text-align:center;}
.main_content .main_board.technology .tab_content>ul>li dd.country {position:absolute; left:63px; top:0; font-size:12px; color:#6924b6;}
.main_content .main_board.technology .tab_content>ul>li dd.country.KR {color:#01a88c;}
.main_content .main_board.technology .tab_content>ul>li dd.country.US {color:#1b7cd3;}
.main_content .main_board.technology .tab_content>ul>li dd.country.EU {color:#081d89;}
.main_content .main_board.technology .tab_content>ul>li dd.country.JP {color:#d31b1b;}
.main_content .main_board.technology .tab_content>ul>li dd.country.CH {color:#d46f02;}
.main_content .main_board.technology .tab_content>ul>li dd.country.DE {color:#000000;}
.main_content .main_board.technology .tab_content>ul>li dd.country.GB {color:#608b43;}

.main_content .main_board.technology .tab_content>ul>li dd.part {position:absolute; left:63px; top:0; font-size:12px; color:#6924b6;}
.main_content .main_board.technology .tab_content>ul>li dd.part.planning {color:#01a88c;}
.main_content .main_board.technology .tab_content>ul>li dd.part.management {color:#1b7cd3;}
.main_content .main_board.technology .tab_content>ul>li dd.part.strategy {color:#081d89;}
.main_content .main_board.technology .tab_content>ul>li dd.part.policy {color:#d31b1b;}
.main_content .main_board.technology .tab_content>ul>li dd.part.climate {color:#d46f02;}
.main_content .main_board.technology .tab_content>ul>li dd.part.research {color:#608b43;}

.main_content .main_board.technology .tab_content.country>ul>li dt {padding-top:10px;}
 */
.main_content .main_board.technology .conference>ul {margin-left:-15px; overflow:hidden;}
.main_content .main_board.technology .conference>ul>li {width:165px; height:140px; float:left; margin-left:15px; position:relative; overflow:hidden;}
.main_content .main_board.technology .conference>ul>li .kind {display:block; width:65px; height:25px; position:absolute; left:0; top:0; z-index:100; text-align:center; line-height:23px; font-size:11px; background:#fff;}
.main_content .main_board.technology .conference>ul>li .kind.forum {color:#7566c8; border:1px solid #7566c8;}
.main_content .main_board.technology .conference>ul>li .kind.seminar {color:#cd64b8; border:1px solid #cd64b8;}
.main_content .main_board.technology .conference>ul>li .thumb {width:165px; height:95px; margin-bottom:13px; overflow:hidden;}
.main_content .main_board.technology .conference>ul>li .thumb img {width:165px; height:95px;}
.main_content .main_board.technology .conference>ul>li strong {font-size:13px; font-weight:400; color:#777; line-height:1.2;}

.main_content .main_board.technology .tab_content.list ul {margin-top:-4px;}
.main_content .main_board.technology .tab_content.list li {margin-top:4px;}
/* .main_content .main_board.technology .tab_content.list li>a {display:block; height:25px; padding-left:72px; position:relative; overflow:hidden;} */
.main_content .main_board.technology .tab_content.list li>a {display:block; height:25px;position:relative; overflow:hidden;}
.main_content .main_board.technology .tab_content.list li dt {width:390px; float:left; line-height:25px; font-size:13px; color:#777; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.main_content .main_board.technology .tab_content.list li dd.kind {width:65px; height:25px; line-height:23px; text-align:center; font-size:11px; color:#018ba8; position:absolute; left:0; top:0; border:1px solid #018ba8;}
/* .main_content .main_board.technology .tab_content.list li dd.date {width:63px;float:left; line-height:25px; font-size:12px; color:#777;} */
.main_content .main_board.technology .tab_content.list li dd.date {width:63px; padding-left:72px; float:left; line-height:25px; font-size:12px; color:#777;}

.main_content .main_board.technology .tab_content.list.gtc li dd.kind {color:#7566c8; border:1px solid #7566c8;}

/*	배너 영역	*/
.main_content .main_link {width:280px; height:220px; position:relative;}

.main_content .main_link.banner {margin-right:27px;}
.main_content .main_link.banner .slick-dots {width:100%; position:absolute; left:0; bottom:20px; text-align:center;}
.main_content .main_link.banner .slick-dots li {display:inline-block; margin-left:10px;}
.main_content .main_link.banner .slick-dots li:first-child {margin-left:0;}
.main_content .main_link.banner .slick-dots li button {width:8px; height:8px; padding:0; text-indent:-9999em; vertical-align:middle; border:1px solid #fff; background:transparent; border-radius:50%; cursor:pointer;}
.main_content .main_link.banner .slick-dots li.slick-active button {background:#fff;}
.main_content .main_link.banner button.slick_play {width:8px; height:10px; padding:0; position:absolute; bottom:18px; z-index:100; cursor:pointer; background-color:transparent; background-image:url(../img/frt/center/common/btn_play.png); background-repeat:no-repeat; background-position:0 0; border:0;}
.main_content .main_link.banner button.slick_play.stop {background-position:-15px 0;}

/*	언론 속 GTC	*/
.main_content .main_link.news {padding:25px 30px; border:1px solid #b5d7cd; background:#e1fdf5;}
.main_content .main_link.news h2 {margin-bottom:20px; font-size:16px; color:#000;}
.main_content .main_link.news>a {display:block;}
.main_content .main_link.news>a>dl {position:relative;}
.main_content .main_link.news>a>dl>dt {width:218px; padding-top:120px; font-size:14px; color:#010101; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.main_content .main_link.news>a>dl>dd {width:218px; height:108px; text-align:center; overflow:hidden; position:absolute; left:0; top:0;}
.main_content .main_link.news>a>dl>dd img {width:218px; height:108px;}
.main_content .main_link.news .more {position:absolute; right:40px; top:30px; font-size:12px; color:#777;}
.main_content .main_link.news .more:after {display:block; content:''; width:0; height:0; position:absolute; right:-15px; bottom:0; border:4px solid #01a88c; border-top-color:transparent; border-bottom-color:transparent; border-right-color:transparent;}

/*	최신보고서	*/
.main_content .main_link.report {padding:25px 30px; margin-right:27px; border:1px solid #b8d4e7; background:#e1f2fd;}
.main_content .main_link.report h2 {margin-bottom:20px; font-size:16px; color:#000;}
.main_content .main_link.report dl {width:217px; height:141px; position:relative; background:url(../img/frt/center/main/report_bg.png) no-repeat left top;}
.main_content .main_link.report dt {width:106px; height:136px; padding:20px 20px 15px 20px; line-height:1.2; overflow:hidden; position:relative;}
.main_content .main_link.report dt span {display:block; font-size:11px; color:#777;}
.main_content .main_link.report dt strong {display:block; margin:10px 0 15px; font-size:14px; color:#222;}
.main_content .main_link.report dt>a {display:block; width:42px; height:22px; position:absolute; left:20px; bottom:20px; text-align:center; line-height:18px; font-size:11px; color:#01a88c; border:2px solid #01a88c;}
.main_content .main_link.report dd {width:105px; height:134px; position:absolute; right:5px; top:1px; overflow:hidden;}
.main_content .main_link.report .more {position:absolute; right:40px; top:30px; font-size:12px; color:#777;}
.main_content .main_link.report .more:after {display:block; content:''; width:0; height:0; position:absolute; right:-15px; bottom:0; border:4px solid #01a88c; border-top-color:transparent; border-bottom-color:transparent; border-right-color:transparent;}


/*	상세페이지	*/
.main_content .main_link.intro {width:280px; height:220px; padding:30px 24px; margin-right:27px; background:url(../img/frt/center/main/intro_bg.gif) no-repeat left top;}
.main_content .main_link.intro dt {margin-bottom:20px; font-size:22px; color:#fff;}
.main_content .main_link.intro dd {line-height:24px; color:#fff;}
.main_content .main_link.intro>a {font-size:12px; color:#fff; position:absolute; left:24px; bottom:30px;}
.main_content .main_link.intro>a:after {display:block; content:''; width:0; height:0; position:absolute; right:-15px; bottom:0; border:4px solid #fff722; border-top-color:transparent; border-bottom-color:transparent; border-right-color:transparent;}

/* 20230302 메인 간행물 부분 추가 */
.gtc-insight-box .rela {
    position: relative;
    width: 1400px;
    height: 640px;
    top: 50%;
}
.gtc-insight-box .insight-left {
    width: 100%;
    height: 100%;
    padding: 0 40px;
    box-sizing: border-box;
}
.gtc-insight-box .insight-left h3 {
    margin-top: 50px;
    margin-bottom: 30px;
    font-size: 32px;
}
.gtc-insight-box .insight-left ul li {
    width: 224px;
    margin-right: 50px;
}
.gtc-insight-box .insight-left ul li .pic {
    width: 100%;
}
.gtc-insight-box .insight-left ul li span {
    height: 40px;
    margin-top: 30px;
    font-size: 20px;
    line-height: 20px;
    font-weight: 500;
}
.gtc-insight-box .insight-left ul li .pic {
    width: 100%;
    height: 308px;
}
.gtc-insight-box .insight-left ul li img {
    width: 100%;
    height: 100%;
}
.gtc-insight-box .insight-left ul li .picText {
    height: 31px;
    margin-top: 20px;
    line-height: 16px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

/* 20230404 발간물 추가 */
.gtc-insight-box .insight-left ul li .picText {
    height: auto;
    line-height: 20px;
}
.gtc-insight-box .insight-left ul li span {
    height: auto;
    line-height: 26px;
}
@media screen and (max-width:1400px) {
    .gtc-insight-box .rela {
        width: 100%;
    }
    .gtc-insight-box .insight-left {
        height: 100%;
        padding: 0 20px;
    }
    .gtc-insight-box .insight-left ul {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .gtc-insight-box .insight-left ul li {
        width: 12.9rem;
        margin-right: 10px;
    }
    .gtc-insight-box .insight-left ul li:last-child {
        margin-right: 0;
    }
    .gtc-insight-box .insight-left ul li .pic img {
        height: 100%;
    }
}
@media screen and (max-width:1280px) {
    .gtc-insight-box .rela {
        height: 100%;
    }
    .gtc-insight-box .insight-left ul {
        width: 100%;
        height: 100%;
        justify-content: center;
    }
}
@media screen and (max-width:640px) {
    .gtc-insight-box .insight-left h3 {
        font-size: 25px;
    }
    .gtc-insight-box .insight-left ul li {
        width: 16rem;
        margin-right:0;
    }
}
/* 20230407 메인포토뉴스 추가 */
.photo-box .fadeInRight_l .fr-view {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    height: auto;
    margin-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
}

/* 20230315 eventBanner slide 추가 */
.latest-wrap .eventBanner-area {
    position: relative;
    width: 500px;
    border: 3px solid #6dc7ba;
    height: 343px;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2);
}
.latest-wrap .eventBanner-area .eventBanner-buttonBox {
    position: absolute;
    top: -1px;
    right: 0;
    width: 139px;
    height: 33px;
    z-index: 9;
    border-radius: 0 0 0 5px;
    background: rgba(0,0,0,0.44);
}
.eventBanner-area .eventBanner-buttonBox .swiper-pagination {
    position: absolute;
    top: 15%;
    left: 0;
    width: auto;
    height: 100%;
    margin: 0 20px;
    color: #fff;
    opacity: 0.7;
}
.eventBanner-area .eventBanner-buttonBox .swiper-pagination span {
    color: #fff;
    font-size: 16px;
}
.eventBanner-area .eventBanner-buttonBox .swiper-pagination .swiper-pagination-current {
    font-weight: 500;
    opacity: 1;
}
  .eventBanner-area .swiper-button-prev {
    position: absolute;
    top: 50%;
    right: 40%;
    width: 8px;
    height: 14px;
    margin: 0;
    background: url(/_res/gtck/eng/img/eventBanner_preve.png) no-repeat center center;
    background-size: contain;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 1;
    cursor: pointer;
  }
  .eventBanner-area .swiper-button-prev::after {
    display: none;
  }
  .eventBanner-area .swiper-button-prev.swiper-button-disabled {
    opacity: 0.5;
  }
  .eventBanner-area .swiper-button-next {
    position: absolute;
    top: 50%;
    right: 10%;
    width: 8px;
    height: 14px;
    margin: 0;
    background: url(/_res/gtck/eng/img/eventBanner_next.png) no-repeat center center;
    background-size: contain;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 1;
    cursor: pointer;
  }
  .eventBanner-area .swiper-button-next::after {
    display: none;
  }
  .eventBanner-area .swiper-button-next.swiper-button-disabled {
    opacity: 0.5;
  }
  .eventBanner-area .swiper-button-pause {
    display:inline-block;
    position: relative;
    top: 0;
    left: 69%;
    transform: translateY(31%);
    width: 8px;
    height: 12px;
    margin: 0;
    background: url(/_res/gtck/eng/img/eventBanner_pause.png) no-repeat center center;
    background-size: contain;
    cursor: pointer;
      vertical-align: middle;
  }
  .eventBanner-area .swiper-button-pause.off {
    background: url(/_res/gtck/eng/img/eventBanner_play.png) no-repeat center center;
  }
  .latest-wrap .eventBanner-area .swiper .swiper-slide > a > img {
    width: 100%;
    height: 100%;
  }
  .latest-wrap .eventBanner-area .eventBanner-box.banner {
    height: 100%;
  }
  .latest-wrap .eventBanner-area .eventBanner-box.banner .swiper {
    height: 100%;
  }

  @media (max-width: 1204px) {
    .latest-wrap .eventBanner-area {
        width: 100%;
        height: auto;
    }
  }