.productDetail{max-width: 1080px; width: 95%; margin: 0 auto; padding: 24px 0; }
.productOption{width: 100%; max-width: 100%; margin-bottom: 20px; }
.productOption:after{content: ''; display: block; clear: both; position: static; }

.productImgBox{width: 100%; margin-bottom: 8px; }

.productCategory{margin-bottom: 8px; }
.productCategory > h3{color: #595959; font-size: 14px;}
.productCategory > h3 > a{color: inherit; }
.productCategory > p{color: #797979; font-size: 14px; }

.productImg{width: 100%; height: 0; position: relative; padding-bottom: 100%; border-radius: 4px; overflow: hidden; margin-bottom: 4px; }
.productImg > div{position: absolute;left: 0;top: 0;width: 100%;height: 100%; }
.productImg > .thumbnailImg > img{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; }
.thumbnailVideo > video{width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; position: absolute; }
.thumbnailVideo > div{width: 100%; height: 100%; background-color: rgba(0,0,0,.5); position: absolute; left: 0; right: 0; }
.thumbnailVideo > div > img{position: absolute; width: 80px; height: 80px; left: 50%; margin-left: -40px; top: 50%; margin-top: -40px; cursor: pointer; }

.productThumbnailImg > div{border-radius: 4px; }
.productThumbnail{}
.productThumbnail > li{cursor: pointer; width: 16%; background-color: #ccc; float: left; border-radius: 4px; overflow: hidden; }
.productThumbnail > li:first-child{margin-left: 0; }
.productThumbnail > li > div{width: 100%; height: 0; padding-bottom: 100%; position: relative; }
.productThumbnail > li > div > img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.productThumbnail > li.videoLi{}
.productThumbnail > li.videoLi > div{background-color: rgba(115, 101, 152, .8); }
.productThumbnail > li.videoLi > div > img{width: 48px; height: 48px; left: 50%; margin-left: -24px; top: 50%; margin-top: -24px; }

.imgDownload{width: 100%; margin: 0; background-color: var(--main-color); margin-left: 0; margin-top: 4px; float: right; display: none; position: relative; }
.imgDownload div{position: absolute;width: 100%;height: 100%;display: table;left: 0;top: 0;margin: 0;padding: 0; }
.imgDownload a{width: 100%; height: 100%; display: table-cell; vertical-align: middle; text-align: center; color: #fff; font-size: 12px; font-weight: 500; line-height: 14px; }
.imgDownload span{display: inline-block; margin-left: 4px; }
/*.swiper-button-prev, .swiper-button-next{border-radius: }*/
.swiper-button-prev{left: 0px; }
.swiper-button-next{right: 0px; }
.swiper-button-next:after, .swiper-button-prev:after{font-size: 16px; font-weight: 700; color: #212121; }
.swiper-button-disabled{display: none; }

.productOptionBox{width: 100%; padding-bottom: 20px; }

.marketName{}
.marketName > h6 > a{color: #595959; font-size: 16px; }
.marketName > h6 > a > img{vertical-align: sub; height: 20px; }
.marketName .area{background-color: #ccc; border-radius: 4px; display: inline-block; font-size: 16px; height: 24px; line-height: 25px; text-align: center; padding: 0px 8px; color: #333; margin-right: 8px; }
.marketName .area.area2{background-color: #d6475c; color: #fff; }
.marketName .area.area3{background-color: #4184BD; color: #fff; }
.marketName .area.area4{background-color: #A02124; color: #fff; }
.marketName .area.area5{background-color: #FE5B00; color: #fff; }   
.marketName .area.area6{background-color: #f83f6e; color: #fff; }
.marketName > ul{font-size: 0; }
.marketName > ul > li{display: inline-block; margin-left: 8px; vertical-align: top; }
.marketName > ul > li > button{font-size: 13px; display: block; font-weight: normal; color: #999; padding: 0 2px; }
.marketName > ul > li > button > img{width: 24px; display: block; }

.productName{font-size: 21px; font-weight: 500; color: #333; height: 100%; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.productNo{font-size: 14px; color: #595959; }
.productNo > span{color: #333; }
.productStyle{border-bottom: 1px solid #ccc; padding-bottom: 4px; margin-bottom: 12px; }


.productInfo{margin-bottom: 12px; }
.productInfo > li{}
.productInfo > li:after{content: ''; display: block; clear: both; }
.productInfo > li > *{float: left; line-height: 20px; }
.productInfo > li > h5{width: 92px; color: #595959; font-size: 14px; margin-right: 16px; margin-bottom: 4px; }
.productInfo > li > h5 > div{display: inline-block; margin-left: 4px; position: relative; }
.productInfo > li > h5 > div > span{width: 16px; height: 16px; border: 1px solid #acacac; border-radius: 50px; text-align: center; color: #acacac; font-size: 12px; line-height: 14px; display: block; }
.productInfo > li > h5 > div > div{display: none; border-radius: 4px; padding: 8px 16px; background-color: #efefef; position: absolute; left: 50%; width: 180px; margin-left: -90px; text-align: center; bottom: 32px; font-size: 12px; color: #595959; }
.productInfo > li > h5 > div > div:after{content: ''; display: block; width: 0; height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 14px solid #efefef; position: absolute; left: 50%; margin-left: -10px; bottom: -14px; }
.productInfo > li > h5 > div:hover > div{display: block; }
.productInfo > li > h6{font-size: 21px;font-weight: 700;color: #333; }
.productInfo .premium{background-color: #ffcd4a; border-radius: 2px; color: #fff; font-size: 12px; margin-left: 4px; padding: 0px 4px; letter-spacing: 0; display: inline-block; font-weight: 500; vertical-align: text-top; height: 20px; margin-top: 2px; }
.productInfo > li > ul{}
.productInfo > li > ul > li{}
.productInfo1{}
.productInfo2{}
.productInfo3{}
.productInfo3 > ul{border-radius: 4px; width: 100%; padding: 12px 6px; }
.productInfo3 > ul > li{margin: 2px;text-align: center;padding: 0 12px;border: 1px solid #acacac;border-radius: 32px;line-height: 24px;height: 24px; }
.productInfo3 > ul > li > a{font-size: 12px; color: #595959; width: 100%; height: 100%; display: block; }
.productInfo4{}
.productInfo4 > select{width: calc(100% - 108px); }
.productInfo5{}

.dropBrandInfo{font-size: 13px; color: #f00; margin-bottom: 8px; display: block; }

.optionBox{width: 100%; float: none; border: 1px solid #efefef; border-radius: 4px; }
.optionBox > ul{padding: 0; overflow: auto; max-height: 324px; padding: 4px; padding-right: 12px; }
.optionBox > ul > li{width: 100%; border-bottom: 1px solid #e5e5e5; padding: 8px 0; display: table; }
.optionBox > ul > li:last-child{border-bottom: 0; }
.optionBox > ul > li > *{display: table-cell; vertical-align: middle; }
.optionBox > ul > li > span{width: 68px; height: 68px; background-color: #ccc; border-radius: 4px; overflow: hidden; }
.optionBox > ul > li > span > img{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; }
.optionBox > ul > li > div{}
.optionBox .optionTitle{padding-left: 8px; }
.optionBox .optionTitle > h4{font-size: 12px; color: #333; display: inline-block; }
.optionBox .optionTitle > h4 > span{font-size: 12px; color: #797979; margin-left: 4px; }

.optionBox .optionTitle > p{font-size: 13px; color: #acacac; margin: 0; margin-top: 4px; }
.optionBox .optionTitle > p > strong{color: #595959; }
.optionBox .optionSelect{font-size: 0; text-align: right; width: 108px;}
.optionBox .optionSelect > button{font-size: 14px; color: #797979; font-weight: 700; display: inline-block; height: 24px; width: 24px; vertical-align: middle; border: 1px solid #ccc; padding: 0; }
.optionBox .optionSelect > button > img{width: 16px; vertical-align: middle; opacity: .5;}
.optionBox .optionSelect > input{display: inline-block; width: 32px; height: 24px; vertical-align: middle; border: 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size: 13px; color: #595959; padding: 0 4px; text-align: center; border-radius: 0; }
.optionBox .optionSelect > .optionMinus{border-radius: 4px 0 0 4px; }
.optionBox .optionSelect > .optionPlus{border-radius: 0 4px 4px 0; }

.optionBox > ul > li.soldOut{background-color: #ccc; border: 0; }
.optionBox > ul > li.soldOut .optionTitle > h4{color: #797979; }
.optionBox > ul > li.soldOut .optionTitle > p{color: #aaa; }
.optionBox > ul > li.soldOut .optionTitle > p > strong{color: #999; }

.optionBoxN{}
.optionBoxN > ul{padding: 0; }
.optionBoxN > ul > li{border: 1px solid #e5e5e5; border-radius: 50px; font-size: 14px; color: #595959; text-align: center; vertical-align: middle; display: inline-block; margin-right: 8px; margin-bottom: 8px; padding: 4px 12px; font-weight: 500;}
.optionBoxN > ul > li > span{font-size: 12px; color: #797979; vertical-align: middle; }
.optionBoxN > ul > li.soldOut{border: 0; background-color: #ccc; color: #797979; }

.productOptionSelect{margin-bottom: 40px; }
.productOptionSelect > p{width: 25%; }
.productOptionSelect > select{width: 75%; text-align: center; border: 1px solid #ccc; border-radius: 4px; height: 32px; padding: 0 8px; font-size: 14px; color: #595959; }

.productOptionList{width: 100%; background-color: #f5f5f5; min-height: 72px; max-height: 160px; overflow: auto; border-radius: 8px; padding: 20px 8px; margin-bottom: 20px; }
.productOptionList > li{display: table; vertical-align: middle; width: 100%; margin-bottom: 16px; font-size: 0; }
.productOptionList > li:after{content: ''; display: block; clear: both; }
.productOptionList > li:last-child{margin-bottom: 0; }
.productOptionList > li > *{display: block; vertical-align: middle; float: left; line-height: 24px; }
.productOptionList > li > p{font-size: 14px; color: #595959; word-break: break-all; padding-right: 4px; }
.productOptionList > li > div{width: 92px; }
.productOptionList > li > div:after{content: ''; display: block; clear: both; }
.productOptionList > li > div > button{color: #ccc; float: left; width: 24px; height: 24px; border: 1px solid #ccc; vertical-align: middle; font-size: 14px; }
.productOptionList > li > div > input{float: left; width: 40px; height: 24px; text-align: center; border: 0; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; vertical-align: middle; color: #797979; background-color: transparent; }
.productOptionList > li > button{margin-left: 4px; }
.productOptionList > li > button > img{width: 12px; vertical-align: middle; }
.productOptionName{font-size: 14px; color: #595959; width: calc(100% - 212px); }
.price{font-size: 14px; color: #333; width: 92px; text-align: right; }

.productSelectInfor{padding-bottom: 4px; margin-bottom: 12px; border-bottom: 1px solid #999; }
.productSelectInfor > div{}
.productSelectInfor > div.fr{padding-top: 4px; }
.productSelectInfor > div > p{color: #595959; font-size: 12px; }
.productSelectInfor > div > h6{color: #736598; font-weight: bold; font-size: 21px; }
.productSelectInfor > div > span{text-decoration: line-through; color: #797979; font-size: 16px; vertical-align: middle; }
.productSelectInfor span{display: none; }
.productSelectInfor h6{display: none; }
.addDiscount span{display: inline-block; }
.addDiscount h6{display: block; }
.allNumber{color: #595959; font-size: 12px; }
.allPrice{color: #595959; font-size: 12px; margin-top: -2px; }
.allNumber > strong{color: #B692FF; font-size: 21px; margin-left: 4px; }
.allPrice > strong{color: #212121; font-size: 24px; margin-left: 4px; }

.shippingInfor1{}
.shippingInfor1 > h5{font-size: 18px; font-weight: 700; color: #333; width: 25%; }
.shippingInfor1 > p{font-size: 12px; font-weight: 500; color: #acacac; width: 75%; padding-left: 8px; border-left: 1px solid #ccc; line-height: 1.5; }

.shippingInfor2{margin-bottom: 20px; }
.shippingInfor2 > h6{}
.shippingInfor2 > ul{}
.shippingInfor2 > ul > li{margin: 12px 0; }
.shippingInfor2 > ul > li > div{}
.shippingInfor2 > ul > li > div > p{}
.shippingInfor2 > ul > li > div > span{}
.shippingInfor2 .days{width: 25%; }
.shippingInfor2 .days > p{font-size: 14px; color: #acacac; font-weight: 500; }
.shippingInfor2 .percent{padding-left: 8px; margin-top: 4px; width: calc(75% - 8px); background-color: #d9d9d9; height: 8px; position: relative; border-radius: 20px; }
.shippingInfor2 .percent > span{background-color: #B692FF; height: 8px; position: absolute; left: 0; top: 0; display: block; border-radius: 8px; }

.shippingInfor3{margin-bottom: 20px; }
.shippingInfor3 > p{font-size: 14px; color: #333; }
.delivery{width: 25%; }
.deliveryPrice{width: 75%; padding-left: 8px; }
.deliveryPrice > span{width: 100%; display: block; color: #acacac; font-size: 12px; margin-top: 8px; line-height: 1.4; }

.soldoutOption{background-color: #ccc; }
.optionBox .soldoutOption .optionTitle > h4{color: #797979; }
.cancelLine + span{display: inline-block; margin-left: 8px; font-size: 14px; color: #595959; vertical-align: top; }

.buyBtnBox{}
/*.buyBtnBox > *{width: 100%; height: 40px; font-size: 16px; text-align: center; border-radius: 4px; }*/
.buyBtnBox > li{border-radius: 4px; width: 49%; float: left; overflow: hidden; }
.buyBtnBox > li:first-child{margin-right: 2%; }
.buyBtnBox > li > button{width: 100%; height: 40px; font-size: 15px; text-align: center; font-weight: 500; }
.buyBtnBox > li > button > img{width: 20px; display: inline-block; vertical-align: bottom; margin-right: 6px; }
.buyBtnBox .cartBtn{background-color: #4285F4; color: #fff; }
.buyBtnBox .jjimBtn{background-color: #efefef; color: #595959; }
.buyBtnBox .agentBtn{background-color: #4285F4; color: #fff;display: none; }

.productBrand{width: 100%; max-width: 860px; margin: 20px auto; text-align: center; font-size: 0; }
.productBrand > div{border-radius: 20px; width: 100%; display: inline-block; background-color: #f5f5f5; margin-bottom: 12px; padding: 12px 8px; }
.productBrand > div > a{font-size: 16px; color: #333; font-weight: 700; vertical-align: middle; margin-right: 20px; }
.productBrand > div > label{padding: 8px 16px; color: #999; border: 1px solid #ccc; border-radius: 8px; display: inline-block; }
.productBrand > div > label > *{display: inline-block; vertical-align: middle; }
.productBrand > div > label > div{margin-right: 8px; }
.productBrand > div > label > div > i{font-size: 21px; }
.productBrand > div > label > div > p{font-size: 12px; }
.productBrand > div > label > p{font-size: 14px; }
.productBrand > ul{width: 100%; display: inline-block; }
.productBrand > ul > li{display: inline-block; width: 25%; border-right: 1px solid #ccc; }
.productBrand > ul > li:first-child{border-left: 1px solid #ccc; }
.productBrand > ul > li > div{padding: 8px 0; text-align: center; }
.productBrand > ul > li > div > h5{font-size: 14px; color: #595959; font-weight: 700; }
.productBrand > ul > li > div > h6{font-size: 24px; color: #B692FF; font-weight: 700; }
.productBrand > ul > li > div > h6 > span{font-size: 16px; }

.productInfor{width: 100%; position: relative; max-width: 1080px; margin: 0 auto 20px; padding-top: 80px; padding-bottom: 32px; }
.productInfor > div{/*border-bottom: 1px solid #efefef; */padding: 8px 0; }
.productInfor > .inforList{width: 100%; position: absolute; z-index: 300; top: 60px; left: 0; border-bottom: 0; padding: 0; }
.deliveryInfor{width: 100%; border-radius: 4px; margin-bottom: 8px; }
.deliveryInfor > li{width: 100%; margin-bottom: 8px; }
.deliveryInfor > li:last-child{margin-bottom: 0; }
.deliveryInfor > li > h5{color: #797979; font-size: 13px; font-weight: 700; width: 72px; }
.deliveryInfor > li > p{color: #333; font-size: 13px; }
.deliveryInfor > li > span{width: 100%; color: #acacac; font-size: 12px; display: block; }
#detailSatisfaction{margin-top: -4px; padding-right: 4px; }
#detailSatisfaction > span{background-image: url(/images/icon_grade.svg);background-position: left 0; background-repeat: no-repeat; width: 96px; height: 24px; position: relative; display: inline-block; background-size: 100px; vertical-align: middle; }
#detailSatisfaction > span > span{background-image: url(/images/icon_grade.svg);background-position: left -22px; background-repeat: no-repeat; width: 34%;height: 24px;position: absolute; z-index: 50; display: inline-block; background-size: 100px; }
#detailSatisfaction > strong{font-size: 15px; color: var(--main-color); font-weight: bold; vertical-align: middle; margin-left: 8px;}
.deliveryInfor > li.detailSatisfaction{}
.deliveryInfor > li.detailSatisfaction > p{position: relative; margin-top: -4px; }
.deliveryInfor > li.detailSatisfaction > p > span{background-image: url(/images/icon_grade.svg);background-position: left 0; background-repeat: no-repeat; width: 96px; height: 24px; position: relative; display: inline-block; background-size: 100px; vertical-align: middle; }
.deliveryInfor > li.detailSatisfaction > p > span > span{background-image: url(/images/icon_grade.svg);background-position: left -22px; background-repeat: no-repeat; width: 34%;height: 24px;position: absolute; z-index: 50; display: inline-block; background-size: 100px; }
.deliveryInfor > li.detailSatisfaction > p > span > img{height: 20px; -o-object-fit: cover; object-fit: cover; -o-object-position: bottom; object-position: bottom; }
.deliveryInfor > li.detailSatisfaction > p > strong{font-size: 15px; color: var(--main-color); font-weight: bold; vertical-align: middle; margin-left: 8px; }
.deliveryTime{font-weight: 700; color: #595959; }
.brandRatioDeliveryTime{color: #736598; font-weight: 700; }
.inforList > ul{text-align: center; font-size: 0; vertical-align: middle; }
.inforList > ul > li{border-right: 1px solid #acacac; display: inline-block; margin-right: 4px; padding-right: 4px; }
.inforList > ul > li:last-child{margin-right: 0; border-right: 0; padding-right: 0; }
.inforList > ul > li > button{background-color: transparent; border: 0; font-size: 12px; color: #999; }
.inforList > ul > li > button:hover{font-weight: 700; color: #595959; }
.inforList > ul > li.on > button{font-weight: 700; color: #595959; }
.inforNotice{max-height: 1080px; overflow: hidden; position: relative; }
.noticeInfor{margin: 20px auto; padding-bottom: 20px; border-bottom: 1px solid #efefef; white-space: normal; }
.noticeInfor > h5{color: #333; font-size: 14px; font-weight: bold; margin-bottom: 12px; }
.noticeInfor > ul{font-size: 0; }
.noticeInfor > ul > li{font-size: 0; vertical-align: middle; margin-right: 20px; margin-bottom: 4px; display: inline-block; }
/*.noticeInfor > ul > li:last-child{width: 100%; margin-right: 0; }*/
.noticeInfor > ul > li > h6{font-size: 12px; color: #333; display: inline-block; margin-right: 4px; font-weight: 500; }
/*.noticeInfor > ul > li:last-child > h6{display: block; margin-bottom: 4px; }*/
.noticeInfor > ul > li > h6::before{content: ''; width: 2px; height: 12px; display: inline-block; font-size: 0; margin-right: 4px; background-color: #212121; vertical-align: middle; margin-top: -2px; }
.noticeInfor > ul > li > p{font-size: 12px; color: #797979; display: inline-block; }
.noticeInfor > ul > li > pre{all: unset; font-size: 12px; }
.noticeInfor > ul > li > pre table{max-width: 100%; margin: 8px auto !important; }
.noticeInfor > ul > li > pre table th{border: 1px solid #dfdfdf; }
.noticeInfor > ul > li > pre table td{border: 1px solid #dfdfdf; }
.noticeSize{margin-bottom: 60px; }
.noticeSize > .announcementSize{font-size: 12px; color: #595959; margin: 4px auto; text-align: right; max-width: 860px; }
.noticeSize > table{width: 100%; max-width: 860px; margin: 0 auto; border-top: 1px solid var(--main-color); table-layout: fixed; }
.noticeSize > table tr{}
.noticeSize > table tr > td{border-bottom: 1px solid #efefef; font-size: 12px; font-weight: bold; text-align: center; padding: 12px 0; color: #595959; white-space: normal; }

/*  신발 사이즈 표  */
.noticeSize > .shoesSize{width: 100%; max-width: 860px; border: 1px solid #ccc;  margin: 0 auto; }
.noticeSize > .shoesSize > table{width: 100%; }
.noticeSize > .shoesSize > table *{text-align: center; vertical-align: middle; height: 40px; }
.noticeSize > .shoesSize > table thead{}
.noticeSize > .shoesSize > table thead tr:nth-of-type(2) *{border-bottom: 1px solid #ccc; }
.noticeSize > .shoesSize > table tbody{}
.noticeSize > .shoesSize > table th{font-size: 11px; font-weight: bold; color: #333; border: 1px solid #efefef; background-color: #fafafa; }
.noticeSize > .shoesSize > table td{font-size: 12px; color: #595959; border: 1px solid #efefef; }
/*  신발 사이즈 표  */
/*.noticeInfor2{display: none; margin: 80px auto; padding: 20px 0 16px; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; }
.noticeInfor2 > ul{text-align: center; font-size: 0; }
.noticeInfor2 > ul > li{font-size: 0; vertical-align: middle; margin-right: 20px; margin-bottom: 4px; display: inline-block; }
.noticeInfor2 > ul > li > h6{font-size: 12px; color: #333; display: inline-block; margin-right: 4px; font-weight: 500; }
.noticeInfor2 > ul > li > p{font-size: 12px; color: #797979; display: inline-block; }
.noticeTable{display: none; margin-top: 20px; border-bottom: 1px solid #ccc; }
.noticeTable > ul{font-size: 0; }
.noticeTable > ul > li{font-size: 0; vertical-align: top; width: 50%; margin-bottom: 12px; display: inline-block; border-top: 1px solid #efefef; padding-top: 12px; padding-left: 8px; }
.noticeTable > ul > li > h6{font-size: 12px; color: #333; display: block; margin-right: 8px; font-weight: 500; }
.noticeTable > ul > li > p{font-size: 12px; color: #797979; display: block; }*/
.noticeView{line-height: 1.5; }
.noticeView img{display: block; }
.noticeView *{margin: 0 auto; text-align: center; width: 100%; max-width: 860px; }
.noticeAddTextInfor{color: #797979;font-size: 13px;line-height: 1.4; max-width: 860px; margin: 40px auto; text-align: center; display: block; }
.addView{position: absolute; bottom: 0; width: 100%; height: 120px; background: linear-gradient(0deg, rgba(255,255,255,1) 70%, rgba(255,255,255,0) 100%); }
.addViewBtn{font-size: 15px;color: #595959;font-weight: 700;position: absolute;bottom: 36px;text-align: center;border: 0;background-color: transparent;left: 0;width: 100%; }
.addViewBtn > img{display: inline-block;margin: 0 auto;height: 20px;vertical-align: sub;margin-left: 4px; }

.otherOption{width: 100%; max-width: 1080px; margin: 0 auto 20px; padding: 0 8px; }
.otherOption h3{font-size: 16px; font-weight: 700; color: #333; }
.otherOption div{display: inline-block; }
.listUp{max-width: 1080px; }
.otherBtnP{width: 24px; height: 24px; border: 1px solid #ccc; }
.otherBtnN{width: 24px; height: 24px; border: 1px solid #ccc; }
.otherBtnP:after{transform: rotate(-45deg); content: ''; width: 8px; height: 8px; border-top: 1px solid #333; border-left: 1px solid #333; display: block; margin-left: 8px; margin-top: 6px; }
.otherBtnN:after{transform: rotate(45deg); content: ''; width: 8px; height: 8px; border-top: 1px solid #333; border-right: 1px solid #333; display: block; margin-left: 4px; margin-top: 6px; }

/*  옵션이 하나라도 품절일경우  */
#soldoutBox{background-color: rgba(0, 0, 0, .75); height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 4000; display: none; }
#soldoutBox > div{width: 100%; height: 100%; display: flex; align-items: center; }
#soldout{width: 95%; max-width: 1280px; margin: 0 auto; border-radius: 12px; background-color: #fff; box-shadow: 4px 4px 8px rgba(0,0,0,.2); padding: 20px 8px 8px; }
#soldout > h4{font-size: 14px; color: #595959; }
#soldout > h6{font-size: 16px; color: #333; font-weight: bold; margin: 2px auto 8px; }
#soldoutClose{padding: 0; margin-top: -4px; }
#soldoutClose > img{width: 32px; }
.openList{overflow: hidden; background-color: #f5f5f5; padding: 12px !important; border-radius: 8px; margin-bottom: 8px; }
.openList > h6{font-size: 14px; color: #333; font-weight: bold; cursor: pointer; }
.openList > h6 > img{float: right; width: 20px; transition: all ease .4s; }
.openList > h6 > img.on{transform: rotate(180deg); }
.openList > p{font-size: 13px; color: #595959; border-top: 1px solid #ccc; margin-top: 4px; padding-top: 8px; overflow: hidden; display: none; white-space: normal; }
.openList > p > span{font: inherit; margin-bottom: 8px; display: block; }
/*.listBox .swiper-button-next, .swiper-button-prev{margin-top: calc(-34px - (var(--swiper-navigation-size)/ 2)); }*/

@media all and (min-width: 480px){
    .inforList > ul > li{margin-right: 12px; padding-right: 12px; }
    .productDetail{width: 85%; }
    .noticeTable > ul > li{width: 33.333333%; padding-left: 12px; }
}
@media all and (min-width: 768px){
    .productDetail{padding: 60px 0; }
    .inforList > ul > li{margin-right: 20px; padding-right: 20px; }
    .productImgBox{width: 48%; }

    .productThumbnailImg{font-size: 0; }
    .productThumbnailImg > div{width: calc(100% / 6.4 * 5.4 - 1.2%); margin: 0; display: inline-block; }
    .productThumbnail{width: 100%; }
    .productThumbnail > li{width: 19.5%; margin-left: .5%; background-color: #ccc; float: left; border-radius: 4px; overflow: hidden; }
    .productThumbnail > li:first-child{margin-left: 0; }
    .imgDownload{width: 16%;height: 0; padding-bottom: 15.2%; margin: 0; margin-left: .666666%; display: inline-block; }
    .imgDownload a{}
    .imgDownload span{display: block; margin: 4px auto; }


    .productBrand{margin: 40px auto; }
    .productBrand > div{width: 24%; padding: 16px; }
    .productBrand > div > a{display: block; margin-bottom: 20px; margin-right: 0; }
    .productBrand > div > label{display: block; }
    .productBrand > ul{width: 76%; }
    .productBrand > ul > li{}
    .productBrand > ul > li:first-child{border-left: 0; }
    .productBrand > ul > li > div{padding: 20px 0; }
    .productBrand > ul > li > div > h5{}
    .productBrand > ul > li > div > h6{}
    .productBrand > ul > li > div > h6 > span{}

    .noticeAddTextInfor{font-size: 14px; }
    .productOptionBox{width: 40%; }
    .productOptionList{padding: 24px; }
    .productInfor > li > button{font-size: 14px; }

    .optionBox .optionTitle > h4{font-size: 14px;}
    .optionBox .optionTitle > h4 > span{font-size: 13px; }

    .openList{padding: 16px !important; border-radius: 12px; margin-bottom: 8px; }
    .openList > h6{font-size: 16px; }
    .openList > h6 > img{}
    .openList > p{font-size: 14px; }
    .openList > p > span{}

    .noticeSize{width: 100%; }
    .noticeSize > .shoesSize > table th{font-size: 12px; }
    .noticeSize > .shoesSize > table td{font-size: 14px; }
    .noticeInfor > h5{font-size: 16px; padding-left: 20px; }
    .noticeInfor{margin-top: 0; margin-bottom: 40px; }
    .noticeInfor > ul > li{margin: 0 20px 8px; }
    .noticeInfor > ul > li > h6{font-size: 13px; }
    .noticeInfor > ul > li > p{font-size: 13px; }
    .noticeInfor2{margin: 0; padding: 20px 0 12px; }
    .noticeInfor2 > ul > li{margin: 0 20px 8px; }
    .noticeInfor2 > ul > li > h6{font-size: 13px; margin-right: 8px; }
    .noticeInfor2 > ul > li > p{font-size: 13px; }
    .noticeTable{margin: 0; }
    .noticeTable > ul > li{width: 25%; }
    .noticeTable > ul > li > h6{font-size: 13px; }
    .noticeTable > ul > li > p{font-size: 13px; }

    #soldout{width: 98%; padding: 20px 20px 8px; }
    #soldout > h4{font-size: 16px; }
    #soldout > h6{font-size: 18px; }
}
@media all and (min-width: 1280px){
    .productDetail{width: 100%; }
    .inforList > ul > li{margin-right: 24px; padding-right: 24px; }
    #soldout{width: 100%; }
    .noticeTable > ul > li{width: 20%; }
}