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


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




.boardList {margin-top:25px;}
.boardList ul {overflow:hidden; margin:-2px;}
.boardList li {float:left; width:50%; padding:2px;}
.boardList .liWrap {border:1px solid #cfced3;}
.boardList .imgWrap {overflow:hidden; position:relative; padding-bottom:60.5%;}
.boardList .imgWrap img {position:absolute; top:0; left:0; width:100%; height:auto; min-height:100%;}
.boardList li .contWrap {padding:8px 9px 9px;}
.boardList li .category {font-size:15px; color:#000;}
.boardList li .title {overflow:hidden; height:36px; margin-top:6px; font-size:11px; color:#666666; line-height:18px; word-break:break-all;}
.boardList.login_before .btn_login {position:absolute; top:0; left:0; z-index:10; font-size:11px; line-height:15px; color:#fff; background:rgba(38,44,51,0.6);}
.boardList.login_before .btn_login span {position:absolute; top:50%; left:50%; width:50px; height:16px; margin-top:-8px; margin-left:-25px; border:1px solid #fff; border-radius:12px; font-size:10px; color:#fff; line-height:14px; text-align:center; letter-spacing:0em;}
.boardList.login_before .vType .btn_login {width:50%; bottom:0;}
.boardList.login_before .hType .btn_login {width:100%; height:50%;}
.btn_login p {position:absolute; top:50%; left:0; width:100%; margin-top:-25px;}
.btn_login i {display:block; width:18px; height:18px; margin:0 auto 0; background:url('../images/ico_mem.png') no-repeat 0; background-size:100% auto;}

.boardList li:first-child {width:100%;}
.boardList li:first-child .contWrap {padding:22px 17px 17px;}
.boardList li:first-child .stxt {font-size:11px; color:#4a96e9;}
.boardList li:first-child .category {padding-top:5px; font-size:15px; color:#222222;}
.boardList li:first-child .title {margin-top:5px; font-size:12px; color:#666666;}
.boardList li .tNum {display:none;}
.boardList.login_before li.vType .btn_login p {width:120px; left:50%; margin-left:-60px; margin-top:-33px;}
.boardList.login_before li.vType:first-child .btn_login {padding:65px 60px; text-align:center; background:rgba(38,44,51,0.6)}
.boardList.login_before li.vType:first-child .btn_login span {display:block; position:relative; top:0; left:0; margin:3px auto;}
.boardList.login_before li.hType:first-child .btn_login {padding:45px 0px 0; text-align:center; background:rgba(38,44,51,0.6)}
.boardList.login_before li.hType:first-child .btn_login span {display:block; position:relative; top:0; left:0; margin:3px auto;}


#sliderPop {position:fixed; top:10000%; left:0%; width:100%; z-index: 1000002; transform: translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); padding:0 30px;}
#sliderPop .btn_close {position:absolute; right:10px; top:-25px; width:17px;}
#sliderPop .pop_dimmed_bg {display:none; position:fixed; top:-200%; left:0; z-index: 10; width:100%; height:500%; background:rgba(0,0,0,0.7);}
#sliderPop .sliderWrap {position:relative; z-index:12;}
#sliderPop .contWrap {position:relative; z-index:13;}
#sliderPop .liWrap {overflow:hidden; position:relative; padding-bottom:65%;}
#sliderPop .liWrap img {position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; transition:opacity 0.4s;}
#sliderPop .liWrap img:first-child {opacity:1;}
#sliderPop .liWrap img.on {opacity:1;}
#sliderPop .btnPrev {overflow:hidden; position:absolute; top:50%; left:-28px; width:18px; height:35px; margin-top:-9px; text-indent:-999px; background:url('../images/btn_prev.png') no-repeat center; background-size:100% auto;}
#sliderPop .btnNext {overflow:hidden; position:absolute; top:50%; right:-28px; width:18px; height:35px; margin-top:-9px; text-indent:-999px; background:url('../images/btn_next.png') no-repeat center; background-size:100% auto;}
#sliderPop .contWrap {padding:12px 15px; color:#fff; background:#000;}
#sliderPop .category {font-size:15px; font-weight:bold; line-height:1;}
#sliderPop .title {margin-top:7px; font-size:12px; color:#cecece;}
#sliderPop .pager {position:absolute; left:0; right:0; bottom:0; text-align:center; font-size:0;}
#sliderPop .pager a {display:inline-block; min-width:35px; height:20px; padding:0 8px; border-top:1px solid #000; border-right:1px solid #000; font-size:11px; color:#fff; line-height:20px; background:#575757;}
#sliderPop .pager a:first-child {border-left:1px solid #000;}
#sliderPop .pager a.on {background:#4a96e9;}

.btnWrap {position:absolute; top:17px; right:20px; border:1px solid #4e4e4e;}
.btnWrap a {float:left; width:35px; font-size:12px; color:#4e4e4e; text-align:center; line-height:20px;}
.btnWrap a+a {border-left:1px solid #4e4e4e;}

#sliderPop.view {top:50%;}
#sliderPop.view .pop_dimmed_bg {display:block;}