@charset "utf-8";



/**************************************************************************************
                                 * list *
***************************************************************************************/
.listBox a{width:calc(100%/3 - 40px);margin:0 20px 40px 20px;}

.itemBox{}
.itemBox figure{width:100%;padding-top:100%;display:block;overflow:hidden;position:relative;}
.itemBox figure img{width:100%;position:absolute;top:0;left:0;display:block;transition:all 0.2s ease;}
.itemBox:hover figure img{transform:scale(1.1);transition:all 0.2s ease;}
.itemBox .txtBox{width:100%;padding:20px 5px;}
.itemBox .txtBox .tit{width:100%;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.itemBox .txtBox span{display:flex;flex-wrap:wrap;}
.itemBox .txtBox span.priceBox{margin:5px 0;}
.itemBox .txtBox span.priceBox *{line-height:30px;}
.itemBox .txtBox span.priceBox strike{color:#595959;font-size:14px;}
.itemBox .txtBox span.priceBox b{margin-left:10px;font-size:18px;}
.itemBox .txtBox span.tagBox font{margin-right:5px;font-size:16px;line-height:120%;color:#797979;display:block;}

@media screen and (max-width:1280px) {
.itemBox .txtBox span.priceBox{margin:3px 0;}
.itemBox .txtBox span.priceBox strike{font-size:13px;}
.itemBox .txtBox span.priceBox b{font-size:17px;}
.itemBox .txtBox span.tagBox font{font-size:15px;}
}
@media screen and (max-width:1100px) {
.listBox a{width:calc(100%/3 - 20px);margin:0 10px 30px 10px;}
}
@media screen and (max-width:960px) {
.itemBox .txtBox{padding:15px 4px;}
.itemBox .txtBox .tit.type30{font-size:24px !important;}
.itemBox .txtBox .price.type28{font-size:22px !important;}

.itemBox .txtBox span.priceBox *{line-height:25px;}
.itemBox .txtBox span.priceBox strike{font-size:12px;}
.itemBox .txtBox span.priceBox b{margin-left:8px;font-size:16px;}
.itemBox .txtBox span.tagBox font{font-size:14px;}
}
@media screen and (max-width:860px) {
.listBox a{width:calc(100%/3 - 10px);margin:0 5px 25px 5px;}
}
@media screen and (max-width:767px) {
.listBox a{width:calc(100%/3 - 10px);margin:0 5px 20px 5px;}

.itemBox .txtBox .tit.type30{font-size:22px !important;}
.itemBox .txtBox .price.type28{font-size:20px !important;}

.itemBox .txtBox span.priceBox strike{font-size:11px;}
.itemBox .txtBox span.priceBox b{margin-left:6px;font-size:15px;}
.itemBox .txtBox span.tagBox font{font-size:13px;}
}
@media screen and (max-width:640px) {
.listBox a{width:calc(100%/2 - 10px);margin:0 5px 15px 5px;}

.itemBox .txtBox .tit.type30{font-size:20px !important;}
.itemBox .txtBox .price.type28{font-size:18px !important;}

.itemBox .txtBox span.priceBox{margin:1px 0;}
.itemBox .txtBox span.tagBox font{font-size:12px;}
}
@media screen and (max-width:460px) {
.itemBox .txtBox .tit.type30{font-size:18px !important;}
.itemBox .txtBox .price.type28{font-size:16px !important;}
}
@media screen and (max-width:360px) {
.itemBox .txtBox .tit.type30{font-size:16px !important;}
.itemBox .txtBox .price.type28{font-size:14px !important;}
}





/*********** list_total ***********/
.list_total{padding:0 10px 0 15px;}
.list_total span.disF a{padding:0 10px;color:#999;font-size:14px;position:relative;}
.list_total span.disF a:after{width:3px;height:3px;background:#999;border-radius:50%;position:absolute;top:calc(50% - 2px);left:-2px;display:block;content:"";}
.list_total span.disF a:first-child:after{display:none !important;}
.list_total span.disF a:hover,
.list_total span.disF a.on{color:#000;}

@media screen and (max-width:960px) {
.list_total{padding:0 5px 0 10px;}
}
@media screen and (max-width:767px) {
.list_total span.disF a{padding:0 8px;font-size:13px;}
}
@media screen and (max-width:560px) {
.list_total{padding:0 0 0 5px;}
.list_total span{width:100%;margin-bottom:10px;}
.list_total span.disF{justify-content:flex-start;}
.list_total span.disF a{padding:0 6px;font-size:12px;}
.list_total span.disF a:first-child{padding-left:0 !important;}
}





/*********** 페이징 ***********/
.PageBox{display:flex;align-items:center;justify-content:center;margin-top:60px;}
.PageBox *{width:32px;height:32px;line-height:32px;margin:0 3px;padding:0;font-size:15px;color:#333;font-weight:400;text-align:center;display:block;}
.PageBox b{background:#dd7418;color:#fff;border-radius:50%;}
.PageBox a:hover{color:#dd7418;}
.PageBox .arr{width:10px;height:10px;margin:0 10px;border:solid #555;display:block;transform:rotate(45deg);font-size:0;}
.PageBox .arr.prev{border-width:0 0 1px 1px;}
.PageBox .arr.next{border-width:1px 1px 0 0;}

@media screen and (max-width:1100px){
.PageBox{margin-top:50px;}
.PageBox *{width:30px;height:30px;line-height:30px;margin:0 2px;font-size:13px;}
.PageBox .arr{width:8px;height:8px;margin:0 8px;}  
}
@media screen and (max-width:640px){
.PageBox{margin-top:40px;}
.PageBox *{width:27px;height:27px;line-height:27px;margin:0 1px;font-size:12px;}
.PageBox .arr{width:6px;height:6px;margin:0 5px;}  
}
@media screen and (max-width:400px){
.PageBox{margin-top:30px;}
.PageBox *{width:22px;height:22px;line-height:22px;}
}
@media screen and (max-width:340px){
.PageBox *{width:17px;height:17px;line-height:17px;}
}








/**************************************************************************************
                                 * view *
***************************************************************************************/
.view{width:100%;}
.viewpro{width:100%;}
.viewpro .imgBox{width:44%;}
.viewpro .imgBox figure{width:100%;padding-top:90%;display:block;overflow:hidden;position:relative;}
.viewpro .imgBox img{width:100%;position:absolute;top:50%;left:0;display:block;transform:translateY(-50%);transition:all 0.2s ease;}
.viewpro .imgBox .bimg{width:calc(100% - 10px);}

.viewpro .imgBox .simg{width:100%;margin-top:20px;}
.viewpro .imgBox .simg li{width:calc(100%/4 - 10px);margin:5px;}
.viewpro .imgBox .simg li:hover,
.viewpro .imgBox .simg li.on{border:2px solid #dd7419;}

.viewpro .txtBox{width:50%;}

.viewpro .txtBox .titBox{padding:25px 20px;border-top:1px solid #000;}
.viewpro .txtBox .titBox .tit{}

.viewpro .txtBox .priBox strike{color:#4e3f41;}
.viewpro .txtBox .priBox .discount{margin-right:10px;padding:0 7px;border:solid 1px #ddd;border-radius:5px;}
.viewpro .txtBox .price{font-weight:bold;color:#dd7418 !important;}

.viewpro .txtBox .optionBox{padding:25px 20px;border-bottom:1px solid #ddd;border-top:1px solid #ddd;}
.viewpro .txtBox dl{display:flex;align-items:center;flex-wrap:wrap;}
.viewpro .txtBox dt,
.viewpro .txtBox dd{padding:5px 0;}
.viewpro .txtBox dt{width:20%;}
.viewpro .txtBox dd{width:80%;}
.viewpro .txtBox dd input,
.viewpro .txtBox dd select{width:100%;padding:10px;background:#fff;border:solid 1px #ececec;display:block;}

.viewpro .txtBox .option_hide{padding:25px 20px;padding-bottom:0 !important;}
.viewpro .txtBox .option_hide>div{padding:10px 0;}
.viewpro .txtBox .option_hide>div font{width:calc(100% - 120px);padding-right:5%;}

.viewpro .txtBox .option_hide .quantity{width:120px;}
.viewpro .txtBox .option_hide .quantity input{width:calc(60% - 25px);height:30px;border:1px solid #e1e1e1;text-align:center;background:#fff;}
.viewpro .txtBox .option_hide .quantity input.mbt{width:20%;height:30px;border-right:none;}
.viewpro .txtBox .option_hide .quantity input.pbt{width:20%;height:30px;border-left:none;}
.viewpro .txtBox .option_hide .quantity input.del{width:20px;height:20px;margin-left:5px;font-size:11px !important;line-height:20px !important;cursor:pointer;}
.viewpro .txtBox .option_hide .quantity input.del:hover{background:#f1f1f1;}

.viewpro .txtBox .tprBox{padding:25px 20px;}
.viewpro .txtBox .tprBox font{line-height:35px !important;color:#2e2e2e;}
.viewpro .txtBox .tprBox .price{padding-left:15px;}

.viewBut{width:100%;}
.viewBut li{width:calc(100%/3 - 10px);margin:5px;}
.viewBut li a{width:100%;padding:25px 0;font-size:20px;line-height:120%;font-weight:bold;color:#634b25;background:#e1e0db;text-align:center;display:block;}
.viewBut li:first-child a{color:#fff;background:#dd7418;}
.viewBut li:hover a{background:#d5d1ca;}
.viewBut li:first-child:hover a{background:#000;}

@media screen and (max-width:1100px){
.viewpro .imgBox{width:100%;}
.viewpro .txtBox{width:100%;}

.viewpro .txtBox .titBox,
.viewpro .txtBox .optionBox,
.viewpro .txtBox .option_hide,
.viewpro .txtBox .tprBox{padding:20px 15px;}

.viewBut li{width:calc(100%/3 - 6px);margin:3px;}
.viewBut li a{padding:20px 0;}
}
@media screen and (max-width:767px){
.viewpro .txtBox .titBox,
.viewpro .txtBox .optionBox,
.viewpro .txtBox .option_hide,
.viewpro .txtBox .tprBox{padding:16px 10px;}

.viewBut li{width:calc(100%/3 - 6px);margin:3px;}
.viewBut li a{padding:20px 0;font-size:18px;}
}
@media screen and (max-width:420px){
.viewpro .txtBox .option_hide>div font{width:100%;padding-right:0;padding-bottom:5px;}

.viewpro .txtBox .tprBox .price{padding-left:10px;}

.viewpro .txtBox dt{width:100%;padding-bottom:0 !important;padding-left:1%;}
.viewpro .txtBox dd{width:100%;}

.viewBut li{width:calc(100%/2 - 6px);}
.viewBut li a{padding:15px 0;}
.viewBut li:first-child{width:100%;}
}







/* 제품상세정보 */
.viewinfo,
.viewinfo .InfoBox{width:100%;}
.viewinfo .InfoBox .menu{width:100%;border-left:solid 1px #ebe0e0;}
.viewinfo .InfoBox .menu li{width:calc(100%/4 + 1px);margin-left:-1px;}
.viewinfo .InfoBox .menu li a{width:100%;padding:20px 0;font-size:20px;line-height:120%;font-weight:bold;text-align:center;color:#634b25;border:solid 1px #ebe0e0;background:#fff;display:block;}
.viewinfo .InfoBox .menu li:hover a,
.viewinfo .InfoBox .menu li.on a{background:#dd7418;border-color:#dd7418;color:#fff !important;}

.viewinfo .InfoTxT{width:100%;}
.viewinfo .InfoTxT .img{text-align:center;}
.viewinfo .InfoTxT .img img{max-width:100%;}

.viewinfo .InfoTxT .m4TXT{width:100%;}
.viewinfo .InfoTxT .m4TXT .txtDbox{width:100%;margin:10px 0 50px 0;padding:40px;background:#fafafa;}

@media screen and (max-width:1280px) {
.viewinfo .InfoBox .menu li a{padding:18px 0;font-size:18px;}

.viewinfo .InfoTxT .m4TXT .txtDbox{margin:10px 0 40px 0;padding:30px;}
}
@media screen and (max-width:960px) {
.viewinfo .InfoBox .menu li a{padding:16px 0;font-size:17px;}

.viewinfo .InfoTxT .m4TXT .txtDbox{margin:10px 0 30px 0;padding:20px;}
}
@media screen and (max-width:640px) {
.viewinfo .InfoBox .menu li a{font-size:16px;letter-spacing:-0.04em;}
}
@media screen and (max-width:420px) {
.viewinfo .InfoBox .menu li a{padding:14px 0;font-size:14px;}
}






/* 게시판 리스트*/
.listboard{width:100%;}
.listboard .listboardStyle{width:100%;border-collapse:collapse;border-spacing:0;empty-cells:show;word-wrap:break-word;border:1px solid #ddd;border-bottom:none;}
.listboard .listboardStyle tr{border-bottom:1px solid #ddd;}
.listboard .listboardStyle th,
.listboard .listboardStyle td{padding:18px 0;color:#777;font-weight:normal;font-size:18px;line-height:120%;text-align:center;}
.listboard .listboardStyle th{background:#f1f1f1;border-right:1px solid #ddd;}
.listboard .listboardStyle th:last-child{border-right:none;}
.listboard .listboardStyle td.title{text-align:left;padding-left:2%;padding-right:2%;word-break:normal;display:flex;align-items:center;}
.listboard .listboardStyle td.title img{vertical-align:middle;}
.listboard .listboardStyle td.title a{width:100%;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

@media screen and (max-width:1280px){
.listboard .listboardStyle th,
.listboard .listboardStyle td{padding:16px 0;font-size:16px;}
}
@media screen and (max-width:640px){
.Mno{display:none;}
.listboard .listboardStyle td:first-child{width:10%;}
.listboard .listboardStyle td.title{width:100% !important;}
.listboard .listboardStyle td:last-child{width:25% !important;}
.listboard .listboardStyle th,
.listboard .listboardStyle td{padding:14px 0;font-size:14px;}
}





/*글쓰기 버튼*/
.writeBut{text-align:right;}
.writeBut a.write{width:230px;margin:0 auto;padding:14px 0;background:#999;color:#fff;font-weight:normal;display:inline-block;text-align:center;}
.writeBut a.write:hover{background:#000;}
.writeBut a.list{width:230px;margin:0 auto;padding:14px 0;background:#fff;border:1px solid #ddd;font-weight:normal;display:inline-block;}
.writeBut a.list:hover{background:#333;border-color:#ddd;color:#fff;}

.subPageWrap b{background:#dd7419;}
.subPageWrap a:hover{color:#dd7419;}

@media screen and (max-width:960px){
.writeBut a.write{width:200px;padding:12px 0;}
}
@media screen and (max-width:640px){
.writeBut a.write{width:180px;padding:10px 0;}
}
@media screen and (max-width:500px){
.writeBut a.write{width:150px;}
}
@media screen and (max-width:420px){
.writeBut a.write{width:120px;}
}






/**************************************************************************************
                                 * 적립금 *
***************************************************************************************/
.point-con{width:100%;}

/* 적립금 토탈금액 테이블 */
.point-con .pointTotalBox{width:100%;margin-bottom:80px;border:1px solid #545454;}
.point-con .pointT{width:100%;background:url(/shop/img/pointbg.png) left bottom no-repeat;background-position:0 80%;font-weight:300;background-size:100% auto;}
.point-con .pointT th.th,
.point-con .pointT td.td{padding:15px;text-align:center;}
.point-con .pointT th.th{background-color:#f6f6f6;border-bottom:1px solid #dcdcdc;border-left:1px solid #dcdcdc;background-color:#f6f6f6;font-size:15px;line-height:30px;color:#707070;}
.point-con .pointT th.th:first-child{border-left:none;}
.point-con .pointT td.td{font-size:25px;line-height:53px;}
.point-con .pointT span.won{color:#eb0d0d;font-weight:bold;}



.point-con .pointListBox{width:100%;}
.point-con .pointListBox .pointListTiT{width:100%;border:1px solid #dcdcdc;border-top:3px solid #333;background:#f6f6f6;overflow:hidden;display:flex;}
.point-con .pointListBox .pointListTiT li{text-align:center;font-size:15px;color:#707070;line-height:55px;border-left:1px solid #dcdcdc;}
.point-con .pointListBox .pointListTiT li:first-child{border-left:none;}

.point-con .pointListBox p.None{width:100%;padding:15px 0;border:1px solid #dcdcdc;border-top:none;text-align:center;}


.point-con .pointListBox .pointList{width:100%;padding:15px 0;border:1px solid #dcdcdc;border-top:none;display:flex;}


/* 포인트 타이틀 */
.point-con .pointListBox .pointListTiT li.c01{width:15%;}
.point-con .pointListBox .pointListTiT li.c02{width:55%;}
.point-con .pointListBox .pointListTiT li.c03{width:15%;}
.point-con .pointListBox .pointListTiT li.c04{width:15%;}


/* 포인트 리스트 */
.point-con .pointListBox .pointList li{padding:10px 0;}
.point-con .pointListBox .pointList li p.left{display:block;}
.point-con .pointListBox .pointList li p.right{display:none;}
.point-con .pointListBox .pointList li{text-align:center;}
.point-con .pointListBox .pointList li.c01{width:15%;}
.point-con .pointListBox .pointList li.c02{width:55%;text-align:left;padding-left:1.5%;padding-right:1.5%}
.point-con .pointListBox .pointList li.c03{width:15%;}
.point-con .pointListBox .pointList li.c04{width:15%;color:#eb0d0d;font-weight:bold;}


@media screen and (max-width:960px) {
.point-con .pointTotalBox{margin-bottom:30px;}
.point-con .pointT{background:url(/shop/img/pointbg.png) left bottom no-repeat;background-position:0 74%;background-size:100% 20%;}
.point-con .pointT th.th,
.point-con .pointT td.td{padding:10px;}
.point-con .pointT th.th{font-size:13px;line-height:24px;}
.point-con .pointT th.th:first-child{border-left:none;}
.point-con .pointT td.td{font-size:15px;line-height:43px;letter-spacing:-0.5px;}
.point-con .pointT span.won{color:#eb0d0d;font-weight:bold;}


.point-con .pointListBox .pointListTiT{display:none;}

.point-con .pointListBox p.None{margin:0 0 15px 0;padding:15px 0;border:1px solid #dcdcdc;}

.point-con .pointListBox .pointList{margin:0 0 15px 0;padding:0 0 15px 0;border:1px solid #dcdcdc;border-top:none;display:flex;}


/* 포인트 리스트 */
.point-con .pointListBox .pointList{display:flex;flex-wrap:wrap;}
.point-con .pointListBox .pointList li{width:100% !important;padding:15px !important;display:flex;justify-content:space-between;}
.point-con .pointListBox .pointList li p.left{width:60%;text-align:left;display:block;}
.point-con .pointListBox .pointList li p.right{width:40%;text-align:right;display:block;}
.point-con .pointListBox .pointList li.c01{border-top:2px solid #333;border-bottom:1px solid #dcdcdc;background:#fafafa;display:block;}
.point-con .pointListBox .pointList li.c02{padding-bottom:0 !important;}
.point-con .pointListBox .pointList li.c03{padding-bottom:0 !important;}
.point-con .pointListBox .pointList li.c04{padding-bottom:0 !important;color:#eb0d0d;font-weight:bold;}
}

@media screen and (max-width:640px) {
.point-con .pointT{background:url(/shop/img/m_pointbg.png) left bottom no-repeat;background-position:0 74%;background-size:100% auto;}

.point-con .pointListBox .pointList li{padding:10px !important;}
.point-con .pointListBox .pointList li.c02,
.point-con .pointListBox .pointList li.c03,
.point-con .pointListBox .pointList li.c04{padding-bottom:0 !important;}
}
@media screen and (max-width:320px) {
.point-con .pointT{background-position:0 77%;}
}





/**************************************************************************************
                                 * 주문조회 *
***************************************************************************************/
.oinfo-con,
.oinfo-con .oinfoListBox{width:100%;}

.oinfo-con .oinfoListBox p.None{width:100%;padding:15px 0;border:1px solid #dcdcdc;border-top:none;text-align:center;}

.oinfo-con .oinfoListBox .oinfoListTiT{width:100%;border:1px solid #dcdcdc;border-top:3px solid #333;background:#f6f6f6;display:flex;}
.oinfo-con .oinfoListBox .oinfoListTiT li{padding:20px 0;text-align:center;font-size:15px;color:#707070;line-height:120%;border-left:1px solid #dcdcdc;}
.oinfo-con .oinfoListBox .oinfoListTiT li:first-child{border-left:none;}

.oinfo-con .oinfoListBox .oinfoList{width:100%;padding:15px 0;border:1px solid #dcdcdc;border-top:none;display:flex;flex-wrap:wrap;}

/* 주문조회 리스트 타이틀 */
.oinfo-con .oinfoListBox li.c01{width:10%;}
.oinfo-con .oinfoListBox li.c02{width:10%;}
.oinfo-con .oinfoListBox li.c03{width:40%;}
.oinfo-con .oinfoListBox li.c04{width:12%;}
.oinfo-con .oinfoListBox li.c05{width:8%;}
.oinfo-con .oinfoListBox li.c06{width:10%;}
.oinfo-con .oinfoListBox li.c07{width:10%;}


/* 주문조회 리스트 */
.oinfo-con .oinfoListBox .oinfoList li{text-align:center;}

.oinfo-con .oinfoListBox .oinfoList li.c01{}

.oinfo-con .oinfoListBox .oinfoList li.c02{font-size:0;}
.oinfo-con .oinfoListBox .oinfoList li.c02 figure{width:100%;padding-top:100%;display:block;overflow:hidden;position:relative;}
.oinfo-con .oinfoListBox .oinfoList li.c02 img{width:100%;position:absolute;top:50%;left:0;display:block;transform:translateY(-50%);}

.oinfo-con .oinfoListBox .oinfoList li.c03{padding-left:2%;padding-right:2%;text-align:left;}

.oinfo-con .oinfoListBox .oinfoList li.c04{}
.oinfo-con .oinfoListBox .oinfoList li.c05{}
.oinfo-con .oinfoListBox .oinfoList li.c06{}
.oinfo-con .oinfoListBox .oinfoList li.c07{}

.oinfo-con .oinfoListBox .oinfoList li.c04{}

.oinfo-con .oinfoListBox .oinfoList li.c07{padding-left:2%;padding-right:2%;}
.oinfo-con .oinfoListBox .oinfoList li.c07 input{width:100%;padding:10px 0;background-color:#545454;color:#fff;display:block;text-align:center;border:1px solid #000;}

@media screen and (max-width:960px) {
.oinfo-con .oinfoListBox .oinfoListTiT{display:none;}

.oinfo-con .oinfoListBox p.None{margin-bottom:10px;padding:15px 0;border:1px solid #dcdcdc;}

.oinfo-con .oinfoListBox .oinfoList{padding:0;margin-bottom:15px;border:1px solid #dcdcdc;border-top:none;}


/* 주문조회 리스트 */
.oinfo-con .oinfoListBox .oinfoList li.c01{width:100%;padding:15px;border-top:2px solid #333;border-bottom:1px solid #dcdcdc;background:#fafafa;}

.oinfo-con .oinfoListBox .oinfoList li.c02{width:100%;padding:15px;}
.oinfo-con .oinfoListBox .oinfoList li.c02 ul{width:100%;clear:both;overflow:hidden;}
.oinfo-con .oinfoListBox .oinfoList li.c02 ul li{float:left;padding:0 1.5%;width:75%;margin-top:7%;}
.oinfo-con .oinfoListBox .oinfoList li.c02 ul li:first-child{width:25%;text-align:left;padding:0;font-size:0px;line-height:100%;margin:0;font-size:105%}
.oinfo-con .oinfoListBox .oinfoList li.c02 ul li:first-child img{width:100%;height:auto;}

.oinfo-con .oinfoListBox .oinfoList li.c03{width:100%;margin:0 15px;padding:10px 20px;border-top:1px solid #d5d5d5;background:#fafafa;}

.oinfo-con .oinfoListBox .oinfoList li.c04{width:100%;margin:0 15px;padding:10px 20px;padding-top:0;text-align:left;background:#fafafa;border-bottom:1px solid #d5d5d5;}

.oinfo-con .oinfoListBox .oinfoList li.c05{width:50%;padding:10px 20px;text-align:left;}

.oinfo-con .oinfoListBox .oinfoList li.c06{width:50%;padding:10px 20px;text-align:right;}

.oinfo-con .oinfoListBox .oinfoList li.c07{width:100%;padding:10px 20px 15px 20px;}
}





/**************************************************************************************
                                 * 장바구니 *
***************************************************************************************/
.cart-con,
.cart-con .cartListBox{width:100%;}

.cart-con .cartListBox ul{width:100%;display:flex;flex-wrap:wrap;}
.cart-con .cartListBox li.first{width:40%;}
.cart-con .cartListBox li.last{width:60%;}

.cart-con .cartListBox .cartListTiT{width:100%;border-top:3px solid #444444;border-left:1px solid #dcdcdc;border-right:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;background:#f6f6f6;overflow:hidden}
.cart-con .cartListBox .cartListTiT li{float:left;margin:0;padding:0;text-align:center;font-size:15px;color:#707070;line-height:55px;border-left:1px solid #dcdcdc;}
.cart-con .cartListBox .cartListTiT li:first-child{border-left:none;}

.cart-con .cartListBox .cartList{border-left:1px solid #dcdcdc;border-right:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;margin:0;padding:15px 0;width:100%;clear:both;overflow:hidden}
.cart-con .cartListBox .cartList > li > ul > li{line-height:90px;}

.cart-con .cartListBox p.None{width:100%;padding:15px 0;border:1px solid #dcdcdc;border-top:none;text-align:center;}



/* 장바구니 리스트 타이틀 */
.cart-con .cartListBox li.c01{width:10%;}
.cart-con .cartListBox li.c02{width:30%;}
.cart-con .cartListBox li.c03{width:60%;}

.cart-con .cartListBox li.c04{width:20%;}
.cart-con .cartListBox li.c05{width:20%;}
.cart-con .cartListBox li.c06{width:16.66666%;}
.cart-con .cartListBox li.c07{width:16.66666%;}
.cart-con .cartListBox li.c08{width:16.66666%;}
.cart-con .cartListBox li.c09{width:10%;}


/* 장바구니 리스트 */
.cart-con .cartListBox .cartList > li > ul > li{padding-top:10px;text-align:center;line-height:160%;}
.cart-con .cartListBox .cartList > li > ul > li p{display:none;}

.cart-con .cartListBox .cartList > li > ul > li.c01{}
.cart-con .cartListBox .cartList > li > ul > li.c02{padding-top:0;}
.cart-con .cartListBox .cartList > li > ul > li.c02 figure{width:100%;padding-top:100%;display:block;overflow:hidden;position:relative;}
.cart-con .cartListBox .cartList > li > ul > li.c02 img{width:100%;position:absolute;top:50%;left:0;display:block;transform:translateY(-50%);}

.cart-con .cartListBox .cartList > li > ul > li.c03{padding-left:20px;padding-right:20px;text-align:left;}

.cart-con .cartListBox .cartList > li > ul > li.c04{}

.cart-con .cartListBox .cartList > li > ul > li.c05{}
.cart-con .cartListBox .cartList > li > ul > li.c05 .numwrap{width:100%;display:flex;}
.cart-con .cartListBox .cartList > li > ul > li.c05 .numwrap input[type='text']{width:40%;border:1px solid #d5d5d5;height:34px;border-right:none;text-align:center;}
.cart-con .cartListBox .cartList > li > ul > li.c05 .numBox{width:60%;display:flex;}
.cart-con .cartListBox .cartList > li > ul > li.c05 .numBox li *{display:block;}
.cart-con .cartListBox .cartList > li > ul > li.c05 .numBox li:first-child{width:30%;}
.cart-con .cartListBox .cartList > li > ul > li.c05 .numBox li:first-child input{width:100%;height:50%;border:1px solid #d5d5d5;background:#fff;cursor:pointer;}
.cart-con .cartListBox .cartList > li > ul > li.c05 .numBox li input.p{border-bottom:none;}
.cart-con .cartListBox .cartList > li > ul > li.c05 .numBox li input.m{margin-top:-0.5px;}
.cart-con .cartListBox .cartList > li > ul > li.c05 .numBox li:last-child{width:70%;}
.cart-con .cartListBox .cartList > li > ul > li.c05 .numBox li:last-child input{width:100%;height:34px;border:1px solid #d5d5d5;border-left:none;background:#fafafa;cursor:pointer;}
.cart-con .cartListBox .cartList > li > ul > li.c05 .numBox li:last-child input:hover{background:#333;color:#fff;}

.cart-con .cartListBox .cartList > li > ul > li.c06{}
.cart-con .cartListBox .cartList > li > ul > li.c07{}
.cart-con .cartListBox .cartList > li > ul > li.c08{}
.cart-con .cartListBox .cartList > li > ul > li.c09{}
.cart-con .cartListBox .cartList > li > ul > li.c09 input{width:75%;height:34px;border:1px solid #000;background:#545454;color:#fff;cursor:pointer;}
.cart-con .cartListBox .cartList > li > ul > li.c09 input:hover{background:#333;}

/* 장바구니 삭제 버튼 */
.cart-con .cartDelBox{margin:30px 0 80px 0;padding:0;clear:both;overflow:hidden;width:100%;}
.cart-con .cartDelBox ul{margin:0;padding:0;clear:both;overflow:hidden;}
.cart-con .cartDelBox ul li{float:left;margin:0 0 0 10px;padding:0;}
.cart-con .cartDelBox ul li input{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;height:28px;background-color:#fff;display:block;padding:0 20px;text-align:center;border:1px solid #dddddd;line-height:28px;}
.cart-con .cartDelBox ul li:first-child{margin:0;}
.cart-con .cartDelBox ul li:first-child input{-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;height:28px;background-color:#545454;color:#fff;display:block;padding:0 20px;text-align:center;border:1px solid #000000;float:left;line-height:28px;margin:0;}


/* 토탈금액 테이블 */
.cart-con .cartTotalBox{margin:0;padding:0;width:100%;clear:both;overflow:hidden;border:1px solid #545454;}
/*
background 수정
.cart-con .totalT{ margin:0;position:0;width:100%;clear:both;overflow:hidden;background:url(/shop/img/total_wonbg.png) left bottom no-repeat;background-position:0 80%;font-weight:300;background-size:100% auto ;-webkit-background-size:100% auto;-o-background-size:100% auto;-moz-background-size:100% auto;-ms-background-size:100% auto;}
*/

.cart-con .totalT{ margin:0;position:0;width:100%;clear:both;overflow:hidden;background:url(/shop/img/total_wonbg.png) left bottom no-repeat;background-position:0 80%;font-weight:300;background-size:100% auto ;-webkit-background-size:100% auto;-o-background-size:100% auto;-moz-background-size:100% auto;-ms-background-size:100% auto;}

.cart-con .totalT th.th, td.td{margin:0;padding:15px;text-align:center;}
.cart-con .totalT th.th{background-color:#f6f6f6;border-bottom:1px solid #dcdcdc;border-left:1px solid #dcdcdc;background-color:#f6f6f6;font-size:15px;line-height:30px;color:#707070;}
.cart-con .totalT th.th:first-child{border-left:none;}
.cart-con .totalT td.td{font-size:25px;line-height:53px;}
.cart-con .totalT span.won{color:#eb0d0d;font-weight:bold;}

/* 장바구니 버튼 */
.cart-con .cartBut{margin:0 auto;padding:30px 0 0 0;clear:both;overflow:hidden;text-align: center}
.cart-con .cartBut ul{margin:0 auto;padding:0;clear:both;overflow:hidden;width:auto}
.cart-con .cartBut ul li{display:inline-block;margin:0 0.3%;padding:0;}
.cart-con .cartBut ul li a{font-weight:100;font-size:19px; padding:15px 50px;}
.cart-con .cartBut ul li:nth-child(1) a{background-color:#333333;text-align:center;color:#FFFFFF;display:block;border:1px solid #333333;}
.cart-con .cartBut ul li:nth-child(1) a:hover{background-color:#000000;border:1px solid #000;transition:all ease 0.5s}

.cart-con .cartBut ul li:nth-child(2) a, .cart-con .cartBut ul li:nth-child(3) a{ text-align:center; display:block; border:1px solid #e3e3e3;}
.cart-con .cartBut ul li:nth-child(2) a:hover, .cart-con .cartBut ul li:nth-child(3) a:hover{border:1px solid #000;color:#000;transition:all ease 0.5s}

@media screen and (max-width:960px) {
.cart-con .cartListBox p.None{border-top:1px solid #dcdcdc;}

.cart-con .cartListBox .cartListTiT{display:none;}

.cart-con .cartListBox .cartList{margin-bottom:10px;padding:15px;border:1px solid #dcdcdc;}

.cart-con .cartListBox .cartList > li.first{width:100%;}
.cart-con .cartListBox .cartList > li.last{width:100%;}
.cart-con .cartListBox .cartList > li.last > ul{margin-top:20px;}
.cart-con .cartListBox .cartList > li.last > ul > li{width:100%;padding:8px 20px;background:#fafafa;text-align:right;clear:both;overflow:hidden;}
.cart-con .cartListBox .cartList > li.last > ul > li > p{width:40%;display:block;float:left;text-align:left;}

/* 장바구니 리스트 */
.cart-con .cartListBox .cartList > li > ul > li.c01{width:3%;padding-top:0;}
.cart-con .cartListBox .cartList > li > ul > li.c02{width:20%;}
.cart-con .cartListBox .cartList > li > ul > li.c03{width:77%;padding-top:0;}

.cart-con .cartListBox .cartList > li > ul > li.c04{padding-top:20px !important;border-top:1px solid #d5d5d5;}

.cart-con .cartListBox .cartList > li > ul > li.c05{display:flex;justify-content:space-between;}
.cart-con .cartListBox .cartList > li > ul > li.c05 .numwrap{width:30%;justify-content:flex-end;}
.cart-con .cartListBox .cartList > li > ul > li.c05 input[type='text']{width:50%;background:#fff;}
.cart-con .cartListBox .cartList > li > ul > li.c05 .numBox{width:50%;}
.cart-con .cartListBox .cartList > li > ul > li.c05 .numBox li{width:50%;}
.cart-con .cartListBox .cartList > li > ul > li.c05 .numBox li:last-child input{background:#fff;}

.cart-con .cartListBox .cartList > li > ul > li.c08{padding-bottom:20px !important;border-bottom:1px solid #d5d5d5;color:red;}

.cart-con .cartListBox .cartList > li > ul > li.c09{padding-left:0 !important;padding-right:0 !important;background:#fff;}
.cart-con .cartListBox .cartList > li > ul > li.c09 input{width:100%;}


/* 장바구니 삭제 버튼 */
.cart-con .cartDelBox{margin:20px 0 30px 0;}
.cart-con .cartDelBox ul li:nth-child(2){float:right;}


/* 토탈금액 테이블 */
.cart-con .totalT{background:url(/shop/img/total_wonbg.png) left bottom no-repeat;background-position:0 74%;background-size:100% 20%;}
.cart-con .totalT th.th,
.cart-con .totalT td.td{padding:10px;}
.cart-con .totalT th.th{font-size:13px;line-height:24px;}
.cart-con .totalT th.th:first-child{border-left:none;}
.cart-con .totalT td.td{font-size:15px;line-height:43px;letter-spacing:-0.5px;}
.cart-con .totalT span.won{color:#eb0d0d;font-weight:bold;}


/* 장바구니 버튼 */
.cart-con .cartBut{width:100%;}
.cart-con .cartBut ul{width:100%;display:flex;}
.cart-con .cartBut ul li{width:calc(100%/3 - 10px);margin-left:10px;display:block;}
.cart-con .cartBut ul li:first-child{width:calc(100%/3);margin-left:0;}
.cart-con .cartBut ul li a{padding:10px 0;font-weight:100;font-size:13px;}
}
@media screen and (max-width:767px) {
.cart-con .cartListBox .cartList > li.last > ul{margin-top:15px;}
.cart-con .cartListBox .cartList > li.last > ul > li{padding:7px 15px;}

.cart-con .cartListBox .cartList > li > ul > li.c01{width:5%;}
.cart-con .cartListBox .cartList > li > ul > li.c02{width:30%;}
.cart-con .cartListBox .cartList > li > ul > li.c03{width:65%;}

.cart-con .cartListBox .cartList > li > ul > li.c04{padding-top:15px !important;}
.cart-con .cartListBox .cartList > li > ul > li.c05 .numwrap{width:50%;}
.cart-con .cartListBox .cartList > li > ul > li.c08{padding-bottom:15px !important;}

}
@media screen and (max-width:640px) {
.cart-con .cartListBox .cartList > li.last > ul > li{padding:6px 15px;font-size:14px;}

.cart-con .cartListBox .cartList > li > ul > li.c05 .numwrap{width:70%;}


/* 토탈금액 테이블 */
.cart-con .totalT{background:url(/shop/img/m_total_wonbg.png) left bottom no-repeat;background-position:0 74%;background-size:100% auto;}
}
@media screen and (max-width:460px) {
.cart-con .cartListBox .cartList > li.last > ul{margin-top:10px;}
.cart-con .cartListBox .cartList > li.last > ul > li{padding:5px 10px;}

.cart-con .cartListBox .cartList > li > ul > li.c01{width:10%;}
.cart-con .cartListBox .cartList > li > ul > li.c02{width:35%;}
.cart-con .cartListBox .cartList > li > ul > li.c03{width:55%;}
.cart-con .cartListBox .cartList > li > ul > li.c04{padding-top:10px !important;}
.cart-con .cartListBox .cartList > li > ul > li.c05 .numwrap{width:80%;}
.cart-con .cartListBox .cartList > li > ul > li.c08{padding-bottom:10px !important;}
}





/**************************************************************************************
                                 * 주문서 *
***************************************************************************************/
.buy-con{width:100%;}
.buy-con .buyListBox{width:100%;margin-bottom:80px;}

.buy-con .buyListBox p.totalTxT{width:100%;padding:1.5% 3%;text-align:right;background:#fafafa;font-size:20px;}
.buy-con .buyListBox p.totalTxT strong{color:red;}

.buy-con .buyListBox{width:100%;border:1px solid #dcdcdc;border-top:3px solid #333;}
.buy-con .buyListBox ul{display:flex;flex-wrap:wrap;}
.buy-con .buyListBox li.first{width:50%;}
.buy-con .buyListBox li.last{width:50%;}



/* 주문서 리스트 타이틀 */
.buy-con .buyListBox li.c01{width:25%;}
.buy-con .buyListBox li.c02{width:75%;}

.buy-con .buyListBox li.c03{width:20%;}
.buy-con .buyListBox li.c04{width:20%;}
.buy-con .buyListBox li.c05{width:20%;}
.buy-con .buyListBox li.c06{width:20%;}
.buy-con .buyListBox li.c07{width:20%;}



/* 주문서 리스트 */
.buy-con .buyListBox .buyListTiT{width:100%;background:#f6f6f6;border-bottom:1px solid #dcdcdc;display:flex;flex-wrap:wrap;}
.buy-con .buyListBox .buyListTiT ul li{padding:22px 0;text-align:center;color:#707070;border-left:1px solid #dcdcdc;}
.buy-con .buyListBox .buyListTiT ul li:first-child{border-left:none;}
.buy-con .buyListBox .buyListTiT > li.last > ul > li:first-child{border-left:1px solid #dcdcdc;}

.buy-con .buyListBox .buyList > li{border-bottom:1px solid #dcdcdc;}
.buy-con .buyListBox .buyList > li > ul{width:100%;}
.buy-con .buyListBox .buyList > li > ul > li{padding:10px;padding-top:20px;text-align:center;}

.buy-con .buyListBox .buyList > li > ul > li.c01{padding-top:10px;text-align:center;line-height:100%;font-size:0;}
.buy-con .buyListBox .buyList > li > ul > li.c01 figure{width:100%;padding-top:100%;display:block;overflow:hidden;position:relative;}
.buy-con .buyListBox .buyList > li > ul > li.c01 img{width:100%;position:absolute;top:50%;left:0;display:block;transform:translateY(-50%);}

.buy-con .buyListBox .buyList > li > ul > li.c02{padding-left:20px;padding-right:20px;text-align:left;}

.buy-con .buyListBox .buyList > li.last > ul > li > p{display:none;}




/* 주문서폼 */
.buy-Form{width:100%;margin-bottom:80px;border:1px solid #d5d5d5;display:flex;flex-wrap:wrap;}
.buy-Form .buyL{width:50%;padding:50px;}
.buy-Form .buyR{width:50%;padding:50px;background:#fafafa;border-left:1px solid #d5d5d5;}

.buy-Form h3{padding:0 0 20px 0;font-size:25px;font-weight:bold;color:#212121;}
.buy-Form h3 p{padding-top:10px;font-size:15px;line-height:120%;color:#999;font-weight:lighter;}
.buy-Form h3 p span{width:15px;height:6px;display:inline-block;position:relative;}
.buy-Form h3 p span:after{width:6px;height:6px;color:#FF0000;position:absolute;top:calc(50% - 3px);left:0;display:block;content:"*";}

.buy-Form .buyForm{width:100%;}
.buy-Form .buyForm li{padding-bottom:15px;}

.buy-Form .buyForm li input[type="text"]{width:100%;padding:10px;border:1px solid #d5d5d5;background-color:#fff;color:#666;}
.buy-Form .buyForm li select{width:30%;padding:9px 10px;border:1px solid #d5d5d5;background-color:#fff;color:#666;}



.buy-Form .buyForm li.p{position:relative;}
.buy-Form .buyForm li.p:after{width:6px;height:6px;color:#FF0000;position:absolute;top:12px;left:10px;display:block;content:"*";}
.buy-Form .buyForm li.p input[type="text"]{padding-left:25px;}

.buy-Form .buyForm li input.w30{width:30%;}

.buy-Form .buyForm li p.tt{margin-top:10px;}
.buy-Form .buyForm li p.txt span{padding:10px 0;}
.buy-Form .buyForm li p.txt span input[type=radio]{margin-left:15px;}
.buy-Form .buyForm li p.txt span input[type=radio]:first-child{margin-left:0;}

.buy-Form .buyForm li textarea.privacy,
.buy-Form .buyForm li textarea.agree{width:100%;height:80px;margin-bottom:20px;font-size:13px;color:#6c6c6c;background-color:#fafafa;border-width:1px;line-height:18px;border-color:#cacaca;border-style:solid;padding:10px;
scrollbar-3dlight-color:#f4f4f4;scrollbar-arrow-color:#f4f4f4;
scrollbar-track-color:#f4f4f4;scrollbar-darkshadow-color:#f4f4f4;
scrollbar-face-color:#fff;scrollbar-highlight-color:#fff;
scrollbar-shadow-color:#fff;}
.buy-Form .buyForm li textarea.txt{width:100%;height:240px;margin-bottom:20px;font-size:13px;color:#6c6c6c;background-color:#fff;border-width:1px;line-height:18px;border-color:#cacaca;border-style:solid;padding:10px;
scrollbar-3dlight-color:#f4f4f4;scrollbar-arrow-color:#f4f4f4;
scrollbar-track-color:#f4f4f4;scrollbar-darkshadow-color:#f4f4f4;
scrollbar-face-color:#fff;scrollbar-highlight-color:#fff;
scrollbar-shadow-color:#fff;}

.buy-Form .buyL .buyForm li input[type="text"]{background-color:#fafafa;}


.buy-Form .buyForm li.telBox input[type="text"]{width:30% !important;}
.buy-Form .buyForm li.telBox select{width:30% !important;}
.buy-Form .buyForm li.telBox.p select{padding-left:25px;}


/* 토탈금액 테이블 */
.buy-con .buyTotalBox{width:100%;border:solid 1px #545454;}
.buy-con .totalT{width:100%;background:url(/shop/img/total_wonbg.png) left bottom no-repeat;background-position:0 80%;font-weight:300;background-size:100% auto;}
.buy-con .totalT th.th,
.buy-con .totalT td.td{padding:15px;text-align:center;}
.buy-con .totalT th.th{border-bottom:1px solid #dcdcdc;border-left:1px solid #dcdcdc;background-color:#f6f6f6;font-size:15px;line-height:30px;color:#707070;}
.buy-con .totalT th.th:first-child{border-left:none;}
.buy-con .totalT td.td{font-size:25px;line-height:53px;}
.buy-con .totalT span.won{color:#eb0d0d;font-weight:bold;}



/* 포인트 사용 */
.buy-con .pointBox{width:100%;margin-top:80px;border:1px solid #545454;}
.buy-con .pointBox h3{text-align:center;line-height:70px;font-size:25px;background:#fafafa;border-bottom:1px solid #dcdcdc;}
.buy-con .pointBox .buyList{width:100%;padding:3%;}
.buy-con .pointBox .buyList li{line-height:200%;color:#707070}
.buy-con .pointBox .buyList li:first-child{color:#212121;font-size:15px;font-weight:bold}
.buy-con .pointBox .buyList li input{width:30%;padding:10px;border:1px solid #d5d5d5;background-color:#fff;color:#666;}



/* 결제 수단 */
.buy-con .payBox{width:100%;margin-top:80px;border:1px solid #545454;}
.buy-con .payBox h3{text-align:center;line-height:70px;font-size:25px;background:#fafafa;border-bottom:1px solid #dcdcdc;}
.buy-con .payBox .payList{width:100%;}
.buy-con .payBox .payList>li{line-height:200%;color:#707070;}
.buy-con .payBox .payList>li>ul{width:100%;display:flex;}
.buy-con .payBox .payList>li>ul>li{padding-left:20px;line-height:70px;display:flex;flex-wrap:wrap;}
.buy-con .payBox .payList>li>ul>li span{padding-right:20px;}
.buy-con .payBox .payList>li>ul>li:first-child{width:30%;max-width:200px;padding-left:0;background:#fafafa;text-align:center;border-right:1px solid #dcdcdc;display:block;}
.buy-con .payBox .payList1{width:100%;border-top:1px solid #dcdcdc}
.buy-con .payBox .payList1>li{line-height:200%;color:#707070;}
.buy-con .payBox .payList1>li:first-child{border-bottom:1px solid #dcdcdc}
.buy-con .payBox .payList1>li>ul{width:100%;display:flex;}
.buy-con .payBox .payList1>li>ul>li{width:70%;margin-left:20px;line-height:70px;}
.buy-con .payBox .payList1>li>ul>li:first-child{width:30%;max-width:200px;background:#fafafa;text-align:center;margin:0;border-right:1px solid #dcdcdc;}
.buy-con .payBox .payList1>li>ul>li select{width:27%;padding:10px;border:1px solid #d5d5d5;background-color:#fff;color:#666666;}
.buy-con .payBox .payList1>li>ul>li input{width:27%;padding:10px;border:1px solid #d5d5d5;background-color:#fff;color:#666666;}

@media screen and (max-width:960px) {
.buy-con .buyListBox{margin-bottom:30px;border:none;}
.buy-con .buyListBox .buyListTiT{display:none;}

.buy-con .buyListBox p.totalTxT{border:1px solid #dcdcdc;margin-bottom:15px;padding:40px 10px;text-align:center;font-size:14px;line-height:20px;}

.buy-con .buyListBox .buyList{border:1px solid #dcdcdc;margin-bottom:15px;padding:15px;}
.buy-con .buyListBox .buyList > li{border-bottom:none;}
.buy-con .buyListBox .buyList > li.first{width:100%;}
.buy-con .buyListBox .buyList > li.last{width:100%;display:flex;}
.buy-con .buyListBox .buyList > li > ul{background:#fafafa;padding:20px;}
.buy-con .buyListBox .buyList > li > ul > li{width:100%;line-height:100%;padding:0 4%;padding-bottom:10px;}
.buy-con .buyListBox .buyList > li.last > ul{display:flex;margin-top:15px;}
.buy-con .buyListBox .buyList > li.last > ul > li{padding:10px 0;text-align:right;clear:both;overflow:hidden;}
.buy-con .buyListBox .buyList > li.last > ul > li > p{width:40%;float:left;text-align:left;display:block;}

/* 주문서 리스트 */
.buy-con .buyListBox .buyList > li > ul > li.c01{width:30%;padding:0;}
.buy-con .buyListBox .buyList > li > ul > li.c02{width:63%;padding-top:10px;}
.buy-con .buyListBox .buyList > li > ul > li.c07{color:red;padding-bottom:0;}


/* 주문서폼 */
.buy-Form{margin-bottom:30px;}
.buy-Form .buyL{width:100%;padding:40px;}
.buy-Form .buyR{width:100%;padding:40px;border-left:none;border-top:1px solid #d5d5d5;}
.buy-Form h3{padding:0 0 12px 0;font-size:20px;}
.buy-Form h3 p{padding:10px 0 0 0;font-size:13px;}
.buy-Form .buyForm li p.txt{font-size:13px;}
.buy-Form .buyForm li:last-child{padding-bottom:0 !important;}
.buy-Form .buyForm li textarea.privacy, .buy-Form .buyForm li textarea.agree,
.buy-Form .buyForm li textarea.txt{margin-bottom:0 !important;}

.buy-Form .buyForm li.telBox input[type="text"]{width:30% !important;}
.buy-Form .buyForm li.telBox select{width:30% !important;}
.buy-Form .buyForm li.telBox.p select{padding-left:20px;}


/* 토탈금액 테이블 */

.buy-con .totalT{background:url(/mem/img/total_wonbg.png) left bottom no-repeat;background-position:0 74%;background-size:100% 20% ;-webkit-background-size:100% 20%;-o-background-size:100% 20%;-moz-background-size:100% 20%;-ms-background-size:100% 20%;}
.buy-con .totalT th.th, td.td{margin:0;padding:10px;}
.buy-con .totalT th.th{ font-size:13px;line-height:24px;}
.buy-con .totalT th.th:first-child{border-left:none;}
.buy-con .totalT td.td{font-size:15px;line-height:43px;letter-spacing:-0.5px;}
.buy-con .totalT span.won{color:#eb0d0d;font-weight:bold;}


/* 포인트 사용 */
.buy-con .pointBox{margin:30px 0 0 0;}
.buy-con .pointBox h3{line-height:55px;font-size:19px;}
.buy-con .pointBox .buyList{padding:2%;}
.buy-con .pointBox .buyList li{font-size:12px}
.buy-con .pointBox .buyList li:first-child{font-size:14px;}


/* 결제 수단 */
.buy-con .payBox{margin:30px 0 0 0;}
.buy-con .payBox h3{line-height:55px;font-size:19px;}
.buy-con .payBox .payList > li > ul > li:first-child{display:none;}
.buy-con .payBox .payList>li>ul>li{line-height:25px;font-size:13px;width:100%;text-align:center;margin:0;padding:7px 0}
.buy-con .payBox .payList>li>ul>li span{padding:0 3px;}
.buy-con .payBox .payList1>li>ul>li{line-height:55px;font-size:13px;}
.buy-con .payBox .payList1>li>ul>li:first-child{font-size:14px;width:20%}
.buy-con .payBox .payList1>li>ul>li input, .buy-con .payBox .payList1>li>ul>li select{ font-size:13px;width:95%}
}

@media screen and (max-width:640px) {
.buy-con .buyListBox p.totalTxT{padding:30px 10px;}

.buy-con .buyListBox .buyList > li > ul{padding:10px;}
.buy-con .buyListBox .buyList > li.last > ul > li{padding:5px 0;}


.buy-Form .buyL,
.buy-Form .buyR{padding:30px;}


/* 토탈금액 테이블 */
.buy-con .totalT{background:url(/shop/img/m_total_wonbg.png) left bottom no-repeat;background-position:0 74%;background-size:100% auto;}
}
@media screen and (max-width:500px) {
.buy-Form .buyL,
.buy-Form .buyR{padding:20px;}

.buy-Form .buyForm li.telBox input[type="text"]{width:25% !important;}
.buy-Form .buyForm li.telBox select{width:37% !important;}
}
@media screen and (max-width:420px) {
.buy-Form .buyL,
.buy-Form .buyR{padding:15px;}

.buy-Form .buyForm li.telBox input[type="text"]{width:24% !important;}
.buy-Form .buyForm li.telBox select{width:40% !important;}
}





.buy-con p.buyBut{width:300px;margin:80px auto 0 auto;}
.buy-con p.buyBut input{width:100%;padding:20px 0;background:#dd7419;color:#fff;font-size:25px;font-weight:bold;display:block;cursor:pointer;}

@media screen and (max-width:1280px) {
.buy-con p.buyBut{width:250px;margin:60px auto 0 auto;}
.buy-con p.buyBut input{padding:18px 0;font-size:22px;}
}
@media screen and (max-width:960px) {
.buy-con p.buyBut{width:200px;margin:40px auto 0 auto;}
.buy-con p.buyBut input{padding:16px 0;font-size:20px;}
}
@media screen and (max-width:640px) {
.buy-con p.buyBut{width:180px;margin:30px auto 0 auto;}
.buy-con p.buyBut input{padding:14px 0;font-size:18px;}
}






.buyTotalBox-div{width:100%;padding:40px 0;border:solid 1px #545454;}
.buyTotalBox-div span{width:20%;position:relative;}
.buyTotalBox-div span *{text-align:center;}
.buyTotalBox-div span .num{padding-bottom:5px;}
.buyTotalBox-div span.total .num{color:#eb0d0d;}
.buyTotalBox-div span .num b{padding-right:5px;}

.buyTotalBox-div span:after{width:37px;height:37px;position:absolute;top:calc(50% - 16px);left:-16px;display:block;content:"";}
.buyTotalBox-div span.plus:after{background:url(/shop/img/plus.png) no-repeat 0 0;background-size:100%;}
.buyTotalBox-div span.minus:after{background:url(/shop/img/minus.png) no-repeat 0 0;background-size:100%;}
.buyTotalBox-div span.total:after{background:url(/shop/img/equal.png) no-repeat 0 0;background-size:100%;}

@media screen and (max-width:1280px) {
.buyTotalBox-div{padding:30px 0;}
.buyTotalBox-div span{width:25%;}
.buyTotalBox-div span:after{width:34px;height:34px;top:calc(50% - 14px);left:-14px;}
}
@media screen and (max-width:960px) {
.buyTotalBox-div{padding:25px 0;}
.buyTotalBox-div span{width:33%;}
.buyTotalBox-div span.total{width:100%;margin-top:20px;padding-top:40px;}
.buyTotalBox-div span:after{width:28px;height:28px;top:calc(50% - 12px);left:-12px;}
.buyTotalBox-div span.total:after{top:0;left:calc(50% - 16px);}
}
@media screen and (max-width:640px) {
.buyTotalBox-div span:after{width:22px;height:22px;top:calc(50% - 10px);left:-10px;}
.buyTotalBox-div span.total:after{top:0;left:calc(50% - 10px);}
}
@media screen and (max-width:540px) {
.buyTotalBox-div{padding:15px 0;}
.buyTotalBox-div span{width:100%;margin-top:10px !important;padding-top:25px !important;}
.buyTotalBox-div span:first-child{margin-top:0 !important;padding-top:0 !important;}
.buyTotalBox-div span:after{top:0;left:calc(50% - 10px);}
.buyTotalBox-div span.total:after{top:0;left:calc(50% - 10px);}
}










/**************************************************************************************
                                 * 주문상세 *
***************************************************************************************/
.complete-con{width:100%;}
.complete-con .completeBox{width:100%;margin-bottom:80px;border:1px solid #545454;}

.complete-con .completeBox h3{line-height:70px;font-size:25px;background:#fafafa;border-bottom:1px solid #545454;text-align:center;}

.complete-con .completeBox .completeList>li>ul{display:flex;border-bottom:1px solid #dcdcdc;}
.complete-con .completeBox .completeList>li>ul>li{padding:20px 0;line-height:120%;}
.complete-con .completeBox .completeList>li>ul>li:first-child{width:200px;text-align:center;border-right:1px solid #dcdcdc;background:#fafafa;}
.complete-con .completeBox .completeList>li>ul>li:last-child{width:calc(100% - 200px);padding-left:20px;}

.complete-con p.completeBut{width:300px;margin:80px auto 0 auto;}
.complete-con p.completeBut input{width:100%;padding:20px 0;background:#dd7419;color:#fff;font-size:25px;font-weight:bold;display:block;cursor:pointer;}

@media screen and (max-width:1280px) {
.complete-con .completeBox .completeList>li>ul>li:first-child{width:180px;}
.complete-con .completeBox .completeList>li>ul>li:last-child{width:calc(100% - 180px);}

.complete-con p.completeBut{width:250px;margin:60px auto 0 auto;}
.complete-con p.completeBut input{padding:18px 0;font-size:22px;}
}
@media screen and (max-width:960px) {
.complete-con .completeBox{margin-bottom:60px;}
.complete-con .completeBox h3{line-height:60px;font-size:22px;}

.complete-con .completeBox .completeList>li>ul>li{padding:18px 0;}
.complete-con .completeBox .completeList>li>ul>li:first-child{width:160px;}
.complete-con .completeBox .completeList>li>ul>li:last-child{width:calc(100% - 160px);}

.complete-con p.completeBut{width:200px;margin:40px auto 0 auto;}
.complete-con p.completeBut input{padding:16px 0;font-size:20px;}
}
@media screen and (max-width:640px) {
.complete-con .completeBox{margin-bottom:40px;}
.complete-con .completeBox h3{line-height:50px;font-size:20px;}

.complete-con .completeBox .completeList>li>ul>li{padding:16px 0;}
.complete-con .completeBox .completeList>li>ul>li:first-child{width:130px;}
.complete-con .completeBox .completeList>li>ul>li:last-child{width:calc(100% - 130px);padding-left:15px;}

.complete-con p.completeBut{width:180px;margin:30px auto 0 auto;}
.complete-con p.completeBut input{padding:14px 0;font-size:18px;}
}
@media screen and (max-width:520px) {
.complete-con .completeBox h3{font-size:18px;}

.complete-con .completeBox .completeList>li>ul>li{padding:14px 0;}
.complete-con .completeBox .completeList>li>ul>li:first-child{width:100px;}
.complete-con .completeBox .completeList>li>ul>li:last-child{width:calc(100% - 100px);padding-left:10px;}
}






/**************************************************************************************
                                 * 위시리스트 *
***************************************************************************************/
.wish-con,
.wish-con .wishListBox{width:100%;}

.wish-con .wishListBox ul{width:100%;display:flex;flex-wrap:wrap;}
.wish-con .wishListBox li.first{width:65%;}
.wish-con .wishListBox li.last{width:35%;}

.wish-con .wishListBox .wishListTiT{width:100%;border-top:3px solid #444444;border-left:1px solid #dcdcdc;border-right:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;background:#f6f6f6;overflow:hidden}
.wish-con .wishListBox .wishListTiT li{float:left;margin:0;padding:0;text-align:center;font-size:15px;color:#707070;line-height:55px;border-left:1px solid #dcdcdc;}
.wish-con .wishListBox .wishListTiT li:first-child{border-left:none;}

.wish-con .wishListBox .wishList{border-left:1px solid #dcdcdc;border-right:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;margin:0;padding:15px 0;width:100%;clear:both;overflow:hidden}
.wish-con .wishListBox .wishList > li > ul > li{line-height:90px;}

.wish-con .wishListBox p.None{width:100%;padding:15px 0;border:1px solid #dcdcdc;border-top:none;text-align:center;}



/* 장바구니 리스트 타이틀 */
.wish-con .wishListBox li.c01{width:20%;}
.wish-con .wishListBox li.c02{width:80%;}

.wish-con .wishListBox li.c03{width:25%;}
.wish-con .wishListBox li.c04{width:25%;}
.wish-con .wishListBox li.c05{width:25%;}
.wish-con .wishListBox li.c06{width:25%;}


/* 장바구니 리스트 */
.wish-con .wishListBox .wishList > li > ul > li{padding-top:10px;text-align:center;line-height:160%;}
.wish-con .wishListBox .wishList > li > ul > li p{display:none;}

.wish-con .wishListBox .wishList > li > ul > li.c01{padding:15px;padding-top:0;}
.wish-con .wishListBox .wishList > li > ul > li.c01 figure{width:100%;padding-top:100%;display:block;overflow:hidden;position:relative;}
.wish-con .wishListBox .wishList > li > ul > li.c01 img{width:100%;position:absolute;top:50%;left:0;display:block;transform:translateY(-50%);}

.wish-con .wishListBox .wishList > li > ul > li.c02{padding-left:20px;padding-right:20px;text-align:left;}

.wish-con .wishListBox .wishList > li > ul > li.c03{}
.wish-con .wishListBox .wishList > li > ul > li.c04{}
.wish-con .wishListBox .wishList > li > ul > li.c05{}
.wish-con .wishListBox .wishList > li > ul > li.c05 input{width:75%;height:34px;border:none;background:#ddd;color:#000;cursor:pointer;}
.wish-con .wishListBox .wishList > li > ul > li.c05 input:hover{background:#999;color:#fff;}
.wish-con .wishListBox .wishList > li > ul > li.c06{}
.wish-con .wishListBox .wishList > li > ul > li.c06 input{width:75%;height:34px;border:none;background:#545454;color:#fff;cursor:pointer;}
.wish-con .wishListBox .wishList > li > ul > li.c06 input:hover{background:#333;}


@media screen and (max-width:960px) {
.wish-con .wishListBox p.None{border-top:1px solid #dcdcdc;}

.wish-con .wishListBox .wishListTiT{display:none;}

.wish-con .wishListBox .wishList{margin-bottom:10px;padding:15px;border:1px solid #dcdcdc;}

.wish-con .wishListBox .wishList > li.first{width:100%;}
.wish-con .wishListBox .wishList > li.last{width:100%;}
.wish-con .wishListBox .wishList > li.last > ul{margin-top:20px;}
.wish-con .wishListBox .wishList > li.last > ul > li{width:100%;padding:6px 20px;background:#fafafa;text-align:right;clear:both;overflow:hidden;}
.wish-con .wishListBox .wishList > li.last > ul > li:last-child{padding-top:0 !important;}
.wish-con .wishListBox .wishList > li.last > ul > li > p{width:40%;display:block;float:left;text-align:left;}


/* 장바구니 리스트 */
.wish-con .wishListBox .wishList > li > ul > li.c01{padding:0;}
.wish-con .wishListBox .wishList > li > ul > li.c02{}

.wish-con .wishListBox .wishList > li > ul > li.c03{padding-top:20px !important;border-top:1px solid #d5d5d5;}

.wish-con .wishListBox .wishList > li > ul > li.c04{padding-bottom:20px !important;border-bottom:1px solid #d5d5d5;color:red;}

.wish-con .wishListBox .wishList > li > ul > li.c05{width:100%;padding-left:0 !important;padding-right:0 !important;background:#fff;}
.wish-con .wishListBox .wishList > li > ul > li.c05 input{width:100%;}
.wish-con .wishListBox .wishList > li > ul > li.c06{width:100%;padding-left:0 !important;padding-right:0 !important;background:#fff;}
.wish-con .wishListBox .wishList > li > ul > li.c06 input{width:100%;}

}
@media screen and (max-width:767px) {
.wish-con .wishListBox .wishList > li.last > ul{margin-top:15px;}
.wish-con .wishListBox .wishList > li.last > ul > li{padding:7px 15px;}
}
@media screen and (max-width:640px) {
.wish-con .wishListBox .wishList > li.last > ul > li{padding:6px 15px;font-size:14px;}

}
@media screen and (max-width:460px) {
.wish-con .wishListBox .wishList > li.last > ul{margin-top:10px;}
.wish-con .wishListBox .wishList > li.last > ul > li{padding:5px 10px;}


.wish-con .wishListBox .wishList > li > ul > li.c03{padding-top:10px !important;}
.wish-con .wishListBox .wishList > li > ul > li.c04{padding-bottom:10px !important;}
}

