.pageWrap {margin:70px 0 0 0; text-align:center;}
.space50 {clear:both; width:100%; height:160px;}


/* 상품리스트 */
.shopMain {width:1300px; margin:80px auto 80px auto; overflow:hidden;}
.shopMent {padding:0 5px 4px 8px; font-size:18px; font-weight:300; letter-spacing:-0.8px;}
.shopMent .cate {font-size:30px; padding:0 10px 0 0; letter-spacing:-1.5px;}
.shopMent strong {font-size:22px; color:#935420; font-weight:600; }
.shopMent .sort {position:relative; float:right; width:120px; background:url(/img/arrow_down.png) no-repeat 90% center #fff; background-size:8px auto; padding:7px 0 7px 15px; font-size:13px;  border-radius:3px;}
.shopMent .sort .sortMenu {position:absolute; left:0; width:120px; background:#fff; padding:15px 15px 7px 15px; box-shadow:0 5px 7px rgba(0,0,0,.06); z-index:3;display:none;}
.shopMent .sort .sortMenu a {padding:5px 0; display:block; }

@media all and (max-width:1200px) {
	.shopMain {width:95%; margin:120px auto 80px auto; }
}

@media all and (max-width:860px) {
	.shopMent {font-size:16px;}
	.shopMent .cate {font-size:25px;}
	.shopMent strong {font-size:20px;}
}

@media all and (max-width:560px) {
	.shopMain {margin:100px auto 80px auto; }
	.shopMent {font-size:14px;}
	.shopMent .cate {font-size:22px;}
	.shopMent strong {font-size:16px;}
	
	.shopMent .sort {width:100px; font-size:12px;}
	.shopMent .sort .sortMenu {width:100px;}
}

@media all and (max-width:460px) {
	.shopMain {width:95%; margin:50px auto 80px auto;}

	.shopMent {height:30px; font-size:12px;} 
	.shopMent .cate {padding:0 7px 0 0; font-size:18px; font-weight:500; line-height:30px;}
	.shopMent strong {font-size:14px;}
	.shopMent .sort {width:85px;}
	.shopMent .sort .sortMenu {width:85px;}
}


.proBox {position:relative; float:left; width:32.5%; min-height:705px; height:auto; background:#fff; margin:0.416%; padding:0 26px 35px 26px; text-align:center; border:1px solid #fff; }
.proBox .best {position:absolute; top:40px; right:40px; background:#935420; padding:6px 15px; color:#fff; font-weight:600; letter-spacing:0; border-radius:50px; display:inline-block;}
.proBox .pic {width:100%; height:490px; background-size:100%; background-repeat:no-repeat; background-position:center center; overflow:hidden; }
.proBox .pic img {width:auto; height:100%;}
.proBox .infoWrap {width:90%; margin:0 auto; padding:48px 10% 0 10%; border-top:1px solid #e5e5e5;}
.proBox .infoWrap .txt {width:100%; height:20px; font-size:15px; color:#969696; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.proBox .infoWrap .name {width:100%; padding:7px 0 18px 0; font-size:27px; font-weight:400; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.proBox .infoWrap .price {font-size:30px; font-weight:600; }
.proBox .infoWrap .won {font-size:17px; font-weight:400;}
.proBox:hover {border:1px solid #000;}
.proBox:hover .pic {background-size:110%; }
.proBox:hover .pic img {width:108%; margin:-4% 0 0 -4%;}


@media all and (max-width:1600px) {
	.proBox {min-height:auto;}
	.proBox .pic {height:430px;}
}

@media all and (max-width:1500px) {
	.proBox .pic {height:390px;}
}

@media all and (max-width:1400px) {
	.proBox .best {top:30px; right:30px; padding:5px 10px; font-size:11px;}
	.proBox .pic {height:350px;}
	.proBox .infoWrap {padding:35px 8% 0 8%;}
	.proBox .infoWrap .txt {height:15px; font-size:14px;}
	.proBox .infoWrap .name {font-size:22px;}
	.proBox .infoWrap .price {font-size:27px;}
	.proBox .infoWrap .won {font-size:14px;}
}

@media all and (max-width:1300px) {
	.proBox .pic {height:300px;}
}

@media all and (max-width:1200px) {
	.proBox .pic {height:270px;}
}

@media all and (max-width:1100px) {
	.proBox .pic {height:240px;}	
	.proBox .infoWrap {width:100%; padding:30px 3% 0 3%;}
	.proBox .infoWrap .txt {height:14px; font-size:13px;}
	.proBox .infoWrap .name {padding:7px 0 14px 0; font-size:20px;}
	.proBox .infoWrap .price {font-size:24px;}
}

@media all and (max-width:900px) {
	.proBox .best {top:15px; right:15px; width:40px; height:40px; text-align:center; line-height:40px; border-radius:50%; padding:0;}
	.proBox .pic {height:200px;}
}

@media all and (max-width:860px) {
	.proBox {padding:10px 20px 20px 20px;}
	.proBox .infoWrap {padding:22px 0 0 0;}
	.proBox .infoWrap .txt {height:14px; font-size:12px;}
	.proBox .infoWrap .name {padding:5px 0 14px 0; font-size:18px;}
	.proBox .infoWrap .price {font-size:21px;}
}

@media all and (max-width:790px) {
	.proBox .pic {height:190px;}
}

@media all and (max-width:660px) {
	.proBox .pic {height:140px;}
	.proBox .infoWrap .name {font-size:16px;}
	.proBox .infoWrap .price {font-size:18px;}
	.proBox .infoWrap .won {font-size:12px;}
}

@media all and (max-width:560px) {
	.proBox {width:48%; margin:1%;}
	.proBox .best {width:35px; height:35px; line-height:35px; font-size:10px;}
	.proBox .pic {height:160px;}
}	

@media all and (max-width:460px) {
	.proBox .pic {height:150px;}
}

@media all and (max-width:390px) {
	.proBox {padding:0 15px 20px 15px;}
	.proBox .best {top:10px; right:10px;}
}

/* 쇼핑몰 */
.width62 {width:100%;  padding:40px 0;}
.width35 {width:100%;}
img.img100 {width:100%; max-width:100%;}

@media only screen and (min-width: 640px) {
	img.img100 {width:auto !important;; min-width:auto !important;;}
}

@media only screen and (min-width: 1100px) {	
	.width62 {float:left; width:62%; padding:70px 0;}
	.width35 {float:right; width:35%;}
	img.img100 {width:auto !important; min-width:auto !important;} 
}


/* 주문결제 */
.trans_list {width:100%; }
.trans_list table {border-top:2px solid #24221f; width:100%;}
.trans_list table th {width:20%; background:#fcfcfc; border-bottom:1px solid #e0e0e0; border-right:0px dotted #e0e0e0; height:40px; font-size:13px; color:#333; text-align:left; padding-left:10px;}
.trans_list table td {border-bottom:1px solid #e0e0e0; height:40px; text-align:left; font-size:12px; color:#333; padding:10px;}

.midTit1 {font-size:20px; font-weight:500; color:#000; }

@media only screen and (min-width: 1100px) {
	.trans_list table th {width:20%; background:#fcfcfc; border-bottom:1px solid #e0e0e0; border-right:0px dotted #e0e0e0; height:40px; font-size:16px; color:#333; text-align:left; padding-left:35px;}
	.trans_list table td {border-bottom:1px solid #e0e0e0;height:40px; text-align:left; font-size:14px; color:#333; padding:10px;}
}

.transBox {border:3px solid #24221f; color:#333; padding:27px; margin:56px 0 0 0;}
.transBox ul {overflow:hidden; border-bottom:1px solid #e2e2e2; }
.transBox ul li {float:left; padding:15px 10px; font-size:14px;}
.transBox ul li.th {width:30%; font-weight:bold; }
.transBox ul li.td {width:70%; text-align:right;}
.transBox ul li.td .money {font-weight:bold; color:#000; font-size:23px !important;}
.transBox ul li.td .moneyRed {font-weight:bold; color:#43a65a; font-size:30px !important;}
.transBox ul.gray {background:#f5f5f5;}
.transBox ul.gray li.th {font-weight:normal; font-size:13px; text-indent:10px; padding:7px 15px;}
.transBox ul.gray li.td {font-weight:normal; font-size:13px; padding:7px 15px;}
.transBox ul.boldBor {border-bottom:3px solid #24221f;}
.borNone {border:none !important;}

.table_table table {}



/* 상품상세 */
.detailTop {width:1200px; margin:0 auto; padding:120px 0; overflow:hidden; color:#000; text-align:left;}
.detailTop .dName {margin:0 0 20px 0; font-size:32px;  color:#000; font-weight:500; letter-spacing:-2px;}
.detailTop .dPic {float:left; width:500px; }
.detailTop .dPic {float:left; width:500px; height:auto; border:1px solid #e5e5e5;}
.detailTop .dPic img {width:100%; height:auto;}
.detailTop .dOption {float:right; width:50%; border-top:1px solid #24221f; }
.detailTop .dOption ul {overflow:hidden; height:35px; border-bottom:1px dashed #e2e2e2;}
.detailTop .dOption ul.big {height:55px; border-bottom:1px solid #e2e2e2;}
.detailTop .dOption ul.big li {line-height:38px;}
.detailTop .dOption ul.mid {height:60px; background:#f9f9f9; border-top:0px solid #24221f;}
.detailTop .dOption ul.mid li {line-height:60px;}
.detailTop .dOption ul.small {height:40px; border-bottom:0px solid #e2e2e2;}
.detailTop .dOption ul.small li {line-height:50px;}
.detailTop .dOption ul li {float:left; height:100%; text-indent:30px; font-size:14px; line-height:35px;}
.detailTop .dOption ul li.th {width:25%; font-weight:500; font-size:13px;}
.detailTop .dOption ul li.td {width:75%;}
.detailTop .dOption ul li.td select {margin:8px 0 0 0;}
.dPrice {font-weight:bold; font-size:35px; color:#000;}
.dWon {font-size:17px; font-weight:normal;}
.iconMinus {width:28px; height:30px; margin:16px 0 0 0; background:url(/image/icon_minus.png) no-repeat center center #fff; border-top:1px solid #bbb; border-left:1px solid #bbb; border-bottom:1px solid #bbb; display:inline-block;}
.iconPlus {width:28px; height:30px; margin:16px 0 0 0; background:url(/image/icon_plus.png) no-repeat center center #fff; border-top:1px solid #bbb; border-right:1px solid #bbb; border-bottom:1px solid #bbb; display:inline-block;}
input.num {width:130px; height:30px; margin:16px 0 0 0; vertical-align:top; background:#fff; text-align:center; border-top:1px solid #bbb; border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2; border-bottom:1px solid #bbb;}
.dTotal {height:85px; line-height:85px; border-top:1px solid #24221f; overflow:hidden; }
.dTotal .th {float:left; width:25%; font-size:15px; font-weight:500;  }
.dTotal .td {float:right; width:75%; text-align:right; font-size:35px; font-weight:bold; color:#43a65a;}
.dollar {width:43px; height:22px; background:url(/image/won.gif) no-repeat center center; background-size:100%; display:inline-block;}	


.btnWrap {overflow:hidden; margin-top:20px;}
.btnWish {float:left; border:1px solid #b1b1b1; text-align:center; font-size:12px; color:#656565; background:url(/image/icon_wish.png) no-repeat center 9px; padding:30px 33px 6px 33px; margin:0 3px 0 0; width:auto;}
.btnCart {float:left; text-align:center; font-size:18px; color:#fff; background:#757575; padding:15px 87px; margin:0 3px 0 0; width:auto;}
.btnBuy {float:left; text-align:center; font-size:18px; color:#fff; background:#43a65a; padding:15px 87px; width:auto;}
.btnOK {display:block; background:#4b6092; color:#fff; font-size:14px; text-align:center; width:100px; height:40px; border-radius:20px; line-height:40px; margin: 0 auto;}
.btnOK a {color:#fff;}

.infoWrap {width:100%; margin-top:20px; margin-bottom:90px; }
.infoWrap table {border-top:1px solid #e1e1e1; width:100%;}
.infoWrap table th {width:25%; background:#f7f7f7; font-size:13px; border-bottom:1px solid #e1e1e1;}
.infoWrap table td {width:75%; padding:15px; font-size:11px; line-height:20px; border-bottom:1px solid #e1e1e1;}

/* .sangse {text-align:center; padding:5% 0;}
.sangse img {width:auto; max-width:100%; margin:0 auto;}  */


.shopDetail {width:1200px; margin:0 auto; padding:220px 0;}
.shopTop {overflow:hidden; display:flex;}
.shopTop .pic {width:51%; }
.shopTop .pic img {width:100%; border:1px solid rgba(0,0,0,.2);}
.shopTop .pic .thum {margin:30px 0 0 0; text-align:center;}
.shopTop .pic span {margin:0 3px;}
.shopTop .pic .thum img {width:80px; height:80px;} 
.shopTop .pic .thum img.on {border:1px solid #233549;}
.shopTop .shopInfo {width:45%; margin:0 0 0 5%; }
.shopTop .shopInfo .sNum {padding:0 0 10px 0; color:#777; border-bottom:1px solid #a4a9b0;}
.shopTop .shopInfo .sName {position:relative; padding:20px 0 0 0; word-break:break-all;}
.shopTop .shopInfo .sName .name {padding:0 10% 25px 0; font-size:28px; line-height:1.3; }
.shopTop .shopInfo .sName .wish {position:absolute; right:0; width:54px; height:54px; background:url(/img/icon_heart.jpg) no-repeat center center; border:1px solid #ddd; border-radius:50%; display:inline-block; cursor:pointer;}
.shopTop .shopInfo .sName .wish.on {background:url(/img/icon_heart_on.jpg) no-repeat center center; border:1px solid #935420;}
.shopTop .shopInfo .sName em {font-size:18px; color:#94989f; font-weight:200; text-decoration:line-through;}
.shopTop .shopInfo .sName .price {font-size:33px; font-weight:600;  line-height:1.1;}
.shopTop .shopInfo .sName .won {font-weight:300; font-size:20px;}
.shopTop .shopInfo .sInfo {margin:30px 0; font-size:15px;}
.shopTop .shopInfo .sInfo ul {padding:15px 0; border-top:1px solid #f2f2f2; overflow:hidden; display:flex;}
.shopTop .shopInfo .sInfo ul:last-child {border-bottom:1px solid #f2f2f2;}
.shopTop .shopInfo .sInfo .th {width:20%; font-weight:300; color:#7b7e83;}
.shopTop .shopInfo .sInfo .td {width:80%; }
.shopTop .shopInfo .sOption .tit {padding:0 0 10px 0; font-weight:500; font-size:17px;}
.shopTop .shopInfo .sOption select {width:100%; height:45px; border:1px solid #c2c2c2; border-radius:5px;}
.shopTop .shopInfo .sResult {background:#fafafa; margin:15px 0 0 0; padding:15px; overflow:hidden;}
.shopTop .shopInfo .sResult .left {float:left; width:40%;}
.shopTop .shopInfo .sResult .right {float:left; width:60%; padding:8px 0 0 0; text-align:right; font-size:18px;}
.shopTop .shopInfo .sResult .minus {width:30px; height:30px; background:url(/img/icon_minus_b.png) no-repeat center center #f6f6f6; margin:9px 0 0 0; border:1px solid #d7d7d7; display:inline-block;}
.shopTop .shopInfo .sResult .plus {width:30px; height:30px; background:url(/img/icon_plus_b.png) no-repeat center center #f6f6f6; margin:9px 0 0 0; border:1px solid #d7d7d7; display:inline-block;}
.shopTop .shopInfo .sResult input.num1 {width:44px; height:30px; margin:9px -3px 0 -4px; border:1px solid #d3d3d3; border-radius:0px !important; text-align:center; vertical-align:top;}
.shopTop .shopInfo .sTotal {padding:20px 0;display:flex;}
.shopTop .shopInfo .sTotal .total {width:30%; padding:5px 0 0 0; font-size:16px; color:#63636d;}
.shopTop .shopInfo .sTotal .price {width:70%; color:#935420; font-size:25px; font-weight:600; text-align:right;}
.shopTop .shopInfo .sTotal .won {color:#000; font-weight:300; font-size:18px;}
.shopTop .shopInfo .sBtn {width:100%; margin:15px 0 0 0; display:flex;}
.shopTop .shopInfo .sBtn .sBtnCart {width:49.5%; background:#fff; margin:0; padding:18px 0; text-align:center; font-size:20px; font-weight:500; letter-spacing:-0.9px; border:1px solid #d9d9d9; border-radius:4px;}
.shopTop .shopInfo .sBtn .sBtnBuy {width:49.5%; background:#935420; margin:0 0 0 1%; padding:18px 0; text-align:center; color:#fff; font-size:20px; letter-spacing:-0.9px; font-weight:500; border-radius:4px;}

@media only screen and (max-width: 1200px) {
	.shopDetail {width:95%;}
}


@media only screen and (max-width: 860px) {
	.shopDetail {padding:170px 0;}
	.shopTop .shopInfo .sName .name {font-size:25px;}
	.shopTop .shopInfo .sName .price {font-size:30px;}
	.shopTop .shopInfo .sInfo {margin:5% 0; font-size:13px;}
}


@media only screen and (max-width: 790px) {
	.shopTop .shopInfo .sNum {padding:0 0 7px 0; font-size:12px;}
	.shopTop .shopInfo .sName .name {font-size:23px;}
	.shopTop .shopInfo .sName em {font-size:16px;}
	.shopTop .shopInfo .sName .price {font-size:28px;}
	.shopTop .shopInfo .sInfo {margin:7px 0;}
}

@media only screen and (max-width: 660px) {
	.shopDetail {width:90%; padding:150px 0;}
	.shopTop {display:block;}
	.shopTop .pic {width:100%; }
	.shopTop .shopInfo {width:100%; margin:30px 0 0 0;}
}


.shopCenter {width:100%; margin:80px 0 0 0;}
.shopCenter .sec {width:100%; }
.shopTab {width:100%;}
.shopTab ul {display:flex;}
.shopTab ul a {width:33.3%; background:#f6f6f6; padding:15px 0; text-align:center; color:#666; font-size:16px; border-right:1px solid #e4e4e4; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;}
.shopTab ul a:first-child {border-left:1px solid #e4e4e4;}
.shopTab ul a.on {background:#fff; border-top:2px solid #935420; border-bottom:0;}

.detail_content_1_img {overflow: hidden; height: 1200px; position: relative; text-align:center; }
.detail_content_1_img.on {height: auto;}
.detail_content_1_img img {display: block; max-width:100%; width: auto; margin:0 auto;}
.detail_content_1_img .hideBg {width: 100%; height: 96px; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8) 66%, rgba(255, 255, 255, 0.94) 83%, rgba(255, 255, 255, 0.98) 91%, #ffffff); position: absolute; bottom: 0;}
.detail_content_1_img.on .hideBg {display: none;}
.detail_more {width: 300px; height: 64px; line-height: 64px; text-align: center; color:#fff; font-size:22px; font-weight:400; border-radius: 50px; background: #087dfd; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2); cursor:pointer; margin: 80px auto;}
.detail_more .show span {display: inline-block; width: 19px; height: 14px; background: url(/img/icon_down.png) no-repeat; margin-left: 7px;}
.detail_more.on .show {display: none;}
.detail_more .hide1 {display: none;}
.detail_more .hide1 span {display: inline-block; width: 19px; height: 14px; background: url(/img/icon_up.png) no-repeat; margin-left: 7px;}
.detail_more.on .hide1 {display: inline-block;}

@media only screen and (max-width: 1200px) {
	.detail_content_1_img img {max-width:100%; width:auto;}
}

@media only screen and (max-width: 960px) {
	.detail_more {width: 200px; height: 54px; line-height: 54px; font-size:16px;}
}


#tabMenu {width:100%; margin:0 auto 15px auto; }
#tabMenu > ul {overflow:hidden;}
#tabMenu > ul > li {float:left; height:35px; line-height:35px; text-align:center; background:#f1f1f1; border-top:1px solid #e6e6e6; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; font-size:13px; color:#666; cursor:pointer;}
#tabMenu > ul > li a {display:block;}
#tabMenu > ul > li.on {background:#fff; border-top:2px solid #43a65a; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; border-bottom:1px solid #fff; font-size:13px; color:#000; font-weight:500;}
#tabMenu .tabCont {display:none; clear:both; overflow:hidden;}

#tabMenuPro {width:100%; margin:0 auto; }
#tabMenuPro > ul {overflow:hidden;}
#tabMenuPro > ul > li {float:left; width:33.3%; height:35px; background:#f1f1f1; line-height:35px; text-align:center; border-top:1px solid #e6e6e6; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; font-size:13px; color:#666; cursor:;}
#tabMenuPro > ul > li a {display:block;}
#tabMenuPro > ul > li.on {background:#fff; border-top:2px solid #43a65a; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; border-bottom:1px solid #fff; font-size:13px; }


@media only screen and (min-width: 1100px) {
	#tabMenu {width:100%; margin:0 auto 30px auto; }
	#tabMenu > ul > li {float:left; height:48px; line-height:48px; text-align:center;  font-size:16px; color:#646464; cursor:pointer;}
	#tabMenu > ul > li a {display:block;}
	#tabMenu > ul > li.on { font-size:16px; }
	#tabMenu .tabCont {display:none; clear:both; margin:30px 0 0 0 !important; overflow:hidden;}

	#tabMenuPro {width:1200px; margin:0 auto; }
	#tabMenuPro > ul {overflow:hidden;}
	#tabMenuPro > ul > li {float:left; width:16.6%; height:48px; line-height:48px; text-align:center; font-size:16px; color:#646464; }
	#tabMenuPro > ul > li a {display:block;}
	#tabMenuPro > ul > li.on {font-size:16px; }
	
}



/* 장바구니 담기 팝업 */
.cartGo {width:270px;}
.cartGo .cTop1 {height:39px; background:#935420; border-bottom:2px solid #f5f5f5; color:#fff; text-indent:10px; line-height:39px; position:relative;}
.cartGo .cTop1 .close {position:absolute; width:15px; height:13px; top:10px; right:10px; background:url(/img/button_close1.png) no-repeat center center; display:inline-block;}
.cartGo .cCont1 {background:#fff; text-align:center; padding:15px 0;}
.cartGo .cCont1 .name {width:95%; margin:10px auto; text-align:left; padding:7px; border:1px solid #f0f0f0; background:#f5f5f5;}	

@media only screen and (min-width: 1100px) {
	.cartGo {width:px;}
	.cartGo .cTop1 {height:39px; border-bottom:2px solid #f5f5f5; color:#fff; text-indent:10px; line-height:39px; position:relative;}
	.cartGo .cTop1 .close {position:absolute; width:15px; height:13px; top:10px; right:10px; background:url(/img/button_close1.png) no-repeat center center; display:inline-block;}
	.cartGo .cCont1 {background:#fff; text-align:center; padding:15px 0;}
	.cartGo .cCont1 .name {width:95%; margin:10px auto; text-align:left; padding:7px; border:1px solid #f0f0f0; background:#f5f5f5;}	
}


/* 장마구니 상단 */
#cartTop {width:600px; margin:140px auto 20px auto; color:#000; overflow:hidden;}
#cartTop ul {float:left; width:200px; padding:20px 0 20px 70px; border-bottom:2px solid #a5a5a5; border-top:1px solid rgba(0,0,0,.2);}
#cartTop ul .small {font-size:11px;}
#cartTop ul .big {font-size:18px; font-weight:500;}

#cartTop ul.step01 {background:url(/img/cart01.png) no-repeat 20px center; }
#cartTop ul.step02 {background:url(/img/cart02.png) no-repeat 20px center; }
#cartTop ul.step03 {background:url(/img/cart03.png) no-repeat 20px center; }
#cartTop ul.off {opacity:.5;}
#cartTop ul.on {background-color:rgba(0,0,0,.01); border-bottom:2px solid #935420; border-top:1px solid #e6e6e6;}

.subCont {width:1200px; margin:0 auto; padding:0 0 100px 0;}


@media screen and (max-width: 800px) { 
	#cartTop {width:90%; margin:70px auto 45px auto;}
	#cartTop ul {width:33.3%; padding:10px 0 10px 40px;}
	#cartTop ul.step01 {background:url(/img/cart01.png) no-repeat 10px center; background-size:auto 50%;}
	#cartTop ul.step02 {background:url(/img/cart02.png) no-repeat 10px center; background-size:auto 50%;}
	#cartTop ul.step03 {background:url(/img/cart03.png) no-repeat 10px center; background-size:auto 50%;}
	#cartTop ul .small {font-size:11px;}
	#cartTop ul .big {font-size:15px;}

	.subCont {width:95%;}
}


/* 장바구니 table */
.cartTable {width:100%; overflow:visible; position:relative;}
.cartTable .table {width:100%; border-top:1px solid #595959;}
.cartTable .table ul { width:100%; }
.cartTable .table ul li {float:left; }
.cartTable .table ul.thLine {}
.cartTable .table ul.thLine li { height:0px; font-size:0;}
.cartTable .table ul.tdLine { font-size:14px; }
.cartTable .table ul.tdLine li {height:100%; text-align:center;}
.cartTable .table ul.tdLine li.proName {padding: 10px 0; text-align:left;}
.cartTable .table ul.tdLine li.proName .pic {float:left; width:38%;}
.cartTable .table ul.tdLine li.proName .pic img { width:100px; height:100px;}
.cartTable .table ul.tdLine li.proName .cartName {float:left; width:61%; padding:20px 10px 0 0;  line-height:1.5; }
.cartTable .table ul.tdLine li.proName .cartName .name {font-size:14px; color:#333;}
.cartTable .table ul.tdLine li.proName .cartName .op {margin-top:5px; padding:4px 6px 6px 6px; background:#fcfcfc; font-size:12px; color:#bb494a;}
.cartTable .table ul.tdLine li.acount {line-height:1.5; }

.lineT {display:block; overflow:visible; width:100% !important; height:120px; margin:15px 0 0 0; }
.lineB {display:block; overflow:hidden; width:100% !important; height:70px;  background:rgba(0,0,0,0.02); border-bottom:1px solid #bbb; position:relative; }

/* .date {position:absolute; left:20px; top:20px;} */

.checkM {position:absolute; height:30px; right:0px; top:-30px; background:;}

.checkM input {vertical-align:middle;}
.checkM span {font-size:12px; margin:0 0 0 5px; vertical-align:middle;}

.cartNum1 {width:auto; height:25px;  margin:10px auto 5px auto;}
.cartMinus {width:25px; height:25px; margin:0 0 0 0; background:url(/img/icon_minus.png) no-repeat center center #fff; border-top:1px solid #bbb; border-left:1px solid #bbb; border-bottom:1px solid #bbb; display:inline-block;}
.cartPlus {width:25px; height:25px; margin:0 0 0 0; background:url(/img/icon_plus.png) no-repeat center center #fff; border-top:1px solid #bbb; border-right:1px solid #bbb; border-bottom:1px solid #bbb; display:inline-block;}
input.cartnum {width:35px; height:25px; border:1px solid #bbb; text-align:center; margin:0; top:0; padding:0; vertical-align:top;}

.cNum {position:absolute; color:#333;  font-family:'NerisSemiBold', "Noto Sans KR"; font-weight:500; font-size:15px; right:5%; top:12px;}
.ctNum {position:absolute; color:#333;  font-family:'NerisBlack', "Noto Sans KR"; font-weight:700; font-size:20px; right:5%; top:35px;}

.w05 {width:7%}
.w10 {width:45%;}
.w15 {width:30%;}
.w20 {width:40%;}
.w25 {width:25%;}
.w40 {width:40%;}
.w45 {width:45%;}
.w50 {width:93%;}
.pv {line-height:1 !important; padding:4% 0 0 0; }

@media only screen and (min-width: 960px) {
	.cartTable .table ul { width:100%; position:static; }
	.cartTable .table ul li {float:left; }
	.cartTable .table ul.thLine { }
	.cartTable .table ul.thLine li {background:#fcfcfc; height:40px; border-bottom:1px solid #e0e0e0; line-height:40px; text-align:center;  font-size:14px; }
	.cartTable .table ul.tdLine {border-bottom:1px solid #e0e0e0; font-size:14px;}
	.cartTable .table ul.tdLine li {height:120px; line-height:120px; border-bottom:1px solid #e0e0e0; text-align:center;}
	.cartTable .table ul.tdLine li.proName {padding: 0; text-align:left;}
	.cartTable .table ul.tdLine li.proName .pic {float:left; width:22%;}
	.cartTable .table ul.tdLine li.proName .pic img { width:100px; height:100px;}
	.cartTable .table ul.tdLine li.proName .cartName {float:left; width:78%; padding:6% 15px 0 0;  line-height:1.5;}
	.cartTable .table ul.tdLine li.proName .cartName .name {font-size:14px; color:#333;}
	.cartTable .table ul.tdLine li.proName .cartName .op {margin-top:5px; padding:4px 6px 6px 6px; background:#fcfcfc; font-size:12px; color:#bb494a;}
	.cartTable .table ul.tdLine li.acount {line-height:1.5; }

	.lineT {display:inline; width:auto; height:auto; margin:0; border-top:0;}
    .lineB {display:inline; width:auto; height:auto; background:#fff; position:static;}
    
    .date {position:static; left:0; top:auto;}

    .checkM {position:relative; top:0;}
	.checkM input[checkbox] {width:50px; height:50px;}
	.checkM span {display:none;}

	.cartNum1 {width:auto; height:25px !important; line-height:25px; margin:37px auto 5px auto;}
	.cartMinus {width:25px; height:25px; margin:0 0 0 0; background:url(/img/icon_minus.png) no-repeat center center #fff; border-top:1px solid #bbb; border-left:1px solid #bbb; border-bottom:1px solid #bbb; display:inline-block;}
	.cartPlus {width:25px; height:25px; margin:0 0 0 0; background:url(/img/icon_plus.png) no-repeat center center #fff; border-top:1px solid #bbb; border-right:1px solid #bbb; border-bottom:1px solid #bbb; display:inline-block;}
	input.cartnum {width:35px; height:25px; border:1px solid #bbb; text-align:center;}

	.cNum {position:relative; color:#333; font-size:15px; right:0; top:0;}
	.ctNum {position:relative; color:#333; font-size:20px; right:0; top:0;}

	.w05 {width:5%}
	.w10 {width:10%;}
	.w15 {width:15%;}
	.w20 {width:20%;}
	.w50 {width:50%;}

}





.cartEmpty {height:200px; text-align:center; background:url(/img/cart_empty.gif) no-repeat center center;}
.cartEmpty p {padding:160px 0 0 0;}

.cartlistTit {font-size:18px; color:#333; margin-bottom:5px; font-weight:bold;}




.cartTotalM {margin:20px 0 10px 0;}

.cartTotal {display:none;}


.btnLeft {float:left; margin:10px 0 30px 0;}
.btnRight {float:right;}
.btnCenter {margin:20px auto; text-align:center;}


button.btnWhite {text-align:center; background:#fff; padding:5px 10px;  font-size:12px; border:1px solid #d8d8d8; cursor:pointer; border-radius:4px;}
button.btnBuyAll {text-align:center; background:#935420; padding:15px 15px; font-size:13px; border:1px solid #935420; cursor:pointer; color:#fff; letter-spacing:-1px; border-radius:4px;}
button.btnLgray {text-align:center; background:#eee; padding:15px 25px; font-size:15px; border:1px solid #bbb; cursor:pointer; color:#333; font-weight:bold; border-radius:4px;}
button.btnBuySel {text-align:center; background:#46413b; padding:15px 15px; font-size:13px; border:1px solid #6f6f6f; cursor:pointer; color:#fff; letter-spacing:-1px; border-radius:4px;}
button.btnBuy {text-align:center; background:#6f6f6f; padding:15px 25px; font-size:15px; border:1px solid #6f6f6f; cursor:pointer;color:#fff; font-weight:bold; border-radius:4px;}
button.btnModi {text-align:center; background:#fff; padding:15px 25px; font-size:15px; border:1px solid #d8d8d8;  cursor:pointer; font-weight:bold; border-radius:4px;}
button.btnGray {text-align:center; background:#666; padding:5px 10px; font-size:11px; color:#fff; cursor:pointer; border-radius:4px;}
span.btnBuyAll {text-align:center; background:#935420; padding:15px 15px; font-size:13px; border:1px solid #935420; cursor:pointer; color:#fff; letter-spacing:-1px; border-radius:4px;}

@media only screen and (min-width: 768px) {
	.cartTotalM {display:none;}

	.cartTotal {display:block; clear:both;  margin:20px 0 10px 0; border:1px solid #24221f; overflow:hidden; }
	.cartTotal table {width:100%;}
	.cartTotal table th {padding:10px 0 10px 20px; color:#000; text-align:left; font-size:13px; font-weight:normal;}
	.cartTotal table th.line {width:35px !important; background:url(/img/cart_minus.gif) no-repeat center top;}
	.cartTotal table td {padding:0 20px 10px 0; text-align:right}
	.cartTotal table td strong { color:#333;  font-size:30px; font-family:'NerisBlack', "Noto Sans KR"; font-weight:700;}


	td.iconMinus1 {width:35px important; height:60px; background:url(/img/cart_minus.gif) no-repeat; background-position:center 65%; display:block;}
	td.iconPlus1 {width:35px; height:60px; background:url(/img/cart_plus.gif) no-repeat; background-position:center 65%; display:block;}
	td.iconEq1 {width:35px; height:60px; background:url(/img/cart_equal.gif) no-repeat; background-position:center 65%; display:block;}
	td.iconCartPlus1 {width:35px; height:60px; background:url(/img/cart_plus.gif) no-repeat; background-position:center bottom; display:block;}

	button.btnWhite {text-align:center; background:#fff; padding:5px 10px;  font-size:12px; border:1px solid #d8d8d8; cursor:pointer; border-radius:4px;}
	button.btnBuyAll {text-align:center; background:#935420; padding:15px 25px; font-size:15px; border:1px solid #935420; cursor:pointer; color:#fff; border-radius:4px;}
	button.btnLgray {text-align:center; background:#eee; padding:15px 25px; font-size:15px; border:1px solid #bbb; cursor:pointer; color:#333; font-weight:bold; border-radius:4px;}
	button.btnBuySel { text-align:center; background:#46413b; padding:15px 25px; font-size:15px; border:1px solid #6f6f6f; cursor:pointer; color:#fff;  border-radius:4px;}
	button.btnBuy {text-align:center; background:#6f6f6f; padding:15px 25px; font-size:15px; border:1px solid #6f6f6f; cursor:pointer;color:#fff; font-weight:bold; border-radius:4px;}
	button.btnModi {text-align:center; background:#fff; padding:15px 25px; font-size:15px; border:1px solid #d8d8d8;  cursor:pointer; font-weight:bold; border-radius:4px;}
	button.btnGray {text-align:center; background:#666; padding:5px 10px; font-size:11px; color:#fff; cursor:pointer; border-radius:4px;}
	span.btnBuyAll {text-align:center; background:#935420; padding:17px 25px; font-size:15px; border:1px solid #935420; cursor:pointer; color:#fff; letter-spacing:-1px; border-radius:4px;}
}

/* table */
.gray_list {width:100%; }
.gray_list table {border-top:1px solid #696969; width:100%;}
.gray_list table th {background:#fcfcfc; border-bottom:1px solid #e0e0e0; height:40px; font-size:11px; font-weight:400;}
.gray_list table td {border-bottom:1px solid #e0e0e0; height:40px; background:#fff; text-align:center; font-size:11px; padding:10px 0; }
.gray_list table td img.pro {width:100px; height:100px;}
.gray_list table td div.numCheck img.plus {width:auto; height:100%;}
.gray_list table td em {font-weight:bold; color:#000; font-family:tahoma; font-style:normal; font-size:15px;}
.gray_list table td.tleft {text-align:left; padding-left:20px;}
.gray_list table td.tleft #disp_pet_img{ width: 50px; }
.gray_list table td em.list_comment_new {color: #0085D5; background: #fff; font-weight: bold; border: 1px solid #e5e5e5; padding: 0 4px; border-radius: 9px; min-width: 9px; text-align: center; font-style: normal; line-height: 17px; background: white; display: inline-block; margin-top: -2px; font-family: "Arial",sans-serif; font-size: 11px;}

.gray_list table td img.gal {min-width:100%; max-width:100%; width:auto;}

@media only screen and (min-width: 768px) {
	.gray_list table th {font-size:14px;}
	.gray_list table td {font-size:14px;}

	.cap1 {font-size:14px;}
}

/* 장바구니 */
.cLeft {float:left; width:64.5%; min-height:800px;}
.cLeft .cartTop {width:100%; margin:15px 0 0 0; border-bottom:1px solid rgba(0,0,0,.3); overflow:hidden;}
.cLeft .cartTop .checkSel {float:left;}
.cLeft .cartTop .checkSel input {vertical-align:middle;}
.cLeft .cartTop .btnSeldel {float:right; padding:2px 10px; font-size:13px; border:1px solid rgba(0,0,0,.2); border-radius:3px; display:inline-block;}
.cLeft .sTitle {padding:40px 0 0 0; font-size:17px; font-weight:500;}
.cLeft .sTitle .check {float:right; font-size:13px; font-weight:400;}
.cLeft .sTitle .check input {vertical-align:middle; accent-color:#935420;}

@media screen and (max-width: 1200px) {
	.cLeft {width:62.5%; }
}

@media screen and (max-width: 768px) {
	.cLeft {width:59.5%; padding:0 0 0 2.5%;}
}

@media screen and (max-width: 720px) {
	.cLeft {float:none; width:95%; margin:0 2.5%; padding:0; min-height:auto;}
}

.cartTable2 {width:100%; overflow:hidden;}
.cartTable2 ul {position:relative; border-top:1px solid #595959; border-bottom:1px dashed rgba(0,0,0,.2); overflow:hidden;}
.cartTable2 ul li {float:left; padding:20px 0;}
.cartTable2 .check {width:4%;}
.cartTable2 .img {width:12%;}
.cartTable2 .img img {width:100%; height:auto; border-radius:5px;}
.cartTable2 .name {width:51%; padding:25px 3% 10px 3%; font-size:15px; font-weight:500; }
.cartTable2 .name .opt {padding:5px 0 0 0; font-size:13px; font-weight:400; color:#a5a8b8;}
.cartTable2 .amount {margin:15px 0 0 0; display:flex;}
.cartTable2 .amount .iminus {width:27px; height:27px; text-align:center; border:1px solid rgba(0,0,0,.2); cursor:pointer; display:inline-block;}
.cartTable2 .amount .iminus img {transform:translateY(15%);}
.cartTable2 .amount input {width:40px; height:27px; padding:0; text-indent:0; text-align:center; border-top:1px solid rgba(0,0,0,.2); border-bottom:1px solid rgba(0,0,0,.2);}
.cartTable2 .amount .btnCha {height:27px; margin:0 0 0 10px; padding:0 7px; line-height:27px; font-size:11px; font-weight:400; border:1px solid rgba(0,0,0,.2); border-radius:3px;}

.cartTable2 .buttom {width:100%; padding:10px 3% 0 3%; font-size:17px; font-weight:600; text-align:center; }
.cartTable2 .buttom .obtn {width:40%; height:40px; color:#000; border:1px solid rgba(0,0,0,.2); border-radius:5px; float:inline-end; margin:0 1% 10px 0; padding:10px;}

@media screen and (max-width: 1200px) {
	.cartTable2 .img {width:15%;}
	.cartTable2 .name {width:48%;}
}

@media screen and (max-width: 890px) {
	.cartTable2 .img {width:18%;}
	.cartTable2 .name {width:45%;}
}


.cartTable2 .price {width:26%; padding:30px 3% 10px 3%; font-size:17px; font-family:"Metropolis-Bold"; text-align:right;}
.cartTable2 .price .pName {display:none;}
.cartTable2 .price .pName1 {display:none;}
.cartTable2 .price .light {font-size:14px; font-family:"Metropolis-Regular";}
.cartTable2 .price .won {font-size:13px; font-family:"Metropolis-Light";}
.cartTable2 .price.ex {width:37% !important; }
.cartTable2 .del {width:7%; padding:20px 0 0 0; text-align:right;}
.cartTable2 .iconX {width:25px; height:25px; background:url(/admin/img/icon_x_w.png) no-repeat center #646a7c; border-radius:50%; display:inline-block;}
 
@media screen and (max-width: 890px) {
	.cartTable2 .iconX {width:23px; height:23px;}
}

@media screen and (max-width: 520px) {
	.cartTable2 .price {padding:30px 3% 0 3%; font-size:16px;}
	.cartTable2 .price .light {font-size:13px; }
}

@media screen and (max-width: 460px) {
	.cartTable2 ul {height:190px;}
	.cartTable2 .check {width:5%;}
	.cartTable2 .img {width:27%; padding:10px; }
	.cartTable2 .name {width:60%; padding:15px; }
	.cartTable2 .del {width:10%; padding:20px 5px 0 0;}
	.cartTable2 .price {position:absolute; width:100%; bottom:0; background:rgba(0,0,0,.01); padding:15px 25px; text-align:right;}
	.cartTable2 .price .pName {float:left; margin:5px 0 0 0; text-align:left; font-size:13px; font-weight:500; display:block;}
	.cartTable2 .price .pName1 {float:left; margin:22px 0 0 -46px; text-align:left; font-size:13px; font-family:"Metropolis-Regular"; font-weight:600; display:block;}
	.cartTable2 .price .light {}
	.cartTable2 .price .pv {display:block;}
	.cartTable2 .price p {display:inline;}
	.cartTable2 .buttom {position:absolute; top:95px; font-size:15px; padding:}
	.cartTable2 .buttom .obtn {width:46%; margin:0 2% 10px 0; height:30px; padding:6px;}
}

@media screen and (max-width: 440px) {
	.cartTable2 .check {width:5%;}
	.cartTable2 .img {width:30%;}
	.cartTable2 .name {width:60%;}
}

@media screen and (max-width: 380px) {
	.cartTable2 ul {height:180px;}
}

.cRight {float:left; width:32%; background:#fff; margin:0 0 0 3.5%; padding:35px; border-radius:5px; box-shadow:0 5px 15px rgba(0,0,0,.1);}
.cRight dl {border-bottom:1px dashed rgba(0,0,0,.2); overflow:hidden;}
.cRight dl dd {float:left; height:50px; line-height:50px;}
.cRight .tit {width:40%; font-size:14px; font-weight:400;}
.cRight .content {width:60%; text-align:right; font-size:12px; font-weight:600; letter-spacing:0;}
.cRight .content .won {font-size:13px; font-weight:400;}
.cRight .total {border-top:1px solid rgba(0,0,0,.7); border-bottom:0;}
.cRight .number {font-size:14px; font-family:"Metropolis-Bold"; color:#935420; letter-spacing:-0.8px;}
.cRight .btnBuy2 {background:#935420; margin:25px 0 0 0; padding:13px 0; text-align:center; color:#fff; font-weight:600; font-size:15px; border-radius:5px; display:block;}

.cRight.fixed {position:fixed; top:60px; left:50%; width:358px; margin-left:62px; }

.cRight .eng {letter-spacing:-0.8px; line-height:1.1;}

@media screen and (max-width: 1460px) {
	.cRight.fixed {width:348px; margin-left:87px; }
}

@media screen and (max-width: 1450px) {
	.cRight.fixed {width:25%; left:55%; margin-left:0;}
}

@media screen and (max-width: 1200px) {
	.cRight {width:34%; padding:25px;}
	.cRight .tit {font-size:13px;}
	.cRight .content {font-size:17px;}
	.cRight .number {font-size:13px;}
}

@media screen and (max-width: 1000px) {
	.cRight.fixed {width:32%; left:auto; right:2.5%; }
}

@media screen and (max-width: 768px) {
	.cRight {float:right; width:34.5%; margin:0 2.5% 0 3.5%;}
	.cRight.fixed {width:34.5%; right:0;}
}

@media screen and (max-width: 720px) {
	.cRight {float:none; width:75%; margin:40px auto;}
	.cRight .tit {font-size:14px;}
	.cRight .content {font-size:15px;}
	.cRight .number {font-size:17px;}
	.cRight.fixed {position:inherit; top:auto; right:auto; width:75%; margin:40px auto;}
}

@media screen and (max-width: 560px) {
	.cRight {width:95%;}
	.cRight.fixed {width:95%;}
}

.orBox {width:100%; background:#fbfbfb; padding:20px 5%; border-top:1px solid #c0c0c0; border-bottom:1px solid #c0c0c0; overflow:hidden;}
.orBox ul {display:flex;}
.orBox ul li {height:45px; line-height:45px;}
.orBox .tit {width:20%;}
.orBox .con {width:80%;}
.orBox .basic {width:100%; height:38px; background:#fff; padding:0 0 0 7px; border:1px solid #dfdfdf; border-radius:5px;}
.orBox input {width:100%; height:38px; background:#fff; border:1px solid #dfdfdf; border-radius:5px;}
.orBox input.addr {width:25%;}
.orBox .btnOr {background:#646a7c; padding:0 10px; color:#fff; font-size:12px; line-height:37px; border-radius:5px; display:inline-block;}
.orBox strong {color:#69b82d; letter-spacing:0;}

.orBox2 {width:100%; background:#fbfbfb; padding:20px 5%; border-top:1px solid #c0c0c0; border-bottom:1px solid #c0c0c0; overflow:hidden;}
.orBox2 ul {display:flex;}
.orBox2 ul li {height:45px; line-height:45px;}
.orBox2 .tit {width:130px;}
.orBox2 .tit input {width:15%; height:38px; background:#fff; border:1px solid #dfdfdf; border-radius:5px; vertical-align: middle; margin-top: -1px; accent-color:#935420;}
.orBox2 .con {width:calc(100% - 130px);}
.orBox2 .con.flex {display:flex; justify-content:space-between;}
.orBox2 .basic {width:100%; height:38px; background:#fff; padding:0 0 0 7px; border:1px solid #dfdfdf; border-radius:5px;}
.orBox2 input {width:100%; height:35px; background:#fff; border:1px solid #dfdfdf; border-radius:5px;}
.orBox2 input.addr {width:25%;}
.orBox2 select.addr {width:25%; height:38px; background:#fff; border:1px solid #dfdfdf; border-radius:5px;}
.orBox2 input.card {width:24%;}
.orBox2 .btnOr {background:#646a7c; padding:0 10px; color:#fff; font-size:12px; line-height:37px; border-radius:5px; display:inline-block;}
.orBox2 strong {color:#dc3843; letter-spacing:0;}

.orBox2 .content {background:#fbfbfb; padding:20px; text-align:left; width:100%;}
.orBox2 .content select {width:40%; height:30px; border:1px solid #ddd; border-radius:5px;}
.orBox2 .cardBox {background:#fff; margin:5px 0 0 0; padding:20px 5%; font-size:13px; color:rgba(0,0,0,.7); border:1px solid #ddd; border-radius:5px;}
.orBox2 .cardBox > dl {overflow:hidden;}
.orBox2 .cardBox > dl > dd {float:left; width:70%; height:35px; line-height:35px;}
.orBox2 .cardBox > dl > dd.line2 {height:65px; line-height:1.2; padding:4px 0 0 0; }
.orBox2 .cardBox > dl > dd:nth-child(2n+1) {width:28%;}
.orBox2 .cardBox > dl > dd input {width:40%; height:30px;}
.orBox2 .sel100 {width:100% !important;}
.orBox2 .input20 {width:22% !important;}

@media screen and (max-width: 890px) {
	.orBox2 {padding:15px 2.5%;}
	.orBox2 ul li {height:40px; line-height:40px;}
	.orBox2 .basic {height:35px;}
	.orBox2 input {height:35px;}
	.orBox2 select.addr {height:35px;}
	.orBox2 .tit {width:110px; font-size:12px;}
	.orBox2 .con {width:calc(100% - 110px);}
}

@media screen and (max-width: 500px) {
	.orBox2 .con {line-height:1.3;}
	.orBox2 .con strong {line-height:1.3; display:block;}
}