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


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



.board_list {position:relative; z-index:2; margin:20px auto; padding-bottom:25px;}
.board_list .btn_login {display:none;}
.board_list.login_before .btn_login {display:block; overflow:hidden; position:absolute; top:0; left:0; z-index:100; width:50%; height:100%; text-indent:-999px; background:url('../images/login_txt.png') no-repeat center rgba(51,51,51,0.9); background-size:70% auto;}
.board_list .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;}
.board_list .title {display:block; min-height:42px; margin:0 auto; padding:15px; font-size:17px; color:#333333; line-height:28px; text-align:center; font-weight:normal; background:#eaeaec;}
.board_list .title b {color:#f1597d !important; font-weight:normal;}
#bnaSlider {overflow:hidden; position:relative; margin:0 auto;}
/* #bnaSlider:after {position:absolute; top:0; right:0; width:135px; font-size:15px; color:#fff; line-height:47px; background:rgba(0,0,0,0.3); text-align:center; content:'수술 후 3개월';} */
#bnaSlider li {overflow:hidden; position:relative;}
.bna_img {overflow:hidden;}
.bna_img p {float:left; width:50%; position:relative; padding-bottom:37.98%;}
.bna_img p img {position:absolute; top:0; left:0; width:100%; min-height:100%;}
/*
#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 b {display:block; position:relative;}

#bnaSlider .bx-pager {position:absolute; left:50%; width:40px; bottom:0; line-height:20px; margin-left:-20px; padding:0; font-size:11px; color:#fff; text-align:center; background:#a36d6b;}
/*
#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:40px; padding:0 5px; border:1px solid #eaeaec; border-left:0; font-size:11px; color:#fff; line-height:25px; background:#333333;}
#bnaSlider .bxPager a.active {background:#f1597d;}
#bnaSlider .bxPager a:first-child {border-left:1px solid #eaeaec;}
*/
#bnaSlider .bx-prev {overflow:hidden; position:absolute; z-index:100; top:50%; left:10px; width:11px; height:22px; margin-top:-11px; 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:10px; width:11px; height:22px; margin-top:-11px; text-indent:-999px; background:url('../images/btn_next.png') no-repeat center; background-size:100% auto;}
#bnaSlider .txt {position:absolute; bottom:0; right:0; z-index:100; padding:0 5px; font-size:11px; color:#4e4e4e; line-height:20px; background:#d2d2d2;} 
.sliderBottom {position:relative;}
.sliderBottom .title {padding:12px 15px; font-size:15px; line-height:18px; color:#333333;}
.sliderBottom .title em {color:#f1597d;}
.sliderBottom .btnWrap {position:absolute; top:20px; right:30px; border:1px solid #4e4e4e;}
.sliderBottom .btnWrap a {float:left; width:60px; font-size:15px; color:#4e4e4e; text-align:center; line-height:28px;}
.sliderBottom .btnWrap a+a {border-left:1px solid #4e4e4e;}


#thumbList {position:relative;}
#thumbList ul {overflow:hidden; margin-top:20px; margin-left:-5px;}
#thumbList li {float:left; position:relative; width:50%; padding-left:5px; margin-bottom:5px; text-align:center; font-size:0;}
#thumbList li.on a:before {position:absolute; top:0; left:0; right:0; bottom:-40px; z-index:100; border:2px solid #f1597d; content:'';}
#thumbList li a.img {display:block; position:relative; z-index:100; padding:0;}
#thumbList li strong {display:block; position:relative; z-index:2; padding:10px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:13px; color:#333333; font-weight:normal; text-align:center; line-height:20px; background:#eceff0;}
.login_before #thumbList .bna_img:before {position:absolute; top:0; left:0; z-index:2; width:50%; height:100%; background:url('../images/before.png') no-repeat center rgba(51,51,51,0.9); background-size:50% auto; content:''}


#sliderPos {position:absolute; top:-90px; left:0;}

/*################################# 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;}