/* write CSS */
.receive {max-width:1000px; width:100%; margin:0 auto;}
.receive table { border-collapse:collapse; width:100%; margin-top:20px;}
.receive table tr th,.receive table tr td {border-bottom:1px solid #ccc; padding:10px 0; vertical-align:middle; font-size:1.6rem; font-weight:400; text-align:left; transition:all .3s ease;}
.receive table tr.on th {border-bottom:1px solid #ff0054;}
.receive table tr.on td {border-bottom:1px solid #ff0054;}
.receive table tr td input { height:30px; line-height:30px; font-size:1.6rem; padding:0 0 0 5px; vertical-align:middle; margin:3px 0; background:#fdfdfd; border:none;}
.receive table tr td input[type='text'] {width:100%;}
.receive table tr td input::placeholder {color:#ccc;}
.receive table tr td input::-webkit-input-placeholder {color:#ccc;}
.receive table tr td input:-ms-input-placeholder {color:#ccc;}
.receive table tr td input:focus {outline:none;}
.receive table tr td input.style3  {width:200px;}
.receive table tr td select {height:30px; line-height:30px; font-size:1rem; vertical-align:middle;}
.receive table tr td textarea {width:100%; height:300px; margin:5px 0; background:#fdfdfd; border:none; overflow: auto; font-size:1.6rem;}
.receive table tr td textarea::placeholder {color:#ccc;}
.receive table tr td textarea::-webkit-input-placeholder {color:#ccc;}
.receive table tr td textarea:-ms-input-placeholder {color:#ccc;}
.receive table tr td textarea:focus {outline:none;}

@media all and (max-width:900px) {
	.receive table {width:96%; margin:0 auto;}
	.receive table tr th {border:none;}
	.receive table tr td {border-bottom:1px solid #ccc;}
	.receive table tr th,.receive table tr td {display:block;}	
	.receive table tr td:first-child {border-bottom:none;}
	.receive table tr.on th {border:none;}
	.receive table tr td input[type='text'] {width:98%;}
	.receive table tr td input:focus {}
	.receive table tr td input.Email_1 {width:40%;}
	.receive table tr td input.Email_2 {width:40%;}
	.receive table tr td .onchStyle {width:87%;}
	.receive table tr td.zipcodeBox {text-align:left;}
	.receive table tr td input.input_zip {width:30%;}
	.receive table tr td input.addr1 {width:40%;}
	.receive table tr td input.addr2 {width:40%;}
	.receive table tr td input.file1 {width:98%;}
}

@media all and (max-width:500px) {
	.receive table tr td input.addr1 {width:34%;}
	.receive table tr td input.addr2 {width:34%;}	
}
.receive .regOK {margin:130px 0 0 0;}
.receive .regOK > a {display:block; max-width:500px; width:96%; padding:10px 0; margin:10px auto; border:1px solid #ccc; text-align:center; transition:all 0.3s ease; border-radius:10px; font-size:1.6rem; font-weight:300; background:#ff0054; color:#fff;}
.receive .regOK > a:hover {background-color:#333; color:#fff;}

.fileBox input[type="file"] {position: absolute; width: 1px; height: 1px;   padding: 0; margin: -1px;   overflow: hidden;   clip:rect(0,0,0,0); border: 0; }
.fileBox label {display: inline-block; padding: 1em .75em; color: #999; font-size: inherit; line-height: normal; vertical-align: middle;   background-color: #fdfdfd; cursor: pointer; border: 1px solid #ebebeb; border-bottom-color: #e2e2e2; border-radius: .25em; }
/* named upload */
.fileBox .uploadFileName { display: inline-block; padding: .5em .75em; font-size: inherit; font-family: inherit; line-height: normal;   vertical-align: middle; background-color: #f5f5f5; border: 1px solid #ebebeb; border-bottom-color: #e2e2e2; border-radius: .25em; -webkit-appearance: none; /* ³×ÀÌƼºê ¿ÜÇü °¨Ãß±â */ -moz-appearance: none;  appearance: none; }
/* imaged preview */
.fileBox .uploadDisplay { margin-bottom: 5px; }
@media(min-width: 768px) {
    .fileBox .uploadDisplay { display: inline-block; margin-right: 5px; margin-bottom: 0; }
}
.fileBox .upload-thumb-wrap { display: inline-block; width: 54px; padding: 4px; vertical-align: middle; border: 1px solid #ddd; border-radius: 5px; background-color: #fff; }
.fileBox .uploadDisplay img { display: block; max-width: 100%; width: 100%; height: auto; }
.fileBox label { color: #fff; background-color: #337ab7; border-color: #2e6da4; }

/* list CSS */
.list_wrap {width:1000px; margin:20px auto 0;}
.list_wrap .title {text-align:center; font-size:1.167rem; margin:10px 0;}

.statsdesc {width:100%; height:30px; line-height:30px; border:1px solid #ccc; box-sizing:border-box;}
.statsdesc:after {content:''; display:block; clear:both;}
.statsdesc > ul {float:left;}
.statsdesc > ul:after {content:''; display:block; clear:both;}
.statsdesc > ul > li{float:left; margin:0 5px;}

.statsdesc > .statsSh {float:left; margin:5px 30px;}

.st1 {width:44px; height:16px; background:#479d29; display:inline-block; vertical-align:middle; margin:0 3px; border-radius:7px 7px;}
.st2 {width:44px; height:16px; background:#ffc600; display:inline-block; vertical-align:middle; margin:0 3px; border-radius:7px 7px;}
.st3 {width:44px; height:16px; background:#dc3d3d; display:inline-block; vertical-align:middle; margin:0 3px; border-radius:7px 7px;}
.st4 {width:44px; height:16px; background:#4779f9; display:inline-block; vertical-align:middle; margin:0 3px; border-radius:7px 7px;}

.list_wrap ul li {}
.list_wrap ul li table {border-collapse:collapse; width:100%; margin-top:20px;}
.list_wrap ul li table tr th,.list_wrap ul li table tr td {border:1px solid #ccc; box-sizing:border-box; padding:0 0 0 10px; height:30px;}
.list_wrap ul li table tr th {background:#f1f1f1;}