@CHARSET "UTF-8";

#list_table {
	text-align: center;
	border-top: 1px solid #000;
	width:100%;
	margin:20px auto;
	transform: skew(-0.03deg);
	border-bottom: 2px solid #474c8b;
}

#list_table td {
    font-size:16px;
	border-right: 1px solid #d8d8d8;
}

#list_table th {
    font-size:16px;
	border-right: 1px solid #d8d8d8;
}
#list_table td:nth-last-child(1) {
 border-right:none;
}
#list_top {
	font-weight: 500;
	background:#292b48;
	color:#fff;
}

#list_top th {
padding:12px 10px;
}
#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_bottom td {
 font-size:15px;
}

#list_subject {
	text-align: left;
	padding: 20px;
}
#list_subject a:link,#list_subject a:active,#list_subject a:visited {
	color: #000;
	text-decoration: none;
}
#list_subject a:hover {color:#474c8b; font-weight:500; text-decoration:none;}
#list_subject img {
	margin: 0 0 -2px 5px;
}

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

#modify_left {
	font-weight: 500;
	text-align: center;
	background: #eee;
	width: 10%;
}
#read_table {
	    width: 100%;
    transform: skew(-0.03deg);
}
#writetable {
	width:900px;
}
#read_table td {
	/*border: none;*/
	padding:14px;
	border-bottom: 1px solid #d2d2d2;
    font-size: 15px;
}

#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: 700;
    font-size: 24px;
    text-align: center;
	padding: 20px 0;
    border-top: 2px solid #292b48;
    border-bottom: 2px solid #292b48;
}

#read_right {
	text-align: right;
}

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

}

#page 
#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;
}




table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	transform: skew(-0.03deg);
}

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;
	color: #fff;
    background: #292b48;
}

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;}
.center {text-align:center;}

.td-tit {width:25%; background:#efefef; text-align:center; font-weight:700;}

#list_top {display:table; width:100%; height: 40px;}
#list_top .col  {display:table-cell; vertical-align: middle;}
#list_top .w1 {width:13%; border-right: 1px solid #d8d8d8;}
#list_top .w2 {width:45%; border-right: 1px solid #d8d8d8;}
#list_top .w3 {width:15%; border-right: 1px solid #d8d8d8;}
#list_top .w4 {width:15%; border-right: 1px solid #d8d8d8;}
#list_top .w5 {width:12%; }


#list_bottom {display:table; width:100%; height: 30px;}
#list_bottom .col  {display:table-cell; vertical-align: middle;}
#list_bottom .w1 {width:13%; border-right: 1px solid #d8d8d8;}
#list_bottom .w2 {width:45%; border-right: 1px solid #d8d8d8;}
#list_bottom .w3 {width:15%; border-right: 1px solid #d8d8d8;}
#list_bottom .w4 {width:15%; border-right: 1px solid #d8d8d8;}
#list_bottom .w5 {width:12%;}

@media (max-width:768px) {
#list_top {display:none; !important;}
#list_top .col {padding:0 !important; text-align:left;}
#list_bottom .col { text-align:left;}
.w1 {display:none !important;}
.w2 {width:100% !important; padding:20px 0 !important; display:block !important; font-weight: 400; border:none !important;}
.w3 {width:100% !important; display:block !important; margin-bottom: 10px; border:none !important;}
.w4 {width:100% !important; display:block !important; margin-bottom: 10px; border:none !important;}
.w5 {display:none !important;}

}