@charset "utf-8";

/* 장바구니부터 주문완료까지 해당하는 CSS */

/* 나의 CC/할인 정보 */
.my_point_stat{margin-bottom:25px;padding-left:20px}
.my_point_stat a {font-size: 12px;color: #FFF; background-color: #ca1818;padding: 0 10px 2px;line-height: 20px;}

/* 주문할상품 , 할인 및 배송비 */
.order_ver{margin:10px 0 0; border-top:1px solid #444; border-bottom: 1px solid #dcdcdc;}
.order_ver ul.goods_title {background:#f3f3f3;border-left:solid 1px #dbdbdb;border-right:solid 1px #dbdbdb;border-bottom:solid 1px #dbdbdb; overflow: hidden;}
.order_ver ul.goods_title li{display:inline;font-weight:normal;padding:9px 0 7px;color:#444; text-align: center;float: left;}
.order_ver ul.goods_list {display: block; overflow: hidden; padding: 10px 0;}
.order_ver ul.goods_list li {text-align: center; float: left;}
.order_ver ul.goods_title li:nth-child(1) {
	width: 5%;
}
.order_ver ul.goods_title li:nth-child(2) {
	width: 55%;
}
.order_ver ul.goods_title li:nth-child(3) {
	width: 10%;
}
.order_ver ul.goods_title li:nth-child(4) {
	width: 10%;
}
.order_ver ul.goods_title li:nth-child(5) {
	width: 10%;
}
.order_ver ul.goods_title li:nth-child(6) {
	width: 10%;
}
.order_ver ul.goods_list li:nth-child(1) {
	width: 5%;
	line-height: 80px;
}
.order_ver ul.goods_list li:nth-child(2) {
	width: 55%;
	text-align: left;
	line-height: 80px;
}
.order_ver ul.goods_list li:nth-child(3) {
	width: 10%;
	line-height: 80px;
}
.order_ver ul.goods_list li:nth-child(4) {
	width: 10%;
	line-height: 80px;
}
.order_ver ul.goods_list li:nth-child(5) {
	width: 10%;
	line-height: 80px;
}
.order_ver ul.goods_list li:nth-child(6) {
	width: 10%;
	line-height: 80px;
}

.order_ver ul.goods_list li:nth-child(6) button {
	line-height: 30px;
	border: 1px solid #dcdcdc;
	padding: 0 10px;
}
.order_ver ul.goods_list li:nth-child(6) button:last-child {
	background-color: #333;
	color: #FFF;
}
.order_ver ul.goods_list li.product {
	overflow: hidden;
}
.order_ver ul.goods_list li.product a {
	float: left;
	display: inline;
	margin-left: 10px;
}
.order_ver ul.goods_list li.product p {
	float: left;
	display: inline;
}
.order_ver ul.goods_list ~ ul.goods_list {
	border-top: 1px solid #dcdcdc;
}

.order_ver ul.goods_list li.none {
	width: 100%;
}
.table_fixed {
		margin: 10px 0 0;
		border-top: 1px solid #444;
		border-bottom: 1px solid #dcdcdc;
}

.table_fixed ul.sale_title {background: #f3f3f3;
	border-left: solid 1px #dbdbdb;
	border-right: solid 1px #dbdbdb;
	border-bottom: solid 1px #dbdbdb;
	overflow: hidden;
}

.table_fixed ul.sale_title li {
	float: left;
	display: inline;
	text-align: center;
	line-height: 30px;
	color: #333;
}

.table_fixed ul.sale_title li:nth-child(1), .table_fixed ul.sale_title li:nth-child(2) {
	width: 20%;
}

.table_fixed ul.sale_title li:nth-child(3) {
	width: 60%;
}

.table_fixed ul.sale_list {
	padding: 10px 0;
	overflow: hidden;
}

.table_fixed ul.sale_list li {
	line-height: 24px;
	display: inline;
	float: left;
	text-align: center;
	position: relative;
}

.table_fixed ul.sale_list li:nth-child(1), .table_fixed ul.sale_list li:nth-child(2) {
	width: 20%;
}

.table_fixed ul.sale_list li:nth-child(3) {
	width: 60%;
}

.table_fixed ul.sale_list~ul.sale_list {
	border-top: 1px solid #dcdcdc;
}

.table_fixed ul.total_price {
	padding: 10px;
	background-color: #f7f7f7;
	text-align: right;
	border-top: 1px solid #dcdcdc;
}

.table_fixed ul.total_price li {
	display: inline-block;
}

.table_fixed ul.total_price li div {
	background-color: #FFF;
	border: 1px solid #dcdcdc;
	line-height: 40px;
	padding: 0 20px;
	font-weight: bold;
}

.table_fixed ul.total_price li div strong {
	font-size: 20px;
	display: inline-block;
	margin-left: 10px;
}



.order_pay {
	margin: 10px 0 0;
	border-top: 1px solid #444;
	border-bottom: 1px solid #dcdcdc;
}

.order_pay ul.goods_title {
	background: #f3f3f3;
	border-left: solid 1px #dbdbdb;
	border-right: solid 1px #dbdbdb;
	border-bottom: solid 1px #dbdbdb;
	overflow: hidden;
}

.order_pay ul.goods_title li {
	display: inline;
	font-weight: normal;
	padding: 9px 0 7px;
	color: #444;
	text-align: center;
	float: left;
}

.order_pay ul.goods_list {
	display: block;
	overflow: hidden;
	padding: 10px 0;
}

.order_pay ul.goods_list li {
	text-align: center;
	float: left;
}

.order_pay ul.goods_title li:nth-child(1) {
	width: 75%;
}

.order_pay ul.goods_title li:nth-child(2) {
	width: 5%;
}

.order_pay ul.goods_title li:nth-child(3) {
	width: 10%;
}

.order_pay ul.goods_title li:nth-child(4) {
	width: 10%;
}

.order_pay ul.goods_list li:nth-child(1) {
	width: 75%;
	text-align: left;
	line-height: 80px;
}

.order_pay ul.goods_list li:nth-child(2) {
	width: 5%;
	line-height: 80px;
}

.order_pay ul.goods_list li:nth-child(3) {
	width: 10%;
	line-height: 80px;
}

.order_pay ul.goods_list li:nth-child(4) {
	width: 10%;
	line-height: 80px;
}

.order_pay ul.goods_list li.product {
	overflow: hidden;
}

.order_pay ul.goods_list li.product>a {
	float: left;
	display: inline;
	margin-left: 10px;
}

.order_pay ul.goods_list li.product p {
	float: left;
	display: inline;
	margin-left: 10px;
}

.order_pay ul.goods_list~ul.goods_list {
	border-top: 1px solid #dcdcdc;
}

.order_coupon div ul li a {
	text-align: center;
	padding: 0 10px;
	border: 1px solid #dcdcdc;
	line-height: 30px;
	display: inline-block;
}

	/* 상품명에 해당하는 영역 : 상품이미지+상품명+옵션+판매자 */
	.order_ver td.product{padding:10px;text-align:left}
	.order_ver td.product a{display:block;float:left;color:#666}
	.order_ver td.product img{margin-right:10px;border:1px solid #dedede}
	.order_ver td.product p{display:table;overflow:hidden;height:100%;text-align:left}
	.order_ver td.product p a{display:block;float:none;vertical-align:middle}
	.order_ver td.product p img{margin:0;border:0 none;*vertical-align:middle}
	.order_ver td.product p span{display:block;line-height:15px}
	.order_ver td.product p span button{;font-family:'돋움',dotum,'굴림',gulim;font-weight:bold;color:#ca1818;text-decoration:underline;margin:0}
	.order_ver td.product p span em{color:#ca1818;font-style:normal}

	/* 총 비용 */
	.order_ver tr.total_price td{height:50px !important;padding:0 !important;background-color:#f7f7f7}
	.order_ver tr.total_price td div{position:relative;width:100%;height:100%}
	.order_ver tr.total_price td p{position:absolute;right:0;top:0;display:inline-block;margin:5px 6px;padding:10px 13px;border:1px solid #e6e6e6;background-color:#fff;color:#000}
	.order_ver tr.total_price td p span{display:inline-block;margin-right:38px}

/* 추가할인적용 */
.order_hor {margin:10px 0 0;;border-top:1px solid #444;border-left:solid 1px #dbdbdb;
	border-right: solid 1px #dbdbdb;
	border-bottom: solid 1px #dbdbdb; overflow: hidden;}
.order_hor div {
	float: left;
	width: 50%;
}
.order_hor div ul {
	display: block;
	overflow: hidden;
}
.order_hor div ul li {
	display: inline;
	float: left;
	width:50%;
}
.order_hor div ul~ul {
	border-top: 1px solid #dcdcdc;
}

#oredr_send_info table td input,
#oredr_send_info table td select{
	border: 1px solid #dcdcdc;
	height: 30px;
	font-size: 14px;
	padding: 0 10px;
}
#oredr_send_info table td textarea {
	border: 1px solid #dcdcdc;
	height: 66px;
	font-size: 14px;
	padding: 10px;
	width: 100%;
	margin-left: 3px;
}


.order_hor div ul li.title {background:#f3f3f3;border-right:solid 1px #dbdbdb; text-align:center;font-weight:normal;padding:10px 0;color:#444}
.order_hor div ul li{border-right:solid 1px #dbdbdb;text-align:left;padding:10px;color:#666;line-height:16px}
.order_hor td.total span{font-size:15px}
.order_hor td.point strong{color:#000}
.order_hor td a{font-size: 14px;background-color: #666; color: #FFF;line-height: 29px;padding: 0 10px 2px;display: inline-block;}

/* 배송정책*/
.order_hor div>span.order {background:#f3f3f3; display: block; padding: 53px 50px;}
.order_hor div>span.pay {background:#f3f3f3; display: block; padding: 54px 50px 53px;}

/* 결제수단선택 */
.order_pay th {
	line-height: 40px;
	background-color: #f7f7f7;
	text-align: center;
}

.order_pay td {
	padding-left: 10px;
}

.order_pay tr~tr {
	border-top: 1px solid #dcdcdc;
}
.order_pay td{line-height:23px}
.order_pay td input{margin:0 !important}
.order_pay td.payment span{font-size:19px;font-family:Tahoma}
.order_pay td.paymethod{padding:3px 0 10px 0}
.order_pay td.paymethod ul{overflow:hidden;padding:0 10px}
.order_pay td.paymethod li{float:left;width:15%;padding:7px 0 0}
.order_pay td.paymethod li select{width:50%}
.order_pay td.dealproof label{margin-right:7px}

/* 장바구니 하단 내용 */
#cart_inform{display: flex;padding:20px;border:1px solid #dcdcdc;margin-top:40px}
#cart_inform dl{flex: 1;padding-left: 140px;}
#cart_inform dl~dl{border-left: 1px solid #dcdcdc;}
#cart_inform dl dt{margin-bottom:10px;font-size: 16px;font-weight: bold;color: #333;}
#cart_inform dl dd{color:#666;}
#cart_inform dl:nth-child(1){background: url(../imgs/icon/ico_order_wish.png)no-repeat 25px 10px;}
#cart_inform dl:nth-child(2){background: url(../imgs/icon/ico_order_order.png)no-repeat 25px 10px;}
#cart_inform dl:nth-child(3){background: url(../imgs/icon/ico_order_continue.png)no-repeat 25px 10px;}

/* 주문하시는분, 받으시는분 */
#oredr_send_info{overflow:hidden;padding: 6px;background-color:#f0f0f0}
#oredr_send_info div h3{position:relative;margin-bottom:20px}
#oredr_send_info div h3 span{position:absolute;font-size:14px;right:0;top:0;;font-weight:normal;color:#666}
#oredr_send_info div{float:left;width:631px;padding:17px 19px 15px;border:1px solid #e5e3e3;background-color:#fff}
#oredr_send_info div:nth-child(1){margin-right: 6px; padding-bottom: 48px;}
#oredr_send_info table td select{height: 30px;}
#oredr_send_info table,#oredr_send_info table td,#oredr_send_info table th{border:0 none;background:none;}
#oredr_send_info table td,#oredr_send_info table th{height:0 !important;line-height:30px}
#oredr_send_info table td.td_padding input{margin-bottom:9px}
#oredr_send_info table button{font-size: 14px;background-color: #666; color: #FFF;line-height: 30px;padding: 0 10px;display: inline-block;}
*:first-child+html #oredr_send_info table button{margin:-4px 0 0 3px;vertical-align:middle}
#oredr_send_info table th{padding:2px 0 0 10px;background:url(../imgs/icon/bul_order_table.gif) 0 15px no-repeat;vertical-align:top;text-align:left;font-weight:normal;width: 120px;font-size: 14px;}

/* 주문번호 */
.box_gray_border{margin:15px 0 30px;padding:16px 0;font-size:14px;font-weight:bold;border:3px solid #d6d6d6;text-align:center;color:#333}


/* 이용약관,개인정보 내용 */
div.box_guide{margin:12px 0;padding:9px 10px;border:1px solid #dbdbdb;border-top:1px solid #444;background-color:#f3f3f3}
div.box_guide div{overflow-y:scroll;height:212px;padding:18px;border:1px solid #dbdbdb;background-color:#fff;line-height:18px;color:#666}
div.box_guide div strong{color:#000}
div.agree_check{margin-bottom:30px;;text-align:right}
div.agree_check input{margin:0 0 0 18px}
div.agree_check label{color:#666}

#order_payment_progress {position: absolute;background-color: #FFF;padding: 50px;left: 50%;top: 80%;transform: translate(-50%,-50%);border: 1px solid #666;}

.order_coupon {
	margin: 10px 0 0;
    border-top: 1px solid #444;
    border-bottom: 1px solid #dcdcdc;
	overflow: hidden;
}
.order_coupon div {
	width: 50%;
	float: left;
	overflow: hidden;
}
.order_coupon div ul {
	display: block;
	overflow: hidden;
}
.order_coupon div ul li {
	float: left;
}

#oredr_send_info table tr:nth-child(2) td p:nth-child(2) input,#oredr_send_info table tr:nth-child(2) td>input {
	width: 100%;
}
.order_coupon div ul li:nth-child(1) {
	width: 25%;
	text-align: center;
	background-color: #f7f7f7;
	line-height: 45px;
	color: #333;
}
.order_coupon div ul li:nth-child(2) {
	padding-left: 10px;
	line-height: 45px;
}

.order_coupon div ul li input {
	line-height: 30px;
	border: 1px solid #dcdcdc;
	font-size: 14px;
}


@media (max-width: 500px) {
	.my_point_stat a {
		font-size: 16px;
		line-height: 32px;
	}

	.order_ver ul.goods_title {
		display: none;
	}
	.order_ver ul.goods_list li.product {
		display: flex;
	}
	.order_ver ul.goods_list li.product a {
		margin-left: 0;
	}
	.order_ver ul.goods_list li.product p {
		line-height: 24px;
	}
	.order_ver ul.goods_list li.product p span {
		display: block;
		line-height: 24px;
	}
	
	.order_ver ul.goods_list li:nth-child(2) {
		width: 85%;
		font-size: 18px;
		margin-bottom: 10px;
	}

	.order_ver ul.goods_list li:nth-child(3) {
		width: 10%;
		font-size: 16px;
	}
	.order_ver ul.goods_list li:nth-child(4),.order_ver ul.goods_list li:nth-child(5) {
		font-size: 18px;
		position: relative;
		text-align: left;
		padding-left: 50px;
	}
	.order_ver ul.goods_list li:nth-child(4),.order_ver ul.goods_list li:nth-child(5) {
		width: 37%;
		background-color: #f7f7f7;
		line-height: 50px;
	}
	.order_ver ul.goods_list li:nth-child(6) {
		width: 26%;
		background-color: #f7f7f7;
		line-height: 50px;
	}

	.order_ver ul.goods_list li:nth-child(6) button {
		line-height: 40px;
		font-size: 16px;
	}

	.order_ver ul.goods_list li:nth-child(4)::before {
		content: '가격 :';
		position: absolute;
		color: #666;
		font-size: 16px;
		font-weight: 400;
		left: 5px;
	}
	.order_ver ul.goods_list li:nth-child(5)::before {
		content: '합계 :';
		position: absolute;
		color: #666;
		font-size: 16px;
		font-weight: 400;
		left: 5px;
	}

	.btn_right a {
		display: inline-block;
		line-height: 50px;
		font-size: 16px;
	}

	.table_fixed ul.sale_title {
		display: none;
	}

	.table_fixed ul.sale_list li {
		font-size: 16px;
	}

	.table_fixed ul.sale_list li:nth-child(1) {
		width: 50%;
		text-align: left;
		padding-bottom: 5px;
	}

	.table_fixed ul.sale_list li:nth-child(2) {
		width: 50%;
		text-align: left;
		padding-left: 45px;
		padding-bottom: 5px;
	}
	.table_fixed ul.sale_list li:nth-child(2)::before {
		content: '금액 :';
		position: absolute;
		left: 0;
		top: 0;
		color: #999;
	}

	.table_fixed ul.sale_list li:nth-child(3) {
		width: 100%;
		text-align: left;
		padding-left: 60px;
	}

	.table_fixed ul.sale_list li:nth-child(3)::before {
		content: '상품명 :';
		position: absolute;
		left: 0;
		top: 0;
		color: #999;
	}

	.table_fixed ul.total_price li div span {
		font-size: 18px;
	}

	.order_hor div {
		float: none;
		width: 100%;
	}
	.order_hor div:nth-child(2) {
		border-top: 1px solid #dcdcdc;
	}

	.order_hor div ul li {
		font-size: 16px;
	}
	.order_hor div>span.order,.order_hor div>span.pay {
		padding: 20px;
		font-size: 16px;
	}

	#cart_inform {
		display: block;
	}

	#cart_inform dl {
		flex: none;
		padding: 20px 0 20px 140px;
	}

	#cart_inform dl~dl {
		border-left: 0;
		border-top: 1px solid #dcdcdc;
	}
 
	#cart_inform dl:nth-child(1) {
		background-position: 25px 25px;
	}
	#cart_inform dl:nth-child(2),#cart_inform dl:nth-child(3) {
		background-position: 25px 35px;
	}

	#cart_inform dl dt {
		font-size: 20px;
	}
	#cart_inform dl dd {
		font-size: 16px;
	}

	.order_pay ul.goods_title {
		display: none;
	}
	
	.order_pay ul.goods_list li:nth-child(1) {
		width: 90%;
		font-size: 18px;
		margin-bottom: 10px;
		display: flex;
	}

	.order_pay ul.goods_list li:nth-child(1) a {
		line-height: 24px;
	}
	.order_pay ul.goods_list li:nth-child(1) p span {
		display: block;
		line-height: 24px;
	}

	.order_pay ul.goods_list li:nth-child(2) {
		width: 10%;
		font-size: 16px;
	}
	.order_pay ul.goods_list li:nth-child(3),.order_pay ul.goods_list li:nth-child(4) {
		width: 50%;
		background-color: #f7f7f7;
		line-height: 50px;
		font-size: 18px;
		text-align: left;
		padding-left: 50px;
		position: relative;
	}
	.order_pay ul.goods_list li:nth-child(3)::before {
		content: '가격 :';
		position: absolute;
		color: #666;
		font-size: 16px;
		font-weight: 400;
		left: 5px;
	}
	.order_pay ul.goods_list li:nth-child(4)::before {
		content: '합계 :';
		position: absolute;
		color: #666;
		font-size: 16px;
		font-weight: 400;
		left: 5px;
	}

	.order_pay ul.goods_list li:nth-child(5) {
		font-size: 16px;
	}

	.order_pay ul.goods_list li:nth-child(5) img {
		width: 20px;
	}
	
	.order_coupon div {
		width: 100%;
		float: none;
	}

	.order_coupon div ul li a {
		text-align: center;
		padding: 0 10px;
	}

	.order_coupon div ul li:nth-child(1) {
		font-size: 16px;
		width: 25%;
	}

	.order_coupon div:nth-child(2) ul li:nth-child(1) {
		font-size: 16px;
		width: 100%;
	}

	.order_coupon div ul li:nth-child(2) {
		font-size: 16px;
	}

	.order_coupon div:nth-child(2) ul li:nth-child(2) {
		text-align: center;
	}

	.order_coupon div:nth-child(2) ul li:nth-child(2) input {
		width: 140px;
	}

	.order_coupon div~div {
		border-top: 1px solid #dcdcdc;
	}

	.red_square_dotList li {
		font-size: 16px;
		line-height: 24px;
	}

	#oredr_send_info div {
		float: none;
		width: 100%;
	}

	#oredr_send_info table th {
		font-size: 16px;
		width: 100px;
	}

	#oredr_send_info table td {
		padding: 5px;
	}

	#oredr_send_info table td input,#oredr_send_info table td select {
		height: 40px;
		font-size: 16px;
	}

	#oredr_send_info table td select {
		margin: 5px 0 0 3px;
		width: 100%;
	}

	#oredr_send_info table td input.w10 {
		width: 100%;
	}

	#oredr_send_info table td input.mail1 {
		width: 100px;
	}

	#oredr_send_info div h3 span {
		font-size: 16px;
	}

	.order_pay th,.order_pay td {
		font-size: 16px;
	}

	.order_pay td.paymethod li {
		width: 30%;
		font-size: 16px;
	}

	.box_gray_border {
		font-size: 18px;
	}
	.order_ver ul.goods_list li.none {
		font-size: 16px;
	}
	.order_pay ul.goods_list li.product>a {
		margin-left: 0;
	}

}