@CHARSET "UTF-8";

#list_table {
	text-align: center;	
	width:100%;
	margin:20px auto;
}

#list_table td {
	border: none;
}

#list_top {
	font-weight: bold;
	background: #eee;
}

#list_1 {
	width: 7%;
}

#list_2 {
	width: 50%;
}

#list_4 {
	width: 16%;
}

#list_5 {
	width: 10%;
}

#list_6 {
	width: 7%;
}

#list_bottom {
	border-bottom: 1px solid #ddd;
}

#list_subject {
	text-align: left;
	padding: 0 20px;
}

#list_subject td {
    font-weight: 500;
    padding: 6px 10px 0;
}

.date-txt {
    text-align: left;
    font-size: 14px;
    padding-top: 0;
	}

.date-txt td{
    padding-top: 6px;
	}

#list_subject a:link,#list_subject a:active,#list_subject a:visited {
	color: #000;
	text-decoration: none;
}
#list_subject a:hover {color:#c6ea05;text-decoration:none;}
#list_subject img {
	margin: 0 0 -2px 5px;
}

#write_left {
	font-weight: bold;
	text-align: center;
	background: #eee;
	width: 10%;
}

#modify_left {
	font-weight: bold;
	text-align: center;
	background: #eee;
	width: 10%;
}
#read_table {
	width:900px;
}
#writetable {
	width:900px;
}
#read_table td {
	border: none;
}

#read_top {
	border-bottom: 1px solid #ddd;
}
#read_top a:link,#read_top a:active,#read_top a:visited {
	color: #000;
	text-decoration: none;
}
#read_top a:hover {color:#c6ea05;text-decoration:none;}
#read_subject {
	font-weight: bold;
}

#read_right {
	text-align: right;
}

#read_contents {
	padding: 50px 10px;
	max-width:900px;
	width:100%;
}
#read_contents img {
   width:100%;
   text-align:center;
}
#button {
	margin: 30px auto;
	width:100%;
}
#page {
	margin: 20px auto;
	text-align: center;
	width:100%;

}
#page a:link,#page a:active,#page a:visited {
	color: #000;
	text-decoration: none;
}
#page a:hover {color:#c6ea05;text-decoration:none;}
#write_form {
	width:900px;
}

#content_table {margin:0;padding:0; transform: skew(-0.03deg);}
#cont_img {display: block; width: 100%; height: 200px; max-width: 270px;}
#cont_img img {width: 100%; height: 100%;}



table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}

td,tr,th {
	vertical-align: middle;
	padding: 10px;
}

textarea {
	margin: 0;
	padding: 5px 10px;
	background: none;
	border: 1px solid #ddd;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	color: #353535;
}

input {
	background: none;
	border: 1px solid #ddd;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	color: #353535;
	height: 40px;
}

input[type="text"] {
	    margin: 0 4px;
    padding: 1px 10px;
    width: 30%;
}

input[type="password"] {
	margin: 0;
	padding: 1px 10px;
}

input[type="button"] {
	margin: 12px 0 0 0;
	padding: 5px 10px;
}

input[type="submit"] {
	margin: 0;
	padding: 3.5px 10px;
	background: #292b48;
	color:#fff;
}

input[type="checkbox"] {
	margin: 0;
	padding: 0;
}

input[type="radio"] {
	margin: 0;
	padding: 0;
}

select {
    width: 10%;
    min-width: 100px;
    height: 40px;
    padding-left: 10px;
    font-size: 14px;
    color: #747474;
    border: 1px solid #e4e4e4;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/img/hwasal.png) no-repeat 95% 50% / 10px;

}

select::-ms-expand {
   display: none;            
}
.right {float:right;}
.left { float:left;}


@media (max-width:768px){
 .gall-board-wrap {display: block; width: 100%; padding: 0; margin-bottom:20px;}
 #cont_img {max-width:100%;}
}

.center {text-align:center;}