table.baseTable thead{background:#f9f9f9;border-top:1px solid #ddd;}
table.baseTable thead th{height:30px;}
table.baseTable tbody th{text-align:left;}
table.baseTable tbody td{padding:10px;}
table.baseTable tbody tr{border-bottom:1px solid #eee;}
table.baseTable tbody  tr > th{background:#f9f9f9;padding:0 5px 0 12px}

.pdImg{width:60px;}
.listIcon:before{display:inline-block;position:absolute;}
.readInput{background:#eee;-webkit-box-shadow:inherit !important;color:#777;}

/*------- 체크박스 라디오박스 스타일 --------*/
input.chkBox[type="checkbox"]{display:none}
input[type="checkbox"] + label {cursor:pointer;}
input[type="checkbox"] + label span{
    display:inline-block;
    width:17px;
    height:17px;
	border:2px solid #eee;
	border-radius:3px;
	cursor:pointer;
	background-color:#FFF;
	vertical-align:middle;
}
input[type="checkbox"]:checked + label span {
	background-image:url("/upload/images/icon_inputcheck.png");
	background-repeat: no-repeat;
	background-size:13px;
	background-position-x:50%;
	background-position-y:50%;
	border:2px solid #ddd;
}
input.radioBox[type="radio"]{
display:none;
} 
input[type="radio"] + label{cursor:pointer;}
input[type="radio"] + label span{
    display:inline-block;
    width:17px;
    height:17px;
	border:2px solid #eee;
	border-radius:50%;
	cursor:pointer;
	background-color:#FFF;
	vertical-align:text-top;
	margin-top:-2px;
}
input[type="radio"]:checked + label span{
	background-image:url("/upload/images/icon_inputradio.png");
	background-size:9px;
	background-repeat: no-repeat;
	background-position-x:50%;
	background-position-y:50%;
	border:2px solid #ddd;
}

/* 주문단 너비값 */
div.orderArea{width:1100px;margin:0 auto;}
/* 타이틀 */
h2{font-family: 'NanumSquare', sans-serif;} 


/*----------------------------- 장바구니목록 -----------------------------*/
div.cartWrap .bgGray:hover{border:1px solid #bbb;}

div.ctList .overHide p{display:inline-block;}
div.ctList table.baseTable td{position:relative;}
div.ctList table.baseTable td.price{color:#44a4de}
div.ctList table.baseTable dt{font-size:0;}
div.ctList table.baseTable button{display:inline-block;height:30px;width:25px;background:#ddd;font-size:22px}
div.ctList table.baseTable dt input{height:30px;vertical-align:top;font-size:12px;}
div.ctList table.baseTable .alignLeft span{display:inline-block;padding:1px 3px;background:#e5f0fd;margin:0 3px 5px 0;}
div.ctList table.baseTable .sdout{
	position:absolute;
	top:0;left:0;
	width:100%;height:100%;
	background-color:rgba(0,0,0,.6);
	background-image:url(/upload/images/ico_datano.png);
	background-repeat:no-repeat;
	background-position:right 78px top 17px;
	background-size:33px;
}
div.ctList table.baseTable .sdout b.fn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding-top:10px;color:#ddd;}
div.ctList table.baseTable .dvyPop{
	display:none;
	position:absolute;
	top:75px;
	right:0;
	min-width:320px;
	background:#FFF;
	padding:12px;
	border:1px solid #bbb;
	z-index:9;
	text-align:left;
	box-shadow:-3px 3px 5px 0px rgba(0,0,0,.2);
}
div.ctList table.baseTable .dvyPop p{position:relative;padding-left:10px;font-size:13px;}
div.ctList table.baseTable .dvyPop p:before{content:"";display:inline-block;position:absolute;top:8px;left:0;width:3px;height:3px;border-radius:50%;background:#888;}
div.ctList table .bgGray{border-radius:3px;}

/* 업체별 총합계 */
div.ctList table.last{background:#f6f6f6;}
div.ctList table.last th{padding-top:10px;padding-bottom:5px;}
div.ctList table.last td{padding-bottom:10px;font-size:16px;position:relative;}

/* 장바구니목록 총합계란 */
table.ttPriceInfo{background:#f6f6f6;border: 4px solid #e5e5e5;}
table.ttPriceInfo th{font-size:18px;padding:25px 0 15px}
table.ttPriceInfo td{font-size:19px;padding:0 0 30px;position:relative;}
div.ctList table.last b.icon,
table.ttPriceInfo b.icon{position:absolute;top:-14px;left:-4px;}
table.ttPriceInfo b.bar{height:30px;width:1px;background:#888;}

/* 장바구니목록 하단 */
div.cartBot .left .on{color:#44a4de;border:1px solid #44a4de;}
div.cartBot .left .on i{color:#44a4de}
div.cartBot .right{width:556px;}
div.cartBot .right a{box-sizing:border-box;}
div.cartBot .right .mt30 p{position:relative;padding-left:10px;font-size:13px;}
div.cartBot .right .mt30 p:before{content:"";display:inline-block;position:absolute;top:8px;left:0;width:3px;height:3px;border-radius:50%;background:#888;}


/*----------------------------- 주문결제 -----------------------------*/
/* 배송지정보, 주문자정보, 할인정보, 결제금액 */
div.odList table{border-top:2px solid #bbb;}
div.odList table th{width:120px;}
div.odList table td input{height:30px;box-sizing:border-box;}
div.odList.mt40 > .left{width:700px;}
div.odList.mt40 > .right{width:360px;}
div.odList.mt40 > .right p.left{position:relative;}
div.odList.mt40 > .right p.left:before{content:"!";top:0;left:0;color:#10baff;font-weight:bold;}
div.odList.mt40 .dvyLitBtn{padding:2px 6px;margin-top:-6px;}
div.odList.mt40 .dvyLitBtn:hover{border:1px solid #888;color:#000;}

/* 할인정보, 결제금액 */
div.odLastLit table.baseTable{border-top:2px solid #f06761}
div.odLastLit .left i.fa{font-size:10px;}
div.odLastLit .left p.inlineBlock{border: 1px solid #ddd;background: #fafafa;padding:3px 7px;}
div.odLastLit label.point{letter-spacing:2px;}
div.odLastLit .notice p{margin:2px 0;padding-left:10px;position:relative;}
div.odLastLit .notice p:before{content:"";display:inline-block;width:3px;height:3px;background:#bbb;position:absolute;top:8px;left:0;}
div.odLastLit .payttInfo ul{background:#fafafa;border-top:2px solid #f06761;height:340px;position:relative}
div.odLastLit .payttInfo li{overflow:hidden;border-bottom:1px solid #eee;}
div.odLastLit .payttInfo li > div{padding:10px;font-size:14px;}
div.odLastLit .payttInfo li.discount{border-bottom:none;}
div.odLastLit .payttInfo li.discount .dcBox{padding-top:0;}
div.odLastLit .payttInfo li.last{position:absolute;bottom:0;left:0;width:100%;border-top:1px solid #eee;}
div.odLastLit .payttInfo li.last .ttSumPrice em{font-size:27px;color:#f06761}
div.odLastLit .payttInfo li.last > div.left{padding:18px 10px;font-size:18px;}
div.odLastLit .payttInfo li.last > div{height:60px;box-sizing:border-box;}
div.odLastLit .payttInfo dl{padding:5px 0 10px;overflow:hidden;}
div.odLastLit .payttInfo dl dt{padding-left:35px;position:relative;color:#888;font-size:12px;}
div.odLastLit .payttInfo dl dt i{font-size:10px;color:#888;padding-right:7px;}
div.odLastLit .payttInfo dl dd{padding-right:10px;color:#888;font-size:12px;}
table.dcttInfo tbody td input{border:none;border-bottom:1px solid #ddd;background:none;height:30px;vertical-align:top;}
table.dcttInfo tbody .measure{display:inline-block;width:25px;height:30px;line-height:30px;border-bottom:1px solid #ddd;text-align:right;box-sizing:border-box;vertical-align:top;}
table.dcttInfo tbody .cupUse{color:#888;}

/* 결제수단 */
div.payMentWrap .paySelect{border-top:2px solid #bbb;}
div.payMentWrap .paySelect label{font-size:13px;}
div.payMentWrap .paySelect label span{margin-top:0;}
div.payMentWrap .bgGray .center{border-top:1px solid #ddd;}


/*---------------------------- 팝업 ---------------------------*/
div.popBgWrap{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:9999;}
div.popWrap{background:#FFF;border:1px solid #777;z-index:9999;}
div.popWrap .popheader{background:#fafafa;padding:10px 7px 7px 15px;border-bottom:1px solid #ddd;}
div.popContent{padding:12px 20px 20px 20px;}

/*---- 배송지목록 ----*/
div.popDvyLit{position:absolute;top:50%;left:50%;width:650px;margin-left:-325px;margin-top:-300px;}
div.popDvyLit .content{height:400px;overflow:auto;}
div.popContent > p{margin-bottom:3px;}
div.popContent .baseAdr{background:#c9a492;vertical-align:middle;vertical-align: unset;padding: 2px 5px;border-radius: 3px;margin-left: 7px;color:#FFF;}

/*---- 쿠폰 할인적용 ----*/
div.popCouponList .baseTable{border-top:2px solid #bbb;}
div.popCouponList .popWrap{border:none;}
div.popCouponList .popContent{padding:20px;}
div.popCouponList .tab{margin-left:1px;border-bottom:1px solid #bbb;}
div.popCouponList .tab a{margin-left:-1px;margin-bottom:-1px;background:#fafafa;border:1px solid #ddd;}
div.popCouponList .tab a:hover{background:#FFF;}
div.popCouponList .tab .on{background:#FFF;border-bottom:1px solid #FFF;}
div.popCouponList tr.prod td{position:relative;height:70px;}
div.popCouponList tr.prod img{position:absolute;top:10px;left:10px;}


/* 보너스쿠폰 */
div.bonusCpLit tr{cursor:pointer;}
/* 상품쿠폰 */
div.pdCpLit tbody td.alignRight{padding-right:20px;}
div.pdCpLit tbody td.dcPrice{border-left:1px solid #eee;background:#fafafa;}

/* 주문완료 */
div.odEndList .infoBox{width:48%;}
div.odEndList .payPrice em{font-size:20px;color:#44a4de}
div.odEndList .blue{color:#44a4de}
ul.odInfoNum{background:#fafafa;border:1px solid #ddd;padding:20px;}
ul.odInfoNum li{display:inline-block;}