@charset "euc-kr";
/* 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; width:250px; }
.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; background-color:#fff; } /* bbs top Ä÷¯ º¯°æ */
.bbslist_table th{font:bold 11pt "Malgun Gothic", sans-serif;text-align:center; color:#6e6e6e; background-color:#f5f5f5; height:34px; padding:3px 0; border-bottom:1px solid #ececec; }
.bbslist_table td{font:normal 11pt "Malgun Gothic", sans-serif; border-bottom:1px dashed #dadada; height:32px;padding:3px 0; text-align:center; color:#8d8d8d; }
.bbslist_table td a {font:normal 11pt "Malgun Gothic", sans-serif;  color:#5f5f5f; line-height: 32px;}
.bbslist_table td a:hover {color:#000; text-decoration:underline; }
.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; }
.bbslist_btns ul li {float:left; width:50%; }
/* bbslist_btns ½ºÅ¸ÀÏ ¹öÆ°ÀÌ ¾Æ·¡·Î ¶³¾îÁú¶§ ¹Ø¿¡ ÁÖ¼® ¼Ò½º¸¦ »ç¿ëÇϼ¼¿ä
.bbslist_btns ul li {float:left; width:49.6%; }
*/

/* bbs_view */
.bbsview_table {border-top:2px solid #ccc; border-right:1px solid #ececec; border-left:1px solid #ececec; border-bottom:1px solid #ececec;background-color:#fff;} /* bbs top Ä÷¯ º¯°æ */
.bbsview_table th{font:bold 11pt "Malgun Gothic", sans-serif; text-align:center;  color:#6e6e6e; background-color:#f5f5f5; height:34px; padding:3px 0;border-bottom:1px dashed #ececec;}
.bbsview_table td{font:normal 11pt "Malgun Gothic", sans-serif; border-bottom:1px dashed #dadada; height:32px; line-height:32px; padding:3px 0; text-align:left; padding-left:5px; color:#8d8d8d;}
.bbsview_table td a {font:normal 11pt "Malgun Gothic", sans-serif;  color:#5f5f5f; line-height: 32px;}
.bbsview_table td a:hover {color:#000; text-decoration:underline; }
.bbsview_table td.subject{text-align: left; 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:auto; padding:0 5px 0 0;}
.bbsview_btns ul li.write_btn {float:right; padding:0 0px 0 0; text-align:right;}

/* write */
.bbswrite_table {width:100%; border-top:2px solid #ccc; background-color:#fff;} /* bbs top Ä÷¯ º¯°æ */
.bbswrite_table th{border-bottom:1px solid #dadada; background-color:#f5f5f5; text-align:center; font:bold 11pt "Malgun Gothic", sans-serif; padding:3px 0; color:#8d8d8d;}
.bbswrite_table td{border-bottom:1px solid #dadada; text-align:left; padding: 8px 0 8px 10px; font:normal 11pt "Malgun Gothic", sans-serif; }
.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:50px; overflow:hidden; text-align:center;}

.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 #ccc; 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:bold 11pt "Malgun Gothic", sans-serif; text-align:center; color:#6e6e6e; background-color:#f5f5f5; height:34px;padding:3px 0; border-bottom:1px dashed #ececec; width:30%;}
.bbsdelete_table td{font:normal 11pt "Malgun Gothic", sans-serif; border-bottom:1px dashed #dadada; height:32px; line-height:32px; padding:3px 0;text-align:left; padding-left:5px; color:#8d8d8d; position:relative;}

.bbsdelete_btns {position:absolute; top:8px; right:10px; }
.bbsdelete_btns ul li {float:left;width:auto; padding:0; margin:0 2px;}


/* btns */

a.bbs_gray_btn {display:inline-block; width:50px; height:19px; padding:0 0 3px 0; line-height:23px; border:1px solid #c5c5c5; text-align:center; font:bold 12px "Malgun Gothic", sans-serif; letter-spacing:-0.5px; color:#818181; background-color:#efefef; border-radius:2px; }
a.bbs_gray_btn:hover {background-color:#f9f9f9; text-decoration:none; }
a.bbs_color_btn {display:inline-block; width:50px; height:19px; padding:0 0 3px 0;  line-height:23px; border:1px solid #646870; text-align:center; font:bold 12px "Malgun Gothic", sans-serif; letter-spacing:-0.5px; color:#fff; background-color:#707580; border-radius:2px; }
a.bbs_color_btn:hover {background-color:#82858b; text-decoration:none; }  /* Ä÷¯ º¯°æÇÏ¿© »ç¿ë */

a.bbs_gray_btn2 {display:inline-block; width:auto;  text-align:center; background-color:#f5f5f5; border:1px solid #ccc; font: bold 14px 'Malgun Gothic', sans-serif;   color:#666; padding:10px 20px; border-radius:4px; letter-spacing:0; margin:0 10px;}
a.bbs_gray_btn2:hover {background-color:#fbfbfb; border:1px solid #ccc; text-decoration:none; }
a.bbs_color_btn2 {display:inline-block; width:auto;  text-align:center; background-color:#707580; border:1px solid #666; font: bold 14px 'Malgun Gothic', sans-serif; color:#fff; padding: 10px 20px; border-radius:4px; letter-spacing:0; margin:0 10px;}
a.bbs_color_btn2:hover {background-color:#333; border:1px solid #666; text-decoration:none;}/* Ä÷¯ º¯°æÇÏ¿© »ç¿ë */



/* gallery */
.gallery_table_box {border-top:1px dashed #ccc; border-bottom:1px dashed #ccc; padding:20px 0; background-color:#fff; }
/*
.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; width:300px;  padding:0 20px;}
.gallery_table img {background-color:#fff; padding:5px; border:1px solid #ccc; }
.gallery_table span {height:22px; text-align:center; display:block;margin:10px 0; }

.gallery_table2 {width:100%;}
.gallery_table2 td{text-align:center; width:auto;  padding:0 20px; height:250px;}
.gallery_table2 .img_box {background-color:#fff; padding:5px; border:1px solid #ccc; margin:0 0 10px 0 ; overflow:hidden; }
.gallery_table2 .img_box img {background-color:#fff; padding:0; width:50%; height:210px; float:left; box-sizing:border-box; }
.gallery_table2 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;}