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


#categoryBox2 {}
#categoryBox2 .tab_menu01 {height:47px; border:1px solid #d9d9d9; background:#f3f3f3;}

#categoryBox2 .tab_menu01 li {float:left; width:25%;}

/* #categoryBox2 .tab_menu01 li {float:left; width:20%;} */
/* #categoryBox2 .tab_menu01 li {float:left; width:16.6666666%;} */
#categoryBox2 .tab_menu01 li+li {border-left:1px solid #d9d9d9;}
#categoryBox2 .tab_menu01 a {display:block; font-size:18px; color:#333333; line-height:45px; text-align:center;}
#categoryBox2 .tab_menu01 li.on a {height:46px; margin:0 -1px; color:#fff; background:#bc89e8;}


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

/*4개 레이아웃*/
#categoryBox2 .tab_wrap .cont.s01 {left:30px;}
#categoryBox2 .tab_wrap .cont.s02 {left:340px;}
#categoryBox2 .tab_wrap .cont.s03 {left:713px;}
#categoryBox2 .tab_wrap .cont.s04 {left:775px;}
#categoryBox2 .tab_wrap .cont.s05 {right:140px;}



/* #categoryBox2 .tab_wrap .cont.s01 {left:180px;}
#categoryBox2 .tab_wrap .cont.s02 {left:380px;}
#categoryBox2 .tab_wrap .cont.s03 {left:713px;}
#categoryBox2 .tab_wrap .cont.s04 {left:933px;}
#categoryBox2 .tab_wrap .cont.s05 {right:86px;} */


.boardList {margin-top:40px; border-top:2px solid #161616;}
.boardList li {overflow:hidden; padding-top:40px;}
.boardList .imgWrap {float:left; position:relative; width:560px; height:300px;}
.boardList .imgWrap img {width:100%; height:100%;}
.boardList .btn_login {overflow:hidden; position:absolute; top:0; left:0; z-index:3; text-indent:-200px; background:rgba(29,29,29,0.8);}
.boardList .btn_login:after {position:absolute; top:50%; left:50%; width:139px; height:44px; margin-lefT:-70px; margin-top:-22px; background:url('../images/btn_login.png') no-repeat; content:'';}
.boardList .vType .btn_login {width:50%; height:100%;}
.boardList .hType .btn_login {width:100%; height:50%;}
.boardList .contWrap {float:left; position:relative; width:720px; height:300px; padding:37px 50px; border:1px solid #d9d9d9; color:#333333; background:#f9f9f9;}
.boardList .title {overflow:hidden; margin:5px 0 15px; font-size:22px; color:#1a1a1a; white-space:nowrap; text-overflow:ellipsis;}
.boardList .cont {overflow:hidden; height:84px; margin-bottom:15px; font-size:18px; line-height:28px;}
.boardList .category {margin-top:20px;}
.boardList .category span {border:1px solid #9854d3; color:#9854d3 !important; background:#fff;}
.boardList .admin_btn {position:absolute; right:20px; bottom:20px;}


.btn_list_more {display:block; height:60px; margin-top:30px; border:1px solid #333333; text-align:center; background:url('../images/more_txt.png') no-repeat center; transition:all 0.4s;}
.btn_list_more:hover {background:url('../images/more_txt_on.png') no-repeat center #333333;}



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