@charset "utf-8";

.board_tit { font-size: 26px; padding: 0 0 15px;}
.board_sub_tit { font-size: 15px; padding: 10px 0 0; border-top:1px solid #dedede;}

/* 자유게시판 LIST */
.board_table { border-top: 1px solid #808080;}
.board_table thead tr th { background: #fafafa; border-bottom: 1px solid #dedede; font-size: 14px; font-weight: bold; padding: 11px 5px 13px;}
.board_table tbody tr td { border-bottom: 1px solid #dedede; text-align: center; font-size: 13px; vertical-align: middle; padding: 12px 5px 14px; word-break: break-all;}
.board_table tbody tr td > a { font-size: 13px;}
.board_table tbody tr td .icon_w { display: inline-block; padding: 1px 2px;}
.board_table tbody tr td .icon_w.c_red { background: #01a457; color: #fff; font-weight: bold;}
.board_table tbody tr td .b_link { display: block; text-align: left; font-size: 11px; font-weight: bold;행복에너지, 김나위 저자의 ‘성공하고 싶은 여자, 결혼하고 싶은 여자’ 출간}
.board_table tbody tr td .b_link > b { font-size: 13px; font-weight: normal; vertical-align: middle;}
.board_table tbody tr td .b_link > span { display: inline-block; position: relative; top: -1px; vertical-align: middle; color: #27399a; font-size: 13px;}
.board_table tbody tr td .b_link > i { font-size: 13px; font-style: normal; vertical-align: middle; margin-right: 5px;}
.board_table tbody tr td .b_link:hover > b { color: #808080;}
.board_table tbody tr td .b_link img { vertical-align: middle; margin: 1px 2px 0;}
.board_table tbody tr td.re_blt { background: url(/data/skin/bbs/1/tpl1/images/re_blt.png) no-repeat 7px 13px; padding-left: 25px;}

/* 검색 */
.art_search { position: relative; padding: 20px; background: #fafafa; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; margin-top: 30px; text-align: center; font-size: 0;}
.art_search h5 { position: absolute; top: 10px; left: 5px; color: #808080; font-size: 15px;}
.art_search ul { position: relative; display: inline-block; vertical-align: middle;}
.art_search ul li { display: inline-block; vertical-align: top;}
.art_search ul li .input_wrap { display: block;}
.art_search ul li .input_wrap input { padding: 7px 10px 9px; width: 318px; font-size: 13px; color: #4c4c4c;}
.art_search ul li .select_box { height: 32px; margin-right: -1px; width: 98px;}
.art_search ul li .select_box select { height: 32px; line-height: 32px;}
.art_search ul li .select_box label { top: 7px; font-size: 13px; color: #4c4c4c;}

.art_search .btn_search { position: relative; left: -1px; display: inline-block; vertical-align: middle;}
.art_search .btn_search .btn_board_search { display: inline-block; width: 34px; height: 34px; background: #27399a url(/data/skin/bbs/1/tpl1/images/btn_board_search.png) no-repeat center center; text-indent: -9999em; vertical-align: middle; transition: all .3s ease;}
.art_search .btn_search .btn_board_search:hover { background-color: #1a2b84;}

.btn_gray { display: inline-block; padding: 0 22px; height: 38px; line-height: 36px; background: #f3f3f3; color: #363636; vertical-align: middle; border: 1px solid #ccc; font-size: 16px; font-weight: bold; box-sizing: border-box;}
.btn_gray:hover { background: #eaeaea;}

.btn_blue { display: inline-block; padding: 0 22px; height: 38px; line-height: 36px; background: #27399a; color: #fff; vertical-align: middle; font-size: 16px !important; font-weight: bold; border: 1px solid #1a2b84; box-sizing: border-box;}
input.btn_blue { margin-left: 4px !important;}
.btn_blue:hover { background: #1a2b84;}

.btn_dark { display: inline-block; padding: 0 22px; height: 38px; line-height: 36px; background: #fff; color: #363636; vertical-align: middle; border: 1px solid #ccc; font-size: 16px; font-weight: bold; box-sizing: border-box;}
.btn_dark:hover { background: #f6f6f6;}

.btn_s { padding: 0 10px; height: 29px; line-height: 27px; font-size: 13px; font-weight: bold;}

.btn_wrap_cen { position: relative; padding-top: 30px; text-align: center;}
.btn_wrap_cen * { margin: 0 2px !important;}

.arrage_n { margin-top: 20px;}
.arrage_n:after { content: ""; display: block; clear: both;}

.board_list .paging { padding-top: 0;}
.arrage_n .board_list .paging { padding-top: 30px;}

/* Button */
.b_btn { display: inline-block; padding: 9px 17px; background: #fff; border: 1px solid #27399a; color: #27399a; vertical-align: middle; margin: 0 3px; font-size: 15px; font-weight: bold; transition: all .3s ease;}
.b_btn img { position: relative; top: -2px;}
.c_white { border: 1px solid #bebebe; color: #363636;}
.c_dark { background: #222; border: 1px solid #dedede; color: #fff;}
.b_btn:hover { background: #f6f6f6;}

.trans_sel { position: relative;}
.select_control { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3;}
.select_control .styled { position: absolute; left: 0; -webkit-appearance: none; opacity: 0; height: 25px; padding-right: 60px;}
.page_title { position: relative; display: block; background: url(/data/skin/bbs/1/tpl1/images/bg_sel.png) no-repeat right center;}

/* 포토게시판 */
.tbl_phto_list {border-top:2px solid #dedede ; border-bottom:1px solid #dedede ; width:100%; }
.tbl_phto_list  ul {margin:20px 0 20px 0px;}
.tbl_phto_list  ul li {float:left; margin:0 10px 10px 10px }
.tbl_phto_list  ul li img{ border:1px solid #dedede; display:block;}
.tbl_phto_list  ul li span {display:block; text-align:center; padding:4px 0;font-size:12px;}
.tbl_phto_list  ul li.noeffect {padding:0; margin:0;}
.tbl_phto_list  ul li a:hover {color: #848484 ;text-decoration:none;font-size:12px;}

/* 뷰타입 */
.file_wrapper { position: relative;}
.file_wrapper h5 { font-size: 15px; background: #fafafa; padding: 0 20px; height: 38px; line-height: 36px; border: 1px solid #dedede; margin-bottom: -1px;}
.file_wrapper ul { padding: 5px 20px; border: 1px solid #dedede; border-bottom: 0;}
.file_wrapper ul li { border-top: 1px dashed #dedede;}
.file_wrapper ul li:first-child { border: 0;}
.file_wrapper ul li a img { position: relative; top: -2px; margin-right: 4px;}
.file_wrapper ul li a { display: block; padding: 7px 0 9px; font-size: 14px; color: #222;}
.file_wrapper ul li a:hover { color: #01a457;}

.view_type { position: relative; border-bottom: 1px solid #dedede; margin-bottom: 20px;}
.view_type:after { content: ""; display: block; clear: both;}

.view_type .board_detail_top { border-top: 1px solid #808080; padding-top: 15px;}
.view_type .board_detail_top dl { display: inline-block; background: #eaeaea; padding: 2px 10px 4px; border-radius: 20px;}
.view_type .board_detail_top dt, .view_type .board_detail_top dd { display: inline;}
.view_type h2 { font-size: 25px; padding: 5px 0 20px;}

.view_type .info { position: relative; padding: 0 0 20px; border-bottom: 1px solid #dedede; margin-bottom: 25px;}
.view_type .info:after { content: ""; display: block; clear: both;}
.view_type .info ul:after { content: ""; display: block; clear: both;}
.view_type .info ul.fr { margin-right: -10px;}
.view_type .info li { float: left; font-size: 12px; padding: 0 10px 0 0; color: #808080;}
.view_type .info li:first-child { background: none; padding-left: 0;}
.view_type .info li b { position: relative; display: inline-block; padding: 0 5px 0 18px; color: #363636;}
.view_type .info li b:after { position: absolute; left: 0; top: 1px; content: ""; display: block; width: 15px; height: 14px; background: url(/data/skin/bbs/1/tpl1/images/icon_view_info.png) no-repeat 0 0;}
.view_type .info li.icon_info01 b:after { background-position: 0 0;}
.view_type .info li.icon_info02 b:after { background-position: -15px 0;}
.view_type .info li.icon_info03 b:after { background-position: -30px 0;}
.view_type .info li.icon_info04 b:after { background-position: -45px 0;}

.view_content { position:relative; min-height: 400px; color: #222; font-size: 15px; line-height: 1.76; padding-bottom: 50px;}
.view_content p { line-height: 2;}
.view_content:after { content: ""; display: block; clear: both;}
.view_content.lay_recom { padding-bottom: 150px; min-height: 370px;}
.view_content img { max-width: 100%;}

/* 버튼영역 */
.btn .fl {float:left;}
.btn .fr {float:right;}
.btn {margin:20px 0;}

.bbs_btn { position:relative; padding-top:10px; padding-bottom:10px; margin-bottom: 30px; font-size: 0;}
.bbs_btn:after { content: ""; display: block; clear: both;}
.bbs_btn .left{float:left;}
.bbs_btn .right{float:right;}

.btn_absol { position: absolute; right: 4px; top: -30px;}
.btn_absol:after { content: ""; display: block; clear: both;}
.btn_absol li { float: left; font-size: 12px; color: #363636;}
.btn_absol li a { font-size: 12px; color: #363636;}
.btn_absol li a:hover { text-decoration: underline;}
.btn_absol li:first-child { margin-right: 10px;}
.btn_absol li:first-child a { margin-right: 10px;}

.noinput{border:0px;padding:0 ; margin:0}

.button_recom { position: absolute; left: 50%; bottom: 50px; display: block; width: 80px; height: 80px; margin-left: -40px; background: url(/data/skin/bbs/1/tpl1/images/btn_recom.png) no-repeat 0 0; text-indent: -9999em;}
.button_recom:hover { background-position: -83px 0;}
.button_recom.on { background-position: 0 -83px;}
.button_recom.on:hover { background-position: -83px -83px;}

/* 게시글 작성 */
.board_w { border-top: 1px solid #808080;}
.board_w:after { content: ""; display: block; clear: both;}
.board_w a { transition: .3s all ease;}

.board_w .tit_all { position: relative; font-size: 26px; border-bottom: 1px solid #dedede; padding-bottom: 10px; margin-bottom: 10px;}
.board_w .desc_all { position: relative; font-size: 15px; padding: 15px 0 30px; color: #808080; line-height: 1.3;}
.board_w .desc_all strong { color: #01a457; font-size: 15px; font-weight: normal;}
.board_w .desc_all strong span { color: #222; font-size: 15px;}

.board_w .form_box { position: relative;}
.board_w .form_box:after { content: ""; display: block; clear: both;}

.board_w .form_box dl { position: relative; min-height: 38px; border-bottom: 1px solid #d1d1d1; padding: 7px 16px 7px 120px; background: url(/data/skin/bbs/1/tpl1/images/bg_board_write.png) repeat-y 0 0;}
.board_w .form_box dl dt { position: absolute; left: 19px; top: 15px; width: 100px;}
.board_w .form_box dl dt span, .board_w .form_box dl dt label { font-size: 14px; color: #363636; font-weight: bold;}
.board_w .form_box dl dd { position: relative;}
.board_w .form_box dl dd > span { position: relative; display: block; margin: 7px 0;}
.board_w .form_box dl dd input[type=text], 
.board_w .form_box dl dd input[type=password], 
.board_w .form_box dl dd input[type=email] { width: 100%;}

.board_w .i_label { left: 7px; top: 12px; color: #bbb; font-size: 14px;}
/* .board_w .require:after { content:"*"; margin-left: 3px; font-size: 19px; color: #01a457; vertical-align: middle;} */

.board_w .icon_bar { display: inline-block; width: 15px; vertical-align: middle; text-align: center;}

.board_w .column02:after { content: ""; display: block; clear: both;}
.board_w .column02 > dl { float: left; width: 50%;}
.board_w .column02 > dl dd { width: 224px;}

.board_w input { vertical-align: middle;}

.board_w .btn_bic { padding: 0 22px; height: 47px; line-height: 48px; font-size: 19px;}

.board_w .alert_txt * { margin-left: 10px; font-size: 13px !important; color: #01a457 !important;}

.board_w .mb_list li { position: relative; margin-top: 5px;}
.board_w .mb_list li:first-child { margin-top: 0;}

.board_w .float_list { position: relative;}
.board_w .float_list:after { content: ""; display: block; clear: both;}
.board_w .float_list li { position: relative; float: left;}
.board_w .float_list li:before { content: "-"; text-align: center; float: left; display:block; width: 15px; height: 38px; line-height: 38px;}
.board_w .float_list li:first-child:before { display: none;}

.board_w .float_box { position: relative; padding-left: 177px;}
.board_w .float_box li { position: relative;}
.board_w .float_box li:first-child { position: absolute; left: 0; top: 0;}
.board_w .float_box li .bd_sel select { width: 170px;}

.board_w .btn_center { position: relative; text-align: center; padding: 20px 0;}

.board_w .form_box dl .slt { width: 173px;}
.board_w .edit_wrap { position: relative; padding: 7px 0 0;}

.board_w .file { position:relative; padding: 7px 82px 7px 120px; background: url(/data/skin/bbs/1/tpl1/images/bg_board_write.png) repeat-y 0 0; margin-top: -3px; border-bottom: 1px solid #808080;}
.board_w .file label { position: absolute; left: 19px; top: 15px; width: 100px; font-size: 14px; color: #363636; font-weight: bold;}
.board_w .file .fileadd { position: absolute; right: 0; top: 14px; display: block;}
.board_w .file .fileadd a { display: block; text-align: center; margin-bottom: 6px;}
.board_w .file select {border:1px solid #dedede; width: 100%; height:80px !important; font-size:11px;}

.upload_wrap { position: relative; padding: 20px;}
.upload_wrap p { position: relative; color: #01a457; padding-top: 8px; font-size: 12px;}

.spam_wrap { position: relative;}
.spam_wrap:after { content: ""; display: block; clear: both;}
.spam_wrap > span, .spam_wrap > div { float: left;}
.spam_wrap > span { padding: 4px 5px 0 0;}