/**
* OLYM Cascading Style Sheets
* File Name : board.css
* Description : 게시판 스타일시트
* Author : Web business Team / Choi Hyun Mi
* Email : designtj@olymcompnay.com
* Date : 2013.11.11
* Update : 2013.11.11
* Copyright(c) 2013 OLYM Communications. All Rights Reserved.
*/


/********************게시판*************************/
/* 공통*/
.btn_center { text-align:center;}

/* 입력폼 */
.input_form { -webkit-border-radius:0; -webkit-appearance:none; border:1px solid #8f6545; background:#3f2718; height:25px; font-size:14px; padding:1px; color:#fff;}
.input_select { -webkit-border-radius:0; -webkit-appearance:none; border:1px solid #8f6545; background:#3f2718; height:25px; font-size:14px; padding:1px; color:#fff;}
.textarea_form { -webkit-border-radius:0; -webkit-appearance:none; border:1px solid #8f6545; background:#3f2718; font-size:14px; padding:1px; color:#fff;}
.select_form { -webkit-border-radius:0; height:25px; font-size:13px;}
.file_form {-webkit-border-radius:0; -webkit-appearance:none;}

/* 상단 */
.btle { text-align:center;}
.btn_right_write { text-align:right; padding:0 10px 10px 0;}
.board_top { color:#000;}
.board_top p { float:left; padding:6px 0 0 5px; font-size:14px;}
.board_top .btn_write { float:right;}



.list_page {width:100%;margin: 0 auto; text-align:center; padding:10px 0; clear:left; font-size:14px; color:#c81f42;}
.list_page strong { padding:5px;}
.list_page a { padding:5px; width:100%; color:#000; font-weight:bold; font-size:14px; margin-bottom:5px;}



/* 상담센터 쓰기 */
.btn_write_box {  }
.table_write_box, .table_write_box th, .table_write_box td { border:0;}
.table_write_box { border:1px solid #8f6545; font-size:16px;}
.table_write_box th { color:#fff; padding:8px 0 7px 15px; font-size:16px; text-align:left;}
.table_write_box td { padding:8px 7px 7px 7px; color:#fff; }
.table_write_box .th_bottom { border-bottom:0;} 
.table_write_box .td_bottom { border-bottom:0;} 
.btn_write_box input {border:solid 1px #2b1c16; padding:10px 0; display:block; width:100%; color:#fff; font-weight:bold; background:#2b1c16; font-size:16px; margin-bottom:5px;}

/* FAQ 게시판 (자주 묻는 질문) */
#faq_list .table_faq, .table_faq th, .table_faq td { border:0; font-size:1em; line-height:1.4em; }
#faq_list .table_faq { border-bottom:1px solid #d7d7d7; }
#faq_list .table_faq tr:hover { background:#f7f7f7; }
#faq_list .table_faq th { background:url(/admode/module/board/images/kor/icon_q.gif) no-repeat 5px center; text-align:left; border-top:1px solid #d7d7d7; border-bottom:1px solid #fff; padding:10px 0 10px 35px; position:relative; }
#faq_list .table_faq th a { color:#2a2a2a; font-weight:bold; }
#faq_list .table_faq th a:hover { text-decoration:underline; }
#faq_list .table_faq td { background:url(/admode/module/board/images/kor/icon_a.gif) no-repeat 15px 12px; text-align:left; padding:10px 10px 10px 40px; color:#555555; border-top:1px solid #d7d7d7; }
#faq_list .btn_faq { position:absolute; right:10px; }


/* 갤러리 리스트 */
#gallery_list { }
#gallery_list .title { text-align:center; color:#000; font-size:16px; padding:10px 0; font-weight:bold;}
#gallery_list  a p{ color:#000; text-align:center;  padding:10px 0;}
#gallery_list li { padding-right:8px;}
#gallery_list .img_photo { text-align:center; }
#gallery_list .btn_board { border-top:1px solid #dedede; text-align:center; padding:10px 0; font-size:12px; }
#gallery_list #count { padding:0 10px; font-family:verdana;}



/* 비밀번호 입력*/
.input_box .inputBox { background:#fff; border:solid 1px #fff; padding:5px; font-weight:bold;}

/********************게시판끝*************************/



/* portfolio */
/* btn */
.btn_black { width:90%; margin:20px auto 0 auto;}
.btn_black a { display:block; padding:13px 0; text-align:center; color:#2c3137; font-family:'Raleway', sans-serif; border:1px solid #c9cacb;}

.port { width:100%; position:relative;}
.port .box_select { position:absolute; top:-53px; right:15px; width:240px;}

@media only screen and (max-width:360px) {
.port .box_select { position:absolute; top:-53px; right:15px; width:120px;}
}
.port .box_select select { -webkit-border-radius:0; -webkit-appearance:none; background:url(/mobile/project/design/com/icon_select_ar.png) no-repeat 90% 12px; background-size:10px 5px; color:#2a2a2a; font-size:14px; padding:6px 30px 6px 6px; line-height:1.2em; border:2px solid #2c3137; width:100%;}

/* list */
.port_list li { padding:20px 0;}
.port_list .bg_port { background:#f4f4f4;}
.port_list li div { width:90%; height:90%; margin:0 auto; border:1px solid #eaeaea;}
.port_list li div img { width:100%;}
.port_list li p { text-align:center; padding-top:10px; color:#2a2a2a; font-size:14px; font-weight:bold;}

/* view */
.port_detail { width:100%;}
.port_detail .img_view { width:90%; height:90%; margin:0 auto; padding-bottom:20px;}
.port_detail .img_view img { width:100%;}

.table_black_bar, table_black_bar th, table_black_bar td { border:0;}
.table_black_bar { border-top:2px solid #2c3137; color:#282828; font-weight:normal; margin:0 auto; font-size:13px;}
.table_black_bar th { border-bottom:1px solid #cbcbcb; background:#f6f6f6; padding:8px 14px 9px 14px; text-align:left;}
.table_black_bar td { border-bottom:1px solid #cbcbcb; padding:8px 14px 9px 14px;}
.table_black_bar td a { color:#282828; text-decoration:underline;}

/* write */
.table_form { border-top:solid 1px #d4d4d4; }
.table_form th { border-right:solid 1px #d4d4d4; border-bottom:solid 1px #d4d4d4; color:#343434; font-size:15px; font-weight:bold; text-align:center;  background:url(/project/design/com/bg_bu1.png) no-repeat 5px center;  background-size:4px 4px; text-align:left; padding-left:15px;}
.table_form td { padding:5px; border-bottom:solid 1px #d4d4d4; }
.table_form td .input_form { background:#fff; border:solid 1px #d1d1d1; height:20px; color:#696969; font-size:13px; -webkit-border-radius:0; -webkit-appearance:none; }
.table_form td .textarea_form2 { border:solid 1px #d1d1d1; height:80px; width:100%; color:#696969; font-size:13px; -webkit-border-radius:0; -webkit-appearance:none; }
input.w60 { width:60%; height:20px; margin-top:0px; }
input.w20 { width:20%; height:20px; margin-top:0px; }
input.w30 { width:30%; height:20px; margin-top:0px; }
input.w50 { width:50%; height:20px; margin-top:0px; }
input.w90 { width:90%; height:20px; margin-top:0px; }
input.hw90 { width:90%; height:80px; margin-top:0px; }

/* board_box */

.board_box li.pic p {color:#2e2c29;  text-align:center; font-size:0.9; padding-top:5px;}

@media only screen and (min-width:100px) 
{
.board_box li.pic {width:45%;height:150px;  margin-bottom:10px; padding:0 5px; float:left;}
.board_box li.pic img {width:100%; height:110px; }	
}

@media only screen and (min-width:430px) 
{
.board_box li.pic {width:30%; height:350px; margin-bottom:10px; padding:0 5px; float:left; }
.board_box li.pic img {width:100%; height:300px; }	
}


.board_box { position:relative; float:left; width:100%; padding:20px 0px; }
.board_box li {width:45%; margin-bottom:10px; padding:0 5px; float:left;}


/* board_box & view공통 */
.board_list { width:100%;margin:0px; }
.board_view { margin:0px; }
.board_con {position:relative; width:100%;}


.board_list .board_con li {float:left; width:100%; border-bottom:solid 1px #d4d4d4; padding:10px 0px;}
.board_list .board_con .btn_open {width:100%; float:left;}
.board_list .board_con a { display:block; color:#585858;}
.board_list .board_con a h4 {scolor:#343434; font-size:16px; line-height:1.2em;padding:0 0 3px 8px; }
.board_list .board_con a .p_data { font-size:12px; color:#999; margin-bottom:5px;padding:0 0 0 8px; }

/* board_view */
.board_view .board_con { padding-top:5px;  line-height:1.3em; }
.board_view .board_con .p_data { font-size:12px; padding:5px 0 5px 8px;}
.board_view .board_con .p_data a { color:#999; font-size:12px; padding:0 0 5px 8px; }
.board_view .board_con h4 { color:#343434; font-size:16px; font-weight:bold; padding:10px 0px 0px 8px; }
.board_view .board_con a h4 { color:#343434; font-size:15px; font-weight:bold; padding-left:8px; line-height:1.4em; }
.board_view .board_con .p_stip { font-size:12px; padding:15px 0 5px 8px; color:#606060; }
.board_view .board_con .p_stip a { color:#606060; font-size:12px; padding:0 0 5px 8px; }
.board_view .view_con { border-top:solid 1px #d4d4d4; padding:15px 8px 25px 8px; margin-top:12px; color:#696969; font-size:13px; line-height:1.4em; }
.board_view .view_con .img_vod {position:relative;}
.board_view .view_con .img_vod .btn_play_view { position:absolute; top:0; right:0;}
.board_view .view_con img { width:100% !important;}
.board_view .view_con table { width:100% !important;}
.board_view .board_con .stip_box { border:solid 1px #d4d4d4; padding:10px; height:150px; color:#606060; font-size:12px; overflow-y:scroll; }
.board_view .board_con .stip_box .ul_agree { padding:10px !important;}
.board_view .board_con .stip_box .ul_agree li { background:url(/project/design/com/bg_bu1.png) no-repeat left 4px; background-size:6px 6px; padding:0 0 3px 12px !important; border:0 !important; color:#696969;}
.board_view .board_con .p_agree { border-top:solid 1px #d4d4d4; text-align:center; color:#343434; font-size:13px; margin:25px 0 5px 0; padding-top:10px; font-weight:bold; }

/* 이전다음글 */
.table_board_view { border-top:solid 1px #d4d4d4; }
.table_board_view th { border-right:solid 1px #d4d4d4; border-bottom:solid 1px #d4d4d4; background:#f3f3f3; color:#343434; font-size:13px; font-weight:bold; text-align:center;  padding:10px;}
.table_board_view td { padding:10px; border-bottom:solid 1px #d4d4d4; font-size:13px; }
.table_board_view td a { color:#696969;}

/* 게시물 삭제 */
#board_password { margin:0 10px; min-height:250px;}
#board_password .board_con { min-height:20px !important; padding:20px 0;}
.password_text { margin:0 auto; width:90%;}
.password_text p { padding-bottom:10px; text-align:center;}
.password_text p .font_red { color:#da1e1e;}
.password_text input { border:solid 1px #d1d1d1; height:28px; width:100%; color:#696969; font-size:13px; -webkit-border-radius:0; -webkit-appearance:none;}

/* 게시판 상하bg */
.board_top { border-top:2px solid #000;}
.board_bot { border-bottom:1px solid #efefef;}

/* 게시판 버튼 */

.btn_board { float:left; width:100%; padding:10px 0; margin:0 auto;text-align:center; margin-bottom:20px;}
.btn_board li { float:left; height:38px; padding:0 !important; margin-right:2%;}
.btn_board li .btn_default{ width:100%; margin:20px auto 0 auto;}
.btn_board .li_left { width:31%; }
.btn_board .li_center { width:31%; margin-right:2%; }
.btn_board .li_right { width:31%; }
.btn_board .li_58 { width:58%; }
.btn_board .li_35 { width:35%; }
.btn_board .li_37 { width:37%; }
.btn_board .li_57 { width:57%; }
.btn_board .li_40 { width:40%; }
.btn_board .li_33 { width:33%; }
.btn_board .li_25 { width:25%; }
.btn_board .li_19 { width:19%; }
.btn_board .li_100 { width:100%; }
.btn_board .li_2 { width:2%; }
.btn_board .li_24 { width:24%; }
.btn_board .li_48 { width:30%; }
.btn_board .li_49 { width:43%; }

.btn_bot_black a { display:block; padding:8px 0; text-align:center; color:#2c3137; font-family:'Raleway', sans-serif; border:1px solid #c9cacb;}