@charset "utf-8";

.wrap_sns_kakao,
.wrap_sns_kakao .container,
.wrap_sns_kakao .slider,
.wrap_sns_kakao .slick-list,
.wrap_sns_kakao .slick-track,
.wrap_sns_kakao .slick-slide{height:100%;}

.wrap_sns_kakao h2{display:none;}

.wrap_sns_kakao a.item{margin-bottom:10px;width:100%;height:100%;display:block;}
.wrap_sns_kakao .wrap{width:100%;height:100%;display:flex;}
.wrap_sns_kakao .item_1{width:31%;height:200px;position:relative;overflow:hidden;}
.wrap_sns_kakao .item_1 img{border:1px solid #CCC;object-fit:cover;object-position:center;width:100%;height:100%;}
.wrap_sns_kakao .item_2{width:69%;padding:40px 100px;background:#FFF;position:relative;transition:0.3s;}
.wrap_sns_kakao .text_1{font-size:26px;color:#212121;line-height:1;font-family:'Noto Medium';width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.wrap_sns_kakao .text_2{font-size:18px;color:#666;line-height:1.4;font-family:'Noto Light';margin-top:15px;height:50px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;}
.wrap_sns_kakao .item_2::before{width:60px;height:60px;content:"";display:block;position:absolute;left:0;top:0;background:#fae100 url(../images/kakao_1.png) no-repeat center;}
.wrap_sns_kakao .item_2::after{width:60px;height:60px;content:"";display:block;position:absolute;right:0;bottom:0;background:#faf3e9 url(../images/more_4.png) no-repeat center;}

.wrap_sns_kakao .control{display:none;}

@media all and (max-width:767px){
	.wrap_sns_kakao .wrap{display:block;}
	.wrap_sns_kakao .item_1{width:100%;height:auto;max-height:300px;}
	.wrap_sns_kakao .item_2{width:100%;padding:20px 50px 20px 20px;position:unset;}
	.wrap_sns_kakao .item_2::after{width: 25px;height: 25px;background-size: 12px;}
	.wrap_sns_kakao .text_1{font-size: 18px;}
	.wrap_sns_kakao .text_2{font-size:15px;height:38px;}
	.wrap_sns_kakao .item_2::before{width:40px;height:40px;}
}
/*HOVER효과*/
@media all and (min-width:1281px) {
	.wrap_sns_kakao a.item:hover .item_2{background:#fae100;}
	.wrap_sns_kakao a.item:hover .text_1,
	.wrap_sns_kakao a.item:hover .text_2{color:#000;}
}
