@charset "utf-8";
/* CSS Document */


/*############################################################# 리스트 #############################################################*/



#categoryBox ul+ul {margin-top:10px;}

.boardList {position:relative;}
.boardList .data {display:none;}

.boardList > ul > li {padding-bottom:15px;}
.img_group {overflow:hidden; position:relative;}
.img_group .img_wrap {float:left; position:relative; width:50%; padding-bottom:30.44%;}
.img_group .img_wrap img {position:absolute; top:0; left:0; width:100%; height:100%;}
.boardList.login_before > ul .before:after {position:absolute; top:0; left:0; width:100%; height:100%; background:url('../images/before.png') rgba(0,0,0,0.7) no-repeat center; background-size:50px; content:'';}
.btn_login_before {overflow:hidden; position:absolute; top:0; left:0; z-index:10; width:50%; height:100%; text-indent:-999px;}
.btn_login_before:before {position:absolute; top:0; left:0; width:100%; height:100%; background:url('../images/before.png') rgba(0,0,0,0.7) no-repeat center; content:'';}
.btn_login {overflow:hidden; position:absolute; top:0; left:0; bottom:30px; z-index:10; width:50%; text-indent:-999px;}
.btn_login:before {position:absolute; top:0; left:0; width:100%; height:100%; background:url('../images/login.png') rgba(0,0,0,0.7) no-repeat center; background-size:auto 80%; content:'';}

#bna_detail {display:none; position:absolute; top:100px; left:0; right:0; z-index:1000; padding:10px 0 50px; background:#e8e8e8;}
#bna_detail:before {position:absolute; top:-10px; left:50%; margin-left:-8px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 10px solid #e8e8e8; content:'';}
#bna_detail .swiper-container {position:relative;}
#bna_detail .swiper-slide {overflow:hidden;}
#bna_detail .swiper-slide .page {position:absolute; top:0; left:50%; z-index:10; width:40px; margin-left:-20px; padding:3px; color:#fff; text-align:center; font-size:12px; line-height:1.2; background:#94af97;}
#bna_detail .swiper-slide .page b {display:block; font-weight:500;}
#bna_detail .swiper-slide > div {float:left; width:50%;}
#bna_detail .swiper-slide .img_wrap {overflow:hidden; position:relative; padding-bottom:60.88%;}
#bna_detail .swiper-slide img {position:absolute; top:0; left:0; width:100%; height:100%;}
#bna_detail .swiper-button-prev {left:10px; top:50%; width:16px; height:30px; margin-top:-30px; background:url('../images/btn_prev.png') no-repeat center; background-size:15px auto;}
#bna_detail .swiper-button-next {right:10px; top:50%; width:16px; height:30px; margin-top:-30px; background:url('../images/btn_next.png') no-repeat center; background-size:15px auto;}
#bna_detail .swiper-slide .txt {overflow:hidden; font-size:15px; color:#000; line-height:30px; white-space:nowrap; text-overflow:ellipsis; text-align:center; background:#fff;}
#bna_detail .swiper-slide .before .txt {background:#f1f1f1;}
#bna_detail .title {position:relative; margin:10px 10px 0; font-size:16px; color:#000000; font-weight:bold;}
#bna_detail .title em {color:#95ae98;}
#bna_detail .btnWrap {position:absolute; right:0px; bottom:-40px; border:1px solid #454545;}
.btnWrap a {float:left; width:55px; font-size:14px; color:#454545; text-align:center; line-height:25px; font-weight:400;}
.btnWrap a+a {border-left:1px solid #454545;}
.btnWrap .btn_close {color:#fff; background:#454545;}