@charset "utf-8";
/* *******************************************************
 * filename : main.css
 * description : 메인 레이아웃 및 컨텐츠 CSS
 * date : 2018-03-27
******************************************************** */

/* ******************  메인 비주얼 ********************** */
#mainVisual{overflow:hidden; width:100%; /*height:925px;*/height:927px; position:relative;}	/* 비주얼높이값 이미지에맞게 수정 */
#mainVisual.full-height{height:1030px;}
.main-visual-con .slick-track,
.main-visual-con .slick-list {
	 -webkit-perspective: 2000;
	-webkit-backface-visibility: hidden;
}
.main-visual-slide{position:relative;/* height:820px;*/ height:calc(100% - 135px); width:100%; overflow:hidden}
.main-visual-con, 
.main-visual-con .slick-list,  
.main-visual-con .slick-track, 
.main-visual-item{
	height:100%;
}
.main-visual-con{z-index:1;}
/* 메인 비주얼 :: 이미지 */
.main-visual-item{position:relative;}
.main-visual-item .main-visual-pc-img{
	width:100%;
	height:100%;
	background-size:cover !important;
	-ms-transform: scale(1.05,1.05);
    -o-transform: scale(1.05,1.05);
    -moz-transform: scale(1.05,1.05);
    -webkit-transform: scale(1.05,1.05);
     transform: scale(1.05,1.05);
	-webkit-transition:transform 5000ms  ease-in-out ;
	-moz-transition:transform 5000ms ease-in-out ;
	-o-transition:transform 5000ms ease-in-out ;
	-ms-transition:transform 5000ms ease-in-out ;
    transition:transform 5000ms ease-in-out ;	
}
.main-visual-item .main-visual-m-img{display:none;}

