shop.css

간단 설명

---

@charset "UTF-8";

/* 상품리스트 */
.products{padding:0 15px}
.products .bar{position:relative;height:40px;margin:10px 0}
.products .bar .text{line-height:40px;color:#333}
.products .controls .icon.check{margin-right:4px}
.products .controls .viewType{display:inline-block;position:absolute;right:0;top:0;border:1px solid #c6c6c6;border-radius:2px;background-color:#fff}
.products .controls .viewType:after{content:'';display:block;clear:both}
.products .controls .viewType button{float:left;width:40px;height:38px;padding:0;font:0/0 a}
.products .controls .viewType button:first-child{border-right:1px solid #c6c6c6;border-radius:2px 0 0 2px}
.products .controls .viewType .icon.list{margin-top:11px}
.products .controls .productFilter .row{display:table;width:100%;margin-top:0;padding-top:10px}
.products .controls .productFilter .row + .row{padding-top:5px}
.products .controls .productFilter .row .col1{display:table-cell;width:49%;height:auto;padding:0;box-sizing:border-box}
.products .controls .productFilter .checkbox,
.products .controls .productFilter .radio{position:relative;display:block;width:100%;height:100%}
.products .controls .productFilter .checkbox label,
.products .controls .productFilter .radio label{display:inline-flex;width:100%;height:100%;padding:0 10px;align-items:center;justify-content:space-between;box-sizing:border-box;letter-spacing:-.5px}
.products .controls .productFilter .checkbox label i,
.products .controls .productFilter .radio label i{display:none;flex:none;width:16px;height:11px;margin:0 0 0 4px;background-size:360px auto;background-position:-50px 0;background-image:url('/kr/m/static/images/common/icon_sprite.png');pointer-events:none}
.products .controls .productFilter .checkbox input[type='checkbox']:checked ~ label,
.products .controls .productFilter .checkbox input[type='radio']:checked ~ label,
.products .controls .productFilter .radio input[type='radio']:checked ~ label{color:#00b6f0}
.products .controls .productFilter .checkbox input[type='checkbox']:checked ~ label:after,
.products .controls .productFilter .checkbox input[type='radio']:checked ~ label:after,
.products .controls .productFilter .radio input[type='radio']:checked ~ label:after{content:'';display:block;position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border:1.5px solid #00b6f0}
.products .controls .productFilter .checkbox input[type='checkbox']:checked ~ label i,
.products .controls .productFilter .checkbox input[type='radio']:checked ~ label i,
.products .controls .productFilter .radio input[type='radio']:checked ~ label i{display:block}

.products .controls .productFilter .checkbox input[type='checkbox'] ~ span{position:absolute;left:inherit;right:10px;top:7px}
.products .controls .productFilter .checkbox input[type='checkbox']:checked ~ span{opacity:1;background-position:-50px 0}
.products .controls .productFilter .row .col2{display:table-cell;width:50%;padding-left:6px;vertical-align:top;box-sizing:border-box}
.products .controls .productFilter .select[data-value]:before{left:10px;text-align:left}

.products .card > li > div,
.products .list > li > div{position:relative;background-color:#fff;border:1px solid #e2e2e2;border-radius:2px}
.products .info{overflow:hidden;box-sizing:border-box}
.products .info .name{display:block}
.products .info .name a{height:45px;line-height:1.4;font-size:15px;color:#333;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;text-overflow:ellipsis;overflow:hidden}
.products .info .name .label{display:inline-flex;min-width:24px;height:15px;font-size:10px;color:#fff;line-height:1;text-align:center;justify-content:center;align-items:center;vertical-align:middle;border-radius:2px}
.products .info .name .label.limit{background-color:#97c98c}
.products .info .name .label.season{background-color:#928cc9}
.products .info .thumb img{width:100%}
.products .info .thumb a{display:block}
.products .info .new{position:absolute;z-index:1}
.products .info .disable{position:absolute;width:120px;height:120px;background-color:rgba(0,0,0,.5);border-radius:50%;text-align:center;overflow:hidden;box-sizing:border-box;pointer-events:none}
.products .info .disable.sm{width:82px;height:82px}
.products .info .disable .icon.soldOut01.md{margin-top:43px}
.products .info .disable .icon.soldOutH.md{margin-top:43px}
.products .info .disable .icon.soldOutC.md{margin-top:43px}
.products .info .disable .icon.sellOut01.md{margin-top:43px}
.products .info .tax{display:block;font-size:11px;color:#999}
.products .info .price{line-height:1.3}
.products .info .price dd{font-size:13px}
.products .info .price dd strong{font-size:17px;color:#333}
.products .info .price dd .primary{color:#00b6f0}
.products .row{position:relative;height:40px;margin-top:12px}
.products .row.quantity{padding-right:60px;float:right}
.products .row.quantity .btn{position:absolute;right:0;top:0;width:50px;padding:0}
.products .row.quantity .btn .icon.cart{vertical-align:text-top}
.products .info .row.options{float:right;max-width:55%}
.products .box.primary{height:40px;margin-top:12px;padding-top:9px;white-space:nowrap;font-size:14px;text-align:center;box-sizing:border-box}

.products .card:after{content:'';display:block;clear:both}
.products .card > li{float:left;width:50%;margin-bottom:6px;padding-right:3px;border-radius:2px;box-sizing:border-box}
.products .card > li:nth-child(2n){padding-right:0;padding-left:3px}
.products .card > li > div{padding-bottom:15px;box-sizing:border-box}
.products .card .info{position:relative}
.products .card .info .thumb{display:block;padding-top:100%}
.products .card .info .thumb a{position:absolute;left:0;top:0;right:0;text-align:center;overflow:hidden; margin-bottom:10px; box-sizing:border-box}
.products .card .info .fix{position:relative;height:139px;padding:0 15px;box-sizing:border-box}
.products .card .info .fix .row{position:absolute;right:0;bottom:0;left:0;display:block;width:auto;margin:0 15px;max-width:none}
.products .card .info .fix .row .col{display:block}
.products .card .info .name{display:block;height:38px;margin:8px 0 9px 0}
.products .card .info .name a{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;text-overflow:ellipsis;overflow:hidden}
.products .card .info .new{right:15px;top:10px;pointer-events:none}
.products .card .info .price dt{line-height:1.5;font-size:12px;margin-right:5px}
.products .card .info .price dd{display:block;font-size:13px;color:#666;line-height:1.2}
.products .card .info .price dd em{font-size:18px;color:#333}
.products .card .info .price.point em{color:#04a7e0}
.products .card .info .disable{left:50%;top:25px;margin-left:-60px}

.products .list{margin-bottom:9px}
.products .list > li{margin-bottom:6px}
.products .list > li > div{position:relative;height:135px;padding-left:130px;box-sizing:border-box}
.products .list.sm > li > div{height:120px;padding-left:120px}
.products .list.sm.expand > li > .body{min-height:116px;height:auto;padding-left:0;border-top:none}
.products .list.sm.expand .body .info{padding-left:120px}
.products .list.expand .footer{position:static;height:40px;margin:0;padding:0;border-top:none}
.products .list.expand .footer.row{display:table;width:100%;min-height:0}
.products .list.expand .footer.row .col{display:table-cell}
.products .list.expand .footer.row .col:first-child{border-left:none}
.products .list.expand .footer.row .col:first-child:last-child{width:100%}
.products .list.expand .footer.row .col:last-child:nth-child(2){width:50%}
.products .list.expand .footer.row .col:first-child:nth-last-child(2){width:50%}
.products .list.expand .footer.row .col:last-child:nth-child(3){width:33.3333%}
.products .list.expand .footer.row .col:first-child:nth-last-child(3){width:33.3333%}
.products .list.expand .footer.row .col:nth-child(2):nth-last-child(2){width:33.3333%}
.products .list.expand .footer.row .col .btn{width:100%;padding-top:1px;border:none;font-size:13px;color:#666;border-left:1px solid #e2e2e2;box-sizing:border-box}
.products .list.expand .footer.row .col:first-child .btn{border-left:none}

.products .list.least.expand > li > .body{min-height:auto;height:auto}
.products .list.least.expand .body{padding-left:0}
.products .list.least.expand .body .info{padding-left:0}
.products .list.least .info .fix{padding:13px}
.products .list.least .info .name{height:auto;max-height:45px}

.products .list .checkbox{position:absolute;left:7px;top:7px}
.products .list .info .new{left:70px;top:10px}
.products .list .info .thumb{position:absolute;left:8px;top:13px;width:150px;height:150px}
.products .list .info .thumb.resize{width:110px;height:110px}
.products .list .info .thumb.sm{width:100px;height:100px}
.products .list .info .thumb a{height:100%}
.products .list .info .fix{padding:13px 10px 0 0}
.products .list .info .name{height:45px;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;text-overflow:ellipsis;overflow:hidden}
.products .list .info .name .square{display:inline-block;margin-right:5px;padding:2px 2px 0;line-height:1.3;color:#999;border:1px solid #999;vertical-align:text-top;font-size:11px}
.products .list .info .name .square.single{color:#f9993b;border:1px solid #f9993b}
.products .list .info .name .square.center{color:#00b6f0;border:1px solid #00b6f0}
.products .list .info .reconts{float:left;margin-top:8px}
.products .list .info .price dt{line-height:1.5;margin-right:5px}
.products .list .info .disable{left:17px;top:25px;width:90px;height:90px}
.products .list .info .disable .icon.soldOut01{background-image:url('/static/images/common/icon_soldout01.png'); background-repeat:no-repeat;background-size:360px auto}
.products .list .info .disable .icon.soldOut01.md{width:64px;height:40px;margin-top:30px;background-position:0 0}
.products .list .info .disable .icon.soldOutTHH{background-image:url('/static/th/th-th/images/common/soldout_house.png'); background-repeat:no-repeat;background-size:360px auto}
.products .list .info .disable .icon.soldOutTHH.md{width:64px;height:40px;margin-top:30px;background-position:0 0}
.products .list .info .disable .icon.soldOutTHC{background-image:url('/static/th/th-th/images/common/soldout_center.png'); background-repeat:no-repeat;background-size:360px auto}
.products .list .info .disable .icon.soldOutTHC.md{width:64px;height:40px;margin-top:30px;background-position:0 0}
.products .list .info .disable .icon.soldOutTHH2{background-image:url('/static/th/en-th/images/common/soldout_house_en.png'); background-repeat:no-repeat;background-size:360px auto}
.products .list .info .disable .icon.soldOutTHH2.md{width:64px;height:40px;margin-top:30px;background-position:0 0}
.products .list .info .disable .icon.soldOutTHC2{background-image:url('/static/th/en-th/images/common/soldout_center_en.png'); background-repeat:no-repeat;background-size:360px auto}
.products .list .info .disable .icon.soldOutTHC2.md{width:64px;height:40px;margin-top:30px;background-position:0 0}
.products .list .info .disable .icon.sellOut01{background-image:url('/static/images/common/icon_soldout01.png'); background-repeat:no-repeat;background-size:360px auto}
.products .list .info .disable .icon.sellOut01.md{width:64px;height:40px;margin-top:30px;background-position:0 0}
.products .list .row.btns.rebtns{float:right;width:56%}

.products .list .info .price strong{font-size:17px}
.products .list .total{padding:0 15px;margin-top:11px}
.products .list .total dl{height:35px;line-height:36px;padding:0 10px;margin-top:2px;overflow:hidden}
.products .list .total dl:after{content:'';display:block;clear:both}
.products .list .total dl dt{float:left;width:37px;text-align:left}
.products .list .total dl dd{float:left;font-size:13px}
.products .list .total dl dd.sum{float:right;line-height:35px}
.products .list .total dl dd.sum strong{font-size:15px}
.products .list .total dl dd.sum .equals{margin-right:18px}
.products .list .total dl dd .mark{margin:0 10px}
.products .list .btn.remove{position:absolute;right:5px;top:5px;padding:10px}
.products .list .icon.remove{vertical-align:top}
.products .list .right{position:absolute;right:15px;top:85px;font-size:13px}
.products .list.sm .right{top:81px}
.products .list .right:after{content:'';display:block;clear:both}
.products .list .right dt{float:left;font-size:13px;margin-right:4px}
.products .list .right dd{float:left;font-size:13px}
.products .list .head{border-bottom:none;border-radius:0}
.products .list .head:after{content:'';display:block;clear:both}
.products .list.sm > li > .head,
.products .list .head{height:45px;min-height:0;padding:10px;background-color:#f3f9fb;box-sizing:border-box}
.products .list .head .state{padding:2px 8px 2px 8px;margin-right:5px;background-color:#94999f;color:#fff;border-radius:17px}
.products .list .head .state.primary{background-color:#52d3fc}
.products .list .head .code a{color:#333;font-size:15px}
.products .list .head time{float:right;padding-top:3px;font-size:12px;color:#999}
.listHappo{font-weight:bold}

.products .list > li > div.mconstant{height:166px}
.products .list > li > div.mconstant .info .reconts{margin-top:0;float:none}
.products .list > li > div.mconstant .row.btns{width:100%}
.products .list > li > div.mconstant .info .thumb{top:28px}

.products .list .footer{position:absolute;left:0;right:0;bottom:0;height:40px;border-top:1px solid #e2e2e2;box-sizing:border-box}
.products .list .footer.telEdit{padding:0 15px;line-height:40px;font-size:13px}
.products .list .footer.telEdit:after{content:'';display:block;clear:both}
.products .list .footer.telEdit .col{float:left;color:#333}
.products .list .footer.telEdit .col:last-child{float:right}
.products .list .footer.telEdit .col .btn{color:#666;vertical-align:baseline}
.products .list .footer.telEdit .col .btn .icon.arrowBottom{margin-left:8px;margin-top:5px;vertical-align:top}

.products .sm .thumb{left:7px;width:100px;height:100px}

.favorite .products .list > li > div{height:116px;padding-left:0}
.cart .products .list > li > div{height:203px;padding-left:0}
.favorite .products .list .info .thumb,
.cart .products .list .info .thumb{margin-left:32px}
.favorite .products .list .disable,
.cart .products .list .disable{left:48px;top:17px}
.favorite .products .list .info,
.cart .products .list .info{padding:13px 15px 0 150px}
.favorite .products .info .name a,
.cart .products .info .name a{padding-right:20px}

.reserve .products .list > li > div{height:200px;padding-left:123px}
.reserve .products .list .info .thumb{left:10px}

.rowQuantity{display:table;table-layout:fixed;padding:0 15px;width:100%;box-sizing:border-box}
.rowQuantity .col{display:table-cell;width:51px}
.rowQuantity .col.select{display:table-cell;width:auto;padding-right:5px}

.price{}
.price:after{content:'';display:block;clear:both}
.price dt{float:left ;color:#333;font-size:13px;line-height:1.8}
.price dd{float:left;color:#333}

.price dt.primary02{color:#ff0000}
.price dd.primary02{color:#ff0000}

/* 상품상세 */
.product #footer{bottom:70px}
.product.mobile #footer{bottom:0}
.product .slider{padding-top:83.3333%}
.product .slider .slick-slider{position:absolute;top:0;right:0;bottom:0;left:0}
.product .slider .slick-track,
.product .slider .slick-list{height:100%}
.product .slider .slick-list .item{padding-top:0}
.product .slick-slide .imageWrap{position:absolute;top:0;right:0;left:0;text-align:center;white-space:nowrap;height:100%}
.product .slick-slide .imageWrap:after{content:'';vertical-align:middle;display:inline-block;height:100%}
.product .slick-slide .imageWrap img{vertical-align:middle;position:static;display:inline-block;max-width:100%;width:auto;max-height:100%;height:auto}
.product .row.btns.floating{height:70px;margin-bottom:0;padding:0 10px;border-top:1px solid #eaebed}
.product .row.btns.floating .col{padding-top:10px;padding-bottom:10px}
.product .row.btns.floating .reserveGuide{position:absolute;left:0;top:0;right:0;bottom:0;margin:10px;background-color:#f3f9fb;text-align:center;color:#333;font-size:13px}
.product .row.btns.floating .verticalCenter{height:49px;min-height:0}
.product .row.btns.floating .verticalCenter .alignItem{padding:0 5px}
.product .row.btns.floating .reserveGuide em{font-weight:bold}
.product .row.btns.floating .icon.cart2{margin-right:7px}
.product .tab span{width:33.3333%}
.product .detail{background-color:#fff}
.product .detail .icon.new{position:absolute;right:20px;top:20px;pointer-events:none}
.product .detail .info{padding:10px 15px 7px;border-top:1px solid #e1e1e6}
.product .detail .info .name{display:block;margin-bottom:6px;font-size:18px;color:#333}
.product .detail .info .name .label{display:inline-flex;min-width:24px;height:15px;font-size:10px;color:#fff;line-height:1;text-align:center;justify-content:center;align-items:center;vertical-align:middle;border-radius:2px}
.product .detail .info .name .label.limit{background-color:#97c98c}
.product .detail .info .name .label.season{background-color:#928cc9}
.product .detail .info dl{height:22px}
.product .detail .info dl dt,
.product .detail .info dl dd{line-height:1.8;display:inline-block;float:none}
.product .detail .info dl dt{font-size:13px;vertical-align:top;min-width:100px}
.product .detail .info dl dd{margin-top:-3px}
.product .detail .info dl:nth-of-type(1) dd{margin-top:-9px;vertical-align:baseline}
.product .detail .info dl:nth-of-type(1) dd strong{font-size:23px;color:#333}
.product .detail .info .price dd strong{font-size:17px}
.product .detail .info .document dd{font-size:14px}
.product .detail .info .table.infos .price strong{font-size:23px}
.product .detail .info .table.infos .pricepv strong{font-size:17px}
.product .detail .info .table.infos .infods{vertical-align:top;padding-top:2px}
.product .detail .disable{position:absolute;left:50%;top:50%;padding-left:50%;padding-bottom:50%;text-align:center;border-radius:50%;background-color:rgba(0,0,0,.5);box-sizing:border-box;pointer-events:none;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
.product .detail .disable .icon.soldOut01{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
.product .detail .disable .icon.soldOutTHH{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
.product .detail .disable .icon.soldOutTHC{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
.product .detail .disable .icon.soldOutTHH2{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
.product .detail .disable .icon.soldOutTHC2{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
.product .detail .disable .icon.sellOut01{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
.product .detail .row.btns{border-top:1px solid #e1e1e6}
.product .detail .row.btns .col:first-child{border-right:1px solid #e1e1e6}
.product .detail .row.btns.margin.borderNo{padding:0;margin:0 0}
.product .detail .zoomDecu{font-size:12px;color:#333;margin-bottom:15px}
.product .tab{border-top:1px solid #e1e1e6}
.product .icon.share{margin-right:7px;margin-top:-1px}
.product .icon.like{margin-right:7px}
.product .tabContent{display:none;overflow:hidden}
.product .tabContent.detail{padding:15px;border-bottom:1px solid #e1e1e6;overflow:hidden}
.product .summary{background-color:#fff}
.product .summary .row.btns{padding:15px 0}
.product .summary .row.btns.margin.borderNo{padding:15px 0 0;margin:0 0}
.product .summary .zoomDecu{font-size:12px;color:#333;margin-bottom:15px}
.product .summary .info ul{padding-bottom:1px}
.product .summary .info ul li{margin-bottom:10px;font-size:12px}
.product .summary .info .row.btns .col{padding-left:5px}
.product .summary .info .row.btns .col:first-child{padding-left:0}
.product .summary .info .row.btns .col .btn{padding:0 10px}
.review .guide .icon.star,
.product .summary .info .icon.star{margin-top:1px;vertical-align:text-top}
.product .tabContent.active{display:block}
.product .products .card > li > div{padding-bottom:0}
.product .products{padding-top:10px}
.product .starRating{margin-bottom:10px;border-top:1px solid #e1e1e6;border-bottom:1px solid #e1e1e6;background-color:#fff}
.product .starRating .grade{height:50px;padding-top:15px;text-align:center;box-sizing:border-box}
.product .starRating .grade .state{display:inline-block;position:relative;width:76px;height:13px;background-image:url('/static/images/common/star_rating.png');background-position:0 0;background-repeat:no-repeat;background-size:360px auto}
.product .starRating .grade .state span{position:absolute;left:0;top:0;bottom:0;background-image:url('/static/images/common/star_rating.png');background-position:0 -25px;background-repeat:no-repeat;background-size:360px auto}
.product .starRating .row.score{display:table;width:100%;box-sizing:border-box}
.product .starRating .row.score .col{display:table-cell;width:33.3333%;height:38px;padding-top:10px;text-align:center;border-left:1px solid #e2e4e6;border-top:1px solid #e2e4e6;box-sizing:border-box}
.product .starRating .row.score .col:first-child{border-left:none}
.product .starRating .row.score .col:after{content:'';display:block;clear:both}
.product .starRating .row.score .col em{color:#333}
.product .starRating .row.score .col dt{font-size:13px;display:inline-block;vertical-align:top;line-height:1.5}
.product .starRating .row.score .col dd{display:inline-block; font-size:15px;vertical-align:top;line-height:1.267}
.product .guide{padding:15px;background-color:#fff}
.product .guide .title.sub{margin-top:20px}
.product .guide .box.primary{padding:15px}
.product .guide .box.primary dl + dl{margin-top:10px}
.product .guide .view th{height:25px;padding:10px;color:#000;vertical-align:top}
.product .guide .view td > p,
.product .guide .view li{text-indent:-10px;padding-left:10px;margin-top:10px}
.product .guide .view p:first-child,
.product .guide .view li:first-child{margin-top:0}
.product .guide .view li p{text-indent:0;margin-top:10px}
.product .guide .view li p:first-of-type{margin-top:0}
.product .guide .view li .btnShipping{display:inline-block;color:#00b6f0;text-align:left;text-indent:0}
.product .guide .view td > p,
.product .guide .view small,
.product .guide .view p strong{color:#666}

.product .prodetail img + img{margin-top:15px}

.product .noData.product{margin-top:0;margin-bottom:0;padding-top:151px;padding-bottom:15px}
.product .noData.product:after{top:40px}

/* 장바구니, 찜한상품*/
#body.favorite{padding-bottom:180px}
#body.cart{padding-bottom:140px}
#body.favorite .fixBottom .fixContent,
#body.cart .fixBottom .fixContent{bottom:60px;padding-bottom:0;margin-bottom:16px}
#body.favorite .floating,
#body.cart .floating{z-index:100}
.favorite .controls,
.cart .controls{position:relative;padding:20px 15px 14px;color:#333}
.favorite .controls label,
.cart .controls label{vertical-align:middle}
.favorite .controls label:after,
.cart .controls label:after{content:'';display:inline-block;border-right:1px solid #c6c6c6}
.favorite .controls label strong,
.cart .controls label strong{position:relative;padding-left:13px}
.favorite .controls label strong:before,
.cart .controls label strong:before{content:'';display:inline-block;position:absolute;left:0;top:1px;height:14px;margin:0 9px 0 4px;border-left:1px solid #c6c6c6}
.favorite .controls .btn,
.cart .controls .btn{position:absolute;right:15px;top:10px}

.cart .products .list li.disabled .body{height:116px}
.cart .products .list li.disabled .state{display:inline-block;height:17px;padding:0 2px;line-height:16px;position:absolute;right:15px;bottom:15px;font-size:11px;color:#00b6f0;border:1px solid #00b6f0;box-sizing:border-box}
 
.favorite .row.btns.floating, .cart .row.btns.floating{height:70px;margin-bottom:0;padding:0 10px;border-top:1px solid #eaebed;border-bottom:1px solid #eaebed;bottom:60px}
.favorite .row.btns.floating .col, .cart .row.btns.floating .col{padding-top:10px;padding-bottom:10px}

.totalPrice{ margin:0 15px;border:2px solid #707780;border-radius:2px}
.totalPrice > div{padding:15px 0;background-color:#fff}
.totalPrice .head{height:45px;padding:5px 0 0;background-color:#707780;text-align:center;font-size:16px;color:#fff;text-align:center;box-sizing:border-box}
.totalPrice .head span:{display:inline-block}
.totalPrice .head span:first-child{position:relative}
.totalPrice .head span:first-child:after{content:'';display:inline-block;margin:0 5px 0 5px;height:13px;border-left:1px solid #8d9299}
.totalPrice .head span strong{font-size:21px;color:#2dcdff}
.totalPrice .body{padding:15px}
.totalPrice .body hr{margin:15px 0}
.totalPrice .body .price dt{font-size:14px;color:#333}
.totalPrice .body .price dd{float:right;font-size:14px;color:#333;text-align:right}
.totalPrice .body .price dd em{font-size:17px}
.totalPrice .body .sum dt strong{font-size:16px}
.totalPrice .body .sum dd{font-size:16px}
.totalPrice .body .sum dd strong{font-size:21px}

/* 예약상품 */
.reserve .margin{padding:15px}
.reserve .products .list .row,
.reserve .products .box.primary{margin-top:6px}

/* 쇼핑몰 메인 */
#body.shopMain{padding-bottom:216px}
.shopMain .bar{height:90px}
.shopMain .category{position:relative;white-space:nowrap;background-color:#fff;text-align:center;border-bottom:1px solid #e2e2e2}
.shopMain .category ul{overflow-x:auto;overflow-y:hidden;font:0/0 a;/*width:84%;margin:0 auto*/}
.shopMain .category ul:after{content:'';display:block;clear:both}
.shopMain .category li{display:inline-block;font-family:sans-serif}
.shopMain .category li:first-child{margin-left:0}
.shopMain .category li a{display:block;position:relative;min-width:65px;height:75px;padding:58px 5px 0;font-size:13px;color:#333;background-color:#fff;box-sizing:border-box}
.shopMain .category li.active a{color:#00b6f0;font-weight:bold;border-bottom:3px solid #00b6f0}
.shopMain .category li a:after{content:'';display:block;position:absolute;left:50%;top:0;background-image:url('/static/images/common/shop_category_icon.png');background-repeat:no-repeat;background-size:440px auto}
.shopMain .category li.all a:after{width:30px;height:28px;top:13px;margin-left:-15px;background-position:0 0}
.shopMain .category li.hemohim a:after{width:32px;height:27px;top:13px;margin-left:-16px;background-position:-40px 0}
.shopMain .category li.health a:after{width:21px;height:28px;top:13px;margin-left:-10px;background-position:-80px 0}
.shopMain .category li.beauty a:after{width:23px;height:33px;top:11px;margin-left:-11px;background-position:-120px 0}
.shopMain .category li.hairBody a:after{width:24px;height:34px;top:13px;margin-left:-12px;background-position:-160px 0}
.shopMain .category li.living a:after{width:24px;height:25px;top:18px;margin-left:-12px;background-position:-200px 0}
.shopMain .category li.food a:after{width:26px;height:30px;top:13px;margin-left:-13px;background-position:-240px 0}
.shopMain .category li.communication a:after{width:20px;height:30px;top:13px;margin-left:-10px;background-position:-280px 0}
.shopMain .category li.fashion a:after{width:36px;height:28px;top:17px;margin-left:-18px;background-position:-400px 0}
.shopMain .category li.toSet a:after{width:21px;height:31px;top:14px;margin-left:-10px;background-position:-368px 0}
.shopMain .category li.all.active a:after{background-position:0 -40px}
.shopMain .category li.hemohim.active a:after{background-position:-40px -40px}
.shopMain .category li.health.active a:after{background-position:-80px -40px}
.shopMain .category li.beauty.active a:after{background-position:-120px -40px}
.shopMain .category li.hairBody.active a:after{background-position:-160px -40px}
.shopMain .category li.living.active a:after{background-position:-200px -40px}
.shopMain .category li.food.active a:after{background-position:-240px -40px}
.shopMain .category li.communication.active a:after{background-position:-280px -40px}
.shopMain .category li.fashion.active a:after{background-position:-400px -40px}
.shopMain .category li.toSet.active a:after{background-position:-368px -40px}

.shopMain .slider{padding-top:55.27777777777778%;border-bottom:1px solid #e2e2e2}

/* 좌우 nav 컨포넌트 */
.shopMain .category .navStyle button{position:absolute;top:0;width:24px;height:74px;font:0/0 a;/*background-color:rgba(255,255,255,1);*/}
.shopMain .category .navStyle button.prev{left:0;width:35px;text-align:left;padding-left:12px;background:#fff;background:linear-gradient(to right,rgba(255, 255, 255,1),rgba(255, 255, 255,0.95),rgba(255,255,255,0.1))}
.shopMain .category .navStyle button.next{right:0;width:35px;text-align:right;padding-right:12px;background:#fff;background:linear-gradient(to right,rgba(255, 255, 255,0.1),rgba(255, 255, 255,0.95),rgba(255,255,255,1))}
.shopMain .category .navStyle button:after{content:'';display:inline-block;width:10px;height:16px;background-image:url('/static/images/common/icon_sprite.png');background-position:-97px -50px;background-repeat:no-repeat;background-size:360px auto}
.shopMain .category .navStyle button.prev:after{background-position:-89px -50px}
.shopMain .category .navStyle button.next.going:after{background-position:-122px -50px}
.shopMain .category .navStyle button.prev.going:after{background-position:-114px -50px}
.shopMain .category .navStyle button.bhide{display:none}

.shopMain .notice.fixBottom{bottom:171px}
.shopMain .notice .fixContent{position:relative;height:35px;padding-left:75px;padding-right:45px;overflow:hidden;background-color:#90969e}
.shopMain .notice h3{position:absolute;left:15px;top:0;width:61px;font-size:13px;font-weight:bold;color:#fff;line-height:35px;box-sizing:border-box}
.shopMain .notice div a{display:inline-block;max-width:100%;height:35px;line-height:35px;color:#fff;font-size:13px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;box-sizing:border-box}
.shopMain .notice .slick-slide{height:35px;box-sizing:border-box}
.shopMain .notice .new{position:relative;padding-right:26px;white-space:nowrap}
.shopMain .notice .new:after{content:'';display:inline-block;width:16px;height:16px;-webkit-transform:translateY(50%);transform:translateY(50%);vertical-align:top;background-image:url('/static/images/common/icon_new.png'); background-position:-50px 0;background-repeat:no-repeat;background-size:360px auto;background-position:0 0}
.shopMain .notice .btn{position:absolute;right:0;top:0;width:40px;height:35px;background-color:#707780}
.shopMain .notice .btn .icon.plus2{margin:12px 0 0 0;vertical-align:top}

.shopMain.categoryProduct .bar{height:141px}

/* 통신상품 목록 */
#body.shopMain.mobile{padding-bottom:182px}
.shopMain.mobile .bar{height:40px}
.shopMain.mobile .slider{padding-top:27.22222222222222%;border-bottom:1px solid #e2e2e2;overflow:hidden}
.shopMain.mobile .btn .arrowBottom2{margin-left:8px;vertical-align:middle}

/* 통신상품 상세 */
.product.mobile .selectOption .select{margin-top:10px}
.product.mobile .detail .total{margin:10px 0;padding:15px 8px 2px;border:2px solid #707780;border-radius:2px}
.product.mobile .detail .total hr{margin:0 0 15px}
.product.mobile .detail .total dl{padding:0 5px}
.product.mobile .detail .total dl:first-child{margin-top:0}
.product.mobile .detail .total dl dt{color:#333;line-height:1.3}
.product.mobile .detail .total dl dd{float:right;font-size:13px;line-height:1.3}
.product.mobile .detail .total dl:nth-child(1) dd{margin-top:-3px}
.product.mobile .detail .total dd span,
.product.mobile .detail .total dd strong{font-size:17px}
.product.mobile .detail .total .sum dt{font-size:16px}
.product.mobile .detail .total .sum dd strong{font-size:21px}
.product.mobile .detail .total + .bullet{margin-bottom:7px}
.product.mobile  .tabContent{padding-bottom:0}

/* 자동완성 검색 */
.search .head{height:40px;padding:11px 0 0 15px;background-color:#fff;border-bottom:1px solid #e9eaec;box-sizing:border-box}
.search .head h2{font-weight:bold;color:#00b6f0 ;font-size:14px}
.search .popular li a{display:block;height:41px;padding:10px 15px;font-size:14px;color:#333;background-color:#fff;border-top:1px solid #e9eaec;box-sizing:border-box}
.search .popular li:first-child a{border-top:none}
.search .icon.basket{margin-right:5px;vertical-align:sub}
.search .noData.bubble{margin:0;padding:165px 0 100px}
.search .noData.bubble:after{top:100px}
.search .noData.search{margin:0;padding:210px 0 100px}
.search .noData.search:after{top:100px}
.search .noData.search p{margin-bottom:10px}
.search .noData.search small{display:block;font-size:13px;color:#666}

.autocomplete{display:none;margin-bottom:10px;background-color:#fff;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.1);box-shadow:0 1px 1px rgba(0,0,0,.1)}
.autocomplete.active{display:block}

.autocomplete .head{display:none}
.autocomplete .head:after{content:'';display:block;clear:both}
.autocomplete .head .text{float:left}
.autocomplete .head .groupBtn{float:right}

.autocomplete.history .head{display:block}
.autocomplete.history .head h2{float:left}
.autocomplete.history .head .btns{float:right;margin-right:15px;line-height:1.3}
.autocomplete.history .head .btns .btn{color:#7f8792;font-size:13px;vertical-align:text-top;height:18px;box-sizing:border-box}
.autocomplete.history .head .btns .col{display:inline-block}
.autocomplete.history .head .btns .col:first-child{position:relative;padding-right:9px;margin-right:4px}
.autocomplete.history .head .btns .col:first-child:after{content:'';display:inline-block;position:absolute;right:0;top:3px;height:12px;border-left:1px solid #e9eaec}
.autocomplete.history .searchList li{position:relative;padding-right:45px}
.autocomplete.history .searchList li a{display:block;overflow:hidden;height:40px;padding:8px 0 0 15px;color:#333;background-color:#FFF;font-size:14px;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box}
.autocomplete.history .searchList li a p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.autocomplete.history .searchList li .btn{position:absolute;right:15px;top:10px}

.autocomplete.suggest .searchList li > div{position:relative;height:60px;padding-right:85px;background-color:#fff;border-bottom:1px solid #e9eaec;box-sizing:border-box}
.autocomplete.suggest .searchList li a{display:block;height:100%;padding:8px 0 0 15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box}
.autocomplete.suggest .searchList li a .name em{font-weight:bold;color:#00b6f0;vertical-align:baseline}
.autocomplete.suggest .searchList li a .code{display:block}
.autocomplete.suggest .searchList li > div > .btn{position:absolute;right:15px;top:10px;bottom:0;width:55px;padding:0}
.autocomplete.suggest .searchList .btn .icon.cart2{vertical-align:top;-webkit-transform:translateY(9px);transform:translateY(9px)}
.autocomplete.suggest .searchList .info{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.autocomplete.suggest .searchList .noData{padding:20px 0;text-align:center;background-color:#fff}

#body.search .products{position:relative;padding-bottom:20px}
#body.search .products .btnMore{margin-bottom:0}

/* 내 상품평 */
.reviews .board > p{margin-bottom:5px}

/* 상품평 작성 */
.review{padding:15px;background-color:#fff}
.review .guide{color:#666;font-size:12px}
.review .guide + .guide{margin-top:10px}
.review .product{position:relative;height:116px;margin-top:15px;margin-bottom:5px;border:1px solid #e2e2e2;border-radius:2px;background-color:#fff}
.review .product .info{padding:13px 15px 13px 122px}
.review .product .info .thumb{display:block;position:absolute;left:7px;top:7px}
.review .product .info .thumb.sm{width:100px;height:100px}
.review .product .info .name{display:block;height:40px;margin-bottom:5px;color:#333;font-size:15px;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;text-overflow:ellipsis;overflow:hidden}
.review .product .info .price{line-height:1.3}
.review .product .info .price strong{font-size:17px}
.review .starRating dl{margin-top:10px}
.review .starRating dl:after{content:'';display:block;clear:both}
.review .starRating dl dt{float:left;height:24px;font-size:14px;color:#333;padding:3px 15px 0;border-radius:12px;box-sizing:border-box}
.review .starRating dl dd{float:left;color:#f99b3b;font-size:15px}
.review .starRating dl .evaluate{margin:-1px 12px 0}
.review .starRating dl .evaluate button{width:23px;height:23px;font:0/0 a;vertical-align:top; background-image:url('/static/images/common/star_rating.png');background-position:-100px 0;background-repeat:no-repeat;background-size:360px auto}
.review .starRating dl .evaluate button.active{background-position:-100px -25px}
.review .starRating dl dd.result{position:relative;padding-left:18px;line-height:1.7}
.review .starRating dl dd.result:after{content:'';display:inline-block;width:13px;height:10px;position:absolute;left:0;top:8px;background-image:url('/static/images/common/icon_sprite.png');background-position:-175px 0;background-repeat:no-repeat;background-size:360px auto}

.review .board{margin-top:15px}
.review .board .write textarea{height:185px;margin-top:10px}
.review .row.btns.margin{padding:15px 0}

/* 주문서 */
.buy{padding-bottom:70px}
.buy .accordion .head button{position:relative;width:100%;height:56px;padding:0 35px 0 15px;border-bottom:1px solid #e2e2e2;background-color:#FFF;box-sizing:border-box}
.buy .accordion .head button:after{content:'';display:inline-block;position:absolute;right:15px;top:25px;width:10px;height:6px;background-image:url('/static/images/common/icon_sprite.png');background-position:-160px -10px;background-repeat:no-repeat;background-size:360px auto;-webkit-transition:-webkit-transform .2s ease-in;transition:transform .2s ease-in}
.buy .accordion .active .head button:after{background-position:-160px 0;-webkit-transform:translateY(-1px) rotate(180deg);transform:translateY(-1px) rotate(180deg)}
.buy .accordion .totalInfo .head button .em{font-size:15px}
.buy .accordion .head dl dt{float:left;font-size:17px}
.buy .accordion .head dl dd{float:right}
.buy .accordion .active .head dl dt{color:#00b6f0}
.buy .accordion .active .head dl dd{display:none}
.buy .accordion .head dl dd .sub{display:inline-block;max-width:135px;-webkit-transform:translateY(2px);transform:translateY(2px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;color:#333}
.buy .accordion .head .itemCount{position:relative}
.buy .accordion .head .itemCount strong,
.buy .accordion .head .itemCount span{vertical-align:top}
.buy .accordion .head .itemCount .sub{max-width:110px}
.buy .accordion .head .count{display:none}
.buy .accordion .head .itemCount .count{display:inline-block;font-size:12px;-webkit-transform:translateY(2px);transform:translateY(2px)}
.buy .accordion > li > section{display:none;padding:0 15px 15px;border-bottom:1px solid #e2e2e2}
.buy .accordion > li.active > section{display:block;background-color:#f6f6f8}
.buy .accordion > li .products{padding-top:15px}
.buy .table{border-top:none}
.buy .table .bullet{display:inline-block;margin-top:7px;line-height:1.4;font-size:12px;color:#666}
.buy .table p.bullet{margin-top:8px}
.buy .table tbody th{height:55px;padding:0}
.buy .table tbody td{padding:10px 5px;background-color:transparent}
.buy .table tbody td.inText{vertical-align:middle}
.buy .table tbody tr:last-child th, 
.buy .table tbody tr:last-child td{border-bottom:none}
.buy .table .row.cell2 .col{display:inline-block;width:38%}
.buy .table .row.cell2 .select[data-value]:before{left:10px}
.buy .cardForm .table .row.cell2 .col{display:table-cell;width:48%}
.buy .box.gray{padding:15px;margin-top:10px;font-size:12px}
.buy .box.gray li + li{margin-top:5px}
.buy .delivery .tab{width:290px;margin:0 auto;padding-top:15px}
.buy .delivery .tab span a{background-color:#f6f6f8}
.buy .delivery .tab.type2 span.active a{background-color:#707780}
.buy .delivery .tabContent .noData{padding:25px 0 20px}
.buy .delivery .controlstop{text-align:center;padding:13px 0 0px;white-space:nowrap}
.buy .delivery .controlstop .col{color:#333;white-space:nowrap;padding-left:5px}
.buy .delivery .controlstop .col:first-child{padding-left:0}
.buy .delivery .controlstop .col label{font-size:14px;letter-spacing:-0.25px;vertical-align:bottom}
.buy .delivery .controlstop .row.disabled .radio,
.buy .delivery .controlstop .col.disabled .radio{background-color:#ececec;border-color:#dadada}
.buy .delivery .controlstop .row.disabled label,
.buy .delivery .controlstop .col.disabled label{color:#adadad}
.buy .delivery .controlstop .guide{white-space:normal}
.buy .delivery .controls{text-align:center;padding:13px 0 15px;margin-bottom:3px;border-bottom:1px solid #707780;white-space:nowrap}
.buy .delivery .controls .col{color:#333;white-space:nowrap;padding-left:5px}
.buy .delivery .controls .col:first-child{padding-left:0}
.buy .delivery .controls .col label{font-size:14px;letter-spacing:-0.25px;vertical-align:bottom}
.buy .delivery .controls .row.disabled .radio,
.buy .delivery .controls .col.disabled .radio{background-color:#ececec;border-color:#dadada}
.buy .delivery .controls .row.disabled label,
.buy .delivery .controls .col.disabled label{color:#adadad}
.buy .delivery .controls .guide{white-space:normal}
.buy .delivery .history{margin-top:15px}
.buy .delivery .history li{padding:15px 0;border-bottom:1px solid #e2e2e2}
.buy .delivery .history li a{text-align:left}
.buy .delivery .history li a span{display:block;font-size:13px;color:#333}
.buy .delivery .history li a .name{margin-bottom:5px;color:#000;font-size:15px}
.buy .delivery .checkHappo span.checkbox{margin-top:7px}
.buy .delivery .checkHappo input{display:inline-block;width:84%;float:right}
.buy .delivery .checkHappo input:after{content:'';display:block;clear:both}
.buy .delivery .happoText{padding-left:0}
.buy .delivery .happoText span:first-child{color:#010101}
.buy .delivery .happoText .checkbox{left:5%}
.buy .delivery .tdText{padding:0 0 10px !important}
.buy .delivery .tdText .box.gray, .buy .delivery .tdText ul li{margin-top:0 !important}
.buy .delivery .tdText span input{margin:5px 0 10px}
.buy .email .checkbox{margin-right:5px}
.buy .payment{position:relative}
.buy .payment ul.btns{margin-left:-6px;padding-top:15px}
.buy .payment .btns:after{content:'';display:block;clear:both}
.buy .payment .btns li{float:left;width:50%;padding-left:6px;margin-bottom:6px;box-sizing:border-box}
.buy .payment .btns li .btn{width:100%;line-height:1.5;color:#333;padding:0}
.buy .payment .btns li .btn small{display:block;font-size:11px;color:#666}
.buy .payment .btns li.active .btn{border:2px solid #00b6f0}
.buy .payment .btns li.active .btn small{color:#dbdcde}
.buy .payment .date .icon.calendar{position:absolute;right:10px;top:10px}
.buy .payment .btns li.item5 .btn{font-size:13px}
.buy .payment .btns li.item7{width:100%}
.buy .payment .btns li .btn .icon.payment.kpay{margin-top:2px}

.buy .areaPaymentVAccounts .controls{text-align:left;padding:0 0 15px;white-space:nowrap}
.buy .areaPaymentVAccounts .controls .col{color:#333;white-space:nowrap;padding-left:5px}
.buy .areaPaymentVAccounts .controls .col:first-child{padding-left:0}
.buy .areaPaymentVAccounts .controls .col label{font-size:14px;letter-spacing:-0.25px;vertical-align:bottom}
.buy .areaPaymentVAccounts .controls .col.disabled .radio{background-color:#ececec;border-color:#dadada}
.buy .areaPaymentVAccounts .controls .col.disabled label{color:#adadad}
.buy .areaPaymentVAccounts .reaPayments .controls{padding:13px 0 15px}
.buy .areaPaymentVAccounts .reaPayments .controls span.col{margin-right:9px}

.buy .payment .row.btns{margin-top:10px}
.paymentChange .row.bar,
.buy .payment .row.bar{height:47px;border-top:1px solid #707780;border-bottom:1px solid #707780;box-sizing:border-box}
.paymentChange .row.bar:after,
.buy .payment .row.bar:after{content:'';display:block;clear:both}
.paymentChange .row.bar .numbering,
.buy .payment .row.bar .numbering{float:left;line-height:47px;font-size:14px;color:#000;font-weight:bold}
.paymentChange .row.bar .btn,
.buy .payment .row.bar .btn{float:right;margin-top:7px}
.buy .payment fieldset:nth-of-type(1) .row.bar{border-top:none}
.buy .accordion > li > section.amount{padding-top:15px}
.buy .amount .total{padding:2px}
.buy .amount .total .head{padding:10px 11px}
.buy .amount .total .head:after{content:'';display:block;clear:both}
.buy .amount .total .head dt{float:left;color:#fff;font-size:16px}
.buy .amount .total .head dd{float:right;color:#fff;font-size:16px;line-height:25px;height:25px}
.buy .amount .total .head dd strong{color:#f9993b;font-size:21px}
.buy .amount .total .body{padding:16px 12px;color:#333;background-color:#fff}
.buy .amount .total .body dl + dl{margin-top:9px}
.buy .amount .total .body dl:after{content:'';display:block;clear:both}
.buy .amount .total .body dt{font-size:13px;line-height:1.8;float:left}
.buy .amount .total .body dd{float:right;font-size:14px}
.buy .amount .total .body dd strong{font-size:17px}
.buy .amount .detail{padding:17px 9px 17px;margin-top:10px;font-size:14px;border:1px solid #c9c9c9;border-radius:2px;background-color:#fff}
.buy .amount .detail hr{margin:10px 0 17px}
.buy .amount .detail dl{padding:0 5px}
.buy .amount .detail dl + dl{margin-top:10px}
.buy .amount .detail dl:after{content:'';display:block;clear:both}
.buy .amount .detail dl dt{float:left;color:#333}
.buy .amount .detail dl dd{float:right;color:#333}
.buy .amount .detail dl dd strong{font-size:17px;color:#333}
.buy .agreement{padding:0 15px;background-color:#fff}
.buy .agreement div{padding:15px 0}
.buy .agreement div:after{content:'';display:block;clear:both}
.buy .agreement div p{margin-bottom:7px}
.buy .agreement div .btn{float:right}
.buy h3{margin-top:20px;font-size:16px;font-weight:bold;color:#333;border-bottom:1px solid #707780}
.buy label + .radio{margin-left:9px}
.buy .row.btns.margin{padding-bottom:15px}

.buy .row.btns.btnScroll{height:70px;margin-bottom:0;padding:0 10px;border-top:1px solid #eaebed;border-bottom:1px solid #eaebed}
.buy .row.btns.btnScroll .col{padding-top:10px;padding-bottom:10px}

/* 주문완료 */
.buyDone{background-color:#fff}
.buyDone > section{margin-top:20px}
.buyDone .guide .box{padding:18px 10px;text-align:center;font-size:14px}
.buyDone .guide .box .text01{font-size:17px;padding-bottom:5px}
.buyDone .guide .box .text03{color:#666}
.buyDone .guide .box .text03 em{color:#000}
.buyDone .title.sub{margin-bottom:4px}
.buyDone .bullet{margin-top:10px}

.buyDone .row.sides:after{content:'';display:block;clear:both}
.buyDone .row.sides .title{float:left}
.buyDone .row.sides .itemCount{float:right;position:relative}
.buyDone .row.sides .itemCount span{display:inline-block;vertical-align:top;line-height:1}
.buyDone .row.sides .itemCount .count{display:inline-block;font-size:12px;-webkit-transform:translateY(6px);transform:translateY(6px)}
.buyDone .row.sides .itemCount .count .sub{max-width:140px;display:inline-block; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;color:#333}

/* 결제완료 */
.paymentDone{background-color:#fff}
.paymentDone > section{margin-top:20px}
.paymentDone .guide .box{padding:18px 10px;text-align:center;font-size:14px}
.paymentDone .guide .box .text01{font-size:17px;padding-bottom:5px}
.paymentDone .guide .box .text02{color:#666}
.paymentDone .guide .box .text02 em{color:#000}
.paymentDone .title.sub{margin-bottom:4px}

.paymentDone .row.sides:after{content:'';display:block;clear:both}
.paymentDone .row.sides .title{float:left}
.paymentDone .row.sides .itemCount{float:right;position:relative}
.paymentDone .row.sides .itemCount span{display:inline-block;vertical-align:top;line-height:1}
.paymentDone .row.sides .itemCount .count{display:inline-block;font-size:12px;-webkit-transform:translateY(6px);transform:translateY(6px)}
.paymentDone .row.sides .itemCount .count .sub{max-width:140px;display:inline-block; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;color:#333}

/* 주문조회 */
.orders .price dt{width:60px}
.orders .products .select{margin:10px 0}
.orders #dateOptionLayer .body ul{border-top:2px solid #e2e2e2}
.orders #dateOptionLayer .body ul li{text-align:center}
.orders #dateOptionLayer .body ul li button{width:100%;padding:10px 0}
.orderDetail{padding-bottom:20px;background-color:#fff}
.orderDetail .product{padding-top:15px}
.orderDetail .section div{margin-top:20px}
.orderDetail .section .bullet{margin-top:10px}

#body.orderDetail .table.view tbody td small{display:block;font-size:12px;color:#666}
.orderDetail .product .list{position:relative;background-color:#fff;border:1px solid #e2e2e2;border-radius:2px}
.orderDetail .products .list.sm .body{position:relative;height:116px;padding-left:120px}
.orderDetail .products .list.sm .body .price dt{width:60px;line-height:1.6}
.orderDetail .products .list.sm .body .price dd{line-height:1.2}
.orderDetail .products .list.sm .footer{border-top:1px solid #e2e2e2}
.orderDetail .products .list.sm.expand .body{min-height:116px;height:auto;padding-left:0}
.orderDetail .products .list.sm .flexible .body{min-height:116px;height:auto}
.products .list .info .option{margin-bottom:5px;font-size:13px;color:#333}
.products .list .info .option:after{content:'';display:block;clear:both}
.products .list .info .option .col{position:relative;float:left;margin-left:7px;padding-left:7px}
.products .list .info .option .col.price{line-height:1.1;vertical-align:top}
.products .list .info .option .col.price dd{line-height:1.1}
.products .list .info .option .col:after{content:'';display:inline-block;position:absolute;left:0;top:3px;height:11px;border-left:1px solid #e2e2e2}
.products .list .info .option .col:first-child{padding-left:0;margin-left:0}
.products .list .info .option .col:first-child:after{content:none}
.products .list .flexible .info .fix{padding-bottom:12px}

.orderDetail .products.accordion{max-height:42px;overflow:hidden}
.orderDetail .products.accordion.active{max-height:inherit}
.orderDetail .products.accordion .controls{margin-top:1px;margin-bottom:6px}
.orderDetail .products.accordion .controls .btn{position:relative}
.orderDetail .products.accordion .controls .btn:after{content:'';display:inline-block;width:10px;height:6px;margin-left:5px;background-image:url('/static/images/common/icon_sprite.png'); background-position:-160px 0;background-size:360px auto;-webkit-transition:-webkit-transform .2s ease-in;transition:transform .2s ease-in}
.orderDetail .products.accordion.active .controls .btn:after{-webkit-transform:rotate(180deg);transform:rotate(180deg)}

/* 나의 애터미몰 */
.orderHistory .guide{padding-top:15px}
.orderHistory .products .controls .select{position:absolute;right:87px;top:0;width:125px}

.delivery .products{margin-top:15px}
.delivery .price dt{width:60px}
.delivery .icon.delivery ,
.orders .icon.delivery{margin-left:5px;margin-bottom:1px;vertical-align:sub}
.product .icon.delivery{margin-left:5px;margin-top:-1px;vertical-align:middle}
.orders .icon.close{margin-left:5px}

.dialog.search .layout + .dim{top:50px;bottom:61px;height:auto}
.dialog.search .layout .dialogClose{top:17px}

/* 옵션 선택 :list */
.list.options li{ border-bottom:1px solid #e2e2e2;box-sizing:border-box}
.products .list.options .list > li > div{border:0}
.list.options li label{ display:table-cell;padding-right:10px;vertical-align:middle;font-size:13px;box-sizing:border-box}
.list.options li .btns{  display:table-cell;width:108px;margin:0;text-align:right;vertical-align:middle}
.products .list.options .info .row.btns, 
.products .list.options .info .row.options{float:none;max-width:none}
.list.options .info .option .col{float:none}
.list.options li .row.quantity .btn{ top:50%;transform:translateY(-50%)}
.list.options li .btns.soldOut .btn{font-size:12px;line-height:initial}
.products .list.options .info .option .col.select:first-child:after{content:'';left:inherit;top:50%;height:auto;border-left:4px solid transparent}
.list.options .info{display:table;width:100%;table-layout:fixed}
.list.options .info .img{position:relative;display:table-cell;width:70px;padding:5px 20px 5px 0}
.list.options .info .thumb{position:static;max-width:110px}
.list.options .info .fix{display:table-cell;width:100%;padding:0;vertical-align:middle}
.list.options .info .option{display:table;width:100%;padding:10px 0 10px 15px;margin:0;color:#333;font-size:13px;box-sizing:border-box}
.list.options .info .product-name{display:block;margin-bottom:5px;font-size:15px;word-break:break-word}
.list.options .info .product-option{word-break:break-word}
.list.options .info .disable{ width:55px;height:55px;left:7px}
.list.options .info .disable .icon.soldOut01.sm,
.list.options .info .disable .icon.soldOutTHH.sm,
.list.options .info .disable .icon.soldOutTHC.sm,
.list.options .info .disable .icon.soldOutTHH2.sm,
.list.options .info .disable .icon.soldOutTHC2.sm,
.list.options .info .disable .icon.soldOut02.sm {margin:0;background-size:240px auto;width:45px;height:30px}
.dialog.cart .body{max-height:70%;max-height:70vh;overflow-y:auto}

/* 배송지 관리 CA */
.shippingManagement .guide{ padding:15px;background-color:#fff;border-bottom:1px solid #d8d9db}
.shippingTools{margin-top:15px}
.shippingTools .bar{height:auto;margin:15px 0 10px;padding:15px 0 0 0;color:#333;border-top:1px solid #707780}
.list.history{margin-top:15px}
.buy .delivery .list.history li,
.list.history li{margin-bottom:6px;padding:0;border-bottom:none}
.list.history li .head{min-height:45px;padding:10px;background-color:#f3f9fb;box-sizing:border-box;border:1px solid #e2e2e2;border-bottom:none}
.list.history li .head .state{float:right;padding:2px 8px 2px 8px;margin-right:5px;background-color:#00b6f0;color:#fff;border-radius:17px}
.list.history li .body{position:relative;padding:13px;background-color:#fff;border:1px solid #e2e2e2;box-sizing:border-box}
.list.history li .footer{position:static;display:table;width:100%;height:40px;margin:0;padding:0;background-color:#fff;border:1px solid #e2e2e2;border-top:none;box-sizing:border-box}
.list.history li .footer .btn{line-height:1}
.list.history li .footer.row .col{display:table-cell}
.list.history li .footer.row .col:first-child{border-left:none}
.list.history li .footer.row .col:first-child:last-child{width:100%}
.list.history li .footer.row .col:last-child:nth-child(2){width:50%}
.list.history li .footer.row .col:first-child:nth-last-child(2){width:50%}
.list.history li .footer.row .col:last-child:nth-child(3){width:33.3333%}
.list.history li .footer.row .col:first-child:nth-last-child(3){width:33.3333%}
.list.history li .footer.row .col:nth-child(2):nth-last-child(2){width:33.3333%}
.list.history li .footer.row .col .btn{width:100%;padding-top:1px;border:none;font-size:13px;color:#666;border-left:1px solid #e2e2e2;box-sizing:border-box}
.list.history li .footer.row .col:first-child .btn{border-left:none}