@charset "utf-8";
/* 새글 스킨 (latest) */

.thumb {position:relative;overflow:hidden;}
.thumb .social_lat_title { padding-bottom: 20px;}
.thumb .social_lat_title a{padding-bottom:20px; color:#111;display:block;position:relative; font-weight:300; text-align: center }
.thumb .ltTit{color:#eb5a09;}

.social_visual_wrap .thumb .social_list li{float:left; width: calc(100% / 4); padding:0px 10px;}
.social_visual_wrap .thumb .social_list li:before{ display:none}
.social_visual_wrap .thumb .social_list li a:hover{color:#000;}
.social_visual_wrap .thumb .social_list li .fa-heart{color:#ff0000;}
.social_visual_wrap .thumb .social_list li .fa-lock{display: inline-block;line-height: 14px;width: 16px;font-size: 0.833em;color: #4f818c;background: #cbe3e8;text-align: center;border-radius: 2px;font-size: 12px;border:1px solid #a2c6ce}
.social_visual_wrap .thumb .social_list li .new_icon{display:inline-block;width: 15px;line-height:15px; font-size:10px; vertical-align:top; margin:6px 0 0 2px; color:#fff;background:#ff7d30;text-align:center;border-radius: 30px;}
.social_visual_wrap .thumb .social_list li .hot_icon{display:inline-block;width: 16px;line-height:16px ;font-size:0.833em;color:#fff;background:#e52955;text-align:center;border-radius: 2px; margin-left:10px}
.social_visual_wrap .thumb .social_list li .fa-caret-right{color:#bbb}
.thumb .lt_date{position:absolute;top:32px;left:0;color:#888; font-size:14px}
.thumb .photo {width:100%; padding:0px;}
.thumb .photo .social_img{position: relative; width: 100%; overflow: hidden; border-bottom: 1px solid #ddd;}
.thumb .photo .social_img img {width:100%; height: auto; border-radius:0px; -webkit-transform:scale(1); transform: scale(1); transition: all 1s ease; -webkit-transition:all 1s ease;}

.thumb .socialBn { font-size:15px; color:#555;}

.thumb .social_list .over_box {position: relative; border: 1px solid #ddd; background: #fff;}
.thumb .social_list .over_box:hover {border-color: #ff7d30; box-shadow: 0 8px 12px rgba(0,0,0,.1); z-index: 10;}
.thumb .social_list .over_box:hover .social_img img{transform: scale(1.1);}

.thumb .socialTit{width: 100%; height:80px; padding:25px 30px; display: inline-block; }

.thumb .socialTit .ca_icon_blog{width: 44px; height: 44px; background:url('../social/img/ct-icon1.png') no-repeat 0 0; position:absolute; top:12px; left: 12px; display: block; vertical-align:top; text-indent:-9999px; overflow:hidden;}
.thumb .socialTit .ca_icon_insta{width: 44px; height: 44px; background:url('../social/img/ct-icon2.png') no-repeat 0 0; position:absolute; top:12px; left: 12px; display: block; vertical-align:top; text-indent:-9999px; overflow:hidden;}
.thumb .socialTit .ca_icon_youtube{width: 44px; height: 44px; background:url('../social/img/ct-icon3.png') no-repeat 0 0; position:absolute; top:12px; left: 12px; display: block; vertical-align:top; text-indent:-9999px; overflow:hidden;}

.thumb .socialTit .caName{display: none;}


.thumb  .empty_li{line-height:145px ;color:#666;text-align:center;padding:0;}
.thumb  .empty_li:before{background:none;padding:0}

.thumb .lt_cmt {background:#e9eff5;color:#3a8afd;font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle;}
.thumb .lt_cmt .cnt_cmt { font-size:12px}
.thumb .cnt_cmt { font-size:12px}

.thumb .social_more{display: inline-block; position: absolute; top: 70px; right: 8px; padding:0 13px; font-size: 16px; color: #111;  background: url('../social/img/arrow_icon_b.png') no-repeat 97% 50%; transition: 0.3s ease-out; letter-spacing:0;}

.thumb .social_more:hover{}



.lt_date h3{color:#069deb; line-height:1em; font-weight:bold; font-size:65px; padding-bottom:5px; text-align:center}
.thumb .date{color:#737373; font-size:18px; text-align:center; display:none}
.thumb li a { font-size:18px; color:#000; font-weight:300; text-align:left; line-height:1.6;}
.thumb li p { overflow: hidden; text-overflow: ellipsis; text-align:left; line-height:1.5;  font-size:16px; padding-top:5px; color:#111; font-weight:500;}

.lat .title_icon { display:none}


/* 태그 */
.social_visual_wrap .thumb .tags{padding:0px 30px 0; height:80px; overflow: hidden;}
.social_visual_wrap .thumb .tags i { font-size: 14px;color: #ff7d30; }
.social_visual_wrap .thumb .tags .tg01 { display:inline-block; background:#fff; color:#ff7d30; margin:3px; font-size:14px; padding:0px 15px; border-radius: 30px; border: 1px solid #ff7d30; }
.social_visual_wrap .thumb .tags a:hover, .tags a:focus { background: #ff7d30;color: #fff; }


@media screen and (max-width:1440px) {
		
	.centumInfor_visual_wrap .left{width:49%;}
	
	.social_visual_wrap .thumb .socialTit{padding:20px; height:65px;}
	.social_visual_wrap .thumb li a{font-size:17px; line-height:1.4;}
	.social_visual_wrap .thumb .social_list{width:100%; margin:0;}
	.social_visual_wrap .thumb .social_list li{}
}

@media screen and (min-width: 1280px) and (max-width:1439px) {
	.social_visual_wrap{height:760px;}
	
	.social_visual_wrap .thumb .tags{padding:0px 20px 0;}
}

@media screen and (min-width: 1024px) and (max-width:1279px) {
	
	.social_visual_wrap{height:auto;}
	.social_visual_wrap .thumb .tags{padding:10px 20px 0; height:70px;}
	.social_visual_wrap .thumb .tags .tg01{margin:2px; font-size:13px; padding:0px 10px; }
	.social_visual_wrap .thumb li a{line-height:1.4;}
	
}

@media screen and (max-width:960px) {
	
	.social_visual_wrap{height: auto;}
	.social_visual_wrap .thumb .social_more{font-size:20px;}	

	.social_visual_wrap .inner{padding:0 20px;}
	.social_visual_wrap .thumb li a { font-size:24px; letter-spacing:-1px;}
	.social_visual_wrap .thumb .socialTit{width:100%; height:72px; padding:20px 20px;}
	.social_visual_wrap .thumb .tags{height:60px;}
	.social_visual_wrap .thumb .tags .tg01{font-size:18px; margin:2px; padding:0 10px;}	
	.social_visual_wrap .thumb .social_list{width:calc(100% + 0px); margin:0px;}	
	.social_visual_wrap .thumb .social_list li{width: calc(100% / 2); padding:0px 5px 10px 5px; margin:0;}
	
}

@media screen and (max-width: 820px){	
	.social_visual_wrap .thumb li a { font-size:22px;}
	
	.social_visual_wrap .thumb .tags{height:56px; padding:0px 20px 0;}
	.social_visual_wrap .thumb .tags i{display: none;}
	.social_visual_wrap .thumb .tags .tg01{font-size:17px;}

}

@media screen and (max-width:768px){
}

@media screen and (max-width: 640px){

	.social_visual_wrap .thumb .social_more{font-size:16px;}	

	.social_visual_wrap .inner{padding:0px;}
	.social_visual_wrap .thumb ul { padding:20px;}
	.social_visual_wrap .thumb .socialTit{padding:15px; height:52px;}
	.social_visual_wrap .thumb .social_list{width: calc(100% + 15px); margin:-16px 0 0 -2px;}
	.social_visual_wrap .thumb li a{position:absolute; font-size:17px;}

	.social_visual_wrap .thumb .tags{height: 40px; padding:0px 15px 0;}	
	.social_visual_wrap .thumb .tags .tg01{position:relative; font-size:13px;}	
	.social_visual_wrap .thumb .social_more{right:20px;}
		
}

@media screen and (max-width: 540px){
	.social_visual_wrap .thumb .socialTit{padding: 17px 20px 0px; height:52px;}
	.social_visual_wrap .thumb li a{font-size:16px;}
	.social_visual_wrap .thumb .tags{}
	.social_visual_wrap .thumb .tags i{display:none; }
	.social_visual_wrap .thumb .tags .tg01{font-size:12px; margin:2px 0px; padding:0 8px;}

}

/* iPhone 14 Pro */
@media screen and (max-width: 430px){
	
	.social_visual_wrap .thumb ul{padding:10px 10px;}
	.social_visual_wrap .thumb li a{font-size: 15px;}
	.social_visual_wrap .thumb .socialTit{padding:15px 10px 0px; height:54px}
	.social_visual_wrap .thumb .social_more{font-size: 14px;}
	
	.social_visual_wrap .thumb .tags{display: none;}
	.social_visual_wrap .thumb .social_list{width:calc(100% + 2px); margin:0;}
}

@media screen and (max-width: 414px){

	.social_visual_wrap .thumb .social_list{width:calc(100% + 6px); margin:0;}
	
}

/* iPhone 12 pro */
@media screen and (max-width: 390px) {
.social_visual_wrap .thumb li a{font-size:15px; letter-spacing:-1px;}
	.social_visual_wrap .thumb .social_more{font-size:14px; right:14px;}
	.social_visual_wrap .thumb li a{font-size:15px; letter-spacing:-2px;}
}

@media (max-width: 360px){
	.social_visual_wrap .thumb li a { font-size:14px;}
	
}

/* Galaxy Fold */
@media screen and (max-width: 280px) {	
	.social_visual_wrap .thumb .social_lat_title{padding-bottom:20px;}
	.social_visual_wrap .thumb ul{padding:0 10px;}
	.social_visual_wrap .thumb .social_more{font-size:13px; top:52px; right:15px;}
	.social_visual_wrap .thumb .social_list{width:calc(100% + 0px);}
	
	.social_visual_wrap .thumb .socialTit{padding:10px 7px; height:38px;}
	.social_visual_wrap .thumb .socialTit .ca_icon_blog{top:1px; left:1px;}
	.social_visual_wrap .thumb li a{font-size:14px; letter-spacing:0px;}
	
}