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


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



.board_list {position:relative; z-index:2; margin:0 auto; padding-bottom:15px;}
.board_list .btn_login {display:none;}
.board_list.login_before .btn_login {display:block; overflow:hidden; position:absolute; top:0; left:0; bottom:0; z-index:100; width:50%; text-indent:-999px; background:url('../images/login_box.png') no-repeat center; background-size:120%;}
.board_list .title {display:block; padding:7px; font-size:14px; color:#333333; line-height:20px; text-align:center; font-weight:normal; background:#eaeaec;}
.board_list .title b {color:#00b0f0 !important; font-weight:normal;}
#bnaSlider {position:relative; width:100%;}
#bnaSlider li {overflow:hidden; position:relative;}
/*
#bnaSlider li:after {position:absolute; bottom:25px; right:30px; z-index:10; width:55px; height:13px; background:url('../images/txt_after.png') no-repeat right center; content:'';}
#bnaSlider li:before {position:absolute; bottom:25px; left:30px; z-index:10; width:55px; height:13px; background:url('../images/txt_before.png') no-repeat left center; content:'';}
*/
#bnaSlider li img {position:absolute; top:0; left:0; width:100% !important; min-height:100%;}
#bnaSlider li b {display:block; overflow:hidden; position:relative; padding-bottom:57.5%;}

#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:30px; height:25px; padding:0 5px; border:1px solid #eaeaec; border-left:0; font-size:13px; color:#fff; line-height:25px; 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:5px; width:15px; height:40px; margin-top:-20px; text-indent:-999px; background:url('../images/btn_prev.png') no-repeat center; background-size:100% auto;}
#bnaSlider .bx-next {overflow:hidden; position:absolute; z-index:100; top:50%; right:5px; width:15px; height:40px; margin-top:-20px; text-indent:-999px; background:url('../images/btn_next.png') no-repeat center; background-size:100% auto;}
#bnaSlider .txt {position:absolute; top:0; right:0; z-index:100; padding:0 10px; font-size:12px; line-height:25px; color:#4e4e4e; 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:20px auto 0;}
#thumbList ul {overflow:hidden; margin-left:-6px;}
#thumbList li {float:left; position:relative; width:33.33%; padding-left:6px; padding-bottom:6px; text-align:center; font-size:0; cursor:pointer;}
#thumbList li div {position:relative;}
#thumbList li.on div:before {position:absolute; top:0; left:0; right:0; bottom:-28px; z-index:5; border:2px solid #00b0f0; content:'';}
#thumbList li a {display:block;}
#thumbList li a.img {display:block; overflow:hidden; position:relative; padding-bottom:57%; z-index:4;}
#thumbList li a.img img {position:absolute; top:0; left:0; width:100% !important; min-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:12px; color:#333333; font-weight:normal; text-align:center; line-height:28px; background:#eaeaec;}
.login_before #thumbList a.img:before {position:absolute; top:0; left:0; z-index:100; width:50%; height:100%; background:url('../images/before.png') no-repeat center rgba(49,53,64,0.9); background-size:40px auto; content:''}


#categoryBox {border:0px solid #d5d5d5;}
#categoryBox .box {overflow:hidden; padding:10px 0 10px 10px;}
#categoryBox dl {float:left; width:36%;}
#categoryBox dl:last-child {width:28%;}
#categoryBox dt {font-size:15px; color:#000; font-weight:bold;}
#categoryBox dd {padding:2px 5px; font-size:11px; letter-spacing:-0.07em;}
#categoryBox dd li {margin-bottom:3px;}
#categoryBox .btn_wrap {margin:0 0 20px; text-align:center;}

#sliderPos {position:relative; top:-60px; left:0;}

/*################################# write #################################*/



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