/* 메인 비주얼 :: 텍스트 */
.main-visual-item .main-visual-txt-con{
	position:absolute; top:50%; left:0px; width:100%; 
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align:center;word-break:keep-all;
}
.main-visual-item .main-visual-txt-con .main-visual-txt1{display:block; font-size:18px; font-weight:600; letter-spacing:0; color:#fff; margin-bottom:25px; line-height:1.5em}
.main-visual-item .main-visual-txt-con .main-visual-txt2{font-weight:600; font-size:48px; letter-spacing:-0.2px; color:#fff; line-height:1.25em}


/* 메인 비주얼 :: active효과 */
.main-visual-item.active-item .main-visual-pc-img{
	-ms-transform: scale(1.0,1.0) rotate(0.002deg);
    -o-transform: scale(1.0,1.0) rotate(0.002deg);
    -moz-transform: scale(1.0,1.0) rotate(0.002deg);
    -webkit-transform: scale(1.0,1.0) rotate(0.002deg);
     transform: scale(1.0,1.0) rotate(0.002deg);
}
.main-visual-item.active-item .main-visual-txt1,
.main-visual-item.active-item .main-visual-txt2,
.main-visual-item.active-item .main-visual-txt3,
.main-visual-item.active-item .main-visual-more-btn{
	-webkit-animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
	animation: text-active-animation 1.5s cubic-bezier(0.4, 0, 0.2, 1) both;
	animation-delay:0.3s;
}
.main-visual-item.active-item .main-visual-txt-con .main-visual-txt1{ -webkit-animation-delay:0.1s; animation-delay:0.1s;}
.main-visual-item.active-item .main-visual-txt-con .main-visual-txt2{ -webkit-animation-delay:0.3s; animation-delay:0.3s;}
.main-visual-item.active-item .main-visual-txt-con .main-visual-txt3{ -webkit-animation-delay:0.5s; animation-delay:0.5s;}
.main-visual-item.active-item .main-visual-txt-con .main-visual-more-btn{-webkit-animation-delay:0.8s; animation-delay:0.8s;}

@-webkit-keyframes text-active-animation {
	from {
		opacity:0;filter:Alpha(opacity=0);
		-ms-transform: translateY(-50px); 
		-o-transform: translateY(-50px); 
		-moz-transform: translateY(-50px);
		-webkit-transform: translateY(-50px); 
		transform: translateY(-50px); 
	}
	to {
		opacity:1.0;filter:Alpha(opacity=100);
		-ms-transform: translateY(0); 
		-o-transform: translateY(0); 
		-moz-transform: translateY(0);
		-webkit-transform: translateY(0); 
		transform: translateY(0); 
	}
 }
@keyframes text-active-animation {
	from {
		opacity:0;filter:Alpha(opacity=0);
		-ms-transform: translateY(-50px); 
		-o-transform: translateY(-50px); 
		-moz-transform: translateY(-50px);
		-webkit-transform: translateY(-50px); 
		transform: translateY(-50px); 
	}
	to {
		opacity:1.0;filter:Alpha(opacity=100);
		-ms-transform: translateY(0); 
		-o-transform: translateY(0); 
		-moz-transform: translateY(0);
		-webkit-transform: translateY(0); 
		transform: translateY(0); 
	}
}

/* 메인 비주얼 :: 하단 */
.main-visual-bt{position:absolute; bottom:68px; left:0; right:0; z-index:9}
.main-visual-bt > div{display:table; width:100%; box-sizing:border-box}
.main-visual-bt > div > div{display:table-cell; vertical-align:bottom}

/* 메인 비주얼 :: 하단 :: 스크롤아이콘 */
.main-scroll-icon{z-index:9; animation: upDown 1.5s ease-in-out infinite; width:20px}
.main-scroll-icon span{display:inline-block; color:#fff; font-weight:700; font-size:10px; letter-spacing:0; transform:rotate(-90deg); position:relative; top:-50px; left:-28px; white-space:nowrap}
.main-scroll-icon i{color:#fff; font-size:24px; display:block;}
@keyframes upDown {
	0% {
		opacity: 0.5;
		transform:  translateY(-5px);
	}
	50% {
		opacity: 1;
		transform: translateY(5px);
	}
	100% {
		opacity: 0.5;
		transform:  translateY(-5px);
	}
}

/* 메인 비주얼 :: 하단 :: pause,play */
.main-visual-control .arrow-play-btn{display:inline-block; vertical-align:bottom; width:85px}
.main-visual-control .arrow-play-btn .visual-play{display:inline-block; vertical-align:top; margin:0 12px}
.main-visual-control .arrow-play-btn .visual-play .slick-control-btns button{color:#fff; vertical-align:top;}
.main-visual-control .arrow-play-btn .visual-play .slick-control-btns button i{vertical-align:top; font-size:18px; position:relative;}
.main-visual-control .arrow-play-btn .visual-play .slick-control-btns .slick-play-btn{display:none;}

/* 메인 비주얼 :: 하단 :: 화살표 */
.main-visual-control .main-visual-arrow{display:inline-block; vertical-align:top}
.main-visual-control .main-visual-arrow i{font-size:18px; color:#fff}

/* 메인 비주얼 :: Dots */
.main-visual-control .main-visual-dot{display:inline-block; text-align:right; width:calc(100% - 90px); box-sizing:border-box; padding-left:5%}
.main-visual-control .main-visual-dot .slick-dots{margin:0 -1%;}
.main-visual-control .main-visual-dot .slick-dots li{display:inline-block; vertical-align:bottom; margin:0 1%; width:14.666%; text-align:left; cursor:pointer}
.main-visual-control .main-visual-dot .slick-dots li .dot-txt{display:block; font-weight:500; font-size:16px; letter-spacing:-0.25px; color:#fff; opacity:0.9; margin-bottom:15px; line-height:1.3}
.main-visual-control .main-visual-dot .slick-dots li .line{display:block; width:100%; height:5px; border:1px solid rgba(255,255,255,0.6); box-sizing:border-box; position:relative}
.main-visual-control .main-visual-dot .slick-dots li .line:after{position:absolute; content:""; width:0; height:100%; background-color:#fff; top:0; left:0;}
.main-visual-control .main-visual-dot .slick-dots li.slick-active .line:after{animation:LoadingBar 4s both;}

@-webkit-keyframes LoadingBar{from{width:0px;}to{width:100%;}}
@keyframes LoadingBar{from{width:0px;}to{width:100%;}}


/* -------- 메인 비주얼 :: 하단 퀵메뉴 -------- */
.main-visual-quick-menu{position:absolute; bottom:2px; left:0; right:0; width:100%; height:135px}
.main-visual-quick-menu ul li{position:relative; float:left; width:33.333%; height:135px}
.main-visual-quick-menu ul li:after{position:absolute; display:inline-block; content:""; width:1px; height:100%; right:0; top:0; background:#d3d3d3; z-index:999}
.main-visual-quick-menu ul li:last-child:after{display:none}
.main-visual-quick-menu ul li:before{position:absolute; display:inline-block; content:""; width:100%; height:2px; background:#f1f1f1; bottom:-2px; left:0; z-index:999}
.main-visual-quick-menu ul li a{display:table; width:100%; position:absolute; bottom:0; left:0; right:0; height:135px; transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715); 
		-webkit-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);  
		-oz-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715); 
		-ms-transition:all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);	background-color:#fff; z-index:999; /*border-right:1px solid #d3d3d3;*/ border-bottom:1px solid #d3d3d3; box-sizing:border-box}
.main-visual-quick-menu ul li a .quick-menu-inner{display:table-cell; vertical-align:middle; padding-left:11%; padding-right:20%}
.main-visual-quick-menu ul li:last-child a{border-right:0}
.main-visual-quick-menu ul li a .visual-quick-tit,
.main-visual-quick-menu ul li a .visual-quick-icon{display:inline-block; vertical-align:middle; margin:0 -1px}
.main-visual-quick-menu ul li a .visual-quick-tit strong{display:block; font-weight:400; font-size:20px; letter-spacing:-0.6px; color:#262626}
.main-visual-quick-menu ul li a .visual-quick-tit span{display:block; font-weight:400; font-size:14px; letter-spacing:-0.2px; color:#505050; line-height: 1.4; margin-top:10px}
.main-visual-quick-menu ul li a .visual-quick-icon{position:absolute; width: 50px; height: 50px; border-radius: 50%; border: 2px solid rgba(0,0,0,0.1); right:0; margin-right:10%; top:50%; margin-top: -25px; display: inline-flex; align-items: center; justify-content: center; }
.main-visual-quick-menu ul li a .visual-quick-icon i {font-size: 20px; color: #666666;}
.main-visual-quick-menu ul li a .visual-quick-tit strong,
.main-visual-quick-menu ul li a .visual-quick-tit span,
.main-visual-quick-menu ul li a .visual-quick-icon,
.main-visual-quick-menu ul li a .visual-quick-icon i{transition:all 0.4s}


@media all and ( min-width: 800px ){	
	.main-visual-quick-menu li a:hover{height:158px; background-color: var(--main-color);}
	.main-visual-quick-menu li a:hover .visual-quick-tit strong,
	.main-visual-quick-menu li a:hover .visual-quick-tit span{color:#fff}
	.main-visual-quick-menu ul li a:hover .visual-quick-icon {border-color: #fff; background-color: #fff;}
	.main-visual-quick-menu ul li a:hover .visual-quick-icon i {color: var(--main-color);}
}


/* ******************  메인 컨텐츠 ********************** */
/* -------- 메인 컨텐츠 :: 공통 -------- */
/* 공통 :: 타이틀 */
.main-tit{margin-bottom:50px; letter-spacing:0; text-align:center;}
.main-tit strong{display:block; color:#000; font-size:46px; font-weight:700; text-transform:uppercase}
.main-tit .main-sub-tit{display:block; margin-top:15px; color:#727272; font-size:14px; letter-spacing:-0.75px; line-height:22px;}

/* -------- 메인 컨텐츠 :: 프로젝트 슬라이드 -------- */
#mainBusiness{margin-top:92px}
.main-business-slide .main-business-slide-con{margin:0 -0.1%}
.main-business-slide .main-business-con{position:relative; margin:0 0.1%}
.main-business-slide .main-business-con a{position:relative; display:block;}
.main-business-slide .main-business-con a:after{position:absolute; display:inline-block; content:""; width:100%; height:100%; background:url("/images/main/main_project_slide_grad.png") no-repeat center bottom; background-size:100%; opacity:0.8; left:0; bottom:0;}
.main-business-slide .main-business-con a:before{position:absolute; display:inline-block; content:""; width:100%; height:100%; border:3px solid var(--main-color); left:0; top:0; z-index:999; box-sizing:border-box; opacity:0; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.main-business-slide li .main-business-slide-img{overflow:hidden}
.main-business-slide li .main-business-slide-img span{position:relative; display:block; padding-top:70.8%}
.main-business-slide li .main-business-slide-img span img{position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; }
.main-business-slide li  .main-business-slide-txt{position:absolute; bottom:0; left:0; width:100%; margin-bottom:7.5%; z-index:99}
.main-business-slide li  .main-business-slide-txt .main-business-txt-inner{padding:0 5% 0 6.5%}
.main-business-slide li  .main-business-slide-txt strong {white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.main-business-slide li  .main-business-slide-txt strong{display:block; font-weight:300; font-size:22px; letter-spacing:-0.2px; color:#fff}
.main-business-slide li  .main-business-slide-txt span{display:block; font-weight:300; font-size:13px; letter-spacing:0; color:#fff; line-height: 1.7; padding-top:12px}

.main-business-slide .main-business-slide-con .slick-arrow{position:absolute; top:35%;/* -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);*/ z-index:99; width:24px; height:47px; background-size:cover !important; font-size:0}
.main-business-slide .main-business-slide-con .slick-arrow.slick-prev{left:-70px; background:url("/images/icon/project_slide_arrow_prev.png")}
.main-business-slide .main-business-slide-con .slick-arrow.slick-next{right:-70px; background:url("/images/icon/project_slide_arrow_next.png")}
.main-business-slide .main-business-slide-con .slick-arrow i{font-size:50px; color:#434343}
.main-business-slide .main-business-slide-con .slick-dots{position:relative; text-align:center; margin-top:40px; z-index:99}
.main-business-slide .main-business-slide-con .slick-dots li{display:inline-block; margin:0 12px}
.main-business-slide .main-business-slide-con .slick-dots li button{position:relative; font-size:0; width:6px; height:6px; background:#000; border-radius:50%}
.main-business-slide .main-business-slide-con .slick-dots li button:after{position:absolute; display:inline-block; content:""; width:22px; height:22px; background:var(--main-color); border-radius:50%; opacity:0; top:-8px; left:-8px; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.main-business-slide .main-business-slide-con .slick-dots li.slick-active button{background:var(--main-color)}
.main-business-slide .main-business-slide-con .slick-dots li.slick-active  button:after{opacity:0.15}

@media all and ( min-width: 800px ){	
	.main-business-slide li a:hover .main-business-slide-img span img{-webkit-transform:scale(1.07); -moz-transform:scale(1.07); -ms-transform:scale(1.07); -o-transform:scale(1.07); transform:scale(1.07);}
	.main-business-slide li a:hover:before{opacity:1}
}

/* -------- 메인 컨텐츠 :: Global Network -------- */
#globalMap{padding:15px 0 0; position:relative;}
.global-map-tit{position:absolute; width:100%; text-align:center; margin-top:136px; z-index:99}
.global-map-tit:after,
.global-map-tit:before{position:absolute; display:inline-block; content:""; left:50%; transform:translateX(-50%); background:#6a6a6a;}
.global-map-tit:after{width:1px; height:45px; top:-86px}
.global-map-tit:before{width:9px; height:9px; top:-39px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); margin-left:-5px;}
.global-map-tit span{display:block; font-weight:400; font-size:14px; letter-spacing:0; color:#fff; opacity:0.5; text-transform:uppercase}
.global-map-tit h3{font-weight:300; font-size:36px; letter-spacing:-0.6px; color:#fff; line-height:1.5em; padding:8px 0 27px}
.global-map-tit h3 strong{font-weight:600}
.global-map-tit .global-view-btn{position:relative; display:inline-block; font-weight:400; font-size:14px; letter-spacing:0; color:#fff; ;padding:0 16px 16px}
.global-map-tit .global-view-btn:after{position:absolute; display:inline-block; content:""; width:100%; height:3px; background:#fff; left:0; bottom:0}

.global-map-wrap{position:relative; background:#353535;}
.global-map-wrap:after{position:absolute; display:inline-block; content:""; width:100%; height:84px; background:url("/images/main/global_map_bg_top.jpg") no-repeat 50% 0; background-size:cover; top:0; left:0}
.global-map-con{position:relative; background:url("/images/main/global_map.png") no-repeat 50% 0; background-size:cover !important; max-width:1400px; height:657px; margin:0 auto}
.global-map-con-m{display:none;}
.global-nation-box{position:absolute; top:0px; left:0px; width:100%; height:100%; }
@keyframes nation-circle {
  0% {
	-webkit-transform: scale(0);
	transform: scale(0);
	opacity: 0.5; 
   }
  50% {
	opacity: 1.0; 
   }
  100% {
	-webkit-transform: scale(1);
			transform: scale(1);
	opacity: 0; } 
}
.nation-circle{position:absolute; left:50%; top:0; display:inline-block; width:80px; height:80px;}
.nation-circle > span:nth-child(2) {
	-webkit-animation-delay: 1s;
	animation-delay: 1s; 
}
.nation-circle > span:nth-child(3) {
	-webkit-animation-delay: 2s;
		animation-delay: 2s;
}
.nation-circle > span {
	/*border:1px solid rgba(255, 255, 255, 0.5) ;*/
	background:rgba(255, 255, 255, 0.15);
	border-radius: 50%;
	-webkit-animation-fill-mode: both;
			animation-fill-mode: both;
	position: absolute;
	left: 0;
	top: 0px;
	opacity: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	-webkit-animation: nation-circle 4s cubic-bezier(0.22, 0.61, 0.36, 0.5) infinite;
			animation: nation-circle 4s cubic-bezier(1, 2, 0.66, 3) infinite; 
	}
.nation-circle i{
	display:block; position:absolute; top:50%; left:50%; margin:-3px 0 0 -3px; width:5px; height:5px; background-color:#fff; 
	-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;
	opacity:0.7;filter:Alpha(opacity=70);
}
.nation-circle p{position:absolute; top:50%; left:50%; width:300px; height:28px; margin:-48px 0 0 -150px; color:#fff; text-align:center}
.nation-circle p strong{font-weight:400; font-size:13px; position:relative; display:inline-block; background:var(--main-color); padding:9px 14px; border-radius:15px}
.nation-circle p strong:after{position:absolute; display:inline-block; content:""; width:8px; height:12px; background:url("/images/main/global_map_country_after.png"); bottom:-12px; left:50%; transform:translateX(-50%)}
.nation-circle p.bottom-txt{margin:16px 0 0 -150px}
.nation-circle p.bottom-txt strong:after{bottom:auto; top:-12px; transform:translateX(-50%) rotate(180deg)}
.nation-circle p.right-txt{margin:-16px 0 0 -98px}
.nation-circle p.right-txt strong:after{top:8px; bottom:auto; left:-10px; transform:translateX(0) rotate(90deg)}
.nation-circle p.left-txt{margin:-16px 0 0 -209px}
.nation-circle p.left-txt strong:after{top:8px; bottom:auto; left:auto; right:-10px; transform:translateX(0) rotate(-90deg)}


.global-map-wrap .global-map{opacity:0; filter:Alpha(opacity=0);-webkit-transform: translateY(-30px);-moz-transform: translateY(-30px);-ms-transform: translateY(-30px);-o-transform: translateY(-30px);transform: translateY(-30px);-webkit-transition:all 0.7s;-moz-transition:all 0.7s;-o-transition:all 0.7s;transition:all 0.7s;transition-delay:0.4s}
.global-map-wrap.active .global-map{opacity:1;filter:Alpha(opacity=100);-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}



/* -------- 메인 컨텐츠 :: IR / NEWS -------- */
#bottomBoard{padding:90px 0 96px; background:#f3f3f3}
.main-board-tit{font-weight:700; font-size:36px; letter-spacing:0; color:#000; padding-bottom:30px}


/* IR / NEWS :: IR */
.main-ir-con{position:relative; float:left; /*width:32.5%;*/ width:460px; margin-right:4.5%}
/*.main-ir-con-inner{background:url("/images/main/main_ir_bg.jpg") no-repeat; background-size:cover; padding:13% 10%}*/
.main-ir-now{background:#fff; border-radius:40px; text-align:center; padding:20px 0 18px}
.main-ir-now p{font-weight:300; font-size:18px; color:#262626; }
.main-ir-now p b{display:inline-block; font-weight:400; font-size:18px; color:#262626; letter-spacing:-0.65px; padding-right:15px}
.main-ir-now p strong{position:relative; display:inline-block; font-weight:600; font-size:40px; letter-spacing:0; color:#d91718; padding:0 6px 0 34px; vertical-align:sub}
.main-ir-now p strong:before{position:absolute; display:inline-block; content:""; width:23px; height:20px; left:0; bottom:6px; background-size:cover !important}
.main-ir-now p strong.ir-up:before{background:url("/images/icon/ir_up_icon.png"); }
.main-ir-info{margin-top:10px; padding:0 10%}
.main-ir-info li{border-bottom:1px dotted rgba(255,255,255,0.5)}
.main-ir-info li .main-ir-inner dt,
.main-ir-info li .main-ir-inner dd{color:#fff; font-size:18px; padding:16px 0}
.main-ir-info li .main-ir-inner dt{float:left; font-weight:500; letter-spacing:-0.65px; }
.main-ir-info li .main-ir-inner dd{float:right; font-weight:300; letter-spacing:0}

/* IR / NEWS :: IR(200331수정) */
.main-ir-con a{display:block; overflow:hidden;}
.main-ir-con-inner{position:relative;  height:366px}
.main-ir-con-inner .main-ir-bg{position:absolute; top:0; left:0; right:0; bottom:0; background:url("/images/main/main_inquiry_bg.jpg") no-repeat; background-size:cover !important;}
.main-ir-con-inner .main-ir-txt-wrap{padding:11.5% 8%;; height: 100%; box-sizing: border-box;}
.main-ir-con-inner .main-ir-txt-wrap .main-ir-txt h4{position:relative; font-weight:600; font-size:30px; letter-spacing:-0.25px; color:#fff; line-height:1.26; z-index:99}
.main-ir-con-inner .main-ir-txt-wrap .main-ir-txt p{position: relative; font-size: 13px; font-weight: 400; letter-spacing: -0.2px; color: #fff; line-height: 1.53; z-index:99; margin-top: 10px;}
.main-ir-con-inner .main-ir-txt-wrap span {position: absolute; right: 8%; bottom: 14%; font-size: 14px; font-weight: 400; color: #fff;}

/* IR / NEWS :: NEWS */
.main-news-con{position:relative; float:left; /*width:63%*/ width:calc(95.5% - 460px)}
.main-board-con li{overflow:hidden; position:relative; border-bottom:1px solid #d8d8d8}
.main-board-con li:first-child{border-top:1px solid #2f2f2f}
.main-board-con li .bbs-date{display:inline-block;/*float:left;*/ width:110px; font-weight:600; font-size:20px; color:var(--main-color); letter-spacing:0; }
.main-board-con li .bbs-tit{display:inline-block; /*float:left;*/ width:calc(70% - 110px); font-weight:400; font-size:20px; color:#262626; letter-spacing:-0.6px; height:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; vertical-align:middle; padding-left:6%}
.board-more-btn{position:absolute; top:0px; right:0px; margin-top:15px; color:#505050; vertical-align:middle; font-weight:400; font-size:14px}
.main-board-con li a{display:block; padding:34px 0 33px 5.5%; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; -ms-transition:all 0.4s; -o-transition:all 0.4s; transition:all 0.4s; background:url("/images/icon/main_news_arrow.png") no-repeat 93% center}
.main-board-con li a:hover{background-color:#fff}