@charset "utf-8"; 
/* Jeong, Chan Myeong | http://naradesign.net/ */

/* Button Common */
.button,
.button *{ position:relative; margin:0; padding:0; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; border:0; font-size:12px; font-family:Tahoma, Sans-serif; white-space:nowrap; background:url(./images/button.png) no-repeat; vertical-align:top; overflow:visible; color:#333;}
.button { margin-right:4px;}
.button *{ left:4px; cursor:pointer; _cursor:hand;}

/* Button Size = medium | large | xLarge | small */
.button.medium, .button.medium *{ height:24px; line-height:24px;}
.button.large, .button.large *{ height:30px; line-height:30px;}
.button.xLarge, .button.xLarge *{ height:36px; line-height:36px;}
.button.small, .button.small *{ height:19px; line-height:19px;}
.button.medium { background-position:left 0;}
.button.large { background-position:left -30px;}
.button.xLarge { background-position:left -65px;}
.button.small { background-position:left -106px;}
.button.medium *{ padding:0 10px 0 6px; font-size:12px; background-position:right top;}
.button.large *{ padding:0 10px 0 6px; font-size:16px; background-position:right -30px;}
.button.xLarge *{ padding:0 10px 0 6px; font-size:20px; background-position:right -65px;}
.button.small *{ padding:0 6px 0 2px; font-size:11px; background-position:right -106px;}

/* Button Hover */
.button *:hover,
.button *:active,
.button *:focus{ color:#690;}

/* Button Strong */
.button.strong *{ font-weight:bold !important;}

/* Button Icon Variation */
.button.icon *{ padding-left:20px;}
.button.small.icon *{ padding-left:16px;}
.button.icon span{ width:20px; margin-right:-20px; padding:0 !important;}
.button.medium .check{ background-position:4px -150px;}
.button.large .check{ background-position:4px -146px;}
.button.xLarge .check{ background-position:5px -144px;}
.button.small .check{ background-position:3px -153px;}
.button.medium .add{ background-position:-16px -150px;}
.button.large .add{ background-position:-14px -146px;}
.button.xLarge .add{ background-position:-14px -144px;}
.button.small .add{ background-position:-18px -153px;}
.button.medium .delete{ background-position:-34px -150px;}
.button.large .delete{ background-position:-34px -146px;}
.button.xLarge .delete{ background-position:-34px -144px;}
.button.small .delete{ background-position:-37px -153px;}
.button.medium .calendar{ background-position:-56px -150px;}
.button.large .calendar{ background-position:-56px -146px;}
.button.xLarge .calendar{ background-position:-56px -144px;}
.button.small .calendar{ background-position:-59px -153px;}
.button.medium .refresh{ background-position:-76px -150px;}
.button.large .refresh{ background-position:-76px -146px;}
.button.xLarge .refresh{ background-position:-76px -144px;}
.button.small .refresh{ background-position:-79px -153px;}



/*공통*/
body, h1, h2, h3, h4, h5 {margin:0;padding:0;}
body {font:normal 13px dotum;color:#555;}
a {text-decoration:none; color:#555}
a:hover, .crimson {color:crimson}
.clr {clear:both;}
.blank {padding:10px;}
.paging {text-align:center;padding:10px;}
.ft_left {float:left;}
.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 dotum; 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;}

/*상단*/
#hd {height:36px;background:url('<?=$g4[path]?>/images/top_title_bg.png') repeat-x;padding-top:14px; background:#fff}
#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 dotum;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 dotum;}
#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;}


/*메뉴*/
	.menu {border:1px dashed #ccc;}

/*서브메뉴*/
#subMenu {font-weight:bold; color:#212121; background-color:#ebebeb; border:#464646 1px solid; text-align:center; width:20%; height:25px;}
#subMenu a{font-weight:bold; color:#212121; text-align:center;}

/*하단*/
.tel {text-align:center; color:#67455c; font-size:0.8em; padding:0px;}


/*게시판 리스트*/
.list_left, {float:left;}
.list_right {float:right;text-align:right;width:100px;padding:0;margin:0;font:normal 12px dotum;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 dashed #999;background:url('<?=$g4[path]?>/images/note_fr.gif') no-repeat 12px center;cursor:pointer;height:32px;}
	.m_mlist li a {font:normal 16px gulim;}
	.m_mlist li a.list_subject {font:normal 16px gulim;color:#444}
	.m_mlist li a.list_name {font:normal 13px gulim;color:#a5a5a5}
	.m_mlist li a.list_date {margin-left:14px;font:normal 13px Trebuchet MS, sans-serif, gulim;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 dashed #999; cursor:pointer;}
	#m_list li a {font:normal 16px gulim;}
	#m_list li p {clear:both;padding:3px;margin:0}
	#m_list li p a span {font:normal 13px gulim;color:#ddd}
	#m_list li p a.list_subject {font:normal 16px gulim;color:#444}
	#m_list li p a.list_bo_subject {font:bold 13px gulim;color:#a5a5a5}
	#m_list li p a.list_name {font:normal 13px gulim;color:#a5a5a5}
	#m_list li p a.list_date {font:normal 13px Trebuchet MS, sans-serif, gulim;color:#a5a5a5;}
	
	/*갤러리형 목록*/
	#m_glist ul {list-style-type:none;padding:0;margin:0;}
	#m_glist li {float:left;list-style-type:none;padding:0px; margin-top:10px;width:50%; text-align:center;}
	#m_glist .glist_img {width:150px; padding:10px; margin:0 auto; cursor:pointer;}
	#m_glist .glist_subject p {padding:3px 15px; margin:0;}
	#m_glist .glist_img {max-width:100%;  padding:5px 4px; margin:0 auto; cursor:pointer; margin-left:6px;}
	#m_glist li img.m_thm {max-width:100%; border:1px solid #ccc;}
	#m_glist li a {font:bold 14px gulim;}
	#m_glist li p a.list_subject {font:normal 16px gulim;color:#444}
	#m_glist li p a.list_bo_subject {font:bold 13px gulim;color:#a5a5a5}
	#m_glist li p a.list_name {font:normal 13px gulim;color:#a5a5a5}
	#m_glist li p a.list_date {font:normal 13px Trebuchet MS, sans-serif, gulim;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 gulim;}


/*게시글 보기*/
#m_view {border-bottom:1px solid #ddd; padding:10px;}
.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;}
#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 dotum; 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 dotum; 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;
}