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

.thumb {position:relative;overflow:hidden;}
.thumb .inform_lat_title { text-align:left; font-size:30px; font-weight:600;}
.thumb .inform_lat_title a{}
.thumb .ltTit{color:#eb5a09;}


.thumb .inform_list li {float:left; width:292px; display:inline-block; margin:40px 0 0 30px;}
.thumb .inform_list li:before{ display:none}
.thumb .inform_list li a:hover{color:#000;}
.thumb .inform_list li .fa-heart{color:#ff0000;}
.thumb .inform_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}
.thumb .inform_list li .new_icon{display:inline-block;width: 15px;line-height:15px; font-size:10px; vertical-align:top; margin:7px 0 0 7px; color:#fff;background:#ff7d30;text-align:center;border-radius: 30px;}
.thumb .inform_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}
.thumb .inform_list li .fa-caret-right{color:#bbb}
.thumb .lt_date{position:absolute;top:32px;left:0;color:#888; font-size:14px}

.thumb .inform_date{color:#888; font-size:16px; font-weight:600; }
.thumb .inform_date p{font-size:16px; padding-top:10px;}

.thumb .photo {width:100%; padding:0px;}
.thumb .photo .inform_img{position: relative; width: 100%; overflow: hidden; border-bottom: 1px solid #ddd;}
.thumb .photo .inform_img img {width:100%; height: auto; border-radius:10px 10px 0 0; -webkit-transform:scale(1); transform: scale(1); transition: all 1s ease; -webkit-transition:all 1s ease;}

.thumb .informBn { font-size:18px; color:#555;}

.thumb .inform_list{width:calc(100% + 30px); margin:-40px 0 0 -30px;}

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

.thumb .informTit{padding:24px 30px; display: inline-block;}

.thumb .informTit .ca_icon_blog{width: 44px; height: 44px; background:url('../inform/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 .informTit .ca_icon_insta{width: 44px; height: 44px; background:url('../inform/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 .informTit .ca_icon_youtube{width: 44px; height: 44px; background:url('../inform/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 .informTit .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 .inform_more{display: inline-block; position: absolute; top: 20px; right: 8px; padding:0 13px; font-size: 16px; color: #111;  background: url('../inform/img/arrow_icon_b.png') no-repeat 97% 50%; transition: 0.3s ease-out; letter-spacing:0;}

.thumb .inform_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}


/* 태그 */
.thumb .tags{padding:0px 30px 0; height:60px; overflow: hidden;}
.thumb .tags i { font-size: 14px;color: #ff7d30; }
.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; }
.thumb .tags a:hover, .tags a:focus { background: #ff7d30;color: #fff; }
 

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

	.centumInfor_visual_wrap .right{width:48%;}
	
	.centumInfor_visual_wrap .thumb .inform_date p{padding-top:10px;}
.centumInfor_visual_wrap .thumb .informTit{padding:25px; height:auto;}
.centumInfor_visual_wrap .thumb .inform_more{top:16px;}	

.centumInfor_visual_wrap .thumb .inform_list{width:100%; margin:0px;}	
.centumInfor_visual_wrap .thumb .inform_list li {width: calc(100% / 2); padding:0px 5px; margin:0;}	
.centumInfor_visual_wrap .thumb .inform_list li:nth-child(2n){margin-right: 0;}	
	.centumInfor_visual_wrap .thumb .photo .inform_img{height:unset;}
}

@media screen and (min-width: 1280px) and (max-width:1439px) {
	.centumInfor_visual_wrap .right{width:48%;}
	.centumInfor_visual_wrap .thumb .informTit{height:106px;}
	.centumInfor_visual_wrap .thumb li a{font-size:17px; letter-spacing: -1px; }
	.centumInfor_visual_wrap .thumb .inform_date p{font-size:14px; padding-top:4px;}
	
	
}

@media screen and (min-width: 1024px) and (max-width:1279px) {
	.centumInfor_visual_wrap .thumb .informTit{padding:20px 20px;}
	.centumInfor_visual_wrap .thumb li a{font-size:16px; letter-spacing:-1px;}
	.centumInfor_visual_wrap .thumb .inform_date p{padding-top:4px;}
	
	.centumInfor_visual_wrap .left{width:49%;}
	
}


@media screen and (max-width:960px){
	.centumInfor_visual_wrap .thumb .inform_lat_title{margin:0 0 25px;}
	
	.centumInfor_visual_wrap .left{width:100%; padding-bottom:20px;}
	.centumInfor_visual_wrap .thumb .inform_list{width:calc(100% + 8px); margin:0px;}
	
	.centumInfor_visual_wrap .thumb .inform_more{font-size:18px;}
	.centumInfor_visual_wrap .thumb .photo .inform_img{height:auto;}
	.centumInfor_visual_wrap .thumb li a{font-size:24px; line-height:1.2px;}
	.centumInfor_visual_wrap .thumb .inform_date p{font-size:20px; padding-top:20px;}

	.centumInfor_visual_wrap .thumb .informTit{padding:40px 30px; height: 136px;}	

}

@media screen and (max-width: 820px){
	.centumInfor_visual_wrap .thumb .inform_list{width:calc(100% + 2px);}
	.centumInfor_visual_wrap .thumb .informTit{padding:28px 25px; height: 122px;}
		
}

@media screen and (max-width:768px){
	.centumInfor_visual_wrap .thumb .informTit{padding:26px 25px;height: 117px;}
	
}
	
@media (max-width: 640px){

	.centumInfor_visual_wrap .thumb .inform_more{font-size:16px;}	
	.centumInfor_visual_wrap .thumb li a{font-size:18px;}	
	
	.centumInfor_visual_wrap .thumb ul { padding:0}
	.centumInfor_visual_wrap .thumb li a {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size:20px}
	.centumInfor_visual_wrap .thumb .date { padding-bottom:10px}
	.centumInfor_visual_wrap .thumb .inform_lat_title{padding-bottom: 0px;}

	.centumInfor_visual_wrap .thumb .photo .inform_img{height:auto;}
	.centumInfor_visual_wrap .thumb .inform_list{width:100%; margin: 0;}
	
	.centumInfor_visual_wrap .thumb .inform_list .inform_date p{font-size:16px;}
	.centumInfor_visual_wrap .thumb .inform_list .inform_date p{padding-top:10px;}	

	.centumInfor_visual_wrap .thumb .informTit{padding:20px; display: inline-block; height:96px; }
	
}

@media screen and (max-width: 540px){
	.centumInfor_visual_wrap .thumb .informTit{padding:14px 20px; height:80px;}
	
	.centumInfor_visual_wrap .thumb .inform_list li a{font-size:16px;}
	
	.centumInfor_visual_wrap .thumb .inform_lat_title{font-size:26px; margin:0 0 15px;}
	.centumInfor_visual_wrap .thumb .inform_more{font-size:14px;top:14px;}
	
	
}


/* iPhone 14 Pro */
@media screen and (max-width: 430px){
	
	.centumInfor_visual_wrap .left{padding-bottom:10px;}
	.centumInfor_visual_wrap .thumb .photo .inform_img{height:auto;}
	.centumInfor_visual_wrap .thumb .informTit{height:67px; padding:10px 12px;}
	.centumInfor_visual_wrap .thumb .inform_list li{width:48%; margin:0px 10px 10px 0px;}
	.centumInfor_visual_wrap .thumb .inform_list .inform_date p{font-size:14px;}	

	.centumInfor_visual_wrap .thumb .inform_list .inform_date p{padding-top:4px;}
}

/* iPhone XR */
@media screen and (max-width: 414px){
	.centumInfor_visual_wrap .thumb .inform_list li a{font-size:14px; letter-spacing:-1px;}
	
	
	}

/* Galaxy S20 Ultra */
@media screen and (max-width: 412px){
}

/* iPhone 12 pro */
@media screen and (max-width: 390px){
	.centumInfor_visual_wrap .thumb .informTit{height:63px; padding:8px 12px;}
}

/* iPhone SE */
@media screen and (max-width: 375px){
	.centumInfor_visual_wrap .thumb .inform_list .inform_date p{font-size:13px; padding-top:4px;}
	.centumInfor_visual_wrap .thumb .informTit{height:72px;}
}

/* Galaxy S8+ */
@media screen and (max-width: 360px){
	
}

/* Galaxy Fold */
@media screen and (max-width: 280px) {
	.centumInfor_visual_wrap .thumb .inform_lat_title{font-size:20px;}
	.centumInfor_visual_wrap .thumb .inform_more{font-size:13px; top:7px;}
	.centumInfor_visual_wrap h2{margin:0 0 10px;}
	.centumInfor_visual_wrap .left{padding-bottom:20px;}
	.centumInfor_visual_wrap .thumb .inform_list .inform_date p{font-size:12px;}
	.centumInfor_visual_wrap .thumb .informTit{padding:6px; height:60px;}
	
	.centumInfor_visual_wrap .thumb .inform_list li a{font-size:13px;}
}