/***** customer *****/
*, *:after, *:before { margin:0; padding:0; font-family:'Malgun Gothic'; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
li { list-style:none; float:left;}
a { text-decoration:none; color:#232323; text-decoration: none; outline: none;}
p {letter-spacing:-1px;}
img { border:none;}
body { overflow-Y:scroll; position:relative;   }
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}

.customer {
	width:100%; overflow:hidden;
	padding-top:30px;
	margin:0 auto;
	text-align:center;
}
td {
	font-family:Malgun Gothic, Dotum, Verdana, sans-serif;
	color:#081e34;
	font-size:14px;
	line-height:20px;
}

.customer p:first-child{ float:left; }
.customer p:nth-child(2) { text-align:right; }

.customer>ul { font-size:0.9em; }	
.customer>div{
	margin-top:10px;
	border-top:3px solid #073d58;
	border-bottom:2px solid #eee;
}
.customer div ul:first-child {
	color:#000;
	font-weight:500;
}
.customer div ul:last-child {
	border-bottom:0;
}
.customer div ul {
	overflow:hidden;
	border-bottom:1px solid #eee;
}

.customer div ul li { padding:15px 0; font-size:0.9em; }
.customer div ul:nth-child(even) { background-color:#fafafa; }
.customer div ul li:nth-child(1) { width:10%; }
.customer div ul li:nth-child(2) { width:55%; }
.customer div ul:nth-child(n+2) li:nth-child(2) { text-align:left; }
.customer div ul li:nth-child(3) { width:15%; }
.customer div ul li:nth-child(4) { width:20%; }

.customer div ul:gt(1)

/***** gallery *****/
.gallery { overflow:hidden; }

.gallery div {
	padding:3% 1%;
	float:left;
	width:25%; overflow:hidden;
}

.customer .gallery p:nth-child(2) {
	clear:both;
	text-align:center;
	padding-top:10px;
	border-top:1px solid #eee;
}

.gallery div div {
	width:100%; height:200px;
	margin-bottom:20px;
	background-color:#ffffff;
}
.gallery div:nth-child(even) div { background-color:#ffffff; }

.s_customer { background-color :#cd8c95; }

/***** mq *****/
@media only screen and (max-width:1200px){
	.customer {
		width:100%;
	}
}
@media only screen and (max-width:640px){
	.gallery div {
		width:50%;
	}
}

/***** write *****/
.write_box>div{
	margin-top:10px;
	overflow:hidden;
	background-color:#fafafa;
	border-top:3px solid #073d58;
	border-bottom:3px solid #bcbcbc;
}

.write_box ul { width:100%; overflow:hidden; border-bottom:1px solid #c8c8c8; display:block; }

.write_box ul li { padding:1%; }
.write_box ul li:first-child { width:20%; color:#073d57; background-color:#eeeced; text-align:center; }
.write_box ul li:last-child { width:80%; text-align:left; }
.write_box ul li:last-child div { width:20%; float:left; }
.write_box ul li:last-child span{ font-size:0.8em; }
.write_box .in_box { width:100%; height:300px; border-bottom:1px solid #c8c8c8; display:inline-block; }
.write_box .in_box li:first-child { line-height:300px; }

#content_input { width:100%; height:280px; }
#subject_input { width:100%; }
#email1 { width:30%; }
#email2 { width:30%; }

/***** mq *****/
@media only screen and (max-width:680px){
	.write_box ul li:first-child { width:30%; }
	.write_box ul li:last-child { width:70%; }
	.write_box ul li:last-child div { width:40%; float:left; }
	.write_box ul li:last-child span{ display:inline-block; }
	.write_box .in_box { height:50px; }
	.write_box .in_box li:first-child { line-height:50px; }
}

/***** viewbody *****/
.add_box>div{
	overflow:hidden;
	border-bottom:3px solid #bcbcbc;
}
.add_box ul:first-child { width:100%; overflow:hidden; line-height:40px; background-color:#fafafa; border-bottom:1px solid #e9e9e9; }
.add_box ul:first-child li:first-child { width:20%; }
.add_box ul:first-child li:nth-child(2) { width:60%; text-align:center; }
.add_box ul:first-child li:last-child { width:20%; text-align:center; }

.add_box ul:nth-child(2) { padding:2% 0; overflow:hidden; }
.add_box ul:nth-child(2) li:first-child { width:100%; text-align:left; padding:0 2%; }

.add_box ul:last-child { padding:1% 0; overflow:hidden; border-top:1px solid #e9e9e9; }
.add_box ul:last-child li:first-child { width:10%; text-align:center; }
.add_box ul:last-child li:nth-child(2) { width:60%; }
.add_box ul:last-child li:nth-child(3) { width:20%; text-align:center; }
.add_box ul:last-child li:last-child { width:10%; text-align:center; }

/***** button *****/
.btn_box { clear:both; width:100%; margin:0 auto; padding-top:5%; float:left; }
.search_btn {
			padding:0px 15px;
			background-color:#7095a8;
			border:1px solid #eee;
}
.write_btn {
			padding:15px 30px;
			background-color:#7095a8;
			border:1px solid #eee;
}
.back_btn {
			padding:15px 30px;
			background-color:#e9e9e9;
			border:1px solid #eee;
}
.delete_btn {
			padding:15px 30px;
			background-color:#a6a6a6;
			border:1px solid #eee;
}

/***** mq *****/
@media only screen and (max-width:1200px){
	.btn_box { width:50%; }
	.customer { width:100%; }
}
/***** mq *****/
@media only screen and (max-width:480px){
	.btn_box { width:100%; }
	.write_btn { padding:10px 15px; }
	.back_btn { padding:10px 15px; }
	.delete_btn { padding:10px 15px; }
}