/* Minification failed. Returning unminified contents.
(331,24): run-time error CSS1030: Expected identifier, found ' '
 */
@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 {}
.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.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 .select {}
.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 {/*padding:0 15px;*/}
.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 {}
.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 .row {}
.products .card .info .disable {left:50%; top:25px; margin-left:-60px;}

.products .list {margin-bottom:9px;}
.products .list > li {margin-bottom:6px; /*padding:0 15px;*/}
.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 {}
.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 {}
.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.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 {}
.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;}
.reserve .products .list .info .name {}

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

/* 상품상세 */
.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:nth-of-type(1) dt {line-height:2.3;}*/
.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.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 .info .fix {height:105px;}*/
.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:last-child {}
.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.fashion a:after {width:32px; height:25px; top:16px; margin-left:-16px; background-position:-320px 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;/*background-image:none;background-color:none*/}
/*.shopMain .category .navStyle button{position:absolute;top:22px;width:24px;height:32px;font:0/0 a;background-color: rgba(255,255,255,0.93);border:1px solid red}
.shopMain .category .navStyle button.prev {left:0;}
.shopMain .category .navStyle button.next {right:0;}
.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 .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 a {}
.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 {}
.product.mobile .selectOption {}
.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 {}
.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 {}
.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 {/*vertical-align:baseline;*/}
.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 {}
.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.item7 .btn {padding:4px 3px 0; vertical-align:middle; line-height:1.2; font-size:13px;}
.buy .payment .btns li.item7 .btn .icon {background-size:352px auto; background-position:-142px 0;}*/

.buy .payment .btns li .btn .icon.payment.inipay {}
.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{/*text-align:center !important;*/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 {}
.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.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;}