@import url('sns_modal.css');

.sns_wrap{margin-top:10vw;}
/* .sns_list{width:97%;max-width:1230px;margin:0 auto}
.sns_list:after{content:'';display:block;clear:both}
.sns_list > li{width:31.3%;margin:0 1% 30px;border:1px solid rgba(255,255,255,0.2);box-sizing:border-box}
.sns_list .img{height:380px;background-repeat:no-repeat;background-position:center;background-size:cover}
.sns_list .text_area{padding:28px 20px 26px} */
.sns_title{padding-bottom:27px;font-family:'NanumGothic';font-size:1.0625rem;letter-spacing:0.03em;color:#fff}
.blog_title{padding-bottom:27px;line-height:180%;color:#cfcfcf}
.sns_desc{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;max-height:calc(1.8em * 7);-webkit-line-clamp:7;text-overflow:ellipsis;color:#777}
.sns_ico{position:absolute;right:15px;top:15px}

/* .story .more_wrap{padding:3.125vw 0 31.25vw} */
.load_more{display:block;margin:0 auto;margin-bottom:20vw;width:35.9375vw;height:11.71875vw;font-size:4.21875vw;letter-spacing:-0.025em;line-height:11.71875vw;color:#ffffff;text-align:center;background-color: var(--red);font-weight: 700;}
/* .load_more{display:block;width:200px;height:70px;margin:0 auto 20px;background:rgba(255,255,255,0.1);line-height:70px;font-family:'NanumGothicBold';font-size:1.0625rem;letter-spacing:0.03em;color:#fff;text-align:center} */

/* @media screen and (max-width:1260px){
	.sns_list .img{height:280px}
}
@media screen and (max-width:900px){
	.sns_list{width:94%}
	.sns_list > li{width:47.9%;margin-bottom:20px}
}
@media screen and (max-width:640px){
	.sns_list .img{height:180px}
	.sns_title{padding-bottom:17px;font-size:1rem}
	.blog_title{padding-bottom:17px}
	.sns_ico img{width:35px}

	.load_more{width:180px;height:50px;line-height:50px;font-size:0.875rem}
}
@media screen and (max-width:500px){
	.sns_list > li{width:100%;margin:0 0 20px}
	.sns_list .img{height:300px}
} */


.sns_tab{padding-bottom:12.5vw}
.sns_tab li{}
.sns_tab li a{display:block;width:29.375vw;height:11.5625vw;border:1px solid #c9c7c4;border-right:0;font-family:'NotoSansKR';font-size:3.75vw;letter-spacing:-0.025em;line-height:11.25vw;color:#000}
.sns_tab li:last-child a{border-right:1px solid #c9c7c4}
.sns_tab li.on a, .sns_tab li:hover a{background-color:var(--primary-color);color:#fff}
.sns_list{width:89.2188vw;margin:0 auto}
.sns_list li{width:42.96875vw;margin-bottom:3.125vw;margin-right:3.125vw}
.sns_list li:nth-child(2n){margin-right:0}
.sns_list li a{display:block;position:relative;width:100%}
.sns_list li a:before{content:'';display:block;width:100%;padding-top:100%}
.sns_list li.youtube a:before{content:'';display:block;width:100%;padding-top:56.25%}
.sns_list .list_img{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#999;background-position:center;background-repeat:no-repeat;background-size:cover}
.sns_list .text_wrap{position:absolute;top:0;left:0;width:100%;height:100%;padding:15vw 5vw 0;box-sizing:border-box;background-color:#5BBD35}
.sns_list .list_ttl{display:block;width:100%;padding-bottom:2.1333vw;font-weight:500;font-size:4vw;letter-spacing:-0.025em;line-height:156%;color:#fff}
.sns_list .list_text{display:block;height:12vw;font-size:3.2vw;letter-spacing:-0.025em;line-height:1.25;color:#fff;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
word-wrap:break-word;
}