/*---------------------------------------------------------
  Portfolio
--------------------------------------------------------------------- */
/* small title img */
#txt1 { padding-bottom: 10px }
#txt2 { padding-bottom: 20px }
/* 프로젝트 진행현황 */
#m_hr_top {	border-top: 2px solid #b8b8b8;	clear: both;	margin: 10px 0 15px 0}
#m_list_table {	width: 650px;	border-collapse: collapse;	margin-top: -16px}
#m_list_table th {	background: #e4e4e4;	height: 29px;	color: #666666;	font-weight: bold}
#m_list_table th div { margin: 0 auto; }
#m_list_table td {	color: #666666;	height: 29px;	text-align: center;	margin: 0 auto}
#m_list_table #subject {	text-align: left;	margin: 0 auto;	padding-left: 8px}
#m_list_table #subject a {}
#m_list_table #subject a:visited {}
#m_list_table #subject a:hover {}
#m_list_table #graph {	width: 155px;	text-align: left}
#graph_table {	width: 100px;	float: left;	margin-top: 5px}
#graph_table td { height: 5px; }
#graph_percent {	float: left;	width: 35px;	text-align: right;	margin: 0 auto;}
#graph_o {	height: 5px;	background: #cc6666}
#graph_x {	height: 5px;	background: #cccccc}
#m_hr_btm {	border-top: 1px solid #cccccc;	clear: both;	margin: 0px 0 15px 0}
#m_hr_btm_view {	border-top: 2px solid #b8b8b8;	clear: both;	margin: 15px 0 15px 0}
#m_page {	text-align: center;	margin: 0 auto;	clear: both;	color: #cc3333;	font-size: 11px;}
#m_page a:link {}
#m_page a:visited {}
#m_page a:hover {}
#m_page img { margin: 0 5px -2px 5px }
#m_search {	text-align: center;	margin: 0 auto;	padding-top: 6px}
#m_search_text { border: 1px solid #b2b2b2 }
#m_search img { vertical-align: bottom }
#m_search input[type=image] { magin-top: 10px !important }
#m_search select { }
#m_control_btn {	float: right;	margin: 0 auto;	margin-top: -19px}


#m_view_btn {	float: right;	margin-top: -23px}
#m_view_btn img { cursor: pointer }
#m_view_table {	width: 100%;	border-collapse: collapse;	margin-top: 0}
#m_view_table th {	width: 100px;	line-height:34px;	font-weight: normal}
#m_view_table th div {	padding-left: 18px;	text-align: left;	margin: 0 auto;}
#m_view_table td {}
#m_view_table td div { padding-left: 15px }
#m_view_content {	padding: 20px 0;	width: 100%;	overflow-x: auto}
#m_view_page {	text-align: left;	margin: 0 auto;	padding-top: 0px}
#m_write_table {	width: 100%;	border-collapse: collapse;	margin-top: -16px}
#m_write_table th {	width: 135px;	color: #666; background: #e4e4e4;	height: 29px;	font-weight: bold}
#m_write_table th div {	padding-left: 18px;	text-align: left;	margin: 0 auto;}
#m_write_table td {	color: #666666;	background: #ffffff}
#m_write_table td div { padding-left: 15px }
#m_write_content {	padding: 14px 20px 14px 20px;	width: 650px;	overflow-x: auto}
#m_write_page {	text-align: center;	margin: 0 auto;	padding-top: 0px}

/* output */
#output_project {	width: 260px;	margin-top: 2px}
#output_project #subject {
  width: 112px;	height: 17px;	background: url(../img/main/m_bg_project_output.gif) no-repeat;	padding-left: 7px;
}
#output_project a:link {	color: #666666;	text-decoration: none}
#output_project a:visited {	color: #666666;	text-decoration: none}
#output_project a:hover {	color: #666666;	text-decoration: none}
#output_project #percent {	text-align: right;	color: #666666}
#graph_o {	height: 5px;	background: #cc6666}
#graph_x {	height: 5px;	background: #cccccc}

/* --------------------------------------------
portfolio
 -------------------------------------------- */
#m_credit {	position: relative; margin-bottom: 30px;}
.port_box {float: left; width: 33.3%; padding: 0 20px; min-height: 1px; }
@media screen and (max-width: 768px) {
  .port_box {float: left; width: 50%;}
}
@media screen and (max-width: 480px) {
  .port_box {float: none; width: 100%;}
}
#m_credit .port_img {position: relative; margin-bottom: 0px; padding-top: 65% !important; /* 4:3 ratio */ overflow: hidden;}
#m_credit .port_img a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
}
#m_credit .port_img a img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 100%;
  height: 100%;
  opacity: 0.8;
  -webkit-transition: all 0.5s;-moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;
}
#m_credit .port_img a img:hover {opacity: 1; transform:scale(1.2); -webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);}


#m_txt_area {	float: left;	width: 520px;	margin-left: 20px;}  /* 2015-11-06 수정 */
#m_txt_title {	font-size: 18px;	color: #eee;	margin: 0px 0 10px 0;	font-weight: normal !important;}  /* 2015-11-06 수정 */

#m_txt_table {	border: 1px solid #eee;}
#m_txt_table th {
  color: #ccc; text-align: right; vertical-align: middle;	width: 100px;	line-height: 40px;	font-weight: 400;
}
#m_txt_subtitle { padding: 0 0 0 10px }
#m_txt_table td {	vertical-align: middle;}
#m_txt_value { padding: 0 0 0 15px }

/* 리스트 자세히 보기 버튼 */
#m_btn {	position: absolute;	top: 10px;	right: 0;	width: 100px;}
@media screen and (max-width: 768px) {
  #m_btn {display: none;}
}
#m_view_btn {	float: right;	;	margin-top: -23px}
#m_view_btn img { cursor: pointer }
#m_hr {	border-top: 1px solid #cccccc;	clear: both;	margin: 15px 0 15px 0}
#m_hr_top {	border-top: 2px solid #b8b8b8;	clear: both;	margin: 0}
#m_hr_btm {	border-top: 1px solid #cccccc;	clear: both;	margin: 15px 0 15px 0}
#m_hr_btm_view {	border-top: 2px solid #b8b8b8;	clear: both;	margin: 15px 0 15px 0}
#m_page {	text-align: center;	margin: 0 auto;	clear: both;	color: #cc3333;	font-size: 11px;}
#m_page a:link {text-decoration: none}
#m_page a:visited {text-decoration: none}
#m_page a:hover {	text-decoration: none}
#m_page img { margin: 0 5px -2px 5px }
.title_textbox {	border: 1px solid #cccccc;	width: 430px}
.etc_textbox {	border: 1px solid #cccccc;	width: 430px}
.date_textbox {	border: 1px solid #cccccc;	width: 101px}
.radio {	margin: -2px 0 0 0;	vertical-align: middle}
.input_img {	margin: -2px 0 0 0;	vertical-align: middle}
/* output */