/* Common */
::placeholder {
    opacity: 1;
    color: #ccc;
}
:-ms-input-placeholder { color: #ccc; }
::-ms-input-placeholder { color: #ccc; }

/* Order */
.content-container > section {
	border-top: 1px solid #eee;
}

.order-container, .order-container * {
	font-size: 14px;
}

#order .terms {
	margin: 0 0 10px 0; padding: 10px;
}
#order .terms legend {
	padding: 0 20px;
	font-weight: 500;
}
#order .terms ul {
	margin: 0;
	height: 200px;
	overflow: auto;
}
#order .terms ul li {
	margin: 10px;
	font-size: 13px;
	text-align: justify;
}
#terms-agree {
	position: relative; top: 2px;
}
#terms-agree + label {
	margin: 0;
}

#order .prd-info {
	cursor: default;
	position: relative;
}
#order .prd-info ul {
	margin: 0;
}
#order .prd-info ul li {
	margin: 10px 0;
	padding: 10px 0;
	border-bottom: 1px solid #eee;
}
#order .prd-info ul li:nth-of-type(1) { /*border: 0;*/ }
#order .prd-info ul li:nth-of-type(1) span { font-size: 18px; }
#order .prd-info ul li:nth-of-type(2) { font-size: 13px; padding-bottom: 10px; }

#order .prd-info ul li.mileage { overflow: hidden; }
#order .prd-info ul li.mileage h6 { float: left; }
#order .prd-info ul li.mileage .btn-default { float: right; }
#order .prd-info ul li.mileage h6 span {
	font-size: 15px; font-weight: bold;
}

#payment:after {
	content: '원';
}


#order .prd-info ul li.basic-data .btn-default {
	width: calc(50% - 10px);
}
#order .prd-info ul li.basic-data .btn-default:first-of-type {
	margin-right: 15px;
}

#order .prd-info ul li.basic-data .btn-default:hover {
	background-color: #b39965; color: #fff;
}
#order .prd-info ul li.basic-data p {
	margin-top: 10px;
	color: #b39965; font-weight:  bold;
}

#order .prd-info h6 {
	font-size: 14px;
	margin: 10px 0 5px;
}

#order .prd-info .prd-header {
	padding: 20px 0 0;
	overflow: hidden;
	border-bottom: 1px solid #eee;
}
#order .prd-info .prd-header .prd-image {
	float: left;
	width: 104px; height: 104px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 106px;
	border: 1px solid #eee;
	margin-right: 20px;
}
#order .prd-info .prd-header .prd-title {
	float: left;
	width: calc(100% - 126px);
}
#order .prd-info .prd-header .prd-title .prd-txt:nth-of-type(1) {
	font-weight: bold;
}

#order .info-phone, #order .info-email {
	font-size: 12px; color: #a00;
}

#receiver {
	position: relative; top: 2px;
}

#order .order-btn-group {
	width: 300px; margin: 30px auto;
}
#order .order-btn-group input {
	width: 145px;
}
#order .order-btn-group input:first-of-type {
	margin-right: 5px;
	background-color: #b39965; color: #fff;
}

#order form input, #order form textarea {
	font-size: 13px !important;
}

#order form input::selection, #order form textarea::selection {
	background-color: #b39965; color: #fff;
}

/* Order List */
#order-list > section {
	border-top: 1px solid #eee; border-bottom: 1px solid #eee;
	padding: 10px 0;
}
#order-list .list {
	margin: 0;
	list-style: none;
	clear: both;
	cursor: pointer;
}
#order-list .list:hover li {
	color: #b39965;
	font-weight: bold;
}
#order-list .list > li {
	padding: 15px 10px;
	font-size: 14px;
}
#order-list .list:nth-of-type(even) > li {
	background-color: #fafafa;
}
#order-list .list > li.list-ing {
	float: left;
	width: 80px;
	font-weight: bold; color: #b39965;
	text-align: center;
}
#order-list .list > li.list-name {
	float: left;
	width: 80px;
	text-align: center;
}
#order-list .list > li.list-title {
	float: left;
	width: calc(100% - 305px);
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
#order-list .list > li.list-time {
	float: right;
	width: 145px;
	text-align: right;
	font-size: 13px;
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

/* Modal - 비밀번호 보내기 버튼 */
.password-btn {
	float: left;
	color: #b39965;
	font-weight: bold;
}

@media screen and (max-width: 600px) {
	#order-list section {
		padding: 0;
		overflow-x: scroll;
	}
	#order-list section .list {
		width: 600px;

	}
}


/* Order View */
#order .prd-info ul li.delivery-data {
	display: none;
}
#order .prd-info ul li.order-ing-infomation {
	text-align: justify;
}
#order .prd-info ul li.order-ing-infomation > span {
	font-weight: bold; font-size: 16px;
}