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


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

/*

.boardList {position:relative; z-index:2; margin:20px auto; padding-bottom:25px;}
.boardList .btn_login {display:none;}
.boardList.login_before .btn_login {display:block; overflow:hidden; position:absolute; top:0; left:0; z-index:100; width:50%; height:730px; text-indent:-999px; background:url('../images/login_box.png') no-repeat center;}
.boardList .before {position:absolute; top:66px; left:0; z-index:100; width:50%; height:20px; opacity:0.5; background:url('../images/title_bna.png') no-repeat center;}
.boardList .title {display:block; padding:20px; font-size:17px; color:#333333; line-height:28px; text-align:center; font-weight:normal; background:#eaeaec;}
.boardList .title b {color:#00b0f0 !important; font-weight:normal;}
#bnaSlider {position:relative; height:730px;}
#bnaSlider li {overflow:hidden; position:relative;}

#bnaSlider li img {width:100%; height:730px;}
#bnaSlider li b {display:block; position:relative;}

#bnaSlider .bxPager {position:absolute; bottom:0px; left:50%; z-index:1000; width:500px; margin-left:-250px; border-bottom:0;  text-align:center;}
#bnaSlider .bxPager p {display:inline-block; vertical-align:top;}
#bnaSlider .bxPager a {display:inline-block; float:left; box-sizing:border-box; min-width:85px; height:57px; padding:0 15px; border:1px solid #eaeaec; border-left:0; font-size:18px; color:#fff; line-height:45px; line-height:57px; background:#5a5e69;}
#bnaSlider .bxPager a.active {background:#00b0f0;}
#bnaSlider .bxPager a:first-child {border-left:1px solid #eaeaec;}
#bnaSlider .bx-prev {overflow:hidden; position:absolute; z-index:100; top:50%; left:30px; width:22px; height:43px; margin-top:-21px; text-indent:-999px; background:url('../images/btn_prev.png') no-repeat center;}
#bnaSlider .bx-next {overflow:hidden; position:absolute; z-index:100; top:50%; right:30px; width:22px; height:43px; margin-top:-21px; text-indent:-999px; background:url('../images/btn_next.png') no-repeat center;}
#bnaSlider .txt {position:absolute; top:0; right:0; z-index:100; padding:0 25px; font-size:16px; color:#4e4e4e; line-height:50px; background:#eeeeee;} 
.sliderBottom {position:relative;}
.sliderBottom .btnWrap {position:absolute; top:20px; right:30px; border:1px solid #4e4e4e;}
.sliderBottom .btnWrap a {float:left; width:55px; font-size:14px; color:#4e4e4e; text-align:center; line-height:25px;}
.sliderBottom .btnWrap a+a {border-left:1px solid #4e4e4e;}


#thumbList {position:relative; margin:53px auto 0;}
#thumbList ul {overflow:hidden; margin-left:-15px;}
#thumbList li {float:left; position:relative; width:25%; padding-left:15px; margin-bottom:15px; text-align:center; font-size:0;}
#thumbList li:hover a:before, #thumbList li.on a:before {position:absolute; top:0; left:0; right:0; bottom:-58px; z-index:100; border:2px solid #00b0f0; content:'';}
#thumbList li a.img {display:block; position:relative; z-index:100;}
#thumbList li span {display:block; position:relative; padding-bottom:57%;}
#thumbList li img {position:absolute; top:0; left:0; width:100%; height:100%;}
#thumbList li strong {display:block; position:relative; z-index:2; padding:0 10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:16px; color:#333333; font-weight:normal; text-align:center; line-height:58px; background:#eaeaec;}
.login_before #thumbList span:before {position:absolute; top:0; left:0; z-index:2; width:50%; height:100%; background:url('../images/before.png') no-repeat center rgba(49,53,64,0.9); content:''}


*/

/*################################# write #################################*/
/*
.categorySelectList {overflow:hidden;}
.categorySelectList dl {float:left; width:25%;}
.categorySelectList dl:nth-child(4){clear:both;}
.categorySelectList dt {font-size:18px; color:#000; font-weight:700;}
.categorySelectList dd {padding-left:20px; font-size:15px;}


.main_display_chk {display:inline-block; width:80px;}






*/

#categoryBox ul:first-child li {width:16.666%;}

.boardList {position:relative;}
.boardList .data {display:none;}
.boardList > ul {overflow:hidden; margin:-16px;}
.boardList > ul > li {float:left; width:50%; padding:16px;}
.boardList > ul > li:nth-child(2n+1) {clear:both;}
.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; 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:50px; 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; content:'';}

#bna_detail {display:none; position:absolute; top:100px; left:0; right:0; z-index:1000; height:610px; padding:50px 105px; background:#e8e8e8;}
#bna_detail:before {position:absolute; top:-20px; left:312px; margin-left:-16px; border-left: 16px solid transparent; border-right: 16px solid transparent; border-bottom: 20px solid #e8e8e8; content:'';}
#bna_detail.even:before {left:968px;}
#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:100px; margin-left:-50px; padding:10px; color:#fff; text-align:center; font-size:20px; line-height:1.3; 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 {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:60px; top:185px; width:29px; height:54px; margin:0; background:url('../images/btn_prev.png') no-repeat;}
#bna_detail .swiper-button-next {right:60px; top:185px; width:29px; height:54px; margin:0; background:url('../images/btn_next.png') no-repeat;}
#bna_detail .swiper-slide .txt {font-size:20px; color:#000; line-height:50px; text-align:center; background:#fff;}
#bna_detail .swiper-slide .before .txt {background:#f1f1f1;}
#bna_detail .title {position:relative; margin-top:45px; font-size:24px; color:#000000; font-weight:700;}
#bna_detail .title em {color:#95ae98;}
#bna_detail .btnWrap {position:absolute; right:0px; top:10px; border:1px solid #454545;}
.btnWrap a {float:left; width:70px; font-size:17px; color:#454545; text-align:center; line-height:40px; font-weight:400;}
.btnWrap a+a {border-left:1px solid #454545;}
.btnWrap .btn_close {color:#fff; background:#454545;}