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


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



.btn_login > div {position:absolute; top:0; right:50%; bottom:0; width:50%; padding-top:14.5rem; font-size:2.6rem; color:#fff; line-height:3.2rem; font-weight:300; text-align:center; background:rgba(55,65,65,0.8);}
.btn_login em {font-weight:500;}
.btn_login p {width:13rem; margin:2rem auto 0; font-family: 'Roboto', sans-serif; font-size:2.4rem; line-height:4rem; letter-spacing:0em; border:1px solid #fff;}


.boardList {position:relative; z-index:2; margin:10px auto; padding-bottom:12px;}
.boardList .btn_login {display:none;}
.boardList.login_before .btn_login {display:block; overflow:hidden; position:absolute; top:0; left:0; z-index:100; width:100%; height:100%;}
.boardList .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;}
.boardList .title {display:block; margin:0 auto; padding:15px; font-size:17px; color:#333333; line-height:28px; text-align:center; font-weight:normal; background:#eaeaec;}
.boardList .title b {color:#30bbc3 !important; font-weight:normal;}
#bnaSlider {overflow:hidden; position:relative;}
/* #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:56.66%;}
.bna_img p img {position:absolute; top:0; left:0; width:100%; 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 .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:35px; height:25px; 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:#30bbc3;}
#bnaSlider .bxPager a:first-child {border-left:1px solid #eaeaec;}
#bnaSlider .bx-prev {display:none; overflow:hidden; position:absolute; z-index:100; top:50%; left:5px; width:22px; height:43px; margin-top:-21px; text-indent:-999px; background:url('../images/btn_prev.png') no-repeat center; background-size:12px auto;}
#bnaSlider .bx-next {display:none; overflow:hidden; position:absolute; z-index:100; top:50%; right:5px; width:22px; height:43px; margin-top:-21px; text-indent:-999px; background:url('../images/btn_next.png') no-repeat center; background-size:12px auto;}
#bnaSlider .btn_prev {overflow:hidden; position:absolute; z-index:100; top:50%; left:5px; width:22px; height:43px; margin-top:-21px; text-indent:-999px; background:url('../images/btn_prev.png') no-repeat center; background-size:12px auto;}
#bnaSlider .btn_next {overflow:hidden; position:absolute; z-index:100; top:50%; right:5px; width:22px; height:43px; margin-top:-21px; text-indent:-999px; background:url('../images/btn_next.png') no-repeat center; background-size:12px auto;}
#bnaSlider .txt {position:absolute; bottom:0; right:0; z-index:100; padding:0 7px; font-size:11px; color:#4e4e4e; line-height:25px; background:#d2d2d2;} 
.sliderBottom {position:relative; margin:0 auto;}
.sliderBottom .title {padding:12px 5px; font-size:15px; line-height:25px; color:#333333;}
.sliderBottom .title em {color:#30bbc3;}
.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;}

.keyword  {text-align:center; padding:10px 15px; font-size:14px; color:#000000; line-height:1.2;}

#thumbList {position:relative;}
#thumbList ul {overflow:hidden; margin-top:10px; margin-left:-5px;}
#thumbList li {float:left; position:relative; width:33.333%; 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:0px; z-index:100; border:2px solid #30bbc3; content:'';}
#thumbList li a.img {display:block; position:relative; z-index:100;}
#thumbList li img {position:absolute; top:0; left:0; width:100%; height:110%;}
#thumbList li strong {display:none; position:relative; z-index:2; padding:0 8px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:13px; color:#333333; font-weight:normal; text-align:center; line-height:30px; 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:''}
#thumbList li.state_close strong {background:#ccc;}

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












.btnArea {max-width:1100px; margin-left:auto; margin-right:auto;}

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



#category_box .category li {width:50% !important;}
#category_box .category li:first-child {width:100% !important;}