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

/* 사이트 메인 컬러 #0e61b0(메인컬러) #699ed0(마우스오버시컬러) #0100FF;(보더메인컬러) -> 변경하여 사용하세요 */

/* common */
.coment_margin {margin-right:15px;}
.bbs_point {color:#ff0000;}
.bbs_txt_right {text-align:right;}
.widht80 {width:80px}
.widht100 {width:100px}
.widht250 {width:250px}
.width30per {width:30%;}
.width80per {width:80%;}
.board_input {border:1px solid #cbcbcb; height:22px; line-height:22px; color:#8d8d8d; padding-left:5px;}
.board_select {border:1px solid #cbcbcb; height:24px; line-height:22px; color:#8d8d8d; padding-left:5px;}

#board_search {width:99.8%; border:1px solid #dadada; background-color:#f8f9fa; text-align:center; padding:10px 0 ; overflow:hidden; margin-top:10px;}
#board_search ul {margin:0 auto; width:580px; }
#board_search ul li {float:left; padding:0 5px 0 5px; } 
#board_search ul li .serch_tlt {margin-top:7px;}

#page {height:29px; width:100%; text-align:center; margin-top:20px;}
#page a{ display:inline-block; height:23px;  width:25px; line-height:25px; border:1px solid #ececec; text-align:center; font-size:11px; font-family:tahoma, sans-serif; background-color:#fff;}
#page a:hover{ display:inline-block; text-decoration:none; background-color:#e6e6e6;}
#page img {vertical-align:top;}

#board_others {width:100%; }
#board_others ul {width:100%;margin:0; }
#board_others ul.prv li {float:left;  padding-top:8px; padding-bottom:8px; border-top:1px solid #dadada; line-height:24px;}
#board_others ul.prv li.title{background-color:#f8f9fa; width:15%; text-align:center; font-weight:bold; height:24px;}
#board_others ul.prv li.t_width{width:83%; padding-left:2%; height:24px}
#board_others ul.prv li.t_width img{vertical-align:-12%;}
#board_others ul.next li {float:left; padding-top:8px; padding-bottom:8px; border-top:1px solid #dadada;  border-bottom:1px solid #dadada;  line-height:24px;}
#board_others ul.next li.title{background-color:#f8f9fa; width:15%; text-align:center; font-weight:bold; height:24px;}
#board_others ul.next li.t_width{width:83%; padding-left:2%; height:24px;}
#board_others ul.next li.t_width img{vertical-align:-12%;}


/*faq*/
#board_faqss{width:100%;}
#board_faqss .faq-list {	margin-bottom: 20px; border-top:2px solid #5895aa;}
#board_faqss .faq-list dt {background: url("//gokobee.pluger.com/image/q.png") no-repeat left 11px; padding: 12px 0px 12px 30px; color: #333; line-height: 26px; font:bold 15px "nanumgothicwebBold"; border-bottom:1px solid #cecece; cursor: pointer;}
#board_faqss .faq-list dd {background: url("//gokobee.pluger.com/image/a.png") no-repeat left 3px; margin: 10px 0px; padding: 0px 0px 10px 30px; border-bottom:1px solid #cecece; display: none; }
#board_faqss .faq-list dd p {	 font-family: "nanumgothicwebBold"; line-height: 24px; font-size: 13px;}
#board_faqss .faq-list dt.on { border:none;}


.bbs_catego {font-family:"Malgen Gotic", sans-serif; font-weight:bold; padding:0 0 10px 0;}
.bbs_catego select {border:1px solid #cbcbcb; height:22px; color:#8d8d8d; padding-left:3px; width:100px; vertical-align:middle; font-family:"Malgen Gotic", sans-serif; }

/* bbs_list */
.bbslist_table {border-top:2px solid #ccc; border-right:1px solid #ececec; border-left:1px solid #ececec; border-bottom:1px solid #ececec; } /* bbs top 컬러 변경 */
.bbslist_table th{font-family:"돋움", sans-serif; font-size:11px; text-align:center; font-weight:bold; color:#6e6e6e; background-color:#f5f5f5; height:34px;border-bottom:1px solid #ececec; }
.bbslist_table td{font-family:"굴림", sans-serif; font-size:12px; border-bottom:1px dashed #dadada; height:32px; text-align:center; font-weight:normal;  color:#8d8d8d; }
.bbslist_table td a {font-family:"굴림", sans-serif; color:#5f5f5f; font-size:12x; line-height: 32px;}
.bbslist_table td a:hover {font-family:"굴림", sans-serif; color:#000; text-decoration:underline;  font-size:12px; line-height: 32px;}
.bbslist_table td.subject{text-align: left; font-weight:normal; padding-left:5px;}
.bbslist_table td img{vertical-align:-1px; margin:0 3px; }

.bbslist_btns {clear:both; width:100%; padding-top:10px; overflow:hidden; text-align: center; }
.bbslist_btns ul li {float:left; width:50%; }

/* bbs_view */
.bbsview_table {border-top:2px solid #ccc; border-right:1px solid #ececec; border-left:1px solid #ececec; border-bottom:1px solid #ececec; } /* bbs top 컬러 변경 */
.bbsview_table th{font-family:"돋움", sans-serif; font-size:11px; text-align:center; font-weight:bold; color:#6e6e6e; background-color:#f5f5f5; height:34px; border-bottom:1px dashed #ececec;}
.bbsview_table td{font-family:"굴림", sans-serif; font-size:12px; border-bottom:1px dashed #dadada; height:32px; line-height:32px; text-align:left; padding-left:5px; font-weight:normal;  color:#8d8d8d;}
.bbsview_table td a {font-family:"굴림", sans-serif; color:#5f5f5f; font-size:12x; line-height: 32px;}
.bbsview_table td a:hover {font-family:"굴림", sans-serif; color:#000; text-decoration:underline;  font-size:12px; line-height: 32px;}
.bbsview_table td.subject{text-align: left; font-weight:normal; padding-left:5px;}
.bbsview_table td.bbs_contents {padding:10px;}
.bbsview_table td img{vertical-align:-1px; margin:0 3px; }

.bbsview_btns {clear:both; width:100%; padding-top:10px; overflow:hidden; }
.bbsview_btns ul li {float:left; width:8%; }
.bbsview_btns ul li.write_btn {float:right; text-align:right;}

/* write */
.bbswrite_table {width:100%; border-top:2px solid #ccc;} /* bbs top 컬러 변경 */
.bbswrite_table th{border-bottom:1px solid #dadada; background-color:#f5f5f5; text-align:center; font-weight:bold; color:#8d8d8d;}
.bbswrite_table td{border-bottom:1px solid #dadada; text-align:left; padding: 5px 0 5px 10px; }
.bbswrite_table td img{vertical-align:bottom; margin-top:-5px;}
.bbswrite_table td input {vertical-align:middle;}
.bbswrite_table .pass_w {width:60%;}

.bbswriite_btns {clear:both; width:100%; padding-top:10px; overflow:hidden; }
.bbswriite_btns ul li {float:left; width:46%; padding:0 2%;}

.pass {margin:5px 0 0 0; border-top:1px solid #ccc; width: 100%; padding:5px 0 0 0;}

/* delete */
.bbsdelete_table {border-top:2px solid #0e61b0; border-right:1px solid #ececec; border-left:1px solid #ececec; border-bottom:1px solid #ececec; width:55%; margin:0 auto;} /* bbs top 컬러 변경 */
.bbsdelete_table th{font-family:"돋움", sans-serif; font-size:11px; text-align:center; font-weight:bold; color:#6e6e6e; background-color:#f5f5f5; height:34px; border-bottom:1px dashed #ececec; width:30%;}
.bbsdelete_table td{font-family:"굴림", sans-serif; font-size:12px; border-bottom:1px dashed #dadada; height:32px; line-height:32px; text-align:left; padding-left:5px; font-weight:normal;  color:#8d8d8d;}

.bbsdelete_btns {position:absolute; margin:-40px 0 0 470px;padding-top:10px; overflow:hidden; }
.bbsdelete_btns ul li {float:left;padding:0 2px;}

/* btns */
a.bbs_gray_btn {display:inline-block; width:50px; height:22px; line-height:23px; border:1px solid #c5c5c5;text-align:center; font-weight:bold; font-size:12px; font-family:"굴림", sans-serif; letter-spacing:-0.5px; color:#818181; background-color:#efefef; border-radius:3px; }
a.bbs_gray_btn:hover {display:inline-block; background-color:#f9f9f9; text-decoration:none; }
a.bbs_color_btn {display:inline-block; width:50px; height:22px; line-height:23px; border:1px solid #646870; text-align:center; font-weight:bold; font-size:12px; font-family:"굴림", sans-serif; letter-spacing:-0.5px; color:#fff; background-color:#707580; border-radius:3px; }
a.bbs_color_btn:hover {display:inline-block; background-color:#82858b; text-decoration:none; }  /* 컬러 변경하여 사용 */


/* gallery */
.gallery_table_box {border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:20px 0; }
/*
.gallery { overflow:hidden; }
.gallery dl {width:24%; float:left; height:190px; margin-left:1%; }
.gallery dl dt {width:100%; text-align:center; border:1px solid #ccc;  height:120px; padding:5px; display:table-cell; vertical-align:middle; border:1px solid red;}
.gallery dl dt img {max-width:140px; max-height:100px; }
.gallery dl dd {text-align:center; padding:5px 0;}*/

/*
.gallery_table {width:100%;}
*/

.gallery_table td{text-align:center; }
/* 갤러리 썸네일 갯수 변경시 max-width:150px; max-height:120px; 수정해주세요 */
.gallery_table img {background-color:#fff; padding:5px; border:1px solid #ccc; max-width:150px; max-height:120px; }
.gallery_table span {height:22px; text-align:center; display:block;margin:10px 0; }

/* coment */ 
.coment_title {background-color:#f3f3f3; height:25px; padding:9px 0 0 10px; margin-bottom:10px;}
.coment_write {position:relative;border:1px solid #c7c7c7; margin:20px 0; }
/*.coment_write p.btn{position:absolute; top:83px; right:15px;}*/
.coment_write ul {margin:15px;}
.coment_write ul li{line-height:12px; font-weight:bold; position:relative;}
.coment_write ul li p.btn{position:absolute; top:9px; right:5px;}
.coment_write ul li input {vertical-align:middle;}
.textarea_coment {width:87%; height:38px; margin-top:10px; padding:10px; border:1px solid #cbcbcb;}

.coment_list {position:relative;border:1px solid #c7c7c7; margin:20px 0; }
.coment_list dl {margin:15px; border-bottom:1px dashed #c7c7c7; padding-bottom:10px; }
.coment_list dl dt {font-weight:bold; color:#666; height:24px;}
.coment_list dl dt .coment_name {float:left;}
.coment_list dl dt .coment_date {float:right; display:inline-block; font-weight:normal; font-family:tahoma, sans-serif; font-size:10px; margin-top:-3px;}
.coment_list dl dt img {vertical-align:middle;}
.coment_list p.btn{position:absolute; top:9px; right:0px;}