/*2021-03-29 쇼핑몰*/
.space50 {clear:both; width:100%; height:30px;}
/* 상품리스트 */
.shopMain {width:90%; 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:#3a68ab; font-weight:600; }
.shopMent .sort {position:relative; float:right; width:120px; background:url(/image/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:20px 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:20px 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:10px 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:24.1%; min-height:405px; 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:#3a68ab; padding:6px 15px; color:#fff; font-weight:600; letter-spacing:0; border-radius:50px; display:inline-block;}
.proBox .pic {width:100%; height:370px; 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:28px 3% 0 3%; 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%; height:70px; padding:5px 0 18px 0; font-size:18px; font-weight:400; /* overflow:hidden; white-space:nowrap; text-overflow:ellipsis; */ }
.proBox .infoWrap .price {font-size:25px; 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:340px;}
}

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

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

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

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

@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 {width:48%; margin:1%;}
	.proBox .pic {height:290px;}
	.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) {
	
}

@media all and (max-width:660px) {

	.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%;}
.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%;}
	.width35 {float:right; width:35%;}
	img.img100 {width:auto !important; min-width:auto !important;} 
}



/*shop_detail css*/
.shopDetail {width:1200px; margin:0 auto; padding:60px 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(/image/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(/image/icon_heart_on.jpg) no-repeat center center; border:1px solid #3a68ab;}
.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;margin:9px 0 0 0; border:1px solid #d7d7d7; display:inline-block;background: url(/image/icon_minus_b.png) no-repeat center center #f6f6f6;}
.shopTop .shopInfo .sResult .plus {width:30px; height:30px; margin:9px 0 0 0; border:1px solid #d7d7d7; display:inline-block;background: url(/image/icon_plus.png) no-repeat center center #f6f6f6;}
.shopTop .shopInfo .sResult input.num1 {width:44px; height:30px; margin:9px -3px 0 -4px; border:1px solid #d3d3d3; padding: 0; 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:#3a68ab; font-size:25px; font-weight:600; text-align:right;line-height:0.7;}
.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:#3a68ab; 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:40%; 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 #3a68ab; 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; margin-left: 7px;background: url(/image/icon_down.png) no-repeat;}
.detail_more.on .show {display: none;}
.detail_more .hide1 {display: none;}
.detail_more .hide1 span {display: inline-block; width: 19px; height: 14px; 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 #3a68ab; 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 #3a68ab; 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:#3a68ab; 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(/image/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;}	
.cartGo .cartIcon{background:url(/image/cart_icon.png) no-repeat center; width:50px; height:50px; margin:0 auto;margin-bottom:10px;}
@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(/image/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:60px 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(/image/cart01.png) no-repeat 20px center; }
#cartTop ul.step02 {background:url(/image/cart02.png) no-repeat 20px center; }
#cartTop ul.step03 {background:url(/image/cart03.png) no-repeat 20px center; }


#cartTop .cartTit{width:600px;}
#cartTop .cartTit .cart01 {background:url(/image/cart01.png) no-repeat 20px center; width:200px; }
#cartTop .cartTit .cart021 {background:url(/image/cart02.png) no-repeat 20px center; width:200px;}
#cartTop .cartTit .cart03 {background:url(/image/cart03.png) no-repeat 20px center; width:200px;}

#cartTop ul.off {opacity:.5;}
#cartTop ul.on {background-color:rgba(0,0,0,.01); border-bottom:2px solid #3a68ab; border-top:1px solid #e6e6e6;}

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

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

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

	
}


/* 장바구니 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(/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;}
.cartPlus {width:25px; height:25px; margin:0 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.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(/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;}
	.cartPlus {width:25px; height:25px; margin:0 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.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;}
.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:#3a68ab; padding:15px 15px; font-size:13px; border:1px solid #3a68ab; 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; vertical-align:inherit;}
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:#3a68ab; padding:15px 15px; font-size:13px; border:1px solid #3a68ab; 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(/image/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(/image/cart_minus.gif) no-repeat; background-position:center 65%; display:block;}
	td.iconPlus1 {width:35px; height:60px; background:url(/image/cart_plus.gif) no-repeat; background-position:center 65%; display:block;}
	td.iconEq1 {width:35px; height:60px; background:url(/image/cart_equal.gif) no-repeat; background-position:center 65%; display:block;}
	td.iconCartPlus1 {width:35px; height:60px; background:url(/image/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:#3a68ab; padding:15px 25px; font-size:15px; border:1px solid #3a68ab; 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:#3a68ab; padding:16px 25px; font-size:15px; border:1px solid #3a68ab; cursor:pointer; color:#fff; letter-spacing:-1px; border-radius:4px;display: inline-block;}
}






/*교환 반품 table css*/

.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;}


@media only screen and (min-width: 768px) {
.infoWrap table th {width:25%; background:#f7f7f7; font-size:15px; border-bottom:1px solid #e1e1e1;}
.infoWrap table td {width:75%; padding:20px 30px; font-size:13px; line-height:22px; border-bottom:1px solid #e1e1e1;}
}


/* 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;}
}


.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;}




/* 주문결제 */
.trans_list {width:100%; }
.trans_list table {border-top:1px solid #24221f; width:100%;}
.trans_list table th {width:20%; background:url(/image/icon_check.gif) no-repeat 20px center #fcfcfc; border-bottom:1px solid #e0e0e0; border-right:0px dotted #e0e0e0; height:40px; font-size:16px; color:#333; text-align:left; padding-left:35px; font-weight:400;}
.trans_list table td {border-bottom:1px solid #e0e0e0;height:40px; text-align:left; font-size:14px; color:#333; padding:10px 10px 10px 20px;}

/*.trans_list table td input{width:90px;}*/

.transBox {border:1px 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:400; }
.transBox ul li.td {width:70%; text-align:right;}
.transBox ul li.td .money {font-family:'NerisSemiBold', "Noto Sans KR"; font-weight:500; color:#000; font-size:18px !important;}
.transBox ul li.td .moneyRed {font-family:'NerisBlack', "Noto Sans KR"; font-weight:700; color:#3a68ab; font-size:25px !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:1px solid #24221f;}
.borNone {border:none !important;}

@media only screen and (max-width: 800px) {
	.trans_list table th {font-size:12px; background:url(/image/icon_check.gif) no-repeat 10px center #fcfcfc; padding-left:20px;}
}

.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;}
.cardBox > dl {overflow:hidden;}
.cardBox > dl > dd {float:left; width:70%; height:35px; line-height:35px;}
.cardBox > dl > dd.line2 {height:65px; line-height:1.2; padding:4px 0 0 0; }
.cardBox > dl > dd:nth-child(2n+1) {width:28%;}

/* 회원등록 동의 */
.midTit {font-size:20px; font-weight:400; color:#000; padding:30px 0 10px 0;}
.midTit1 {font-size:17px; font-weight:400; color:#000; text-align:left;}
.smTit {font-size:13px;  color:#000; font-weight:normal;}
.smTit1 {font-size:15px;  color:#000; font-weight:normal;}
.bigTit {font-size:25px; font-weight:400; color:#000;}


@media only screen and (min-width: 768px) {
	.midTit1 {font-size:20px;  }
}


@media only screen and (min-width: 1200px) {
	.midTit {font-size:23px;  color:#000; padding:55px 0 10px 0;}
	.midTit1 {font-size:20px;  color:#000; text-align:left;}
	.smTit {font-size:15px;  color:#000; font-weight:normal;}
	.smTit1 {font-size:18px;  color:#000; font-weight:normal;}
	.bigTit {font-size:28px;  color:#000;}
}