@charset "utf-8";
/* 새글 스킨 (latest) */
.lat { position:relative; margin-bottom:20px; background:#fff } 
.lat .lat_title { display:block; line-height:45px; font-size:1.2em; color:#253dbe } 
.lat .lat_title a { position:relative; color:#000; display:inline-block } 

.lat ul { padding:10px 0 } 
.lat li { position:relative; line-height:18px; border-bottom:1px solid #e5ecee; margin-bottom:10px } 
.lat li a { font-weight:bold; font-size:1.2em; line-height:20px; vertical-align:middle } 
.lat li a:hover { color:#3a8afd } 
.lat li .fa-heart { color:#ff0000 } 
.lat 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 #cbe3e8; vertical-align:middle } 
.lat li .new_icon { display:inline-block; width:16px; line-height:16px; font-size:0.833em; color:#23db79; background:#b9ffda; text-align:center; border-radius:2px; margin-left:2px; font-weight:bold; vertical-align:middle } 
.lat li .hot_icon { display:inline-block; width:16px; line-height:16px; font-size:0.833em; color:#ff0000; background:#ffb9b9; text-align:center; border-radius:2px; vertical-align:middle } 
.lat li .fa-caret-right { color:#bbb } 
.lat li .fa-download { display:inline-block; width:16px; line-height:16px; font-size:0.833em; color:#daae37; background:#ffefb9; text-align:center; border-radius:2px; vertical-align:middle } 
.lat li .fa-link { display:inline-block; width:16px; line-height:16px; font-size:0.833em; color:#b451fd; background:#edd3fd; text-align:center; border-radius:2px; vertical-align:middle } 

.lat .profile_img img { border-radius:50% } 

.lt_info { padding:10px 0 } 
/* .lt_info .lt_nick { } */
.lt_info .lt_date { color:#888 } 

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

.lat .lt_cmt { background:#e9eff5; color:#3a8afd; font-size:11px; height:16px; line-height:16px; padding:0 5px; border-radius:3px; vertical-align:middle } 
.lat .lt_more { position:absolute; top:11px; right:0; display:block; width:40px; line-height:25px; color:#3a8afd; border-radius:3px; text-align:center } 
.lat .lt_more:hover { color:#777 } 

.bocast-top{display:block; margin-bottom:20px; text-align:right;}
.bocast-top > a{font-size:15px; font-weight:400; color:#fff; line-height:1em; word-break:keep-all;}
.bocastSwiper { width: 100%; } 
.bocastSwiper .swiper-wrapper { width: 100%; } 
.swiper-slide { position: relative; } 
.slide_con { box-sizing: border-box; position: relative; background: #fff; } 
/*
.slide_con:before,
.slide_con:after { content: ''; position: absolute; background: transparent; z-index: 2; width: 0%; height: 0%; opacity: 0; transition: width 0.2s linear, height 0.15s 0.2s ease-out, opacity 0s 0.35s; } 
.slide_con:before { bottom: 0; left: 0; border-top: 1px solid var(--main-c); border-left: 1px solid var(--main-c); } 
.slide_con:after { top: 0; right: 0; border-bottom: 1px solid var(--main-c); border-right: 1px solid var(--main-c); } 
.slide_con:hover:before,
.slide_con:hover:after { width: 100%; height: 100%; opacity: 1; transition: width 0.2s 0.15s ease-out, height 0.15s ease-in, opacity 0s; } 
.slide_con:hover { border: 1px solid transparent; } 
*/
.slide_con:hover .title { color:#bca06a; } 


.slide_con a { position: relative; z-index: 3; text-align:left;} 
.slide_con .con_wrap { padding:25px; } 
.slide_con .title { font-size: 20px; font-weight: 600; height: 58px; display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; color: #111; line-height: 1.4em; word-break: keep-all; overflow: hidden; } 
.slide_con .bo_cnt { width: calc(100% - 40px); margin: 0 auto; display: block; font-size: 16px; padding: 10px 0; } 
.slide_con .gall_bt { padding: 0 20px 20px; justify-content: flex-start; gap: 20px; } 
.slide_con .gall_img { width: 117px; height: 150px; } 

.slide_con .lawyers_wrap { margin-top: 10px; } 
.slide_con .lawyers_wrap a { width: 40px; position: relative; height: 40px; overflow: hidden; border-radius: 4px; } 

.slide_con .new_icon { font-size: 10px; background: var(--main-c); padding: 2px 5px; border-radius: 4px; color: #fff; } 

.slide_con .pan {display:inline-block; padding:5px 10px; font-size: 16px; background:#bca06a; color:#fff; margin-bottom: 15px; border-radius:5px; box-sizing:border-box;} 
.gall_in_bt {display:block; padding:20px 25px; border-top:1px solid #eee; display: flex; justify-content: space-between; align-items: flex-end; box-sizing:border-box; } 
.slide_con .date { font-size: 16px; font-weight: 300; color: #999; } 
.slide_con .ic-plus{width:14px; height:14px; background:url(img/ic-plus.svg)no-repeat center; background-size:contain; transition:all 0.3s ease; transform:rotate(0);}
.slide_con:hover .ic-plus{background:url(img/ic-plus-color.svg)no-repeat center; background-size:contain; transform:rotate(360deg);}
.slide_con .gall_icon { width: 20px; } 


.bocast_wrap .swiper-btn-wrap { display: flex; flex-direction: row-reverse; gap: 10px; justify-content: center; } 
.bocast_wrap .swiper-button-next,.bocast_wrap .swiper-button-prev { position: unset; margin-top: 0; width: 35px; height: 35px; color: #ccc; border: 1px solid #ccc; background: #fff; } 

.bocast_wrap .swiper-button-next:after, .bocast_wrap .swiper-button-prev:after { font-size: 16px !important; } 

.bocastSwiper .swiper-pagination {
    position: relative;
    bottom: 0;
    margin-top: 10px;
    width: 100% !important;
}
.bocastSwiper .swiper-pagination-bullet{width:10px; height:10px; margin:0 2.5px !important; background:rgba(255,255,255,0.2); transform: scale(1) !important; opacity:1;}
.bocastSwiper .swiper-pagination-bullet-active{background:#bca06a;}

@media all and (max-width: 860px){
	.bocastSwiper .swiper-pagination{margin-top:20px; bottom:0;}
}
@media all and (max-width: 768px){
	.slide_con .pan{margin-bottom:10px; padding:4px 8px;font-size:15px;}
	.slide_con .con_wrap{padding:20px;}
	.slide_con .title{font-size:18px; height:50px;}
	.gall_in_bt{padding:18px 20px;}
	.slide_con .date{font-size:15px;}
}
@media all and (max-width: 500px){
	.slide_con .con_wrap{padding:15px;}
	.gall_in_bt{padding:15px;}
	.slide_con .date{font-size:14px;}
	.bocastSwiper .swiper-pagination-bullet{width:8px; height:8px;}
	.bocast-top{margin-bottom:10px;}
	.bocast-top > a{font-size:14px;}
}