@charset "utf-8";

/* 새글 스킨 (latest) */
.basic_swiper_list01 .lt_info {padding:10px 0}
.basic_swiper_list01 .lt_info .lt_nick {}
.basic_swiper_list01 .lt_info .lt_date {color:#888}

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

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



.basic_swiper_list01 {margin-top:40px;}
#swiper-container-bsli01{}
#swiper-container-bsli01 .swiper-slide{border:1px solid #ddd; transition: all .2s;}
#swiper-container-bsli01 .swiper-slide:after{content:""; display:block; padding-top:100%;}
#swiper-container-bsli01 .swiper-slide a{display:block; width:100%; height:100%;position: absolute; top: 0; left: 0; border:4px solid transparent; transition: all .2s;}

#swiper-container-bsli01 .swiper-slide:hover{border:1px solid #093aad; transition: all .2s;}
#swiper-container-bsli01 .swiper-slide:hover a{border:4px solid #093aad; transition: all .2s;}

#swiper-container-bsli01 .swiper-slide .con_twr{position:absolute; padding:20px; bottom:0;}

/* page */
#swiper-pagination-bsli01{position:relative; height:5px; margin-top:50px; width:80%; margin:50px auto 0;}

#swiper-pagination-bsli01.swiper-pagination-progressbar{background:rgba(238,238,238,1);}
#swiper-pagination-bsli01 .swiper-pagination-progressbar-fill{background:rgba(9,58,173,1);}

/* button */
#swiper-button-next-bsli01:after,
#swiper-button-prev-bsli01:after{content:none;}

/* text */
.con_text {
	overflow: visible;
	text-align: left;
	font-weight: bold;
	font-size: 22px;
	color: rgba(0,0,0,1);
}
.con_title {
	overflow: visible;
	line-height: 40px;
	text-align: left;
	font-weight: normal;
	font-size: 16px;
	color: rgba(102,102,102,1);
}
.Date {
	position: absolute;
	width: 45px;
	right: 10px;
	top: 10px;
	overflow: visible;
}
.ID202001 {
	text-align: center;
	font-weight: normal;
	font-size: 12px;
	color: rgba(102,102,102,1);
	letter-spacing: -0.1px;
}
.ID02 {
	text-align: center;
	font-weight: normal;
	font-size: 36px;
	color: rgba(102,102,102,1);
}


/*****************************************
****************************************** respon
******************************************/
@media screen and (max-width:1440px){
}/*1440*/


@media screen and (max-width:1280px){
	.con_text{font-size:19px;}
}/*1280*/


@media screen and (max-width:1024px){
	
	.con_text{font-size:2.2vw;}
	.con_title{font-size: 1.8vw;}
	.ID02{font-size:3.6vw;}
	.ID202001{font-size:1.4vw;}

}/*1024*/

@media screen and (max-width:768px){
	#swiper-container-bsli01{overflow:visible;}
	#swiper-container-bsli01 .swiper-slide .con_twr{padding:10px;}
	.con_text{font-size:2.2vw;}
	.con_title{font-size: 1.8vw;}
	.ID02{font-size:3.6vw;}
	.ID202001{font-size:1.4vw;}
	
	#swiper-pagination-bsli01{margin-top:40px;}
	
	#swiper-container-bsli01 .swiper-slide:hover{border:1px solid #ddd;}
	#swiper-container-bsli01 .swiper-slide:hover a{border:4px solid transparent;}


}/*768*/

@media screen and (max-width:600px){
	
	.con_title{font-size:2.3vw;}
	.con_text{font-size:3.5vw;}

}

@media screen and (max-width:480px){
	.basic_swiper_list01{margin-top:20px;}
	.con_title{font-size:2.6vw;}
	.con_text{font-size:3vw;}
	.ID02{font-size:5.2vw;}
	.ID202001{font-size:1.4vw;}
}/*480*/

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

}