@charset "utf-8";

/* 사회공헌 */
div.contribute-box .txtB {color:#3c3c3c;font-size:27px;line-height:34px;}
div.contribute-box .desc {margin:28px 0 0 0;}
div.contribute-box .desc.type {margin:12px 0 0 0;}
div.contribute-box div.childfund {margin:15px 0 0 0;}
div.contribute-box .news-list {margin:90px 0 0 0;}
div.contribute-box .news-list li {padding:20px 18px 18px;border-bottom:1px solid #d2d2d2;font-size:17px;line-height:normal;}
div.contribute-box .news-list li:first-child {border-top:1px solid #d2d2d2;}
div.contribute-box .news-list li a {color:#3c3c3c;}
div.contribute-box .pic-wrap {position:relative;padding:0 50% 0 0;}
div.contribute-box .pic-wrap .pic {position:absolute;right:0;top:7px;width:45%;text-align:right;}
div.contribute-box .line-area {position:relative;margin:75px 0 0 0;padding:20px 195px 18px 18px;border-top:1px solid #d2d2d2;border-bottom:1px solid #9e9e9e;font-size:17px;line-height:normal;color:#3c3c3c;}
div.contribute-box .line-area .tit {display:block;padding:0 0 5px 0;color:#ff6c00;}
div.contribute-box .line-area .btn {position:absolute;right:18px;bottom:18px;height:38px;padding:0 17px;line-height:38px;font-size:17px;color:#fff;background:#ffba20;}
div.contribute-box .line-area .btn .go:after {content:'→';padding:0 0 0 4px;}

/* 광고이야기 */
div.top-ad {padding:65px 82px 62px;background:#f6f6f6;font-family:'NanumSquare';text-align:center;}
div.top-ad .title {text-align:center;font-size:30px;color:#100f0f;}
div.top-ad .title .point_c1 {display:block;padding:0 0 30px 0;font-size:24px;}
div.top-ad .ad-play {margin:35px 0 0 0;}
div.sub-ad {margin:90px 0 0 0;}
div.sub-ad .ad-list {margin:0 -30px 0 0;}
div.sub-ad .ad-list:after {display:block;content:'';clear:both;}
div.sub-ad .ad-list li {float:left;margin:0 28px 0 0;}
div.sub-ad .ad-list li .pic {line-height:0;}
div.sub-ad .ad-list li .sub-box {border:1px solid #bdbdbd;box-sizing:border-box;}
div.sub-ad .ad-list li .sub-box .tit {display:block;padding:22px 5px 20px;color:#4b4a4a;text-align:center;line-height:normal;}

@media only screen and (max-width:1500px) {
	div.sub-ad .ad-list {margin:0 -3% 0 0;}
	div.sub-ad .ad-list li {width:31%;margin:0 2% 0 0;}
}

@media only screen and (max-width:1100px) {
	/* 사회공헌 */
	div.contribute-box .desc {margin:2.8% 0 0 0;}
	div.contribute-box .news-list {margin:9% 0 0 0;}
	div.contribute-box .line-area {margin:7.5% 0 0 0}
}

@media only screen and (max-width:640px) {
	/* 사회공헌 */
	div.contribute-box .txtB {font-size:18px;line-height:normal;}
	div.contribute-box .news-list li {padding:10px 9px 9px;font-size:12px;}
	div.contribute-box .line-area {padding:10px 9px 9px;font-size:12px;}
	div.contribute-box .line-area .btn {position:relative;display:inline-block;height:25px;line-height:25px;margin:10px 0 0 0;padding:0 8px;right:auto;bottom:0;font-size:12px;}

	/* 광고이야기 */
	div.top-ad {padding:6.5% 8.2% 6.2%;}
	div.top-ad .title {font-size:24px;}
	div.top-ad .title .point_c1 {padding:0 0 3% 0;font-size:16px;}
	div.sub-ad {margin:9% 0 0 0;}
	div.sub-ad .ad-list li .sub-box .tit {padding:8px 5px;font-size:12px;}
}
@media only screen and (max-width:420px) {
	/* 광고이야기 */
	div.sub-ad .ad-list {margin:0;}
	div.sub-ad .ad-list li {width:100%;margin:10px 0 0 0;}
	div.sub-ad .ad-list li:first-child {margin:0;}
	div.sub-ad .ad-list li .pic img {width:100%;}
}