/*공통*/
/*body, h1, h2, h3, h4, h5 {margin:0;padding:0;}
body {color:#555;}
a {text-decoration:none; color:#555}
a:hover, .crimson {color:crimson}
.clr {clear:both;}
.blank {padding:10px;}


.ft_right {float:right;}
.center {text-align:center;}
.line {clear:both;margin:10px auto;border-top:1px solid #ddd;margin-bottom:20px;}
.pointer {cursor:pointer}
.roundbox {padding:10px;margin:20px;border:1px solid #ccc;border-radius:5px;-mz-border-radius:5px;}
.list_title {padding:10px; text-align:center; font:bold 15px ; background:#fff; border-bottom:1px solid #ccc;}
.bbs_btn {padding:10px 20px;}
.strong {font-weight:bold;}
.f_normal {font-weight:normal; }
img {vertical-align:middle;}
*/
.ft_left {float:left;}
.ft_right {float:right;}
.paging {clear:both;text-align:center;padding:50px 10px 80px;}
.hd_list_btn{width:25%;}
.hd_list_subj{width:50%;}
.hd_write_btn{width:25%;text-align: right;}

/*상단*/
#hd {height:36px;background:url('<?=$g4[path]?>/images/top_title_bg.png') repeat-x;padding-top:14px;}
#hd_wrap {margin:0 auto; margin:0 8px;}
#hd h3 {text-align:center;}
#hd_wrap div h4 a {color:#fff; padding:2px; font-size:15px}
h3 a {font:bold 18px;color:#fff;}

/*상단메뉴*/
#hd_menu_wrap div {float:left; width:25%; text-align:center; padding:10px 0; border-top:3px solid #b63a4b; border-bottom:1px solid #aaa;background-color:#f5f5f5 }
#hd_menu_wrap a {font:normal 14px ;}
#hd_menu_wrap div.m_bt {background-image:url('<?=$g4[path]?>/images/bt.png'); background-repeat: no-repeat; background-position: right center}

#sca {width:100%; padding:3px;}


/*메인메뉴*/
#m_menu {position:relative;padding:10px 0;text-align:center;background:#f5f5f5; font:bold 13px ; border-top:1px solid #fff; border-bottom:1px solid #ccc;}
#m_menu a.ft_left, #m_menu a.ft_right {color:#fff;margin-top:3px;}
#m_menu a.center {color:#a0d3ff;margin-top:3px;}
#m_menu h3 {font-size:17px;}
#m_menu .hd_list_btn{position:absolute;left:10px;top:10px;width:45px;}
#m_menu .hd_write_btn{position:absolute;right:10px;top:10px;width:56px;}
#m_menu .center {float:none;width:calc(100% - 20px); padding:0 10px;}


.menu_left {float:left;width:150px;}
.menu_right {float:right;text-align:right;width:40px;padding:0;margin:0;}
.menu_right img {border:0;vertical-align:middle;}





/*게시판 리스트*/
#m_list{    padding-top: 67px;position:relative; box-sizing:border-box;}
.list_left, {float:left;}
.list_right {float:right;text-align:right;width:100px;padding:0;margin:0;font:normal 12px ;color:#999;}
#m_list li.list_selected {background:#fff;color:crimson}
.list_cmt_cnt {font:normal 16px Trebuchet MS, sans-serif;}
.list_cmt_cnt_new {font:normal 16px Trebuchet MS, sans-serif;color:crimson;}

	/*index메인*/
	.m_mlist ul {list-style-type:none;padding:0;margin:0;}
	.m_mlist li {clear:both;list-style-type:none;padding:10px 15px 0 32px;margin:0;border-bottom:1px solid #eaeaea;background:url('<?=$g4[path]?>/images/note_fr.gif') no-repeat 12px center;cursor:pointer;height:32px;}
	.m_mlist li a {font:normal 16px ;}
	.m_mlist li a.list_subject {font:normal 16px ;color:#444}
	.m_mlist li a.list_name {font:normal 13px ;color:#a5a5a5}
	.m_mlist li a.list_date {margin-left:14px;font:normal 13px Trebuchet MS, sans-serif, ;color:#a5a5a5;}

	/*일반형 목록 , 최신글, 최근댓글*/
	#m_list ul {list-style-type:none;padding:0;margin:0;}
	#m_list li {clear:both;list-style-type:none;padding:5px 15px;margin:0;border-bottom:1px solid #eaeaea; cursor:pointer;}
	#m_list li a {font:normal 16px ;}
	#m_list li p {clear:both;padding:3px;margin:0}
	#m_list li p a span {font:normal 13px ;color:#ddd}
	#m_list li p a.list_subject {font:normal 16px ;color:#444}
	#m_list li p a.list_bo_subject {font:bold 13px ;color:#a5a5a5}
	#m_list li p a.list_name {font:normal 13px ;color:#a5a5a5}
	#m_list li p a.list_date {font:normal 13px Trebuchet MS, sans-serif, ;color:#a5a5a5;}
	#m_list li p img{vertical-align:middle;}
	
	/*갤러리형 목록*/
	#m_glist{   margin-top: 67px;position:relative;}
	#m_glist ul {list-style-type:none;padding:0;margin:0;}
	#m_glist li {float:left;list-style-type:none;padding:0px; margin-top:20px;width:50%; text-align:center;min-height:230px;}
	#m_glist .glist_img {max-width:100%;margin:0 auto; cursor:pointer; text-align:center;}
	#m_glist .glist_img img{width:150px; max-height:148px;}
	#m_glist .glist_subject p {padding:0 10px; margin:0;}
	#m_glist .glist_subject p .gtext {white-space: normal;    display: block;    font-size: 15px;    color: #000;    line-height: 20px;    font-weight: 400;    margin:10px 0 5px;    height:40px;    display: -webkit-box;    -webkit-box-orient: vertical;    -webkit-line-clamp: 2;    overflow: hidden;}

	#m_glist li img.m_thm {max-width:100%; border:1px solid #ccc;}
	#m_glist li a {font:bold 14px ;}
	#m_glist li p a.list_subject {font:normal 16px ;color:#444}   

	#m_glist li p a.list_bo_subject {font-size:14px;font-weight:bold;color:#a5a5a5}
	#m_glist li p a.list_name {font-size:14px;color:#a5a5a5}
	#m_glist li p a.list_date {font-size:14px;color:#a5a5a5;}

	/*검색 목록*/
	
	#m_search ul {list-style-type:none;padding:0;margin:0;}
	#m_search li {float:left;list-style-type:none;padding:0px;margin:14px;cursor:pointer;width:130px;}
	#m_search li:hover {background:#fff;}
	#m_search li a {font:bold 16px ;}


/*게시글 보기*/
#m_view {border-bottom:1px solid #ccc;padding:10px;    margin-top: 67px;position:relative;}
.view_contents {margin:25px 0;}

/*댓글 목록*/
#m_cmt_list {background:#f5f5f5;margin-bottom:25px;}
#m_cmt_list ul {list-style-type:none;padding:0;margin:0;}
#m_cmt_list li {clear:both;list-style-type:none;padding:10px;margin:0;margin-bottom:15px;}

/*댓글 쓰기*/
#m_cmt_write {border:1px solid #ddd;margin-bottom:25px;}
#m_cmt_write ul {list-style-type:none;padding:0;margin:0;}
#m_cmt_write li {clear:both;list-style-type:none;padding:10px;margin:0;}
#m_cmt_write textarea.input_txt2 {list-style-type:none;width:95%;padding:5px;background:#f5f5f5;border:1px solid #ccc;border-radius:3px;-mz-border-radius:3px;}

/*하단*/
#tail {text-align:center;}

/*페이징*/
.pagelist {margin:0 auto;text-align:center;}
.pagelist .pgPrevNext a {padding:8px 10px;font:bold 12px verdana;color:#555;border:1px solid #ddd;}
.pagelist a {padding:8px 10px;font:bold 12px verdana;color:#555;border:1px solid #eee;margin:0 1px 0 1px;}
.pagelist a:hover {color:#999;border:1px solid #ccc;}
.pagelist .pgNow {padding:0 8px;font:bold 12px verdana;color:#c81818;}


/*로그인*/
#m_login {padding:0;margin:20px;border:1px solid #ccc;border-radius:5px;-mz-border-radius:5px;background:#fff;}
#m_login ul {list-style-type:none;padding:15px;margin:0;}
#m_login li {list-style-type:none;padding:3px;margin:0;}
#m_login input.m_input_text {width:95%;padding:5px;background:#f5f5f5;border:1px solid #ccc;border-radius:3px;-mz-border-radius:3px;height:32px;}
#m_login input:focus {background:#fff;}

/*글작성*/
#m_write {padding:0;margin:20px;border:1px solid #ccc;border-radius:5px;-mz-border-radius:5px;margin-top: 67px;position:relative;}
#m_write ul {list-style-type:none;padding:15px;margin:0;}
#m_write li {list-style-type:none;padding:3px;margin:0;}
#m_write input.input_txt1 {list-style-type:none;width:95%;padding:5px;background:#f5f5f5;border:1px solid #ccc;border-radius:3px;-mz-border-radius:3px;height:21px;}
#m_write textarea.input_txt2 {list-style-type:none;width:95%;padding:5px;background:#f5f5f5;border:1px solid #ccc;border-radius:3px;-mz-border-radius:3px;}
#m_write input:focus, #m_write textarea:focus {background:#fff;}

/*글작성2*/
.m_write {padding:0;margin:10px 20px;border:1px solid #ccc;border-radius:5px;-mz-border-radius:5px; background:#fff;}
.m_write ul {list-style-type:none;padding:15px;margin:0;}
.m_write li {list-style-type:none;padding:3px;margin:0;}
.m_write input.input_txt1 {-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;list-style-type:none;width:100%;padding:5px;background:#f5f5f5;border:1px solid #ccc;border-radius:3px;-mz-border-radius:3px;height:30px;}
.m_write textarea.input_txt2 {-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;width:100%;padding:5px;background:#f5f5f5;border:1px solid #ccc;border-radius:3px;-mz-border-radius:3px;}
.m_write input:focus, .m_write textarea:focus {background:#fff;}

/*쉐도우*/
.shadow35 {

	-webkit-box-shadow: 0px 0px 3px rgba(69, 78, 82, 0.5);
	-moz-box-shadow:    0px 0px 3px rgba(69, 78, 82, 0.5);
	box-shadow:         0px 0px 3px rgba(69, 78, 82, 0.5);

}

.shadow55 {

	-webkit-box-shadow: 0px 0px 5px rgba(69, 78, 82, 0.5);
	-moz-box-shadow:    0px 0px 5px rgba(69, 78, 82, 0.5);
	box-shadow:         0px 0px 5px rgba(69, 78, 82, 0.5);

}

.shadow105 {

	-webkit-box-shadow: 0px 0px 10px rgba(69, 78, 82, 0.5);
	-moz-box-shadow:    0px 0px 10px rgba(69, 78, 82, 0.5);
	box-shadow:         0px 0px 10px rgba(69, 78, 82, 0.5);

}

.shadow107 {

	-webkit-box-shadow: 0px 0px 10px rgba(69, 78, 82, 0.7);
	-moz-box-shadow:    0px 0px 10px rgba(69, 78, 82, 0.7);
	box-shadow:         0px 0px 10px rgba(69, 78, 82, 0.7);

}

/*라운딩*/
.round2 {
	/* firefox's individual border radius properties */
	-moz-border-radius:2px; 

	/* webkit's individual border radius properties */
	-webkit-border-radius:2px;

	border-radius:2px;
}

.round3 {
	/* firefox's individual border radius properties */
	-moz-border-radius:3px; 

	/* webkit's individual border radius properties */
	-webkit-border-radius:3px;

	border-radius:3px;
}

.round5 {
	/* firefox's individual border radius properties */
	-moz-border-radius:5px; 

	/* webkit's individual border radius properties */
	-webkit-border-radius:5px;

	border-radius:5px;
}

.round10 {
	/* firefox's individual border radius properties */
	-moz-border-radius:10px; 

	/* webkit's individual border radius properties */
	-webkit-border-radius:10px;

	border-radius:10px;
}

button {padding:10px 20px; font:bold 15px ; background:#fff; border:1px solid #ccc; 
/* firefox's individual border radius properties */
	-moz-border-radius:5px; 

	/* webkit's individual border radius properties */
	-webkit-border-radius:5px;

	border-radius:5px;
}

button:hover {background:#f5f5f5;}

textarea, input[type=text], input[type=password] {padding:5px; font:normal 13px ; border:1px solid #ccc; background:#f5f5f5; width:100%;
/* firefox's individual border radius properties */
	-moz-border-radius:3px; 

	/* webkit's individual border radius properties */
	-webkit-border-radius:3px;

	border-radius:3px;

	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}