@charset "utf-8";

#news {background-color:#f5f5f5;}
#news .inner {position: relative; padding: 100px 0 120px; padding-left: 40px; padding-right: 40px;}
#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:#D6817C;}
#news .info {display: none;}
#news .info.active {display: block;}
#news .info ul {margin: 0 -37.5px;}
#news .info li {margin: 0 17.5px; 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; background-color:#fff;}
#news .info .subjectText 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 .content 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;}
#news .right-box .slick-prev {margin-right: 30px;}
#news .right-box .slick-next {transform: rotate(180deg);}
#news .right-box .more-btn {display: block; height: 50px; line-height: 50px; padding: 0 37px; border-radius: 25px; font-size: 20px; border: 1px solid #D6817C; color:#D6817C; letter-spacing: -.05em; transition: .2s; font-family: "Gmarket Medium";}
#news .right-box .more-btn:hover {background-color:#D6817C; 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 .tab ul li {font-size: 35px;}
	#news .tab ul li:first-child {margin-right: 40px;}
}
@media (max-width: 1023px) {
	#news .inner {padding: 80px 0 100px;}
	#news .top {padding: 16px 0;}
	#news .tab::before {left: 147px;}
	#news .right-box {top: 8px;}
	#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: 768px) {
	#news .tab ul li {font-size: 25px; margin-left: 15px;}
	#news .tab ul li:first-child {margin-right: 0; margin-left: 0;}
	#news .tab::before {left: 80px; height: 15px; margin-top: -8px;}
}
/*
@media (max-width: 500px) {
	#news .top {margin-bottom: 25px; padding: 0;}
	#news .top .top-inner {flex-direction: column; align-items: flex-start;}
	#news .top::before {display: none;}
	#news .tab {padding-right: 0;}
	#news .tab::before {display: none;}
	#news .right-box {position: relative; top: 0; margin-top: 20px; justify-content: center;}
	#news .info ul {margin: 0;}
	#news .info li {margin: 0;}
	#news .right-box .slick-custom-wrap {display: none;}
}
*/