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


#categoryBox2 {}
#categoryBox2 .tab_menu01 {display:table; width:100%; height:28px; border:1px solid #d9d9d9; background:#f3f3f3;}
#categoryBox2 .tab_menu01 li {display:table-cell;}
#categoryBox2 .tab_menu01 li+li {border-left:1px solid #d9d9d9;}
#categoryBox2 .tab_menu01 a {display:block; font-size:12px; color:#333333; line-height:26px; text-align:center;}
#categoryBox2 .tab_menu01 li.on a {height:27px; margin:0 -1px; color:#fff; background:#bc89e8;}


#categoryBox2 .tab_wrap {overflow:hidden; position:relative; margin-top:-1px; height:28px; background:#bc89e8;}
#categoryBox2 .tab_wrap a {display:block; font-size:11px; color:#fff; line-height:28px;}
#categoryBox2 .tab_wrap li {float:left;}
#categoryBox2 .tab_wrap li+li {margin-left:5px;}
#categoryBox2 .tab_wrap .cont {display:none; position:absolute; top:0;}
#categoryBox2 .tab_wrap .cont.on {display:block;}

/*4개 레이아웃*/
#categoryBox2 .tab_wrap .cont.s01 {left:4%;}
#categoryBox2 .tab_wrap .cont.s02 {left:30%;}
#categoryBox2 .tab_wrap .cont.s03 {left:48%;}
#categoryBox2 .tab_wrap .cont.s04 {left:56%;}
#categoryBox2 .tab_wrap .cont.s05 {right:6%;}



/* #categoryBox2 .tab_wrap .cont.s01 {left:16%;}
#categoryBox2 .tab_wrap .cont.s02 {left:30%;}
#categoryBox2 .tab_wrap .cont.s03 {left:48%;}
#categoryBox2 .tab_wrap .cont.s04 {left:70%;}
#categoryBox2 .tab_wrap .cont.s05 {right:2%;} */

/*
.boardList {margin-top:20px; border-top:2px solid #161616;}
.boardList li {padding-top:20px;}
.boardList li .box {overflow:hidden; border:1px solid #d9d9d9; background:#f9f9f9;}
.boardList .imgWrap {float:left; position:relative; width:50%; padding-bottom:26.78%;}
.boardList .imgWrap img {position:absolute; top:0; left:0; width:100%; height:100%;}
.boardList .btn_login {overflow:hidden; position:absolute; top:0; left:0; z-index:2; text-indent:-200px; background:rgba(29,29,29,0.8);}
.boardList .btn_login:after {position:absolute; top:50%; left:50%; width:70px; height:22px; margin-left:-35px; margin-top:-11px; background:url('../images/btn_login.png') no-repeat center; background-size:60px auto; content:'';}
.boardList .vType .btn_login {width:50%; height:100%;}
.boardList .hType .btn_login {width:100%; height:50%;}
.boardList .contWrap {float:left; position:relative; width:50%; padding:8px 10px; color:#333333;}
.boardList .title {overflow:hidden; margin:2px 0 5px; font-size:14px; color:#1a1a1a; font-weight:bold; white-space:nowrap; text-overflow:ellipsis;}
.boardList .cont {overflow:hidden; height:16px; margin-bottom:3px; font-size:11px; line-height:16px; white-space:nowrap; text-overflow:ellipsis;}
.boardList .etc {font-size:11px;}
.boardList .category {margin-top:5px;}
.boardList .category span.btn {min-width:auto; height:18px; margin-bottom:3px; border:1px solid #9854d3; color:#9854d3 !important; line-height:16px; background:#fff;}
.boardList .admin_btn {position:absolute; right:20px; bottom:20px;}
*/

.boardList {margin-top:20px; border-top:2px solid #161616;}
.boardList li {padding-top:20px;}
.boardList li .box {overflow:hidden; border:1px solid #d9d9d9; background:#f9f9f9;}
.boardList .imgWrap {position:relative; padding-bottom:53.56%;}
.boardList .imgWrap img {position:absolute; top:0; left:0; width:100%; height:100%;}

.boardList .btn_login {overflow:hidden; position:absolute; top:0; left:0; z-index:2; text-indent:-200px; background:rgba(29,29,29,0.8);}
.boardList .btn_login:after {position:absolute; top:50%; left:50%; width:70px; height:22px; margin-left:-35px; margin-top:-11px; background:url('../images/btn_login.png') no-repeat center; background-size:60px auto; content:'';}
.boardList .vType .btn_login {width:50%; height:100%;}
.boardList .hType .btn_login {width:100%; height:50%;}

.boardList .contWrap {float:left; position:relative; padding:8px 10px; color:#333333;}
.boardList .title {overflow:hidden; margin:2px 0 8px; font-size:14px; color:#1a1a1a; font-weight:bold; white-space:nowrap; text-overflow:ellipsis;}
.boardList .cont {overflow:hidden; height:32px; margin-right:5px; margin-bottom:7px; font-size:12px; line-height:16px;}
.boardList .etc {font-size:11px;}
.boardList .category {margin-top:7px;}
.boardList .category span.btn {min-width:auto; height:18px; margin-bottom:3px; border:1px solid #9854d3; color:#9854d3 !important; line-height:16px; background:#fff;}
.boardList .admin_btn {position:absolute; right:20px; bottom:20px;}

.btn_list_more {display:block; height:37px; margin-top:17px; border:1px solid #333333; text-align:center; background:url('../images/more_txt.png') no-repeat center; background-size:60px auto;}




.categorySelectList dl+dl {margin-top:15px;}
.categorySelectList dt {font-size:20px; color:#333;}
.categorySelectList li {display:inline-block; min-width:130px;}