/* CSS Document */

.text_form {height:19px;line-height:19px;border:1px solid #d8d6ca;color:#333333;background-color:#FFFFFF;}
.photo_box {padding-bottom:15px;overflow:hidden;text-align:center;}
.textForm { background:#ffffff; border:1px solid #e0e0e0; padding:3px;}
textarea { background:#ffffff; border:1px solid #e0e0e0;  resize:none;}
.middleCon { vertical-align:middle;}

/* 리스트 기본 링크 스타일 */
#boardSkin,
#boardSkin a:link,
#boardSkin a:visited,
#boardSkin a:active {font-weight:normal;color: #333333;text-decoration: none;}
#boardSkin a:hover {font-weight:normal;color: #465daa;text-decoration: underline;}

/* 탭영역 스타일 */
#tab_area {padding-bottom:7px;}

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

.nocontents { padding:100px 0; text-align:center; border-bottom:1px solid #e0e0e0; vertical-align:middle;}

#boardSkin { width:900px; margin:0 auto; margin-top:20px;}

.boardWrap { padding:25px 0 15px 0; border-top:2px solid #555555; border-bottom:1px solid #d7d7d7; }
.top_line {font-size:2px;line-height:2px;height:2px;background-image: url(/board/skin/bna_new/images/top_line.gif);}
#list_table {margin:0 auto;}

/** #list_table tbody .gallery_td { width:50%; padding:0 0 15px 0; text-align:center;}

#list_table tbody .gallery_td .gab1 {width:1px;font-size:1px;line-height:1px;}
#list_table tbody .gallery_td .gab2 {height:1px;font-size:1px;line-height:1px;}
#list_table tbody .gallery_td .img {border:1px solid #e0e0e0;vertical-align:top;display:block;}

#list_table .photoTable .before { background:#eeeeee; text-align:center; height:32px; line-height:32px; color:#999; font-size:10pt;}
#list_table .photoTable .after { background:#909090; text-align:center; height:32px; line-height:32px; color:#fff; font-size:10pt;}

#list_table #contentsTable {margin:10px 0 10px 0; text-align:left;}
#list_table #contentsTable .category {color:#da2782;font-weight:400; line-height:140%;}
#list_table #contentsTable .subject {}
#list_table #contentsTable .subject a:link,
#list_table #contentsTable .subject a:visited,
#list_table #contentsTable .subject a:active {font-weight:400;color: #000000;text-decoration: none;  line-height:140%;}
#list_table #contentsTable .subject a:hover {font-weight:400;color: #cd437e;text-decoration: underline;  line-height:140%;}
#list_table #contentsTable .date {font-family:Verdana;font-size:11px;color:#999999; padding-top:5px;}


#gallery_box {text-align:left;}

#list_table .line {height:1px;background-color:#dddddd;font-size:1px;line-height:1px;}
#list_table .bottom_line {height:1px;background-color:#dddddd;font-size:1px;line-height:1px;}
#list_table .no_list {height:100px;text-align:center;} **/


/*############################################################# 검색 #############################################################*/

#searchBox { padding-bottom:14px; text-align:right;}

/*############################################################# 카테고리 #############################################################*/

#categoryBox {overflow:hidden; margin-bottom:20px; text-align:left;}
#categoryBox .category {overflow:hidden; border-top:1px solid #d9d9d9; border-left:1px solid #d9d9d9; vertical-align:top;}
#categoryBox .category li {float:left; width:12.5%; vertical-align:middle; background:#f3f3f3;}
#categoryBox .category li a {display:block; text-align:center; font-size:15px; line-height:45px; font-weight:normal; color:#303030; -webkit-transition: all 0.4s ease; transition: all 0.4s ease;}
#categoryBox .category li a {border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9;}
#categoryBox .category li a:hover {background:#fca0b7; color:#fff; font-weight:400; text-decoration:none;}
#categoryBox .category li.select a { background:#fca0b7; color:#fff;}
#categoryBox .category li.select a:hover { background:#fca0b7; color:#fff; text-decoration:none;}
#categoryBox .category.grid2 li {width:25%;}
#categoryBox .category.grid3 li {width:33.33%;}
#categoryBox .category.grid4 li {width:25%;}
#categoryBox .category.grid5 li {width:20%;}
#categoryBox .category.grid6 li {width:33.33%;}
#categoryBox .category.grid7 li {width:25%;}
#categoryBox .category.grid8 li {width:25%;}
#categoryBox .category.grid9 li {width:20%;}
#categoryBox .category.grid10 li {width:20%;}

/*############################################################# 버튼영역 #############################################################*/

.btnArea_list { text-align:right; position:relative;}
.btnArea { text-align:center;}
.btnArea2 { text-align:right; padding-top:20px;}
.btnArea3 { text-align:center; padding-top:20px;}

/*############################################################# 페이징 #############################################################*/

#boardSkin .pageArea { text-align:center; padding-top:20px;}
#boardSkin .pageArea * {vertical-align:middle;}
#boardSkin .pageArea .pagingList {display:inline-block; text-align:center; display:inline-block;}
#boardSkin .pageArea .pagingList li {float:left; padding:0 5px; line-height:35px;}
#boardSkin .pageArea .paging {display:inline-block; text-align:center;}
#boardSkin .pageArea .paging li {text-align:center;}
#boardSkin .pageArea .paging li {font-size:15pt; font-weight:normal; line-height:35px;}
#boardSkin .pageArea .paging li a {display:block;}
#boardSkin .pageArea .paging .over {color:#f67886; font-weight:400;}

/*################################# view #################################*/

#boardSkin .subjectBox { text-align:center; padding:8px 0; color:#333333; font-weight:400;}
#boardSkin .infor { border-bottom:1px solid #dfdfdf; padding:8px 0;}
#boardSkin .infor ul { text-align:left; display:inline-block; .display:inline; zoom:1; padding-left:10px;}
#boardSkin .infor ul li { text-align:left; display: inline; float:left; color:#999999;}
#boardSkin .infor ul li.bg { background:url(../images/icon_gubun.gif) no-repeat right 0; padding-right:20px;}
#boardSkin .file { background:#f8f8f8; border-bottom:1px solid #dfdfdf; padding:6px 0;}
#boardSkin .file ul { text-align:left; display:inline-block; .display:inline; zoom:1; padding-left:10px;}
#boardSkin .file li { text-align:left; color:#333333; padding:2px 0 2px 15px; background:url(../images/icon_file.gif) no-repeat left 2px;}
#boardSkin .file li a { color:#a3a29f; font-weight:400; text-decoration:underline;}
#boardSkin .contents { padding:20px 10px 40px 10px; border-bottom:1px solid #dfdfdf; line-height:150%; }
#boardSkin .contents .imgWrap { margin-bottom:7px; text-align:center;}


.sub_wrap {width:100%; position:relative;}
.sub_content {width:1000px; height:2500px; top:0; left:50%; margin-left:-390px; position:absolute; z-index:500;}

/*전후사진*/
#bnf_wrap {width:900px; margin:0 auto; padding-bottom:30px; background:#ffffff; position:relative;}
#bnf_wrap strong {display:block; width:900px; height:45px; font-size:18px; line-height:45px; font-weight:500; color:#fff; letter-spacing:-1px; text-align:center; background:#f47c9a;}
#bnf_wrap .view_box {width:780px; height:310px; margin:25px auto; overflow:hidden; position:relative;}
#bnf_wrap .view_box .btnarea { width:100%; position:absolute; z-index:100; top:0; left:0; height:38px; text-align:center;}
#bnf_wrap .view_box .btnarea .btn {text-align:center; display:inline-block; .display:inline; zoom:1;}
#bnf_wrap .view_box .btnarea .btn li {text-align:center; display: inline; float:left;}
/**#bnf_wrap .view_box .btn {width:235px; overflow:hidden; top:0; left:50%; margin-left:-118px; position:absolute; z-index:100;}
#bnf_wrap .view_box .btn li {float:left; cursor:pointer;}**/
#bnf_wrap .view_box p {top:214px; left:50%; margin-left:-38px; position:absolute; z-index:100;}
#bnf_wrap .view_box .img {width:780px; height:310px; position:absolute;}
#bnf_wrap .view_box .img li {position:absolute;}
#bnf_wrap .sum {width:780px; height:334px; margin:0 auto; overflow:hidden;}
#bnf_wrap .sum li { width:25%; float:left; margin:0 0 25px 0; cursor:pointer; text-align:center;}
#bnf_wrap .sum li img {display:block; margin-bottom:5px; width:180px; height:72px; margin:0 auto;}
#bnf_wrap .sum li p {font-size:13px; color:#707173; letter-spacing:-1px; text-align:center; padding-top:10px;}
#bnf_wrap .next {top:720px; right:24px; position:absolute; z-index:200; cursor:pointer;}
#bnf_wrap .prev {top:720px; left:24px; position:absolute; z-index:200; cursor:pointer;}
#bnf_wrap .more {display:block; width:220px; margin:0 auto;}


/*################################# write #################################*/

#boardSkin .agreeBox { background:#f8f8f8; border:1px solid #dddddd; padding:20px;}
#boardSkin .agreeBox .agreeText { height:120px; overflow:auto; line-height:150%;}
#boardSkin .agreeBox p { padding-top:15px; text-align:center;}

#boardSkin #writeForm { border-top:3px solid #555555; margin-top:20px;}
#boardSkin #writeForm th,
#boardSkin #writeForm td { border-bottom:1px solid #dfdfdf; padding:10px 0; text-align:left;}
#boardSkin #writeForm th { font-weight:400; color:#585858; padding-left:15px;}
#boardSkin #writeForm td .tt { color:#499fcb; letter-spacing:-1px; margin-left:10px;}

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

#boardSkin #boardList { width:100%;}
#boardSkin #boardList thead { }
#boardSkin #boardList thead th { text-align:center; border-top:2px solid #555555; border-bottom:1px solid #d7d7d7; padding:8px 0; color:#888888; }
#boardSkin #boardList tbody td { padding:13px 0; border-bottom:1px solid #e8e8e8;}
#boardSkin #boardList tbody td.td1 { text-align:center; color:#999999;}
#boardSkin #boardList tbody td.td2 { text-align:center; color:#ef5994;}
#boardSkin #boardList tbody td.td3 { vertical-align:middle; padding-left:20px;}
#boardSkin #boardList tbody td.td3 .cate { font-size:13px; font-weight:400; color:#0ca5af;}
#boardSkin #boardList tbody td.td3 .sj { padding:5px 0 7px 0;}
#boardSkin #boardList tbody td.td3 .sj,
#boardSkin #boardList tbody td.td3 .sj a { font-size:13pt; font-weight:400; color:#333333;}
#boardSkin #boardList tbody td.td3 .content { font-size:13px; color:#999999;}

#boardSkin #boardList tbody td.td7 { text-align:center; vertical-align:top;}
#boardSkin #boardList tbody td.td7 .img { border:1px solid #dddddd; width:150px; margin:0 auto;}
#boardSkin #boardList tbody td.td7 .img img { display:block; vertical-align:top;}
#boardSkin #boardList tbody td.view { text-align:center;}
#boardSkin #boardList tbody tr.notice { background:#f8f8f8;}
#boardSkin #boardList tbody td.best { text-align:center;}
#boardSkin #boardList tbody tr.notice td.td3 { font-weight:400;}
#boardSkin #boardList tbody td.name { font-size:13px; text-align:center; vertical-align:middle;}
#boardSkin #boardList tbody td.date { font-size:13px; text-align:center; vertical-align:middle;}
#boardSkin #boardList tbody td.hit { font-size:13px; text-align:center; vertical-align:middle;}

/* 전/후 사진(기간, 부작용) */
#bnf_wrap .prev,
#bnf_wrap .next {
    top: auto !important;
    bottom: 240px;
}
.bnaDesc {
    margin: -18px auto 20px;
    width: 780px;
    text-align: center;
}
.bnaDesc li {
    width: 50%;
    font-size: 15px;
    font-weight: 500;
    float: left;
    text-align: center;
}
.bnaDesc li:nth-child(3) {
    position: relative;
    width: auto;
	margin: 15px auto;
    float: none;
    display: inline-block;
    clear: both;
}