@charset "euc-kr";
/* CSS Document */
/*
@import url(default.css);
@import url(common.css);
@import url(layout.css);
*/

/* »çÀÌÆ® ¸ÞÀÎ ÄÃ·¯ #1a5189(¸ÞÀÎÄÃ·¯) #4277ad(¸¶¿ì½º¿À¹ö½ÃÄÃ·¯) #1b3c5e;(º¸´õ¸ÞÀÎÄÃ·¯) -> º¯°æÇÏ¿© »ç¿ëÇÏ¼¼¿ä */

/* common */
.m_coment_margin {margin-right:15px;}
.m_bbs_point {color:#ff0000;}
.m_bbs_txt_right {text-align:right;}
.m_widht80 {width:80px}
.m_widht100 {width:100px}
.m_widht250 {width:250px}
.m_width30per {width:30%;}
.m_width80per {width:80%;}
.m_width99per {width:99%;}
.m_board_input {border:1px solid #cbcbcb; height:22px; line-height:22px; color:#8d8d8d; padding-left:5px;}
.m_board_select {border:1px solid #cbcbcb; height:24px; line-height:24px; color:#8d8d8d; padding-left:5px;}
.m_search_select {border:1px solid #cbcbcb; height:24px; line-height:24px; color:#8d8d8d; padding-left:5px; width:100%;}
.m_board_textarea{border:1px solid #cbcbcb;line-height:22px; color:#8d8d8d; }
.m_file_bbs {border:1px solid #cbcbcb; height:24px; line-height:24px; color:#8d8d8d; padding-left:5px; width:90%;}


#m_board_search { clear:both; width:99.4%; border:1px solid #dadada; background-color:#f8f9fa; text-align:center; padding:10px 0 ; overflow:hidden; margin-top:10px;}
#m_board_search ul {margin:0 auto; width:90%;overflow:hidden; }
#m_board_search ul li {float:left; width:50%; text-align:center;  } 
#m_board_search ul li.input_w {float:left;} 
#m_board_search ul li.input_w input {width:95%;} 

#m_page {clear:both; height:29px; width:100%; text-align:center; margin-top:20px;}
#m_page a{ vertical-align:middle; display:inline-block; height:23px;  width:24px; line-height:25px; border:1px solid #ececec; text-align:center;  font-size:0.95em; font-family:tahoma, sans-serif; background-color:#fff;}
#m_page a:hover{ display:inline-block; text-decoration:none; background-color:#e6e6e6;}
#m_page img {vertical-align:middle;}

.m_bbs_catego {font-family:"Malgen Gotic", sans-serif; font-weight:bold; padding:0 0 10px 0; font-size:1.2em;}
.m_bbs_catego select {border:1px solid #cbcbcb; height:22px; color:#8d8d8d; padding-left:3px; width:40%; vertical-align:middle; font-family:'Malgun Gothic', sans-serif; font-size:0.95em; }


/* bbs_list */
.m_bbslist {border-top:2px solid #1a5189; border-right:1px solid #ececec; border-left:1px solid #ececec; border-bottom:1px solid #ececec; } /* bbs top ÄÃ·¯ º¯°æ */
.m_bbslist th{font-family:'Malgun Gothic', 'Apple Gothic' , sans-serif; font-size:0.95em; text-align:center; font-weight:bold; color:#6e6e6e; background-color:#f5f5f5; height:34px;border-bottom:1px solid #ececec; }
.m_bbslist td{font-family:'Malgun Gothic', 'Apple Gothic' , sans-serif; font-size:0.95em; border-bottom:1px dashed #dadada; padding:10px 0; text-align:center; font-weight:normal;  color:#8d8d8d; }
.m_bbslist td a {font-family:'Malgun Gothic', 'Apple Gothic' , sans-serif;color:#5f5f5f;}
.m_bbslist td a:hover {font-family:'Malgun Gothic', 'Apple Gothic' , sans-serif;color:#000; text-decoration:underline;}
.m_bbslist td.subject {text-align: left; font-weight:normal; padding-left:5px;}
.m_bbslist td.subject img {vertical-align:middle;}
.m_bbslist td img{vertical-align:-1px; margin:0 3px; }

.m_bbslist_btns {clear:both; width:100%; padding-top:10px; overflow:hidden; }
.m_bbslist_btns ul li {float:left; width:50%; }

/* bbs_view */
.m_bbsview {border-top:2px solid #1a5189; border-left:1px solid #ececec; border-bottom:1px solid #ececec; } /* bbs top ÄÃ·¯ º¯°æ */
.m_bbsview th{font-family:'Malgun Gothic', 'Apple Gothic' , sans-serif;  font-size:0.95em; text-align:center; font-weight:bold; color:#6e6e6e; background-color:#f5f5f5; height:34px; border-bottom:1px dashed #ececec;}
.m_bbsview td{font-family:'Malgun Gothic', 'Apple Gothic' , sans-serif; font-size:0.95em; border-bottom:1px dashed #dadada; border-right:1px solid #ececec;  text-align:left; padding-left:5px; font-weight:normal;  color:#8d8d8d;}
/*.m_bbsview td img {width:100%; }*/
.m_bbsview td a {font-family:'Malgun Gothic', 'Apple Gothic' , sans-serif;color:#5f5f5f;}
.m_bbsview td a:hover {font-family:'Malgun Gothic', 'Apple Gothic' , sans-serif;color:#000; text-decoration:underline;}
.m_bbsview td.subject{text-align: left; font-weight:normal; padding-left:5px;}
.m_bbsview td.contents {padding:10px; line-height:130%;}
.m_bbsview td img{vertical-align:-1px; margin:0 3px; }

.m_bbsview_btns {clear:both; width:100%; padding-top:10px; overflow:hidden; }
.m_bbsview_btns ul li {float:left; padding:0 2px 0 0px; }
.m_bbsview_btns ul li.write_btn {float:right; text-align:right;}

/* write */
.m_bbswrite {width:100%; border-top:2px solid #1a5189;} /* bbs top ÄÃ·¯ º¯°æ */
.m_bbswrite th{border-bottom:1px solid #dadada; background-color:#f5f5f5; text-align:center; font-weight:bold; color:#8d8d8d; font-size:0.95em;}
.m_bbswrite td{border-bottom:1px solid #dadada; text-align:left; padding: 5px 0 5px 10px;  font-size:0.75em; }
.m_bbswrite td img{vertical-align:bottom; margin-top:-5px;}
.m_bbswrite td input {vertical-align:middle;}
.m_bbswrite .pass_w {width:60%;}

.m_bbswriite_btns {clear:both; width:100%; padding-top:10px; overflow:hidden; }
.m_bbswriite_btns ul li {float:left; width:46%; padding:0 2%;}

.m_pass {margin:5px 0 0 0; border-top:1px solid #ccc; width: 100%; padding:5px 0 0 0;}

/* delete */
.m_bbsdelete {border-top:2px solid #1a5189; border-right:1px solid #ececec; border-left:1px solid #ececec; border-bottom:1px solid #ececec; width:100%; margin:10px auto 0; } /* bbs top ÄÃ·¯ º¯°æ */
.m_bbsdelete th{font-family:'Malgun Gothic', 'Apple Gothic' , sans-serif;  font-size:0.95em; text-align:center; font-weight:bold; color:#6e6e6e; background-color:#f5f5f5; height:34px; border-bottom:1px dashed #ececec; width:30%;}
.m_bbsdelete td{font-family:'Malgun Gothic', 'Apple Gothic' , sans-serif;font-size:0.95em; border-bottom:1px dashed #dadada; height:32px; line-height:32px; text-align:left; padding-left:5px; font-weight:normal;  color:#8d8d8d;}

.m_bbsdelete_btns { margin:0px 0 0 0; padding-top:10px; overflow:hidden; }
.m_bbsdelete_btns ul li {float:left; width:46%; padding:0 2%;}

/* btns */
a.m_bbs_gray_btn {display:inline-block; width:50px; padding:4px 0; border:1px solid #c5c5c5;text-align:center; font-weight:bold; font-size:9pt; font-family:'Malgun Gothic', 'Apple Gothic' , sans-serif;letter-spacing:-0.5px; color:#818181; background-color:#efefef; border-radius:3px; }
a.m_bbs_gray_btn:hover {display:inline-block; background-color:#f9f9f9; text-decoration:none; }
a.m_bbs_color_btn {display:inline-block; width:50px; padding:5px 0;  border:1px solid #1b3c5e; text-align:center; font-weight:bold; font-size:9pt; font-family:'Malgun Gothic', 'Apple Gothic' , sans-serif;letter-spacing:-0.5px; color:#fff; background-color:#1a5189; border-radius:3px; }
a.m_bbs_color_btn:hover {display:inline-block; background-color:#4277ad; text-decoration:none; }  /* ÄÃ·¯ º¯°æÇÏ¿© »ç¿ë */

a.m_bbs_gray_btn2 {display:inline-block; width:70px; padding:4px 0; border:1px solid #c5c5c5;text-align:center; font-weight:bold; font-size:9pt; font-family:'Malgun Gothic', 'Apple Gothic' , sans-serif;letter-spacing:-0.5px; color:#818181; background-color:#efefef; border-radius:3px; }
a.m_bbs_gray_btn2:hover {display:inline-block; background-color:#f9f9f9; text-decoration:none; }
a.m_bbs_color_btn2 {display:inline-block; width:70px; padding:5px 0;  border:1px solid #1b3c5e; text-align:center; font-weight:bold; font-size:9pt; font-family:'Malgun Gothic', 'Apple Gothic' , sans-serif;letter-spacing:-0.5px; color:#fff; background-color:#1a5189; border-radius:3px; }
a.m_bbs_color_btn2:hover {display:inline-block; background-color:#4277ad; text-decoration:none; }  /* ÄÃ·¯ º¯°æÇÏ¿© »ç¿ë */



/* gallery 
.m_gallery_box {border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:20px 0; }
.m_gallery {width:100%;}
.m_gallery dl {float:left; width:33.3%; height:130px;}
.m_gallery dl dt {text-align:center;}
.m_gallery dl dt img {background-color:#fff; padding:5px; border:1px solid #ccc; width:85%; max-height:100px;}
.m_gallery dl dd {height:22px; text-align:center;  margin:10px 0; }*/

.m_gallery_box {border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:20px 0; }
.m_gallery {width:100%;}
.m_gallery dl {float:left; width:33.3%; height:150px; margin:0 0 10px 0;}
.m_gallery dl dt {text-align:center;}
.m_gallery dl dt img {background-color:#fff; padding:5px; border:1px solid #ccc; width:85%; height:100px;}
.m_gallery dl dd {height:22px; text-align:center;  margin:10px 0; }

.m_gallery_table_box{overflow:hidden;}
.m_gallery_02 {width:100%; overflow:hidden;}
.m_gallery_02 dl {float:left; width:49%; height:210px; box-sizing:border-box;}
.m_gallery_02 dl + dl{margin-left:2%;}
.m_gallery_02 dl:nth-child(2n+1){margin-left:0;}
.m_gallery_02 dl:nth-child(n+3){margin-top:2%;}
.m_gallery_02 dl dt {text-align:center; padding:2%; box-sizing:border-box;}
.m_gallery_02 dl dt a{width:100%; height:100%; display:block;}
.m_gallery_02 dl dt img {background-color:#fff; width:100%; height:100%; max-width:190px; max-height:170px; border:1px solid #ddd;}
.m_gallery_02 dl dd {height:22px; text-align:center;  margin:10px 0; }
.m_gallery_02 dl dd a{width:100%; height:100%; display:block;}

/* coment 
.m_coment_title {background-color:#f3f3f3; height:25px; padding:9px 0 0 10px; margin-bottom:10px;}
.m_coment_write {position:relative;border:1px solid #c7c7c7; margin:20px 0; }
.m_coment_write p.btn{position:absolute; top:83px; right:15px;}
.m_coment_write ul {margin:15px;}
.m_coment_write ul li{line-height:12px; font-weight:bold;}
.m_coment_write ul li input {vertical-align:middle;}
.m_textarea_coment {width:87%; height:38px; margin-top:10px; padding:10px; border:1px solid #cbcbcb;}

.m_coment_list {position:relative;border:1px solid #c7c7c7; margin:20px 0; }
.m_coment_list dl {margin:15px; border-bottom:1px dashed #c7c7c7; padding-bottom:10px; }
.m_coment_list dl dt {font-weight:bold; color:#666; height:24px;}
.m_coment_list dl dt .coment_name {float:left;}
.m_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;}
.m_coment_list dl dt img {vertical-align:middle;}
.m_coment_list p.btn{position:absolute; top:9px; right:0px;}
*/ 

.bbs_coment {width:99.4%; border:1px solid #ccc; margin:10px 0 0 0; }
.bbs_coment  p {position:relative; padding:8px 0 8px 10px; border-bottom:1px dashed #ccc; margin:0;  font-family:'Malgun Gothic', sans-serif; font-size:0.95em; background-color:#f5f5f5;}
.bbs_coment  p span {position:absolute; top:8px; right:8px;  font-family:'Malgun Gothic', sans-serif;}
.bbs_coment  div {position:relative; padding:8px 0 8px 8px;  font-family:'Malgun Gothic', sans-serif;  font-size:0.95em;}
.bbs_coment a.btn_01 {display:inline-block; padding:3px 5px; font-size:0.75em; font-family:'Malgun Gothic', sans-serif; background-color:#bebebe; border-radius:1em;text-decoration:none; font-weight:bold;}
.bbs_coment a.btn_01:hover {text-decoration:none;}
.bbs_coment a.btn_02 {display:inline-block; padding:3px 5px; font-size:0.75em; font-family:'Malgun Gothic', sans-serif; background-color:#bebebe; border-radius:1em;text-decoration:none; font-weight:bold;}
.bbs_coment a.btn_02:hover {text-decoration:none;}