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


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



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

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

.board_list > ul > li {padding-bottom:15px;}
.img_group {overflow:hidden; position:relative; border:1px solid #b18d55}
.img_group .img_wrap {float:left; position:relative; width:50%; padding-bottom:62.95%;}
.img_group .img_wrap img {position:absolute; top:50%; left:0; width:100%; height:auto; transform:translateY(-50%);}
.board_list.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?v=1') rgba(0,0,0,0.7) no-repeat center; background-size:75% auto; content:'';}

#bna_swiper {position:relative;}
#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:#b18d55;}
#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:125.9%; background:#e8e8e8}
#bna_detail .swiper-slide img {position:absolute; top:50%; left:0; width:100%; height:auto; transform:translateY(-50%);}
#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-button-prev:after,
#bna_detail .swiper-button-next:after {display:none;}
#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:#b18d55;}
#bna_detail .btnWrap {position:absolute; right:0px; bottom:-40px; border:1px solid #454545;}
#bna_contents {margin-top:8px; font-size:14px; line-height:1.5; color:#54565a; font-weight:400;}
.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;}