:root{
    --itemEditOnColor : #ff7833;
}
body {background-color: #FFF;}
table caption{display: none;}
ul:after{content: none !important;}

#mainDiv {position: relative;max-width: 1750px;min-height: 500px;letter-spacing: 0px;width: 100%;min-width: 1100px;overflow-x: auto;overflow-y: hidden; }
#mainDiv.user { margin: 0px auto; }
#mainDiv .shadow{border: 1px solid #dfdfdf; box-shadow: 2px 2px 20px #ebebeb; border-radius: 20px; }

.editMainDiv {margin: 0px 0px 0px 0px; width: 69%; display: none; position: absolute;}
#directImgListDiv {margin: 0px 0px 0px 0px; width: 100%; height: 100%; display: none; position: absolute; z-index: 9999999; }
#directImgListDiv .bg{background-color: #FFF; -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; width: 100%; height: 100%;position: absolute; }
#directImgListDiv .itemListDiv { position:absolute; padding: 0px 50px;}
#directImgListDiv ul.itemList{display:flex;  justify-content: space-around; align-items: center; flex-wrap: wrap; align-content: center; row-gap: 50px; column-gap: 0px;width: 100%; position: relative;  top: 50%; transform: translateY(-50%);}
#directImgListDiv ul.itemList li{/*lex:1 1 300px; */ width: 33.33%; position: relative; text-align: center; cursor: pointer;}
#directImgListDiv ul.itemList li .imgDiv{text-align: center; position: relative;  }
/*#directImgListDiv ul.itemList li .imgDiv .editImg{min-width: 110px; max-width: 220px;  width: 100%;}*/
#directImgListDiv ul.itemList li .imgDiv .editImg{max-height: 220px; height: 100%;}
#directImgListDiv ul.itemList li .imgDiv .loadingIcon{position: absolute; width: 40px;  right: calc((100% - 40px) / 2); top: calc((100% - 40px) / 2); display: none;}
#directImgListDiv ul.itemList li .name{text-align: center;  margin: 10px 0px 0px 0px; display: inline-block; font-size: 14px; cursor: pointer;}
#directImgListDiv ul.itemList li.on .name{color: var(--itemEditOnColor); background: no-repeat 0px center / 15px 10px url('/assets/images/editShop/check_icon.png'); padding: 0px 0px 0px 19px; margin: 10px 0px 0px -19px;}

#directImgListDiv .directChgBtn{position: absolute; right:0px; top:30px; width: auto; padding: 5px 5px; background-color: #FFF; border-radius: 30px;  transition: all 0.2s ease-in-out; border: 1px solid #dbdbdb; cursor: pointer;}
#directImgListDiv  .directChgBtn ul {display:flex; gap: 7px;  align-items: center;}
#directImgListDiv  .directChgBtn ul li{font-size: 13px; width: auto;  }
#directImgListDiv  .directChgBtn ul li.directName{ padding: 5px 0px 5px 12px; }
#directImgListDiv  .directChgBtn ul li.listIcon{ background: no-repeat left center / 12px 12px url('/assets/images/editShop/directList.png'); width: 24px; height: 12px;}
#directImgListDiv  .directChgBtn ul li.listIcon.on{ background: #000 no-repeat center center / 12px 12px url('/assets/images/editShop/directList_white.png'); padding: 12px 20px;}
#directImgListDiv  .directChgBtn ul li.on{background-color: #000; padding: 5px 12px;color: #FFF;  border-radius: 20px;}
#directImgListDiv  .directChgBtn.hide{margin-bottom: -70px;}

/*.topButtonDiv {display: flex;  flex-direction: row; gap: 10px; margin: 0px 0px 0px 20px; flex-wrap: nowrap;}*/
.topButtonDiv { margin: 0px 0px 0px 20px; overflow: hidden; }
/*
.topButtonDiv::-webkit-scrollbar{width: 6px; height: 6px;}
.topButtonDiv::-webkit-scrollbar-track{background-color: #FAFAFA;}
.topButtonDiv::-webkit-scrollbar-thumb{background-color: #CCC; border-radius: 6px;}
 */
.topButtonDiv > div {width: 1165px;}
.topButtonDiv > div ul {}
.topButtonDiv > div ul li {display: inline-block; margin: 0px 10px 0px 0px;}
.topButtonDiv > div ul li.disable {moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; }
.topButtonDiv > div ul li.disable a{cursor: default;}
/*.middleDiv  {display: grid;gap: 20px;margin: 30px 0px 0px 20px;grid-template-columns: 10% auto 8%;}*/
.middleDiv  {display: grid;/* flex-direction: row; *//* justify-content: space-between; */gap: 20px;margin: 30px 0px 0px 20px;grid-template-columns: 120px auto 98px;}
/*.middleDiv .layerDiv .contsDiv {border: 1px solid #bfbfbf; width: 120px; display: flex; flex-direction: column; gap: 0px; border-radius: 7px;}*/
.middleDiv .layerDiv  {width: 100%; height: max-content; padding: 5px 0px 10px 0px;}
.middleDiv .layerDiv .contsDiv {display: flex; flex-direction: column; gap: 0px;  }
.middleDiv .layerDiv .contsDiv .title{text-align: center; padding: 7px 7px;}
.middleDiv .layerDiv .contsDiv ul li{padding: 3px 5px; display: flex; flex-direction: row; gap: 5px; }
.middleDiv .layerDiv .contsDiv ul li .prevImgDiv{border: 1px solid #e5e5e5; text-align: center; width: 200px; cursor: pointer; padding: 3px 5px;}
.middleDiv .layerDiv .contsDiv ul li .prevImgDiv img{max-height: 20px; max-width: 100%;}
.middleDiv .layerDiv .contsDiv ul li .viewIcon{width: 40px; height: 27px; background: url("/assets/images/editShop/eye_icon1.png") no-repeat 50% 50%; background-size: 100%; cursor: pointer;}
.middleDiv .layerDiv .contsDiv ul li .viewIcon.hide{filter:alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0;opacity: 0;}
.middleDiv .layerDiv .contsDiv ul li .lockIcon{width: 27px; height: 27px; background: url("/assets/images/editShop/lockun_icon2.png") no-repeat 50% 50%; background-size: 100%; cursor: pointer;  filter:alpha(opacity=0.4); -moz-opacity: 0.4; -khtml-opacity: 0.4;opacity: 0.4;}
.middleDiv .layerDiv .contsDiv ul li .lockIcon.lock{height: 27px; background: url("/assets/images/editShop/lock_icon1.png") no-repeat 50% 50%;  background-size: 100%;  filter:alpha(opacity=1); -moz-opacity: 1; -khtml-opacity: 1;opacity: 1;}
.middleDiv .layerDiv .contsDiv ul li.on{background-color: #eef7ff;}
.middleDiv .layerDiv .contsDiv ul li:first-child{border-top: 1px solid #e5e5e5; }
.middleDiv .layerDiv .contsDiv ul li:last-child{border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; }
.middleDiv .canvasDiv {position: relative;}
/*.middleDiv .canvasDiv .canvas {position: absolute;}*/
.middleDiv .canvasDiv .canvas-container {width: 100% !important; object-fit: cover;}
.middleDiv .canvasDiv .canvas-container canvas {width: 100% !important;}
/*.middleDiv .canvasDiv .canvas-container {width: 100% !important;}*/
/*.middleDiv .canvasDiv .canvas-container canvas {width: 100% !important; object-fit: cover;}*/
.middleDiv .canvasDiv .loadingIcon {position: absolute; width: 50px; right: 15px; top: 25px; display: none;}
.middleDiv .buttonDiv {display: flex;  flex-direction: column; gap: 10px; width: 100%; height: max-content; padding: 10px 10px;}
.middleDiv .buttonDiv li img{width: 100%;}
.middleDiv.hide{-moz-opacity: 0; -khtml-opacity: 0; opacity: 0;}

/*.rightInfoDiv  {width: 550px;height:800px; overflow: hidden;position: absolute;top: -20px;right: 0px;}*/
.rightInfoDiv  {width: 31%;height:calc(100% + 20px);overflow: hidden;position: absolute;top: -20px;right: 0px;}
.rightInfoDiv input[type="text"]{height: 40px; padding: 0px 10px; }
.rightInfoDiv .rightInfo {position: absolute;margin:20px 0px 0px 20px;background-color: #FFF;width: calc(100% - 50px);height:calc(100% - 130px);padding: 25px 25px 50px 25px;left: 0px;top: 0px; overflow-x: hidden; overflow-y: auto;}
.rightInfoDiv .rightInfo::-webkit-scrollbar{width: 6px; height: 6px;}
.rightInfoDiv .rightInfo::-webkit-scrollbar-track{background-color: #FAFAFA;}
.rightInfoDiv .rightInfo::-webkit-scrollbar-thumb{background-color: #CCC; border-radius: 6px;}
.rightInfoDiv .rightInfo > .title {display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin: 0px 0px 20px 0px;}
.rightInfoDiv .rightInfo > .title .backIcon{cursor:pointer; width: 22px; filter:alpha(opacity=0.7); -moz-opacity: 0.7;	-khtml-opacity: 0.7;opacity: 0.7; }
.rightInfoDiv .rightInfo > .title h3{margin: 0px;}
.rightInfoDiv .rightInfo .smTitle{font-size: 14px; margin: 0px 0px 10px 0px;}
.rightInfoDiv .rightInfo select{color: #767676;}

.rightInfoDiv .orderInfoDiv { z-index: 1; }
.rightInfoDiv .orderInfoDiv .brandName{font-size: 16px; margin:0px 0px 5px 0px;}
.rightInfoDiv .orderInfoDiv .itemName{font-size: 21px;}
.rightInfoDiv .orderInfoDiv .itemOnePrice{font-size: 17px; margin:0px 0px 0px 0px;}
.rightInfoDiv .orderInfoDiv .itemOnePrice .price{font-weight: 700;margin: 0px 0px 0px 5px;}


.rightInfoDiv .orderInfoDiv #itemColorDiv {margin: 30px 0px 0px 0px}

.rightInfoDiv .orderInfoDiv #itemSizeDiv {margin: 40px 0px 0px 0px}
.rightInfoDiv .orderInfoDiv #itemSizeDiv ul {display: grid; grid-template-columns:repeat(5, 1fr); gap: 7px;  margin: 10px 0px 0px 0px;}
/*.rightInfoDiv .orderInfoDiv #itemSizeDiv ul {display: flex; gap: 7px;  margin: 10px 0px 0px 0px; flex-wrap: wrap;}*/
.rightInfoDiv .orderInfoDiv #itemSizeDiv ul li {height: 45px; display : flex; flex-direction: column; align-items : center; justify-content: center; text-align: center; border-radius: 10px; padding: 0px 0px; cursor: pointer; border: 1px solid #000; gap : 0px;}
/*.rightInfoDiv .orderInfoDiv #itemSizeDiv ul li {height: 45px;display : flex;flex-direction: column;align-items : center;justify-content: center;text-align: center;border-radius: 10px;padding: 0px 0px;cursor: pointer;border: 1px solid #000;gap : 0px;width: 30%;min-width: 60px;max-width: 150px;}*/
.rightInfoDiv .orderInfoDiv #itemSizeDiv ul li .name{color : #000; font-size: 15px; }
.rightInfoDiv .orderInfoDiv #itemSizeDiv ul li .addPrice{color : #a9a9a9; font-size: 13px; }
.rightInfoDiv .orderInfoDiv #itemSizeDiv ul li.on { border: 1px solid var(--itemEditOnColor);}
.rightInfoDiv .orderInfoDiv #itemSizeDiv ul li.on .name { color: var(--itemEditOnColor) !important;}
.rightInfoDiv .orderInfoDiv #itemSizeDiv ul li.on .addPrice { color: var(--itemEditOnColor) !important;}
#mainDiv.admin .orderInfoDiv #itemSizeDiv ul li {cursor: auto;}

.rightInfoDiv .orderInfoDiv #itemQtyDiv {margin: 40px 0px 0px 0px}
.rightInfoDiv .orderInfoDiv #itemQtyDiv > div{display: grid; grid-template-columns: auto 96px; gap: 10px; margin : 10px 0px 0px 0px}
.rightInfoDiv .orderInfoDiv #itemQtyDiv > div.noSalePrice{ grid-template-columns: 100%;}
.rightInfoDiv .orderInfoDiv #itemQtyDiv .qtyDiv{display: grid; grid-template-columns: 40px 1fr 40px; border: 1px solid #d8d8d8; border-radius: 8px; }
.rightInfoDiv .orderInfoDiv #itemQtyDiv .qtyDiv .btn{height:38px; width:38px; cursor: pointer;}
.rightInfoDiv .orderInfoDiv #itemQtyDiv .qtyDiv .btn.minus{background:  no-repeat center center / 11px 11px url('/assets/images/editShop/minus2_icon.png'); }
.rightInfoDiv .orderInfoDiv #itemQtyDiv .qtyDiv .btn.plus{background: no-repeat center center / 11px 11px url('/assets/images/editShop/plus2_icon.png'); }
.rightInfoDiv .orderInfoDiv #itemQtyDiv .qtyDiv .qty{}
.rightInfoDiv .orderInfoDiv #itemQtyDiv .qtyDiv .qty input{ width: 100%;  height: 100%; border: 0px none; padding: 0px;  text-align: center; font-size: 15px;}

.rightInfoDiv .orderInfoDiv #deliveryDiv {margin: 30px 0px 0px 0px; display: grid; grid-template-columns: 1fr  1fr;gap: 10px}
.rightInfoDiv .orderInfoDiv #deliveryDiv .price{font-size: 14px; text-align: right;}

.rightInfoDiv .orderInfoDiv #paymentDiv {margin: 60px 0px 0px 0px; display: grid; grid-template-columns: 1fr  1fr;gap: 10px}
.rightInfoDiv .orderInfoDiv #paymentDiv .price{font-size: 16px; font-weight: 700; text-align: right;}

.rightInfoDiv .fontInfoDiv {z-index: 2; display: none;}
.rightInfoDiv .fontInfoDiv .boldAlignDiv {margin: 20px 0px 0px 0px; display: flex; justify-content: space-between; gap: 10px; flex-wrap: wrap;}
.rightInfoDiv .fontInfoDiv .boldAlignDiv ul{display: grid;gap: 0px;border: 1px solid #ddd;border-radius: 3px;}
.rightInfoDiv .fontInfoDiv .boldAlignDiv ul li{text-align: center;height: 43px; align-items: center; background: url(/assets/images/editShop/bar.png) no-repeat right 50%; background-size: 1px 13px;}
.rightInfoDiv .fontInfoDiv .boldAlignDiv ul li:last-child{ background: none;}
.rightInfoDiv .fontInfoDiv .boldAlignDiv ul li a{height: 100%;}
.rightInfoDiv .fontInfoDiv .boldAlignDiv ul li a img{width: auto;height: 100%;max-width: none; padding: 14px 10px;}
.rightInfoDiv .fontInfoDiv .boldAlignDiv ul.left{grid-template-columns: repeat(4, 1fr);width: 45%;min-width: 141px;}
.rightInfoDiv .fontInfoDiv .boldAlignDiv ul.right{grid-template-columns: repeat(3, 1fr);width: 40%;min-width: 143px;}

.rightInfoDiv .fontInfoDiv .spaceRotate {display: flex; justify-content: space-between; gap: 10px;}
.rightInfoDiv .fontInfoDiv .spaceRotate > div:nth-child(1) {display: flex; gap: 20px;}
.rightInfoDiv .fontInfoDiv .spaceRotate .numControlDiv{display: grid; grid-template-columns: 20px auto 20px;  align-items: center; justify-content : center; border: 1px solid #ddd;}
.rightInfoDiv .fontInfoDiv .spaceRotate .numControlDiv.ratation{ grid-template-columns: auto 15px 20px; }
.rightInfoDiv .fontInfoDiv .spaceRotate .numControlDiv .type{text-align: center;}
.rightInfoDiv .fontInfoDiv .spaceRotate .numControlDiv .inputDiv{width: 100%; max-width: 50px;}
.rightInfoDiv .fontInfoDiv .spaceRotate .numControlDiv .inputDiv input{width: 100%; border: 0px none; font-weight: 400; font-size: 14px; text-align: center; padding: 0px 2px;}
.rightInfoDiv .fontInfoDiv .spaceRotate .numControlDiv .control{display: grid; flex-direction: column; align-items: center;}
.rightInfoDiv .fontInfoDiv .spaceRotate .numControlDiv .control li a{ padding: 0px 7px;}
.rightInfoDiv .fontInfoDiv .spaceRotate .numControlDiv .control li a img{ width: calc(100% - 14px);}
.rightInfoDiv .fontInfoDiv .spaceRotate .numControlDiv .control li:nth-child(1) img{vertical-align: bottom; margin: 0px 0px 5px 0px;}
.rightInfoDiv .fontInfoDiv .spaceRotate .numControlDiv .control li:nth-child(2) img{vertical-align: top; margin: 5px 0px 0px 0px;}

.patternMainDiv .patternCountDiv {display: flex; flex-direction: row; justify-content: space-between; align-items: center; gap: 10px;}
.patternMainDiv .patternCountDiv .link img{width:42px; padding: 5px 7px;}
.patternMainDiv .patternCountDiv .link:not(.on) img{ filter:alpha(opacity=0.3); -moz-opacity: 0.3; -khtml-opacity: 0.3;opacity: 0.3;}
.patternMainDiv .patternCountDiv input{background-color: #FFF;}
.patternMainDiv .patternTypeDiv { grid-template-columns: 1fr 1fr 1fr;  display: grid;  gap: 15px; align-items: center;}
.patternMainDiv .patternTypeDiv a{ border-radius: 4px; padding: 7px 5px;}
.patternMainDiv .patternTypeDiv a.on{ color: var(--itemEditOnColor); border-color: var(--itemEditOnColor)}

.rightInfoDiv .imgInfoDiv {z-index: 3; display: none;}

.rightInfoDiv .paymentDiv {position: absolute;left: 20px; bottom:0px; background-color: #FFF;width: calc(100% - 50px);padding: 25px 25px;z-index: 9999999; }
.rightInfoDiv .paymentDiv .topInfo ul {display: flex; justify-content: space-between; gap: 10px;}
.rightInfoDiv .paymentDiv .topInfo ul li#totalQty{font-size: 16px; color:#888;}
.rightInfoDiv .paymentDiv .topInfo ul li#totalPayment{font-size: 17px; color:#000; font-weight: 700;}
.rightInfoDiv .paymentDiv .topInfo ul:after{content: none;}
.rightInfoDiv .paymentDiv .btnDiv {margin: 20px 0px 0px 0px; }
.rightInfoDiv .paymentDiv .btnDiv a{border-radius: 10px; background-color: #000; padding:15px 15px; color:#FFF; font-size: 17px; display: block; text-align: center;}

.rightInfoDiv .colorCircleDiv ul {display: flex; flex-direction: row; column-gap: 12px;row-gap: 5px;  margin: 10px 0px 0px 0px; flex-wrap: wrap;}
.rightInfoDiv .colorCircleDiv ul li {width: 32px; height: 32px; display: inline-block; border-radius: 50%; padding: 3px; cursor: pointer;}
.rightInfoDiv .colorCircleDiv ul li div{width: 100%; height: 100%; display: inline-block; border-radius: 50%; }
.rightInfoDiv .colorCircleDiv ul li.on {border: 1px solid var(--itemEditOnColor);}


.rightInfoDiv .numControlDiv2 {display: grid;grid-template-columns:30px auto 30px;align-items: center;justify-content : center;border: 1px solid #ddd;width:45%;border-radius: 3px;height: 40px;}
.rightInfoDiv .numControlDiv2 .btnDiv {display : flex; align-items : center; justify-content: center; text-align: center; }
.rightInfoDiv .numControlDiv2 .btnDiv a {}
.rightInfoDiv .numControlDiv2 .btnDiv a img {width: 100%;padding: 15px 10px;}
.rightInfoDiv .numControlDiv2 .inputDiv input {width: 100%;border: 0px none;font-weight: 400;font-size: 14px;text-align: center;padding: 0px 2px;height: 30px;}

.rightInfoDiv .rangeSliderDiv{display:grid; grid-template-columns: 1fr 70px; gap: 15px; align-items: center; position: relative; }
/*
.rightInfoDiv .rangeSliderDiv .slider {
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    width: 100%;
    height: 3px;
    border-radius: 1px;
    background-color: #e3e3e3;
}
.rightInfoDiv .rangeSliderDiv .slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    border: none;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: var(--itemEditOnColor);
}
&::-moz-range-thumb {
    border: none;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: var(--itemEditOnColor);
}
*/
#mainDiv.admin .orderInfoDiv .colorCircleDiv ul li {cursor: auto;}

#popup_itemList {width: 1000px;}

/*할인 가격표 팝업*/
#salePricePop .popup {width: 800px;}
#salePricePop .popup .listTable{width: max-content; margin: 15px 0px 0px 0px;}
#salePricePop .popup .listTable thead tr th{padding: 10px 5px;  font-weight: 500; border-bottom: 1px solid #AAA; border-top : 1px solid #000;}
#salePricePop .popup .listTable tbody tr td{padding: 10px 5px;  font-weight: 500; border-bottom: 1px solid #AAA; text-align: center;}
#salePricePop .popup .infoTable{width: 100%; font-size: 14px;}
#salePricePop .popup .infoTable tbody tr th{padding: 5px 5px; font-weight: 500}
#salePricePop .popup .infoTable tbody tr td{padding: 5px 5px;}

/*cart 팝업 */
#cartPop .popup {width: 850px;}
#cartPop .popup .pop_con {max-height:none;}
#cartPop .popup .popMain {display: grid; grid-template-columns: 55% auto; gap: 0px;}
#cartPop .popup .popMain .leftDiv {background-color: #EEEEEE;padding: 30px 30px;}
#cartPop .popup .popMain .leftDiv .topSwiperDiv {padding: 60px 0px 60px 0px; position: relative; }
#cartPop .popup .popMain .leftDiv .topSwiper {position: relative; overflow: hidden;}
#cartPop .popup .popMain .leftDiv .topSwiper ul:after{content:none;}
#cartPop .popup .popMain .leftDiv .topSwiper ul{text-align: center;}
#cartPop .popup .popMain .leftDiv .topSwiper ul li{height: 300px; }
#cartPop .popup .popMain .leftDiv .topSwiper ul li img{height: 100%;}
#cartPop .popup .popMain .leftDiv .thumbSwiper {overflow: hidden;}
#cartPop .popup .popMain .leftDiv .thumbSwiper ul {display: flex; justify-content: center; gap: 0px; width: max-content; margin: 0px auto;}
#cartPop .popup .popMain .leftDiv .thumbSwiper ul li {text-align: center;}
#cartPop .popup .popMain .leftDiv .thumbSwiper ul li img{height: 90px;padding: 10px 10px; cursor: pointer;}
#cartPop .popup .popMain .leftDiv .thumbSwiper ul li .name{font-size: 13px;text-align: center;}
#cartPop .popup .popMain .leftDiv .thumbSwiper ul li.swiper-slide-thumb-active .name{color: var(--itemEditOnColor);}
#cartPop .swiper-button-prev{background: #FFF no-repeat 8px center / 20px 20px url('/images/ico/ico_pager_prev.svg'); left : -20px;}
#cartPop .swiper-button-next{background: #FFF  no-repeat 12px center / 20px 20px url('/images/ico/ico_pager_next.svg'); right : -20px; }
#cartPop .prevNextBtn{border-radius: 50%;  width: 40px; height: 40px; border: 1px solid #f9f9f9;}
#cartPop .prevNextBtn:after{content: none; }
#cartPop .popup .popMain .rightDiv {margin: 30px 30px; display:flex; flex-direction: column; justify-content: space-between; gap: 0px;  }
#cartPop .popup .popMain .rightDiv .topDiv {padding: 0px 0px 0px 0px}
#cartPop .popup .popMain .rightDiv .topDiv .nameDiv{padding: 0px 0px 15px 0px}
#cartPop .popup .popMain .rightDiv .topDiv .brandName{font-size: 16px; margin:0px 0px 5px 0px;}
#cartPop .popup .popMain .rightDiv .topDiv .itemName{font-size: 21px; font-weight: 700;}
#cartPop .popup .popMain .rightDiv .topDiv .colorName{font-size: 21px;  font-weight: 700;}
#cartPop .popup .popMain .rightDiv .sizeDiv{overflow-y: auto; overflow-x:hidden ;padding: 15px 0px 15px 0px}
#cartPop .popup .popMain .rightDiv .sizeDiv ul li{display: grid; grid-template-columns: auto 110px; gap: 10px; margin: 0px 0px 20px 0px;}
#cartPop .popup .popMain .rightDiv .sizeDiv ul li:last-child{margin: 0px 0px 0px 0px;}
#cartPop .popup .popMain .rightDiv .sizeDiv ul li .nameDiv{padding: 5px 0px 0px 0px;}
#cartPop .popup .popMain .rightDiv .sizeDiv ul li .nameDiv .name {font-size: 15px; }
#cartPop .popup .popMain .rightDiv .sizeDiv ul li .nameDiv .addPrice{font-size: 13px; color : #BBB; margin: 0px 0px 0px 5px;}
#cartPop .popup .popMain .rightDiv .sizeDiv ul li .qtyDiv{display: grid; grid-template-columns: 30px 1fr 30px; border: 1px solid #d8d8d8; border-radius: 8px; }
#cartPop .popup .popMain .rightDiv .sizeDiv ul li .qtyDiv .btn{height:30px; width:30px; cursor: pointer;}
#cartPop .popup .popMain .rightDiv .sizeDiv ul li .qtyDiv .btn.minus{background:  no-repeat center center / 11px 1px url('/assets/images/editShop/minus_black_icon.png'); }
#cartPop .popup .popMain .rightDiv .sizeDiv ul li .qtyDiv .btn.plus{background: no-repeat center center / 11px 11px url('/assets/images/editShop/plus_black_icon.png'); }
#cartPop .popup .popMain .rightDiv .sizeDiv ul li .qtyDiv .qty{}
#cartPop .popup .popMain .rightDiv .sizeDiv ul li .qtyDiv .qty input{ width: 100%;  height: 100%; border: 0px none; padding: 0px;  text-align: center; font-size: 14px;}
#cartPop .popup .popMain .rightDiv .bottomDiv{padding: 30px 0px 0px 0px; border-top:1px solid #CCC;}
#cartPop .popup .popMain .rightDiv .bottomDiv .basicPayDiv{font-size: 12px; text-decoration: line-through; color:#BBB; text-align: right;}
#cartPop .popup .popMain .rightDiv .bottomDiv .paymentDiv > div:nth-child(2) {display: flex; justify-content: space-between; gap: 0px; align-items: center; margin: 3px 0px 3px 0px }
#cartPop .popup .popMain .rightDiv .bottomDiv .paymentDiv  > div:nth-child(2) .qtyDiv{font-size: 14px; font-weight: 700; }
#cartPop .popup .popMain .rightDiv .bottomDiv .paymentDiv  > div:nth-child(2) .saleRate{font-size: 12px; color: var(--itemEditOnColor); margin: 0px 5px 0px 0px }
#cartPop .popup .popMain .rightDiv .bottomDiv .paymentDiv  > div:nth-child(2) .pay{font-size: 17px;  font-weight: 700;}
#cartPop .popup .popMain .rightDiv .bottomDiv .itemPriceDiv{font-size: 13px;  text-align: right;}
#cartPop .popup .popMain .rightDiv .bottomDiv .btnDiv{margin: 20px 0px 0px 0px; display: flex; justify-content: space-between; gap: 10px;}
#cartPop .popup .popMain .rightDiv .bottomDiv .btnDiv a{ border-radius: 10px; background-color: #000; border: 1px solid #000; padding: 15px 5px;  color: #FFF;  font-size: 17px; display: inline-block; text-align: center; width: 50%;}
#cartPop .popup .popMain .rightDiv .bottomDiv .btnDiv a.white{ background-color: #FFF; color: #000; }
#cartPop .popup .popMain .rightDiv .bottomDiv .btnDiv a.disable{cursor: default; }


/* 상품 변경 팝업 */
#itemChangePop{}
#itemChangePop .popup{max-height: 90%}
#itemChangePop .pop_con {position: relative; max-height: none; overflow: hidden; }
#itemChangePop .topMenu {display: flex; justify-content: space-between}
#itemChangePop .topMenu .left { font-size: 23px; font-weight: 500; }
#itemChangePop .topMenu .left span{ background: no-repeat right 11px / 18px 11px url('/images/ico/ico_arrow2_bottom.png');padding: 0px 25px 0px 0px; cursor: pointer;}
#itemChangePop .topMenu .left span.open{ background: no-repeat right 11px / 18px 11px  url('/images/ico/ico_arrow2_top.png');}
#itemChangePop .catePop {display: none; position: absolute;  width: 100%; overflow-y : auto; overflow-x: hidden; background-color: #FFF;  padding: 15px 0px; color: #000; z-index: 10; left: 0px;}
#itemChangePop .catePop ul.cate1 {font-size: 16px; font-weight: 700; flex-wrap: wrap;}
#itemChangePop .catePop ul.cate1 > li {margin: 0px 0px 30px 0px}
#itemChangePop .catePop ul.cate2 {font-size: 15px; font-weight: 400; flex-wrap: nowrap; margin: 20px 0px 0px 0px;}
#itemChangePop .catePop ul.cate2 > li {display: inline-block;  margin: 0px 5px 7px 0px}
#itemChangePop .catePop ul.cate2 > li a{ border: 1px solid #DDD; border-radius: 20px; padding: 8px 15px 7px 15px; }
#itemChangePop .catePop ul.cate2 > li.on a {background-color: var(--itemEditOnColor); border: 1px solid var(--itemEditOnColor);}
#itemChangePop .listDiv{overflow-y: auto; overflow-x: hidden; height: 600px;}
#itemChangePop .listDiv .pro_common.list_style { align-items: center;   justify-content: center;}
#itemChangePop .listDiv .pro_common.list_style li {/*width: calc(33.33% - 32px);*/ width: 210px;}

/*버튼 */
.ieBtn {display: inline-block; border: 1px solid #d8d8d8;  border-radius: 8px; text-align: center; padding: 10px 5px; background-color: #FFF; font-size: 14px;}
.ieBtnCircle {display: inline-block;border: 1px solid #e3e3e3;border-radius: 25px;text-align: center;padding: 7px 15px;background-color: #e3e3e3;font-size: 14px;}

/* slider */
.ui-slider {height: 6px; border: 0px none !important; background-color: #DDD; }
.ui-slider .ui-slider-range {background-color : var(--itemEditOnColor);border: 0px none !important; }
.ui-slider .ui-slider-handle { border: 0px none !important;  background-color: var(--itemEditOnColor); border-radius: 50%;     width: 18px !important; height: 18px !important; top: -6px;}
.ui-slider .ui-slider-handle:before {background-color: var(--itemEditOnColor); }


.dn {display: none;}
input:read-only{background-color: #FFF !important;}

@media all and (max-width:1340px) {
    .rightInfoDiv .orderInfoDiv #itemSizeDiv ul { grid-template-columns:repeat(4, 1fr);}
}
@media all and (max-width:1160px) {
    .rightInfoDiv .orderInfoDiv #itemSizeDiv ul { grid-template-columns:repeat(3, 1fr);}
}