@charset "utf-8";


#news{background-color:#f5f5f5;}
#news .inner{position: relative;padding:100px 0 120px}
#news .news-frames {position: relative;}
#news .top{position:relative;margin-bottom:35px}
#news .top::before{content:"";position:absolute;left:0;top:50%;margin-top:-.5px;width:100%;height:1px;background-color:#c3c3c3}
#news .top .top-inner{display:flex;justify-content:space-between;align-items:center}
#news .tab{position:relative;padding-right:45px;background-color:#f5f5f5}
#news .tab::before{content:"";position:absolute;left:44.5%;top:50%;margin-top:-17px;width:1px;height:34px;background-color:#c3c3c3}
#news .tab ul{content:"";display:block;clear:both}
#news .tab ul li{float:left;position:relative;font-size:40px;color:#c3c3c3;letter-spacing:-.05em;line-height:1.5;cursor:pointer;font-family:"Gmarket Bold"}
#news .tab ul li:first-child{margin-right:70px}
#news .tab ul li.active{color:#015557}
#news .info{display:none;}
#news .info.active{display:block}
#news .info ul{margin:0 -37.5px}
#news .info li{margin:0 37.5px;background-color:#fff;transition:.2s}
#news .info li:hover{box-shadow:0 5px 45px 0 rgba(0,59,138,0.2)}
#news .info li a{display:block;width:100%;height:100%;padding:41.5px 50px}
#news .info strong{min-height:72px;font-size:24px;margin-bottom:10px;letter-spacing:-.05em;line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#151515;font-family:"Gmarket Bold"}
#news .info p{min-height:54px;margin-bottom:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;letter-spacing:-.05em;line-height:1.5;-webkit-box-orient:vertical;color:#666;font-size:18px;font-family:"Noto Light"}
#news .info em{color:#666;font-weight:400;font-family:"Montserrat"}
#news .right-box{position:absolute; right:0; top:6px; display:flex;align-items:center;background-color:#f5f5f5;padding-left:50px; overflow:hidden;}
#news .right-box .slick-custom-wrap{margin-right:30px}
#news .right-box .slick-arrow{width:16px;height:28px;background-image:url(../images/slide-arrow1.png);background-repeat:no-repeat;background-size:contain;background-position:center;text-indent: -9999px;}
#news .right-box .slick-prev{margin-right:30px}
#news .right-box .slick-next{transform:rotate(180deg)}
#news .right-box .more-btn{display:block;padding:11px 37px 7px;border-radius:25px;font-size:20px;border:1px solid #015557;color:#015557;letter-spacing:-.05em;transition:.2s;font-family:"Gmarket Medium"}
#news .right-box .more-btn:hover{background-color:#015557;color:#fff}
#news .info .nodata {min-height:267px; display: flex; align-items: center; justify-content: center; width: 100% !important; background-color:transparent;}
#news .info .nodata:hover {box-shadow: unset;}

@media (max-width:1200px) {
	#news .info ul{margin:0 -15px}
	#news .info li{margin:0 15px}
}
@media (max-width:1023px) {
	#news .inner{padding:80px 0 100px}
	#news .tab::before{left:147px}
	#news .tab ul li{font-size:35px}
	#news .tab ul li:first-child{margin-right:40px}
	#news .right-box {top:8px;}
	#news .right-box .more-btn{padding:6px 28px 2px}
	#news .right-box .slick-custom-wrap{margin-right:20px}
	#news .right-box .slick-arrow{width:12px;height:24px}
}
@media (max-width:900px) {
	#news .info ul{margin:0 -10px}
	#news .info li{margin:0 10px}
	#news .tab{padding-right:20px}
	#news .right-box{padding-left:25px}
}
@media (max-width:600px) {
	#news .top{margin-bottom:110px}
	#news .top .top-inner{flex-direction:column}
	#news .top::before{width:100%;left:50%;top:130px;transform:translateX(-50%);margin-left:0;margin-top:0}
	#news .tab{padding-right:0;margin-bottom:10px}
	#news .tab::before{left:50%;margin-left:-.5px}
	#news .right-box{background-color:transparent;padding-left:0;top: 45px;width: 100%;justify-content: center;}
	#news .info ul{margin:0}
	#news .info li{margin:0}
	#news .right-box .more-btn{font-size:16px;padding: 3px 15px 0;width:auto;height:auto;}
}