/* member */ .member-wrap {box-sizing:border-box;} .member-wrap nav p strong {display:block; margin-bottom:5px; line-height:var(--font16L); font-size:var(--font16);} .member-wrap nav .box {margin:25px -20px 0;} .member-wrap nav .box p {margin-top:0 !important;} .member-wrap section {margin-top:60px; box-sizing:border-box;} .member-wrap section .link-terms {float:right; color:var(--tory_gray_50) !important;} .member-wrap section .link-terms u {font-size:var(--font12); border-color:var(--tory_gray_50);} .member-wrap section > div input[type=checkbox] + label, .member-wrap section > div input[type=radio] + label {margin-right:24px; font-size:var(--font13);} /* #196676 20230224 */ .member-wrap section > .btn-wrap button.h_50 {margin-top:35px;} .member-wrap section .notice-membership {margin:25px auto 0; width:484px;} .member-wrap section .notice-membership h3 {line-height:var(--font16L); text-align:center; font-size:var(--font16); font-weight:600;} .member-wrap section .notice-membership dl{margin:20px 5px 0;}/* #196676 20230225 10:07 */ .popup .inner .notice-membership {margin-top:30px;} .popup .inner .notice-membership h4 {margin-top:25px; line-height:var(--font14L); font-size:var(--font14); font-weight:600;} .popup .inner .notice-membership li a{margin:0; width:100%;} .member-wrap .tabs > div {margin-top:30px;} main .member-wrap section .mini-width{margin:0 auto;} /* 회원가입 / 회원정보 수정 */ .member-wrap > nav > p {margin-top:30px;} .member-wrap > nav + section {margin-top:40px;} .member-wrap .join-wrap .field-form {margin-top:30px; display:flex; flex-wrap:wrap; justify-content: space-between;}/* #196676 20230225 09:29 */ .member-wrap .join-wrap .field-form.flex{width:765px;}/* #196676 20230225 09:24 */ /* #234158 */ .member-wrap .join-wrap .terms-list.marketing-terms > ul > li > .preview > .field-form{padding-left:20px;} /* #266166 : 20250305 */ .member-wrap .join-wrap .terms-list.marketing-terms > ul > li{padding-bottom:30px;} .member-wrap .join-wrap .terms-list.marketing-terms + .terms-list{margin-top:0;} /* //#266166 : 20250305 */ .member-wrap .join-wrap .field-form.flex span{display:inline-block; width:225px;} /* //#234158 */ /* 회원가입 완료 */ .member-wrap .completion > img {margin:70px auto 25px;} .member-wrap .completion > p {margin-top:0; line-height:var(--font16L); font-size:var(--font16);} .member-wrap .completion > p strong {display:inline-block;} .member-wrap .completion > button {margin-top:50px; width:335px;} /* #239628:20240524 */ .member-wrap .completion .marketing-agree-result{width:484px; margin:30px auto 0; padding:23px 30px 30px; box-sizing: border-box; border:1px solid var(--tory_gray_10); text-align: left; font-size:var(--font14); line-height:var(--font14L); font-weight: normal;} .member-wrap .completion .marketing-agree-result p{margin-bottom:15px;} .member-wrap .completion .marketing-agree-result .agree{margin-top:5px;} .member-wrap .completion .marketing-agree-result .disagree{margin-top:5px; color:var(--tory_gray_50)} /*//#239628:20240524*/ .join-wrap div + h4 {margin-top:30px;} .join-wrap .terms-list + h4 {margin-top:60px;} .join-wrap .terms-list .preview dl{margin:32px 5px 0;} .join-wrap .field-form > div {display:inline-block; margin:0 0 30px; width:484px; box-sizing:border-box; vertical-align:top;}/* #196676 20230307 */ .join-wrap .field-form > .half {width:100%;} .join-wrap .field-form > .half > button {width:484px; margin-bottom:0px;} .join-wrap .field-form > button {display:inline-block; width:484px; vertical-align:top; margin-bottom:30px;} .join-wrap .field-form > button + button {margin-left:52px;} .join-wrap .field-form > div:nth-child(even) {margin-left:48px;} .join-wrap .field-form > .half ~ div:nth-child(even) {margin-left:0px; margin-right:52px;} .join-wrap .field-form > .half ~ div:nth-child(odd) {margin-right:0px;} .join-wrap .field-form + .btn-wrap {margin-top:50px; margin-left: auto; margin-right: auto;} /* #214374:20230828 */ .join-wrap .field-form.flex + .btn-wrap {margin:50px auto 60px;} /* #196578: 20230226 */ .join-wrap .expiry-date + .field-form.flex + .btn-wrap {margin-top:60px;}/* #196676 20230307 */ .join-wrap .drop-down {margin-top:40px;} .join-wrap .drop-down + .drop-down {margin-top:60px;} .join-wrap .drop-down > p { padding-top:5px; line-height:var(--font14L); font-size:var(--font14);} .join-wrap .drop-down > p > label {font-weight:600;} .join-wrap .drop-down > ul {border-top:0px;} .join-wrap .drop-down > ul > li {border-top:1px solid var(--tory_gray_10);} .join-wrap .drop-down > ul > li .title {font-weight:400; padding:25px 20px 32px; font-size:var(--font13); line-height:var(--font13L);}/* #196676 20230225 09:55 */ .join-wrap .drop-down > ul > li .preview {border-top:0px;} .join-wrap .drop-down .title > p {font-weight:400; margin:0px;} .join-wrap .drop-down > ul > li.on .title > p{font-weight:400;}/* #196676 20230225 10:05 */ .join-wrap .drop-down + .btn-wrap{margin:30px auto 0;} .join-wrap .drop-down > ul > li .preview dl{margin:32px 0 0;} .join-wrap .drop-down > ul > li .title:after {width:14px; height:14px; background:url(../images/icon-plus.svg) center center no-repeat; transform: unset;}/* #196676 20230225 10:03 */ .join-wrap .drop-down > ul > li.on .title:after{background:url(../images/icon-minus.svg) center center no-repeat;}/* #196676 20230225 10:05 */ .join-wrap .terms-list {margin-top:30px;} .join-wrap .mini-width {margin:0;} .join-wrap .terms-list > p {font-weight:600; font-size:var(--font14); padding-bottom:36px;} .join-wrap .terms-list > ul > li {padding-bottom:30px;} .join-wrap .terms-list > ul > li:last-child {padding-bottom:0px;} .join-wrap .terms-list .content .terms {display:none; max-height:150px; overflow-y:auto; margin-top:26px; font-size:var(--font13); line-height:var(--font13L);} /* #192915: 20230209 start */ .join-wrap .terms-list .content .terms .terms {display:block !important; margin:0; max-height:none;} .join-wrap .terms-list .content .terms .cntTlt {margin:25px 0 10px; line-height:var(--font13L); font-size:var(--font13); font-weight:600;} .join-wrap .terms-list .content .terms > dt {margin:25px 0 10px; line-height:var(--font13L); font-size:var(--font13); font-weight:600; color:var(--tory_black);} .join-wrap .terms-list .content .terms > dd {line-height:var(--font13L); font-size:var(--font13); color:var(--tory_black);} .join-wrap .terms-list .content .terms > dd:before {display:none;} .join-wrap .terms-list .content .terms > dd ul li {margin-top:4px;} .join-wrap .terms-list .content .terms > dd ul li p + ul {margin-top:15px;} .join-wrap .terms-list .content .terms .hidden {display:none;} .join-wrap .terms-list .content .terms .agreeContents dt {line-height:var(--font13L); font-size:var(--font13); font-weight:600; color:var(--tory_black);} .join-wrap .terms-list .content .terms .agreeContents dd + dt {margin-top:17px;} .join-wrap .terms-list .content .terms .agreeContents li, .join-wrap .terms-list .content .terms .agreeContents dd {line-height:var(--font12L); font-size:var(--font12); font-weight:400; color:var(--tory_black);} .join-wrap .terms-list .content .terms .agreeContents dd:before {display:none;} .join-wrap .terms-list .content .terms .box-grey {line-height:var(--font12L); font-size:var(--font12); font-weight:400; color:var(--tory_black);} .join-wrap .terms-list .content .terms .tbl_board { width: 100%; border-bottom: 1px solid #e1e1e1; } .join-wrap .terms-list .content .terms .tbl_board th, .join-wrap .terms-list .content .terms .tbl_board td { padding: 10px 0; text-align: left; border-top:1px solid #d4d4d4; font-weight: normal; line-height: 30px; box-sizing:border-box; white-space:nowrap;} .join-wrap .terms-list .content .terms .tbl_board th {padding: 16px 0 15px 20px; background: #f0f0f0; color: #2b2b2b; font-size: 12px; vertical-align: top; font-weight: bold;} .join-wrap .terms-list .content .terms .tbl_board td {vertical-align: middle; padding: 10px 20px; width:100%;} .join-wrap .terms-list .content .terms .tbl_board tr:first-child td{border-top:0;} /* #192915: 20230209 end */ .join-wrap .terms-list .title {position:relative; font-size:var(--font14);} .join-wrap .terms-list .title .remote {position:absolute; top:0; right:20px; font-size:12px; color:var(--tory_gray_50); padding-right:16px;} .join-wrap .terms-list .title .remote:after {content:''; display:block; position:absolute; top:3px; right:0; width:14px; height:14px; margin-left:5px; background:url(../images/sprite.svg#plus-sm-usage) center center no-repeat; opacity:.5;}/* #196676 20230307 */ .join-wrap .terms-list .title .remote.on:after {background:url(../images/sprite.svg#minus-usage) center center no-repeat; background-size:7px;} .join-wrap .expiry-date {margin:30px 0 15px;}/* #196296 20230222 */ main .member-wrap section .join-wrap .mini-width{margin:0;} .join-wrap .terms-list > ul > li > .preview > .field-form {margin-top:20px;} .join-wrap .terms-list > ul > li > .preview > .field-form:first-child{display: block;} .join-wrap .terms-list > ul > li > .preview > .field-form label {font-size:var(--font14);} .join-wrap .terms-list ~ .field-form label {font-size:var(--font14);} .join-wrap > .btn-wrap {margin:60px auto; width:484px;} /* 쇼핑혜택 수신동의 */ .drop-down.consent-receive ul > li {border:0;} .drop-down.consent-receive ul > li .title {padding:0; font-size:var(--font14); line-height:var(--font14L);}/* #196676 20230225 10:10 */ .drop-down.consent-receive ul > li .title p{font-weight:600; color:var(--tory_black);} .drop-down.consent-receive > ul > li .preview {padding: 20px 0 0;} .drop-down.consent-receive > ul > li .preview .flex {flex:100; font-size:var(--font14); line-height:var(--font14L);}/* #193991 20230207 *//* #196676 20230225 10:12 */ .drop-down.consent-receive .title::after{display: none;} .drop-down.consent-receive .title a{position: absolute; top: 0; right: 20px; font-size: 12px; color: var(--tory_gray_50); padding-right: 16px;} .drop-down.consent-receive .title a::after{ content: ''; display: block; position: absolute; top: 5px; right: 0; width: 14px; height: 14px; background: url(../images/sprite.svg#plus-sm-usage) center center no-repeat;opacity: .5;} .drop-down.consent-receive li.on .title a:after{background: url(../images/sprite.svg#minus-usage) center center no-repeat; background-size: 7px;} /* 로그인 */ .member-wrap > nav > h2 {margin-top:60px;line-height:var(--font40L);font-size:var(--font40);} .member-wrap > nav > h3 {margin-top:60px;line-height:var(--font20L);font-size:var(--font20);} /* #196676 20230225 */ .member-wrap .link-member {display:flex; margin-top:25px;} .member-wrap .link-member > a {position:relative; flex:100; text-align:center; line-height:var(--font14L); font-size:var(--font14);} .member-wrap .link-member > a:nth-child(2):after {display:block; position:absolute; content:""; width:100%; height:14px; margin-top:-16px; border:1px solid var(--tory_gray_15); border-top:0; border-bottom:0;} .member-wrap .field-pass + .field-check {margin-top:25px; font-size:var(--font13);} /* #196676 20230307 */ .member-wrap .field-check + .btn-wrap {margin-top:30px;} .member-wrap .field-guest {margin-top:25px; border-top:1px solid var(--tory_gray_10);} .member-wrap .field-guest > p {margin:25px 0 30px; line-height:var(--font16L); text-align:center; font-size:var(--font16);} /* id/pass 찾기 */ .member-wrap .result > li {line-height:22px;} .member-wrap .result > li * {font-family:'Noto Sans KR';} .member-wrap .result > li + li {margin-top:5px;} .member-wrap .result > li > span {font-size:var(--font16);} .member-wrap .result > li > span + em {color:var(--tory_gray_70); font-size:var(--font14); float:right;} .tabs .field-text + .btn-wrap {margin-top:30px;} .tabs .field-form + h5 {margin-top:30px; font-weight: normal;} .tabs .field-form + h5 + .field-form {margin-top:30px;} .tabs.find-userinfo > .tab {width:auto; height:30px; justify-content:center;} /* #196676 20230307 */ .tabs.find-userinfo > .tab > li {display:inline-flex; flex:none;} .tabs.find-userinfo > .tab > li > a {width:auto; margin:0 30px; padding:5px 0; color:var(--tory_gray_50);} .tabs.find-userinfo > .tab > li.on > a {color:var(--tory_black);} .member-wrap.result-wrap > nav p {font-size:var(--font16); line-height:var(--font16L);} .member-wrap.result-wrap > nav + section {margin-top:30px;} .member-wrap.result-wrap .box {padding:25px 20px;} .member-wrap.result-wrap .btn-wrap {margin-top:30px;} .member-wrap.result-wrap .btn-wrap button + button {margin-left:30px;} .fine-account-form h5 {margin-top:30px; font-weight:400;} /* #196676 20230307 */ /* 비밀번호변경 팝업 */ .popup .inner > h1 + p + .field-form {margin-top:30px;} /* 회원탈퇴 */ .member-wrap .withdraw {margin-top:30px;} .member-wrap .withdraw li {padding:12px; line-height:16px; border-bottom:1px solid var(--tory_gray_10);} .member-wrap .withdraw li > label {display:inline-block; width:180px;} /* #196676 20230307 */ .member-wrap .withdraw li > span{padding-left:15px;}/* #196676 20230225 09:51 */ .member-wrap .withdraw .message {margin-top:25px; line-height:21px; text-align:center; font-size:var(--font16);} .member-wrap .withdraw + h4 {margin-top:60px;} .member-wrap .withdraw + h4 + .field-form .notice{margin-top:25px;} .member-wrap .withdraw ~ .btn-wrap + .notice{margin-top:25px;} /* #194223:20230209 */ .member-wrap .withdraw + .btn-wrap{margin-top:50px;} .member-wrap .select-box.h_50 > input {padding:15px;} /* #196676 20230307 */ /* 주문/결제 */ .order-wrap nav.blind + section {margin-top:0;} .order-wrap section {margin:60px auto 0 !important; max-width:1250px; box-sizing:border-box;} .order-wrap .buy-guest {margin-top:30px; color:var(--tory_black); font-size:var(--font14); line-height: var(--font14L);} .order-wrap section> form {display:inline-block;} .order-wrap .order-bill {display:inline-block; width:633px; vertical-align:top;} /* #196541: 20230224 start */ .order-wrap .order-bill .certify button.bk {margin:30px auto;} .order-wrap .order-bill .certify + .field-check label {color:var(--tory_black);} .order-wrap .order-bill .certify + .agree-terms .field-check label {color:var(--tory_black);} /* #256990 : 20241119 */ .order-wrap .order-bill .field-form .order-addr p.field-check {margin-top:15px;} .order-wrap .order-bill .field-form .order-addr p.field-check + .select-box {margin-top:20px;} .order-wrap .order-bill h4.gift + .field-check {margin-top:30px;} .order-wrap .order-bill hr + h4 + .field-form {margin-top:20px;} .order-wrap .order-bill .field-form .bill-list {font-size:var(--font15);} .order-wrap .order-bill .field-form .pay-list {margin-bottom:12px;} .order-wrap .order-bill .field-form .pay-list + .pay-with + .field-check > label {line-height:29px;} .order-wrap .order-bill .field-form .pay-list + .pay-with th, .order-wrap .order-bill .field-form .pay-list + .pay-with td {font-size:13px; line-height:var(--font13L);} .order-wrap .order-bill .field-form .pay-list > div > input {position:static; width:auto; height:auto; opacity:1;} .order-wrap .order-bill .field-form .pay-list > div > label {display:inline; height:auto; border:0; padding:7px 8px;} .order-wrap .order-bill .field-form .pay-list > div > label span {line-height:var(--font15L);} /* #196541: 20230224 end */ .order-wrap .order-list {display:inline-block; margin-left:128px; padding:30px 20px; width:485px; vertical-align:top; border:1px solid var(--tory_gray_10); box-sizing:border-box;} /* #196541: 20230224 */ .order-wrap .order-list .drop-down > ul {border-top:0;} .order-wrap .order-list .drop-down > ul > li > .title {font-size:var(--font14);} .order-wrap .order-list .drop-down > ul > li.on > .title > p > em, .order-wrap .order-list .drop-down > ul > li.on > .title > p > span {display:none;} .order-wrap .order-list .drop-down > ul > li > .title > p {display:flex; justify-content:right;} .order-wrap .order-list .drop-down > ul > li > .title > p > label {position:absolute; left:20px;} .order-wrap .order-list .drop-down > ul > li > .title > p > em {text-align:right;} .order-wrap .order-list .drop-down > ul > li > .title > p .name {display:block; float:right; margin-right:10px; width:calc(100% - 70px); height:24px; word-break:break-all; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden;} .order-wrap .order-list .drop-down > ul > li:not(.on) {background-color:var(--tory_gray_00); border-bottom:0;} .order-wrap .order-list .drop-down > ul > li.on {border-bottom: 1px solid var(--tory_gray_10);} .order-wrap .order-list .drop-down > ul > li.on .content {padding-bottom:35px;} .order-wrap .order-list .product-table > ul > li {margin-top:35px;} /* #196541: 20230224 */ .order-wrap .order-list .product-table > ul > li > .inform {margin-left:20px;} /* #196541: 20230224 */ .order-wrap .order-list .product-table > ul > li > .inform .note {margin-top:2px;} /* #196541: 20230224 */ .order-wrap .field-check {color:var(--tory_gray_50); line-height: var(--font14L); font-size:var(--font14);} .order-wrap .note-check-box {margin-top:25px;} .order-wrap .note-check-box input {margin-top:-20px;} .order-wrap .note-check-box label {line-height: var(--font15L); font-size:var(--font15); color:var(--tory_black);} .order-wrap.complete-order nav { margin-bottom:-20px;} .order-wrap.complete-order nav h3 {margin-top:30px; margin-bottom:0px;} .order-wrap.complete-order nav h3 + p {margin-top:5px; font-size:var(--font16);font-weight: bold;} .order-wrap.complete-order nav h3 + p + p {margin-top:10px;} .order-wrap.complete-order nav + section h4 {font-size:var(--font20); margin-bottom:30px;} /* #196541: 20230224 start */ .order-wrap.complete-order .wide-width .field-form .box {padding:30px;} .order-wrap.complete-order .wide-width .field-form .order-addr {margin-top:30px;} .order-wrap.complete-order .wide-width .field-form .bill-list {font-size:var(--font15);} .order-wrap.complete-order .wide-width .field-form .box.calc + dl {margin-top:20px;} /* #196541: 20230224 end */ .order-wrap.complete-order .box.calc > div > strong {font-size:var(--font18);} .order-wrap.complete-order .btn-wrap.mini-width {margin-top:60px; width: 484px;} /* #196541: 20230224 */ .order-wrap.complete-order .btn-wrap.mini-width button {width:227px; flex:none;} /* #196171 20230223 */ .order-wrap.complete-order .box.calc > div{position: relative;} .order-wrap.complete-order .discount-box{display: none; position:absolute; top:60px; left:50%; transform: translateX(-50%); width:198px; background-color: #fff; border:1px solid var(--tory_gray_15); padding:20px 30px; box-sizing: border-box;} .order-wrap.complete-order .discount-box span{display: flex; justify-content: space-between; font-size:var(--font12); line-height:var(--font12L);} .order-wrap.complete-order .discount-box span + span{margin-top:4px;} .order-wrap.complete-order .discount-box span strong{font-size:var(--font12); line-height:var(--font12L); color:var(--tory_black);} .order-wrap.complete-order .fold:after{margin-left:15px;} /* //#196171 20230223 */ .order-wrap.failed-order nav h3 {margin:40px 0 0px;} .order-wrap.failed-order nav > p {margin-top:5px;} .order-wrap.failed-order section {margin-top:50px !important;} /* 주문취소 팝업 */ .order-cancel-popup .field-form {font-size:var(--font14);} .order-cancel-popup .select-box > ul li:hover:after{display: none;} .inner.mini.order-cancel-popup form[action="orderDeliveryLocationChange"] .field-form + .btn-wrap {margin-top:30px;} /* #183341: 20230317 */ /* 매장찾기 */ .store-wrap nav h1 {line-height:var(--font40L); font-size:var(--font40); font-weight:600;} .store-wrap section {margin:25px auto 0; max-width:1020px; box-sizing:border-box;} .store-wrap section .field-form {margin:auto; width:484px;} .store-wrap section .field-form + dl > dt {margin-top:35px; line-height:16px; text-align:center;} .store-wrap .store-list {margin-top:20px;} .store-wrap .select-box ul li:hover:after {display:none;} .store-list {margin-top:6px !important;} .store-list > p {margin-top:35px; padding-bottom:15px; line-height:var(--font16L); font-size:var(--font16); border-bottom:1px solid var(--tory_gray_10);} .store-list > ul{padding-top:5px;} /* #196680 20230224 */ .store-list > ul > li {padding:35px 0; border-bottom:1px solid var(--tory_gray_10);} .store-list > ul > li > strong {line-height:var(--font14L); font-size:var(--font14);} .store-list > ul > li > strong + p {margin-top:15px;} /* #196680 20230224 */ .store-list > ul > li > p {position:relative; line-height:var(--font13L); font-size:var(--font13);} .store-list > ul > li > p + p {margin-top:10px;} /* #196680 20230224 */ .store-list > ul > li > p > a {display:inline-block;} .store-list > ul > li > p > a > u {font-size:var(--font12);} .store-list > ul > li > p > span {display:inline-block;} .store-list .location, .store-list .calling {display:inline-block; position:relative; vertical-align:top; padding-left:20px;} .store-list .location:after {display:block; content:""; position:absolute; top:3px; left:0; width:14px; height:14px; background:url(../images/sprite.svg#map-pin-usage) no-repeat center center;} .store-list .calling:after {display:block; content:""; position:absolute; top:1px; left:-2px; width:20px; height:20px; background:url(../images/sprite.svg#phone-usage) no-repeat center center;} .popup .inner.wide.store-popup {width:1207px; height:728px; box-sizing: border-box;} .popup .store-list .calling:after {top:-1px;} .popup .store-list .location:after {top:2px;} .popup .store-list > ul > li {padding:0 0 30px; border-bottom:0;} #map-loacation {display:block; position:relative; height:500px; width:1147px;} /* 상품상세 */ .detail-wrap {} .detail-wrap section {margin-top:0 !important;} .product-detail-slide {position:relative;} .product-detail-slide > ul > li:first-child {position:relative; z-index:2;} .product-detail-slide > ul > li {position:absolute; top:0; z-index:1;} .product-detail-slide img, .product-detail-slide video {width:100%;} .product-detail-slide .bx-controls {position:absolute; bottom:10px; right:16px; z-index:10;} .product-detail-slide .bx-controls .bx-pager {z-index:10;} .detail-wrap section .product-detail {display:flex; align-items: flex-start; width:1500px; margin-top:10px; margin-bottom:100px; justify-content: center; padding:0 120px 0 73px; box-sizing: border-box;}/* #198535 20230316 *//* #200226 */ .detail-wrap section .detail-view {display:inline-block; width:62px; margin-right:25px; vertical-align:top;}/* #198535 20230316 */ .detail-wrap section .detail-photo { opacity:0; display:inline-block; margin:0 50px; width:720px; vertical-align:top;}/* #198535 20230315 *//* #198535 20230315 */ .detail-wrap section .detail-photo.active{opacity:1;} .detail-wrap section .detail-photo .video-wrap .icon {display:none;}/* #195502:20230215 */ /* #200226 20230329 */ .detail-wrap section .detail-photo #activeThumb { min-width: 470px; max-width: 720px; min-height:535px; max-height:820px; margin:0 auto; } /* 20230330 */ .detail-wrap section .detail-photo #activeThumb img, .detail-wrap section .detail-photo #activeThumb video { display:block; margin:0 auto; width:100%; height:auto; object-fit:cover; box-sizing:border-box; min-width: 470px; max-width: 720px; min-height:535px; max-height:820px; } /* //#200226 20230329 */ .detail-wrap section .detail-photo #activeThumb > a {height:100%}/* #200226 20230330 */ .detail-wrap section .detail-photo #activeThumb .video-wrap {height:100%}/* #200226 20230330 */ @media (min-width: 1024px){ .detail-wrap section .detail-photo #activeThumb img { min-width: 470px; min-height: 535px; } } /* //#200226 20230329 */ .detail-wrap section .detail-info {display:inline-block; width:375px; margin-top:22px; vertical-align:top;margin-left: 25px;}/* #198535 20230315 *//* #196371 2차 20230309 */ .detail-wrap section .detail-info .inform {position:relative; font-size:var(--font13);}/* #196371 20230316 */ .detail-wrap section .detail-info .inform .title > * + * {margin-left:10px;} /* #244245:20240712 */ .detail-wrap section .detail-info .inform .title em{border-bottom:0; color:#71767f;letter-spacing:0.5px;} .detail-wrap section .detail-info .inform .title em[onclick]{border-bottom:1px solid; border-color: hsla(219,6%,47%,.5); cursor:pointer; color:#71767f;letter-spacing:0.5px;} /* //#244245:20240712 */ .detail-wrap section .detail-info .inform .name {display:flex; margin-top:6px; line-height:var(--font20L); font-size:var(--font20);justify-content: space-between;} .detail-wrap section .detail-info .inform .name > strong {display:block; width:350px; font-weight:600; font-family:'sweet-sans-pro', 'Noto Sans KR';letter-spacing: 0.75px; text-transform: uppercase;}/* #198473 20230317 */ .detail-wrap section .detail-info .inform .name > .heart {position:relative; top:0; width:32px; height:22px;} .detail-wrap section .detail-info .inform .name > .heart > input[type="checkbox"]:after {top:1px; left:14px;}/* #196371 20230317 */ .detail-wrap section .detail-info .inform .price {margin-top:5px;} .detail-wrap section .detail-info .inform .price > * + * {margin-left:6px;} .detail-wrap section .detail-info .inform .promotion {line-height:20px; font-size:var(--font13); margin-top:5px;} .detail-wrap section .detail-info .inform .star-review {margin-top:12px;} .detail-wrap section .detail-info .inform .star-review i.star {width:14px; height:14px;} /* 195442:20230215 */ .detail-wrap section .detail-info .inform .star-review i.star ~ a {margin-left:6px;}/* #194462:20230209 */ .detail-wrap section .detail-info .inform .chips {display:flex; flex-wrap:wrap; gap:5px; margin-top:20px;} /* #196842 20230228 */ .detail-wrap section .detail-info .inform .chips > span {width:18px; height:18px; padding:1px; border: 1px solid #fff;} /* #196842 20230228 */ .detail-wrap section .detail-info .inform .chips > span > i {width:16px; height:16px;} .detail-wrap section .detail-info .inform .color {margin-top:5px; color:var(--tory_gray_50); font-size:var(--font13); line-height:var(--font13L); } /* #196842 20230228 *//* #196371 20230316 */ .detail-wrap section .detail-info .inform .color > span {margin-left:6px; color:var(--tory_black);} .detail-wrap section .detail-info .inform .option {margin-top:12px;} .detail-wrap section .detail-info .inform .review {margin-top:6px; line-height:24px; font-size:var(--font13);} /* #195075:20230213 start */ .detail-wrap section .detail-info .inform .review > a{display:inline-block;position:relative;font-size:var(--font13);} .detail-wrap section .detail-info .inform .review span ~ a{margin-left:9px;} .detail-wrap section .detail-info .inform .review a:first-child{margin-right:9px;} .detail-wrap section .detail-info .inform .review > a + a:before{display:block;content:"";position:absolute;top:6px;left:-6px;width:1px;height:12px;background:var(--tory_gray_15);} /* #195075:20230213 end */ .detail-wrap section .detail-info .inform .alert-soldout {margin-top:10px; line-height:24px; font-size:var(--font13);} .detail-wrap section .detail-info .inform .buying button {margin-top:10px;} .detail-wrap section .detail-info .inform .gift {margin-top:10px; margin-bottom: 20px; line-height:24px; font-size:var(--font13);}/* #196371 20230317 */ .detail-wrap section .detail-info .inform .gift .share {display:inline-block; float:right; position:relative; width:20px; height:20px; font-size:0;} .detail-wrap section .detail-info .inform .gift .share:after {display:block; content:""; position:absolute; top:2px; width:20px; height:20px; background:url(../images/sprite.svg#share-icon-usage) center center no-repeat; background-size: 16px;} .detail-wrap section .detail-info .invalid + .message{font-size:var(--font12); line-height:var(--font12L);margin-top:6px;}/* #196371 20230316 */ .detail-wrap .outfit-list {position:relative; margin:20px 0 0; padding:0 0 20px; border-top:1px solid var(--tory_gray_10);} .detail-wrap .outfit-list .product-table ul::-webkit-scrollbar{display: none;} /* 20230216 */ /* .product-table li 옵션에 영향이 생겨 .product-table > ul > li 로 변경 */ .detail-wrap .outfit-list .product-table > ul > li {padding-top:20px; border-top:1px solid var(--tory_gray_10);flex-wrap: nowrap;} /* #193907:20230207 */ .detail-wrap .outfit-list .product-table > ul > li + li {margin-top:20px;} /* #196371 20230226 */ .detail-wrap .outfit-list .product-table > ul > li:first-child {border-top:0px;} .detail-wrap .outfit-list .product-table > ul > li .invalid input {border-color:var(--tory_black) !important;} .detail-wrap .outfit-list .product-table > ul > li .select-box.invalid > ul {border-color:var(--tory_black) !important; border-top-color: var(--tory_gray_10) !important;} .detail-wrap .outfit-list .product-table .thumb-img {width:119px;flex:0 0 auto;height:135px;}/* #193907:20230207 */ .detail-wrap .outfit-list .product-table .inform {margin-left:10px;max-width: 255px; min-height: 135px; height:calc(100% + 49px); }/* #193907:20230207:20230209 */ .detail-wrap .outfit-list .product-table .inform > strong {display:block;color: var(--tory_black);}/* #194084:20230208 *//* #196371 20230316 */ .detail-wrap .outfit-list .product-table .inform .title{margin-top:5px; font-size:var(--font12); line-height:var(--font12L);}/* #193907:20230207:20230209 */ .detail-wrap .outfit-list .product-table .inform .title > *{margin-top:5px; white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width: 255px;display: inline-block;}/* #193907:20230207:20230209 */ /* #244245:20240712 */ .detail-wrap .outfit-list .product-table .inform .title em{border-bottom:0; color:#71767f;letter-spacing:0.5px; font-size:var(--font11); line-height:var(--font11L);} .detail-wrap .outfit-list .product-table .inform .title em[onclick]{border-bottom:1px solid; border-color: hsla(219,6%,47%,.5); color:#71767f;} /* //#244245:20240712 */ .detail-wrap .outfit-list .product-table .inform .name {margin-top:4px;font-size:var(--font12); line-height:var(--font12L);}/* #196371 20230316 */ .detail-wrap .outfit-list .product-table .inform::after{content: '';display: block; width: 100%; height: 49px;}/* #196371 20230316 */ .detail-wrap .outfit-list .product-table .inform .sale-price {margin-top:4px; } .detail-wrap .outfit-list .product-table .inform button {position:absolute; bottom:0;}/* #196371 20230316 */ .detail-wrap .outfit-list .sale-price {font-size:var(--font12); line-height:var(--font12L);/* #196371 20230316 */} .detail-wrap .outfit-list .sale-price * + * {margin-left:6px;} .detail-wrap .outfit-list .option {margin-top:5px; font-size:var(--font10);} .detail-wrap .outfit-list .product-table > ul > li > a.thumb-img > img{width:auto; height:100%; object-fit: cover;} .detail-wrap .explanation {position:relative; margin:0; padding-top:16px; border-top:1px solid var(--tory_gray_10);} .detail-wrap .explanation > p {line-height:24px; font-size:var(--font13); line-height: 24px;}/* #196371 20230316 */ .detail-wrap .explanation > dl > dd {line-height:24px; color:var(--tory_black); font-size:var(--font13);} .detail-wrap .relation-list h4 {margin-top:30px; text-align:center;} /* #192979: 20230303 start */ .detail-wrap .relation-list .bx-viewport {overflow:visible !important;} .detail-wrap .relation-list .bx-viewport:before {content:""; position:absolute; top:0; left:-100%; z-index:1; width:100%; height:100%; background-color:var(--tory_white);} .detail-wrap .relation-list .bx-viewport:after {content:""; position:absolute; top:0; right:-100%; z-index:1; width:100%; height:100%; background-color:var(--tory_white);} /* #192979: 20230303 end */ .detail-wrap .relation-list .product-list .option {margin-top:9px; line-height:var(--font10L); color:var(--tory_black); font-size:var(--font10);} .detail-wrap .relation-list .product-list .quick .select-option ul li.soldout:hover:after {content:"품절";} /* #196326:20230223 */ .detail-wrap .product-review {margin-top:30px; border-top:1px solid var(--tory_gray_10);} .detail-wrap .product-review > h3 {margin-top:100px; text-align:center; line-height:var(--font18L); font-size:var(--font18);} .detail-wrap .product-review > h3 + p {margin-top:10px; text-align:center; font-size:var(--font13); line-height:var(--font13L);}/* #196371 20230316 */ .detail-wrap .product-review > h3 + p > a + a {margin-left:10px;} .detail-wrap .product-review .review-star {margin-top:20px; line-height:22px; text-align:center; font-size:var(--font14);} .detail-wrap .product-review .review-star > span {margin:0 6px; vertical-align:text-bottom;} .detail-wrap .product-review .review-star > i.star {width:14px; height:14px;} .detail-wrap .product-review .review-star > i.star + i.star {margin-left:6px;} /* #195442:20230215 start */ .detail-wrap .product-review .review-star[class^='star_point'],.detail-wrap .product-review .review-star[class*='star_point']{display:block;} .detail-wrap .product-review .review-star[class^='star_point'] > *,.detail-wrap .product-review .review-star[class*='star_point'] > *{vertical-align:middle;} .detail-wrap .product-review .review-star[class^='star_point'] i.star,.detail-wrap .product-review .review-star[class*='star_point'] i.star{width:20px;height:20px;background-size:20px;} /* #195442:20230215 end */ .detail-wrap .product-review .review-spec {margin:0 auto; width:349px;} .detail-wrap .product-review .review-spec > h4 {margin-bottom:10px; margin-top:35px; text-align:center; line-height:var(--font14L); font-size:var(--font14); font-weight:400;} /* .detail-wrap .product-review .review-list {margin:0 45px;} */ .detail-wrap .product-review .list-pager{margin-top:30px;} /* #196316:20230303 start */ .detail-wrap .review-list .review-sort{margin-top:30px;margin-bottom:-10px;padding-left:45px;padding-right:45px;position:relative;} .detail-wrap .review-list .review-sort .review-photo-chk {position:absolute; top:6px; right:45px;} /* #196316:20230303 end */ .detail-wrap .review-list .review-sort .select-box:after{right:10px; margin-top:0; top: 50%; transform: translateY(-50%);}/* #196371 20230316 */ .detail-wrap .review-list > ul > li {margin-top:70px; padding-bottom:70px; padding-left:45px; padding-right:45px; border-bottom:1px solid var(--tory_gray_10);} .detail-wrap .review-list .review-item {flex:1 1 100%; margin-left:0;} .detail-wrap .review-list .review-item > strong {display:block; margin-top:12px; line-height:var(--font14L); font-size:var(--font14);} .detail-wrap .review-list .review-item > p {margin-top:25px; color:var(--tory_gray_50);} .detail-wrap .review-list .review-item > p + .user-info {margin-top:10px;} .detail-wrap .review-list .review-item > p + .user-info > span + span {margin-left:10px;} .detail-wrap .review-list .review-item > p + .user-info > a {color:var(--tory_gray_50); border-color:var(--tory_gray_50);} .detail-wrap .review-list .review-item > .photo-review {margin-top:20px;} .detail-wrap .review-list .review-item > .photo-review > ul > li {position:relative;} .list-pager {margin-top:30px; text-align:center; line-height:var(--font14L); font-size:var(--font14);} /* #196578: 20230224 start */ .list-pager > a {display:inline-block; position:relative; min-width:12px; height:40px; margin:0 15px; vertical-align:top; text-align:center; color:var(--tory_gray_70); line-height:40px;} .list-pager > a > i {display:inline-block; position:relative; width:20px; height:24px;} .list-pager > a > i:after {display:block; position:absolute; content:""; top:8px; left:0; width:20px; height:24px;} .list-pager > a:after {display:block; position:absolute; content:""; top:8px; left:10px; width:20px; height:24px;} .list-pager > a.on:after {content:""; position:absolute; top:33px; left:0; width:100%; height:1px; background-color:var(--tory_gray_70);} /* #183341: 20230317 */ .list-pager > a.disabled {opacity:.25;} .list-pager > a.first > i:after {left:-6px;} .list-pager > a.first:after {left: 14px;} .list-pager > a.first, .list-pager > a.before, .list-pager > a.next, .list-pager > a.last {width:40px;height:40px;margin:0;} .list-pager > a.last > i:after {left:-6px;} .list-pager > a.last:after {left: 14px;} .list-pager > a.first:after {background:url(../images/sprite.svg#arrow-left-usage) center center no-repeat;} .list-pager > a.first > i:after {background:url(../images/sprite.svg#arrow-left-usage) center center no-repeat;} .list-pager > a.before:after {background:url(../images/sprite.svg#arrow-left-usage) center center no-repeat;} .list-pager > a.next:after {background:url(../images/sprite.svg#arrow-right-usage) center center no-repeat;} .list-pager > a.last:after {background:url(../images/sprite.svg#arrow-right-usage) center center no-repeat;} .list-pager > a.last > i:after {background:url(../images/sprite.svg#arrow-right-usage) center center no-repeat;} /* #196578: 20230224 end */ .detail-wrap .info-product, .detail-wrap .info-claim {margin:30px 0 0; padding:0 45px;} .detail-wrap .info-product > p, .detail-wrap .info-claim > p {margin-bottom:20px; line-height:var(--font14L) !important; color:var(--tory_gray_50) !important; font-size:var(--font14) !important;} .detail-wrap .info-product table, .detail-wrap .info-claim table {width:100%; font-size:var(--font12);} .detail-wrap .info-product table th, .detail-wrap .info-claim table th {padding:16px 80px 18px; line-height:var(--font12L); color:var(--tory_gray_70); font-weight:600; text-align:left; background-color:var(--tory_gray_00);} .detail-wrap .info-product td, .detail-wrap .info-claim table td {padding:16px 80px 18px; vertical-align:top; line-height:var(--font12L); color:var(--tory_gray_70); border-bottom:1px solid var(--tory_gray_10);} .detail-wrap .info-consumer h4 {margin-top:100px; text-align:center; line-height:var(--font18L); font-size:var(--font18);} .detail-wrap .product-review .review {display:flex; _flex:1 1 100%; margin-left:0;} .detail-wrap .product-review .review > p {width:180px; color:var(--tory_gray_50);} .detail-wrap .product-review .review > div {color:var(--tory_gray_50);} .detail-wrap .product-review .review > a {display:inline-block; margin-top:10px;} .detail-wrap .product-review .review > .reg_data {position:relative; width:100%; max-width:1410px;} .detail-wrap .product-review .review > .reg_data > p {font-size:var(--font14);} /* 197675:20230307 start */ .detail-wrap .product-review .review > .reg_data > p > em {margin-right:5px; color: var(--tory_gray_50);} .detail-wrap .product-review .review > .reg_data > p > span {margin-right:15px; color:var(--tory_black);} .detail-wrap .product-review .review > .reg_data > p > .cssf {margin-right:15px; color:var(--tory_black);} /* 197675:20230307 end */ .detail-wrap .product-review .review > .reg_data > div {margin-top:20px; color:var(--tory_gray_70); font-size:var(--font15); word-break: break-word; max-width: 943px;} /* #196316:20230303 */ .detail-wrap .product-review .review > .reg_data > div.max-line-3 {width:720px; line-height: var(--font15L);} /* #196316:20230223:20230303 */ .detail-wrap .product-review .review > .reg_data > div.max-line-3 + a + .photo-review {position:absolute; top:0; right:0; margin-top:5px; width:98px;} .detail-wrap .product-review .review > .reg_data > div.max-line-3 + a + .photo-review > ul > li {display:none; width:98px; height: 111px; overflow: hidden; }/* #196371 20230316 */ .detail-wrap .product-review .review > .reg_data > div.max-line-3 + a + .photo-review > ul > li img {width:100%;}/* #196371 20230316 */ .detail-wrap .product-review .review > .reg_data > div.max-line-3 + a + .photo-review > ul > li:first-child {display:block;} .detail-wrap .product-review .review > .reg_data > div + .toggle_max-line-3 u:after {display:inline-block; content:"접기";} .detail-wrap .product-review .review > .reg_data > div.max-line-3 + .toggle_max-line-3 u:after {content:"더보기";} .detail-wrap .product-review .review > .reg_data > a {display:inline-block; margin-top:10px;} .detail-wrap .product-review .review > .reg_data > .photo-review {position:relative; margin-top:30px;} .detail-wrap .product-review .review > .reg_data > .photo-review li + li {margin-top:30px;} .detail-wrap .product-review .review > .reg_data > .photo-review li img {max-width:335px;} .detail-wrap .product-review .review > .reg_data .reg_user {margin:30px 0;} /* reg_data & reg_date 주의 해 주세요 */ .detail-wrap .product-review .review > .reg_date {text-align:right;} .detail-wrap .product-review .review > .reg_date > span {font-size:var(--font14);} .detail-wrap .product-review .review > .reg_date > a {display:inline-block; margin-top:20px;} .detail-wrap .product-review .review > strong {display:block; margin-top:12px; line-height:var(--font14L); font-size:var(--font14);} /* #195442:20230215 start */ .detail-wrap .product-review .review [class^='star_point'] > *,.detail-wrap .product-review .review [class*='star_point'] > *{vertical-align:middle;} .detail-wrap .product-review .review [class^='star_point'] i.star,.detail-wrap .product-review .review [class*='star_point'] i.star{width:18px;height:18px;background-size:18px;} /* #195442:20230215 end */ /* #193555:20230201 */ /* 20230216 우측 padding 제거 */ .detail-wrap .option .select-box > ul li:hover:after {display:inline-block; float:right; padding-right:0px; content:"장바구니 담기"; } /* #196326:20230224 대상 상품 선택시에는 품절만 노출 : 20230227 */ .detail-wrap section .detail-info > .inform .option .select-box > ul li:hover:after{display:none;} .detail-wrap section .detail-info > .inform .option .select-box > ul li.soldout:hover:after {display:inline-block; content:"품절";} .detail-wrap section .detail-info > .inform .option .select-box > ul li.disabled:hover:after {display:inline-block; content:"품절";} /* #193454:20230227 */ .detail-wrap .relation-list .product-list.cols-4 {justify-content: center;}/* #196818 20230228 */ /* #195446:20230216 */ .detail-wrap .option .select-box > ul li.disabled:hover:after {content:"품절"; } /* 20230225 */ /* #195968:20230220 start */ /* #196673:20230224 start */ .product-detail-slide .bx-wrapper .bx-viewport {height: 464px !important;} /* #196673:20230224 end */ .product-detail-slide li {width:60px; height:69px; position:relative;} .product-detail-slide li img, .product-detail-slide li video{height:100%;object-fit:cover;} /* #195968:20230220 end */ .product-detail-slide li.on img, .product-detail-slide li.on video {border:1px solid var(--tory_black); box-sizing:border-box;} .product-detail-slide li .icon {position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; display:flex; justify-content:center; align-items:center;} .product-detail-slide li .icon svg {width:16px; height:16px;} .product-detail-slide .bx-wrapper {position:relative; margin-top:30px !important;} .product-detail-slide .bx-controls {top:0; background:pink;} .product-detail-slide.hide-control .bx-wrapper {margin-top:0 !important;} .product-detail-slide.hide-control .bx-wrapper .bx-controls-direction {display:none;} .product-detail-slide .bx-wrapper .bx-controls-direction a {width:14px; height:14px;} .product-detail-slide .bx-wrapper .bx-controls-direction .bx-prev {top:-20px; left:-20px; background:url(../images/sprite.svg#arrow-up-sm-usage) center center no-repeat;} .product-detail-slide .bx-wrapper .bx-controls-direction .bx-next {top:100%; margin-top:25px; left:-20px; background:url(../images/sprite.svg#arrow-down-sm-usage) center center no-repeat;} .detail-photo {position:relative;} .detail-photo video {width:100%;} .detail-photo .detail-controls-direction { z-index: 12; position:absolute; width:780px; height:20px; top:50%;left:50%; transform: translateX(-50%);}/* #200226 20230330 */ .detail-photo .detail-controls-direction a {display:block; width:20px; height:20px; font-size:0; position:absolute; margin:0; top:0; } .detail-photo .detail-controls-direction .bx-prev {left:0; background:url(../images/sprite.svg#arrow-left-usage) center center no-repeat;}/* #198535 20230315 */ .detail-photo .detail-controls-direction .bx-next {right:0; background:url(../images/sprite.svg#arrow-right-usage) center center no-repeat;}/* #198535 20230315 */ #activeThumb a {cursor:url(../images/zoom-in.png), auto;} .zoom {position:fixed; top:0 !important; left:0 !important; width:100% !important; height:100% !important; max-width:100% !important; max-height:100% !important;} .zoom .bx-wrapper .bx-controls-direction a {position:fixed; margin-top:-20px; width:40px; height:40px;} .zoom .bx-wrapper .bx-controls-direction .bx-prev {left:50px; background:url(../images/sprite.svg#arrow-left-lg-usage) center center no-repeat;} .zoom .bx-wrapper .bx-controls-direction .bx-next {right:50px; background:url(../images/sprite.svg#arrow-right-lg-usage) center center no-repeat;} .ui-dialog .zoom {z-index:1;} /* 20230225 z-index 추가 */ /* heart animation */ #activeThumb{position:relative; z-index:5;} /* #205270 *//* #192596 20230201 */ #activeThumb .favorite{ display: block; position: absolute; top: 50%; left: 50%; width: 128.56px; height: auto; transform: translateX(-50%) translateY(-50%); z-index: 3; filter: drop-shadow(1px 1px 5px rgba(25,25,25,.1)); animation-duration: .9s; animation-iteration-count : 1; animation-name: favoriteIn; animation-fill-mode:forwards; animation-timing-function: ease; } #activeThumb .favorite svg, #activeThumb .favorite use{width:100%; height:100%;} #activeThumb .favorite.active{top: 50%; right: 50%; width: 50%; height: 50%;transform: translateX(50%) translateY(-50%);} @keyframes favoriteIn { 0% { opacity: 0; transform: translateX(-50%) translateY(-50%) scale3d(0, 0, 0);} 15% { opacity: 1; transform: translateX(-50%) translateY(-50%) scale3d(1.3, 1.3, 1.3);} 75% { opacity: 1; transform: translateX(-50%) translateY(-50%) scale3d(1.3, 1.3, 1.3);} 100% { opacity: 0; transform: translateX(-50%) translateY(-50%) scale3d(0, 0, 0);} } .ui-dialog.zoom-layer .bx-viewport {height:100% !important;}/* #194412:20230208 */ .ui-dialog.zoom-layer .bx-viewport li > img {cursor:url(../images/zoom-close.png) 20 20, auto;} /* #194412:20230208 */ /* 사이즈 가이드 팝업 #196371 20230309*/ .size_data_table .list_wrap{padding-top:15px;} .size_data_table .list_wrap ul li{text-align: left; color: var(--tory_gray_50); line-height: var(--font11L); font-size: var(--font11); border: 0;} .size_data_table .list_wrap ul li:before{content: "· "; margin-left: -5px;} /* //사이즈 가이드 팝업 #196371 20230309*/ /* 이미지 확대보기 팝업 *//* 상품상세수정 20230321 */ .popup-product-detail-slide{max-width: 1920px; width:100%; margin:0 auto;} /* @media (min-width: 1920px) { .zoom .popup-product-detail-slide .bx-wrapper .bx-controls-direction a.bx-prev{position:absolute; left: 50px;} .zoom .popup-product-detail-slide .bx-wrapper .bx-controls-direction a.bx-next{position:absolute; right: 50px;} } */ /* //상품상세수정 20230321 */ /* mypage */ .mypage-wrap {} .mypage-wrap nav {text-align:center; position: relative;} .mypage-wrap nav .prev + h3 {margin-left:20px; text-align:left;} .mypage-wrap nav .prev + h3 + div {text-align:left;} .mypage-wrap nav h1 {margin-top:60px; line-height:var(--font40L); font-size:var(--font40); font-weight:600;} .mypage-wrap nav h1 small {display:block; position:relative; line-height:var(--font14L); font-size:var(--font14); font-weight:600;} /* #196743: 20230228 */ /*#197234:20230306*/ .mypage-wrap nav > ul {margin-top:15px;} .mypage-wrap nav.main > ul {margin-top:6px;}/* #197234:20230306 */ .mypage-wrap nav > ul > li {display:inline-block; line-height:16px; font-weight:600;padding:5px 0;} .mypage-wrap nav > ul > li + li {margin-left:24px;} .mypage-wrap nav > ul > li.on {border-bottom:2px solid var(--tory_black);} .mypage-wrap nav > ul > li > a {color:var(--tory_black) !important;} .mypage-wrap section {margin:40px auto 0; max-width:1250px; box-sizing:border-box;} /* #196584: 20230224 */ .mypage-wrap section h4 {margin-top:60px; line-height:var(--font20L); font-size:var(--font20); font-weight:600;} .mypage-wrap section h5 {margin-top:25px; line-height:22px; font-size:var(--font13); font-weight:600;} .mypage-wrap section > p {margin-top:25px; line-height:24px; font-size:var(--font13);} .mypage-wrap section > p + .field-form {margin-top:12px;} .mypage-wrap section .route-list {margin-top:60px;} .mypage-wrap section .route-list > ul > li > a {position:relative;} .mypage-wrap section .route-list > ul > li > a:after {display:block; content:""; position:absolute; top:50%; right:20px; margin-top:-6px; width:14px; height:14px; background:url(../images/sprite.svg#arrow-right-usage) center center no-repeat; cursor:pointer;} .mypage-wrap section .btn-wrap{margin-top:50px; justify-content: center;} .mypage-wrap section .order-detail + hr + div .btn-wrap{margin-left:170px;} .mypage-wrap section .order-detail#refundInfoDiv + hr + div .btn-wrap{margin-left:auto !important;} /* #195135:20230214 개발페이지 특성 */ .mypage-wrap section .btn-wrap button{border:1px solid var(--tory_black);} /* mypage-메인 */ .mypage-wrap nav.main {margin-top:-40px; width:100%; height:773px; background:url(../images/mypage.jpg) top center no-repeat; background-size:cover; box-sizing:border-box;}/* #195223 20230215 */ .mypage-wrap nav.main h1 {padding-top:50px; line-height:var(--font40L); text-align:center; color:#fff; font-size:var(--font40);} /* #197234:20230306 */ .mypage-wrap nav.main > ul > li.on {border-bottom:2px solid var(--tory_white);} .mypage-wrap nav.main > ul > li > a {color:var(--tory_white) !important;} .mypage-wrap nav.main + section .card-wrap .no-data.wish::before{content:'';display:block;width:93px;height:106px;background:url(../images/clover.gif) center center no-repeat;background-size:93px;} /* #196676 20230307 */ .mypage-wrap nav + section {max-width:1500px;} /* #196678 20230224 */ .mypage-wrap.order-view-wrap section, .mypage-wrap.order-detail-wrap section {max-width:1250px;} /* #196678 20230224 */ .mypage-wrap nav.main + section {display:flex; justify-content:center; position:absolute; margin-top:-565px; width:100%; max-width:1500px;}/* #195223 20230215 */ .mypage-wrap section .card-wrap {display:block; padding:0 67px; width:396px; height:512px; background:#fff; box-sizing:border-box; position:relative;}/* #195223 20230215 */ .mypage-wrap section .card-wrap + .card-wrap {margin-left:30px;} .mypage-wrap section .card-wrap h4 {line-height:var(--font14L); text-align:center; font-size:var(--font14); font-weight:600; margin-top:35px; } .mypage-wrap section .card-wrap .product-list {margin:20px 0;display:flex; justify-content: center; align-items: center; height: 345px;}/* #195223 20230215 */ .mypage-wrap section .card-wrap .product-list li {margin:0; } .mypage-wrap section .card-wrap .product-list li p {margin-left:10px; margin-right:10px;} .mypage-wrap section .card-wrap .product-list li .order-no {font-size:var(--font12); line-height:0;} .mypage-wrap section .card-wrap .product-list li .order-date {position:relative; display:inline-block;} .mypage-wrap section .card-wrap .product-list li .order-date:before {display:block; content:""; position:absolute; top:3px; margin-left:-5px; width:1px; height:10px; background-color:var(--tory_gray_15);} .mypage-wrap section .card-wrap .coupon-list {margin: 75px 0 65px; display: flex;justify-content: center;align-items: center;flex-direction: column;}/* #196676 20230225 */ .mypage-wrap section .card-wrap .coupon-list > p {margin-top:0; text-align:center; line-height:var(--font14L); font-size:var(--font14); font-weight:600;} .mypage-wrap section .card-wrap .coupon-list > p + ul {margin-top:15px;}/* #196676 20230225 */ /* #197276:20230303:20230310 start */ .mypage-wrap section .card-wrap .no-data.order, .mypage-wrap section .card-wrap .no-data.completion, .mypage-wrap section .card-wrap .no-data.wish-completion, .mypage-wrap section .card-wrap .no-data.wish{display:flex;position:relative;width:240px;height:272px;align-items:center;flex-direction:column;} .mypage-wrap section .card-wrap .no-data.order > p, .mypage-wrap section .card-wrap .no-data.completion > p, .mypage-wrap section .card-wrap .no-data.wish-completion > p, .mypage-wrap section .card-wrap .no-data.wish > p{height: 44px; margin-top:0 !important;line-height:var(--font16L);text-align:center;font-size:var(--font16);} .mypage-wrap section .card-wrap .no-data.order::before{content:'';display:block;width:93px;height:106px;background:url(../images/clover.gif) center center no-repeat;background-size:93px;} .mypage-wrap section .card-wrap .no-data.order > p{font-size:0;color:transparent;} .mypage-wrap section .card-wrap .no-data.order .btn-wrap{display: none;} .mypage-wrap section .card-wrap .no-data.wish::before{content:'';display:block;width:93px;height:106px;background:url(../images/completion.svg) center center no-repeat;background-size:48px;} .mypage-wrap section .card-wrap .no-data.completion .btn-wrap{width:225px;} .mypage-wrap section .card-wrap .no-data.completion::before{content:'';display:block;width:93px;height:106px;background:url(../images/completion.svg) center center no-repeat;background-size:48px;} .mypage-wrap section .card-wrap .no-data.wish-completion .btn-wrap{width:225px;} .mypage-wrap section .card-wrap .no-data.wish-completion::before{content:'';display:block;width:93px;height:106px;background:url(../images/bg-nodata-wish.png) center center no-repeat;background-size:auto;} .mypage-wrap section .card-wrap .coupon-list .no-data{margin-top:88px;} .mypage-wrap section .card-wrap .coupon-list .no-data > p{margin-top:0 !important;line-height:var(--font16L);text-align:center;font-size:var(--font16);} /* #194330 20230209 */ /* #197276:20230303:20230310 end */ .mypage-wrap section .card-wrap button {position:absolute; bottom:33px; width:260px;} /* #196676 20230224 start */ .mypage-wrap section .card-wrap .quick button {width:240px; margin:0 10px 10px; bottom:-60px; left:0;} .mypage-wrap section .card-wrap .product-list > li > .thumb-img {width:260px; padding-top:272px;} .mypage-wrap section .card-wrap .product-list > li > .thumb-img ul li img {width:260px; height:272px;} /* //#196676 20230224 end */ /* #194730: 20230222 start */ .mypage-wrap section .card-wrap .product-list > li > .bx-controls .bx-prev, .mypage-wrap section .card-wrap .product-list > li > .bx-controls .bx-next {top:127px;} /* #194730: 20230222 end */ .mypage-wrap section .card-wrap .product-list .heart {display: none;} /* #196584: 20230224 start */ /* 1:1 문의 */ .mypage-wrap .mini-width .field-form > .btn-wrap, .mypage-wrap .mini-width .field-form > .inquiry-item {margin-top:30px;} .mypage-wrap .mini-width .field-form > .inquiry-item > ul > li {width:170px; margin-bottom:30px;} /* #196584: 20230306 */ .mypage-wrap .mini-width .field-form > .inquiry-item > ul > li .field-file-img {padding-bottom:194px;} .mypage-wrap .mini-width .field-form > .text-area > textarea {height:216px; resize:none;} .mypage-wrap .mini-width .field-form .horizontal-wrap + dl {margin-top:8px;} .mypage-wrap .mini-width .field-form .horizontal-wrap + dl li {line-height:var(--font12L);} .mypage-wrap .mini-width .field-form + .btn-wrap {margin-top:30px;} /* #196584: 20230224 end */ /* 회원정보 */ .mypage-member {margin-top:60px !important;} .mypage-member .box-wrap {position:relative;} .mypage-member .box-wrap > .btn-wrap {position:absolute; top:0px; right:30px;} .mypage-member .box-wrap > .btn-wrap > button {margin-top:4px; width:90px;} .mypage-member .withdraw a u{display: inline-block; margin-top:35px; color:var(--tory_gray_50);} /* #196676 20230307 */ .mypage-member .btn-wrap {margin-top:30px !important;} .mypage-member .btn-wrap > button {margin-top:0px !important;} /* //#196676 20230307 */ /* 회원정보 - 배송지 관리 */ /* #196584: 20230224 start */ .wide-width.mypage-member > .box-wrap {padding:23px 30px 30px;} .wide-width.mypage-member > .box-wrap > .btn-wrap > button {width:100px;} .wide-width.mypage-member > .box-wrap + .box-wrap {margin-top:35px;} .wide-width.mypage-member > .box-wrap .addr-info p + p {margin-top:5px;} .wide-width.mypage-member > .empty {margin:180px 0 !important;} .wide-width.mypage-member > .empty > .addr-btn {margin-top:35px;} /* #196584: 20230224 end */ .mypage-member .addr-info {display:block; position:relative; background-color:#fff; box-sizing:border-box;} .mypage-member .addr-info p {line-height:16px; font-size:var(--font14);} .mypage-member .addr-info .default {display:inline-block; margin-right:6px; padding:2px 8px; color:var(--tory_gray_50); font-size:var(--font12); background:var(--tory_gray_10);} .mypage-member .addr-info > p + p {margin-top:10px;} .mypage-member .addr-info > p > span {font-size:var(--font14);} .mypage-member .addr-info .btn-wrap {margin-top:15px; justify-content: left;} .mypage-member .btn-wrap button {width:160px; flex:0 auto; padding:0 10px; box-sizing:border-box; font-family:'Noto Sans KR';} .btn-wrap.addr-btn {width:335px; margin:60px auto;} .mypage-member .empty{margin:180px 0 35px; text-align: center; margin-bottom:-25px;} .mypage-member .empty .btn-wrap button{font-weight: normal; flex:100;} .mypage-member .empty strong{font-size:var(--font16); line-height:var(--font16L); display: block; margin-bottom: 15px;} .mypage-member .empty p{font-size:var(--font14); line-height:var(--font14L);} /* 앱 설정 */ .mypage-wrap .config-app {margin-top:30px; border-top:1px solid var(--tory_gray_10);} .mypage-wrap .config-app strong, .mypage-wrap .config-app p {display:block; margin-top:25px; line-height:var(--font13L); font-size:var(--font13);} .mypage-wrap .config-app u {font-size:var(--font12);} /* 쇼핑혜택 */ .mypage-wrap > section .coupon-list > ul {vertical-align:top; font-size:0; display: flex; margin-top:10px; } /* #196678 20230224 */ .mypage-wrap > section .coupon-list > ul:first-child { margin-top:0; } .mypage-wrap > section .coupon-list > ul > li {display:inline-block; margin-top:0; width:100%; vertical-align:top;} .mypage-wrap > section .coupon-list > ul.cols-2 > li {width:calc(50% - 25px);} .mypage-wrap > section .coupon-list > ul.cols-2 > li:nth-child(even) {margin-left:52px} .mypage-wrap > section .coupon-list > p {display:block; margin-top:60px; height:30px; line-height:30px; font-size:var(--font14);} .mypage-wrap > section .coupon-list > p > button {width:100px; float:right;} .mypage-wrap > section .coupon-list > p + ul {margin-top:15px;} .mypage-wrap > section .coupon-list + .notice strong {display:block; font-size:var(--font14); line-height:var(--font14L); font-weight:400; margin-bottom:5px;} .mypage-wrap > section .coupon-list + .notice ul li {font-size:var(--font12); line-height:var(--font12L); margin-bottom:5px;} /* #196678 20230308 */ .mypage-wrap > section .coupon-list + .field-list {margin-top:15px;} .mypage-wrap > section .coupon-list + .field-list li {font-size:var(--font14); line-height:var(--font14L);} /* //#196678 20230308 */ .mypage-wrap > nav + section .coupon-list > p {margin-top:0px;} /* #196678 20230310 */ /* 쿠폰상세 */ .mypage-wrap section > .coupon-offer {margin-top:25px; border-top:1px solid var(--tory_gray_10);} .mypage-wrap section > .coupon-offer .product-filter {height:65px;} /* #196678 20230225 */ .mypage-wrap section > .coupon-offer .product-list-wrap {margin-top:0px;} /* #196678 20230224 */ /* #196678 20230306 */ .mypage-wrap section h4#cpnGodCnt {font-size:var(--font16); line-height:var(--font16L);} .mypage-wrap section .coupon-list {padding-top:20px;} .mypage-wrap section .coupon-list .coupon {padding:30px;} .mypage-wrap section .coupon-list .coupon > .condition {font-size:var(--font14); line-height:var(--font14L);} .mypage-wrap section .coupon-list + dl {margin-top:15px;} /* #196678 20230308 */ .mypage-wrap section .coupon-list .coupon > .condition dl {display:flex; flex-wrap:wrap; margin-top:25px; margin-left:0px;} .mypage-wrap section .coupon-list .coupon > .condition dl dt {color:var(--tory_gray_50); width:60px; margin-bottom:15px; line-height:var(--font14L); font-size:var(--font14);} .mypage-wrap section .coupon-list .coupon > .condition dl dd:before {display:none;} .mypage-wrap section .coupon-list .coupon > .condition dl dd {color:var(--tory_black); width:calc(100% - 80px); margin-left:12px; margin-bottom:15px; line-height:var(--font14L); font-size:var(--font14);} /* //#196678 20230308 */ .mypage-wrap section .coupon-list .coupon > .condition dl dt:last-child, .mypage-wrap section .coupon-list .coupon > .condition dl dd:last-child {margin-bottom:0px;} /* //#196678 20230306 */ /* 위시리스트 */ /* #196586 20230224 */ /* #196586 20230307 */ .wishlist-wrap section {max-width:1500px;} .wishlist-wrap .wishlist ~ dl {margin-top:35px; margin-left:50px;} .wishlist-wrap .wishlist ~ dl li {font-size:var(--font12); line-height:var(--font12L);} .wishlist-wrap .field-list {margin-top:35px; margin-left:50px; padding-bottom:40px;} .wishlist-wrap .field-list li {font-size:var(--font12); line-height:var(--font12L);} .wishlist-wrap nav .prev {margin-left:45px;} .wishlist-wrap .no-data {margin-top:85px; margin-bottom:70px;} .wishlist-wrap .no-data::before {margin-bottom:25px;} .wishlist-wrap .no-data.completion::before {background:url(../images/clover.gif) center center no-repeat !important; background-size:93px !important;} /* #196586 20230309 */ /* //#196586 20230307 */ .wishlist {margin:50px 45px 0px;} /* #196586 20230307 */ .wishlist input[type="checkbox"] + label {margin-right:-6px;} .wishlist p {margin-top:20px; line-height:30px; text-align:right; font-size:var(--font13);} .wishlist p > span {float:left;} .wishlist p::after {content:''; display:block; clear:both;} /* #196586 20230307 */ .wishlist p > button {margin-left:25px;width:120px;} .wishlist + .product-table {margin-top:25px;} .wishlist + .product-list-wrap {margin-top:20px;} /* #196586 20230307 */ .wishlist .product-list > li .heart {opacity:1;} .mypage-wrap .product-list-wrap > h4 {margin:100px 0 30px; text-align:center; line-height:var(--font20L); font-size:var(--font20);} .mypage-wrap .list-pager + dl {margin-top:35px; margin-left:5px; padding-bottom:40px;} /* #196586 20230224 */ /* //#196586 20230224 */ /* 주문조회 */ /* .mypage-wrap.order-view-wrap nav h1 {margin-top:70px;} */ /* #196743: 20230228 *//* #197234:20230306 */ .mypage-wrap.order-view-wrap section {margin:40px auto;} /* #196578: 20230224 */ .mypage-wrap.order-view-wrap .order-no {margin-bottom:25px;} .mypage-wrap.order-view-wrap .cell-apply {width:140px;} .mypage-wrap.order-view-wrap .list-pager {padding-top:30px; margin-bottom:100px;} /* #196578: 20230224 start */ .mypage-wrap.order-view-wrap .search-day-wrap {padding-top:10px;} /* 196584: 20230224 */ .mypage-wrap.order-view-wrap .search-day-wrap + .tabs > div h4 {margin-top:100px; font-size:var(--font18);}/* #196578 20230406 */ .mypage-wrap.order-view-wrap .search-day-wrap + .tabs > div h4 + .order-info > ol > li {margin-top:30px;} .mypage-wrap.order-view-wrap .search-day-wrap + .tabs > div > ul > li:first-child h4 {margin-top:30px;} .mypage-wrap.order-view-wrap .search-day-wrap + .tabs > div h4 a {font-size:var(--font15);} /* #196578: 20230309 start */ .mypage-wrap.order-view-wrap .search-day-wrap + .tabs #includeOrderList > ul > li:first-child h4 {margin-top:30px;} .mypage-wrap.order-view-wrap .search-day-wrap + .tabs #includeOrderList > ul > li .reception + .product-table > ul > li .thumb-img + .inform, .mypage-wrap.order-view-wrap .search-day-wrap + .tabs #includeClaimOrderEList > ul > li .product-table > ul > li .thumb-img + .inform, .mypage-wrap.order-view-wrap .search-day-wrap + .tabs #includeClaimOrderRList > ul > li .product-table > ul > li .thumb-img + .inform {margin-left:20px;} .mypage-wrap.order-view-wrap .search-day-wrap + .tabs #includeClaimOrderEList > ul > li .product-table > ul > li + li {margin-top:0;} .mypage-wrap.order-view-wrap .search-day-wrap + .tabs #includeOrderList > ul > li .reception .box .fx-right.ws.h_30 {top:50%; margin-top:-15px;} /* #196578: 20230309 end */ .mypage-wrap.order-view-wrap .no-data {margin:60px 0 100px; text-align:center; font-size:var(--font13);} .mypage-wrap.order-view-wrap .no-data p {margin-top:25px;} .mypage-wrap.order-view-wrap .no-data .btn-wrap {margin-top:50px;} .mypage-wrap.order-view-wrap .product-list-wrap{margin-top:30px;}/* #195559 20230405 */ .mypage-wrap .no-data.completion{margin-bottom:0;}/* #196578 20230405 */ /* #197276:20230303 20230310 start */ .mypage-wrap .no-data.order, .mypage-wrap .no-data.completion, .mypage-wrap .no-data.wish-completion, .mypage-wrap .no-data.wish{display:flex;position:relative;align-items:center;flex-direction:column;} .mypage-wrap .no-data.order > img, .mypage-wrap .no-data.completion > img, .mypage-wrap .no-data.wish-completion > img, .mypage-wrap .no-data.wish > img{margin-top:0 !important;line-height:var(--font13L);text-align:center;font-size:var(--font13);} .mypage-wrap .no-data.order > p, .mypage-wrap .no-data.completion > p, .mypage-wrap .no-data.wish-completion > p, .mypage-wrap .no-data.wish > p{margin-top:0 !important;line-height:var(--font13L);text-align:center;font-size:var(--font13);} .mypage-wrap .no-data.order::before{content:'';display:block;width:93px;height:106px;background:url(../images/clover.gif) center center no-repeat;background-size:93px;} .mypage-wrap .no-data.order > p{font-size:0;color:transparent;} .mypage-wrap .no-data.order .btn-wrap{display: none;} .mypage-wrap .no-data.wish::before{content:'';display:block;width:93px;height:106px;background:url(../images/completion.svg) center center no-repeat;background-size:48px;} .mypage-wrap .no-data.completion .btn-wrap{width:260px;} .mypage-wrap .no-data.completion::before{content:'';display:block;width:93px;height:106px;background:url(../images/completion.svg) center center no-repeat;background-size:48px;} .mypage-wrap .no-data.wish-completion .btn-wrap{width:260px;} .mypage-wrap .no-data.wish-completion::before{content:'';display:block;width:93px;height:106px;background:url(../images/bg-nodata-wish.png) center center no-repeat;background-size:auto;} /* #194330 20230209 */ .mypage-wrap.order-view-wrap .product-table .claim > li {flex-wrap:nowrap; padding-top:30px;} .mypage-wrap.order-view-wrap .product-table .claim > li:first-child {padding-top:0;} .mypage-wrap.order-view-wrap .product-table .claim > li > .inform, .mypage-wrap.order-view-wrap .product-table .claim > li > .inline-label {margin-left:30px;} .mypage-wrap.order-view-wrap .product-table .claim > li > .inline-label > div + div {margin-top:25px;} .mypage-wrap.order-view-wrap .product-table + hr + .order-detail {margin-top:60px !important;} .mypage-wrap.order-view-wrap .order-detail .order-addr .field-text {margin-top:25px;} .mypage-wrap.order-view-wrap .order-detail + hr + .order-detail {margin-top:35px !important;} .mypage-wrap.order-view-wrap div:not(.field-form) .btn-wrap {margin-top:60px; margin-bottom:100px;} .mypage-wrap.order-view-wrap .order-info > ol {margin-top:30px;} /* #196578: 20230224 end */ .mypage-wrap.order-view-wrap .product-list-wrap .bx-controls .bx-pager{display: none;} .order-view-wrap .tabs > div > div > ul > li + li{margin-top:35px;border-top:1px solid var(--tory_gray_10);}/* #196209:20230221:개발케이스 */ /* 주문내역 */ .inner .search-day-wrap {margin-top:20px;} .search-day-wrap .search-day {display:flex; } .search-day-wrap .search-day span + span {margin-left:16px;} /* #196039 20230225 */ .search-day-wrap .search-day span + span:before {display:block; content:"-"; position:absolute; margin-left:-12px; width:10px; height:40px; line-height:40px; text-align:center;} /* #196039 20230225 */ .search-day-wrap .search-day span:after {content:"";position:absolute; top:calc(100% * 0.25);left: 10px;width:20px;height:20px;background:url(../images/sprite.svg#calendar-usage) center center no-repeat;} .search-day-wrap .search-day input[type=text] {padding-left:40px; padding-right:7px;} .search-day-wrap .search-day button {margin-left:14px; max-width:110px;} .search-day-wrap + .tabs {margin-top:30px;} .search-day-wrap + .tabs > div {margin:20px 0;} .search-day-wrap + .tabs > div h3 {margin-top:40px; font-size:var(--font20);} .search-day-wrap + .tabs > div h4 {font-size:var(--font20);} .search-day-wrap + .tabs > div h4 a {font-size:var(--font14);} .product-table li {flex-wrap:wrap;} .product-table li .status {flex:1 1 100%; height:25px;} .product-table li .inform > .order-apply {height:65px;} .product-table li .inform .btn-wrap {position:absolute; left:-116px; right:-92px;} .product-table li .price {width:80px; text-align:right;} .mypage-wrap section .search-day-wrap {display:block; height:40px; } .mypage-wrap section .search-day-wrap .search-day {width:390px; margin-left:auto;} /* #196039 20230225 */ .mypage-wrap section .search-day-wrap .search-day input:after {display:block; content:"";} .mypage-wrap section .search-day-wrap + .tabs {margin-top:20px;} /* #196578: 20230224 */ .tabs > div > ul > li + li {margin-top:35px; border-top:1px solid var(--tory_gray_10);} .reception {margin-top:20px; font-size:var(--font14); border-bottom:1px solid var(--tory_gray_10); padding-bottom:20px;} .reception span span, .reception span strong {margin-left:6px;} .reception em {margin-left:30px;} .reception > .box {display:none; margin-top:15px; position:absolute; right:0; width:762px; padding:30px; background:#fff; border:1px solid var(--tory_gray_15); z-index:1;} /* #196578: 20230224 */ .reception > .box button {width:140px; position:absolute; top:25px; right:30px;} .reception > .box p + p {margin-top:5px;} /* #194836:20230213 start */ .order-view-wrap .reception > .box p + p {padding-right: 140px;} /* #194836:20230213 end */ h4 .fx-right > span {margin-right:6px;} h4 + .product-table {margin-top:20px;} .reception + .product-table {margin-top:35px;} .box.mutiny {margin:35px -20px 25px;} .order-info .line-note {margin-top:20px;} .order-info + .reception {margin-top:35px;} .order-info .line-step {margin-top:25px;} .product-table .cell-delivery-charge {width:180px; text-align:center; font-size:var(--font14);} .product-table .cell-delivery-charge + .cell-status, .product-table .cell-delivery-charge + .cell-status + .cell-note {width:180px;} .product-table .cell-status {width:260px; text-align:center; font-size:var(--font14);} .product-table .cell-note {width:260px; text-align:center; font-size:var(--font14);} .product-table .cell-apply {width:120px;} .product-table .cell-apply > button + button {margin-top:10px;} .product-table > ul > li .status span {position:relative; line-height:21px; font-size:var(--font13); color:var(--tory_gray_50);} .product-table > ul > li .status span.on {color:var(--tory_black); font-weight:600;} .product-table > ul > li .status span + span {margin-left:40px;} .product-table > ul > li .status span + span:before {display:block; content:""; position:absolute; top:1px; left:-27px; width:14px; height:14px; background:url(../images/sprite.svg#arrow-right-sm-usage) center center no-repeat; opacity:.5;} .mypage-wrap .product-table .cell-delivery-charge {font-size:var(--font15);} .mypage-wrap .product-table .cell-status {font-size:var(--font15);} .mypage-wrap .product-table > ul > li:first-child{padding-top:0 !important; border-top:0;}/* #196578 20230405 */ .mypage-wrap .product-table > ul > li {padding-top:35px;} .mypage-wrap .product-table > ul > li > div > p {font-size:var(--font15); line-height: var(--font15L); color:var(--tory_black); } .mypage-wrap .product-table > ul > li .status {margin-bottom:20px; padding-top:35px; height:21px; border-top:1px solid var(--tory_gray_10);} /* #196578: 20230224 */ .mypage-wrap .product-table > ul > li .status span {font-size:var(--font15);line-height: var(--font15L);} .mypage-wrap .product-table > ul > li .status span:before {top:2px;} /* #196578: 20230224 */ .mypage-wrap .field-form.order-detail .product-table> ul > li {margin-top:0; padding-top:30px;} .mypage-wrap .field-form.order-detail .product-table> ul > li:first-child {padding-top:0px;} .mypage-wrap .field-form.order-detail .product-table> ul > li:nth-child(2) {padding-top:0px;} .mypage-wrap .field-form.order-detail .order-addr {font-size:var(--font15);line-height: var(--font15L);} .mypage-wrap .field-form.order-detail .order-addr .btn-wrap {width:140px; margin:10px 0 0 !important;} /* 20230226 */ .mypage-wrap .field-form.order-detail .order-addr .btn-wrap button{ border:1px solid var(--tory_gray_10);} .mypage-wrap .field-form.order-detail > .btn-wrap button {width:140px;} .mypage-wrap .field-form.order-detail .order-addr .field-text{display: flex; } .mypage-wrap .field-form.order-detail .order-addr .field-text input{flex:100;} .mypage-wrap .field-form.order-detail .order-addr .field-text button{width:110px; margin-left:30px;} .mypage-wrap .field-form.order-detail .order-addr .select-box {width:748px;} .order-info ol {display:flex;} .order-info ol li {flex:100;} .order-info ol li + li {margin-left:40px;} .order-info ol li > strong {display:block; line-height:22px; font-size:var(--font18);} /* #196578: 20230224 */ .order-info ol li > strong > small {display:block;} /* #196940 20230228 */ .order-info ol li > p + p {margin-top:30px;} .order-info ol li > p {display:block; margin-top:20px; line-height:var(--font15L); font-size:var(--font15);} .order-info ol li > p > span {display:block; color:var(--tory_gray_50);} .order-info .info-apply {display:flex; position:relative; margin-top:30px; width:100%; height:40px;} .order-info .info-apply > div {flex:100; text-align:center; line-height:40px; font-size:var(--font13); background:var(--tory_gray_00);} .order-info .info-apply > div + div {margin-left:40px;} .mypage-wrap .field-form.inline-label > div {display:block; _height:40px;} .mypage-wrap .field-form.inline-label > div + div {margin-top:20px;} .mypage-wrap .field-form.inline-label > div > label {display:inline-block; width:90px; line-height:40px; font-size:var(--font15);} .mypage-wrap .field-form.inline-label > div > label + .inline {margin-top:0; width:calc(100% - 90px); float:right;} .mypage-wrap .field-form.inline-label > div > label + .select-box {margin-top:6px;} /* 환불계좌 추가 */ /* 196584: 20230224 start */ .mypage-wrap.refund-account-wrap {width:484px; margin:0px auto; padding-top:20px;} .mypage-wrap.refund-account-wrap .name {font-size:var(--font16); font-weight:600;} .mypage-wrap.refund-account-wrap .name + .field-form {margin-top:15px;} .mypage-wrap.refund-account-wrap .field-list {margin-top:15px; margin-left:10px;} .mypage-wrap.refund-account-wrap .field-check {margin-top:50px;} .mypage-wrap.refund-account-wrap .field-check label {font-size:var(--font14);} .mypage-wrap.refund-account-wrap .terms{margin-top:25px;} .mypage-wrap.refund-account-wrap .btn-wrap {margin-top:60px;} /* 196584: 20230224 end */ .mypage-wrap.refund-account-wrap .field-form .select-box + .field-text{margin-top:25px;}/* #197335:20230303 */ /* 주문상세 */ .order-no {margin-bottom:30px; line-height:var(--font20L); font-size:var(--font20);} .order-no + .box {margin-bottom:35px; padding:30px;} /* #196578: 20230224 */ .order-no >i {display: inline-block; width:1px; height: 12px; background-color: var(--tory_black); margin:0 10px;} .order-no + .box .order-info {display:flex; margin-bottom:25px; padding-bottom:25px; border-bottom:1px solid var(--tory_gray_10);} .order-no + .box .order-info > div {width:calc(100% - 140px);} .order-no + .box .order-info > div + button {width:140px;} .order-no + .box .order-info > div > p {line-height:21px;} .order-no + .box .order-info > div > p + p {margin-top:6px;} .order-no + .box .order-info > div > p label {display:inline-block; width:60px;} .order-no + .box .order-info > div > p span, .order-no + .box .order-info > div > p strong {margin-left:10px;} .order-info + p strong {margin-bottom:6px;} .order-detail h4 {margin-top:0 !important; flex: 0 0 170px; width:170px; line-height:var(--font20L) !important; font-size:var(--font20) !important;} /* #196626:20230224 */ .order-detail {display:flex;} .order-detail > div {width:calc(100% - 360px); box-sizing:border-box;} .order-detail > .btn-wrap {display:block; margin-left:60px; width:200px;} /* .order-detail > .btn-wrap button {margin-left:80px; width:120px;} */ .order-detail > .btn-wrap button + button {margin-top:10px; margin-left: 0;} .order-detail > .product-table {width:100%; margin-top:0;} .order-detail > .product-table ul:after {display:block; content:""; clear:both;} .order-detail > .product-table li {margin-left:20px; float:left; width:48%; vertical-align:top; padding-top:0; border-top:0;} .order-detail > .product-table li:nth-child(2) {margin-top:0;} /* #196578: 20230224 start */ .order-detail-wrap section {margin:40px auto 0;} .order-detail-wrap .product-table > ul > li:first-child {padding-top:30px;} .order-detail-wrap .product-table > ul > li {border-top:1px solid var(--tory_gray_10);} /* #196578: 20230224 end */ .order-detail-wrap .product-table > ul > li p {font-size:var(--font15);} .order-detail-wrap .cell-delivery-charge {font-size:var(--font15);} .order-detail-wrap .cell-status {font-size:var(--font15);} .order-detail-wrap .cell-apply {width:140px;} .order-detail-wrap .order-addr {font-size:var(--font15);} .order-detail-wrap .order-addr .btn-wrap {margin-top:10px;} .order-detail-wrap .field-form .btn-wrap {width:140px; margin:0 0 0 60px !important;} /* #196626:20230224 */ .order-detail-wrap .field-form .btn-wrap button {width:140px; } .order-detail-wrap .order-detail-btn {padding-top:0;} /* #196578: 20230224 */ .order-detail .fx-right .field-number input{ padding: 10px 15px 10px 24px;} .order-detail dl li.message {color:var(--tory_system_red);} .order-detail-btn {padding:50px 0 0 170px; margin:0px;} .mypage-wrap section .order-detail-btn .btn-wrap {margin-left:0px !important;} /* #195170:20230214 */ /* #196578: 20230226 start */ .mypage-wrap.order-detail-wrap .order-detail .product-table li {margin-left:0; border-top:0;} .mypage-wrap.order-detail-wrap .order-detail .product-table li:nth-child(2n) {margin-left:20px;} .mypage-wrap.order-detail-wrap .order-detail .product-table ul + dl {margin-top:20px;} /* #196578: 20230226 end */ /* 교환/반품 신청 */ .order-no + .product-table + h4 {margin-top:60px;} .product-table .claim li .thumb-img {width:248px;} .product-table .claim li .inform {flex:none; flex-basis:350px;} .product-table .claim li .field-form {margin-top:0; margin-left:20px; flex-basis:574px;} .product-table .claim li .field-form + a {margin-left:20px;} .product-table .claim li .field-form .horizontal-wrap {margin-top:25px;} .product-table .claim li .field-form > div:after {display:block; content:""; clear:both;} .claim_finish{max-width:1250px; margin:0 auto;}/* #196578 20230403 */ .claim_finish h4:first-child {margin-top:40px;} .claim_finish .box + h4 {margin-top:60px;} .claim_finish .box {margin-top:20px; padding:30px;} .claim_finish .box p {display:inline-block; width:calc(100% - 150px); font-size:var(--font15);} .claim_finish .box p > strong, .claim_finish .box p > span {display:block;} .claim_finish .box p > strong + span {margin-top:6px;} .claim_finish .box p > span + strong {margin-top:20px;} .claim_finish .box p > * > span {margin-left:20px;} .claim_finish .box .btn-wrap {display:inline-block; float:right; width:140px; vertical-align:top; margin-top:0;} .claim_finish .note {margin-top:30px; width:100%; } .claim_finish .note > ul {border-top:1px solid var(--tory_gray_10); border-bottom:1px solid var(--tory_gray_10);} .claim_finish .note > ul > li {padding:35px 0;} .claim_finish .note > ul > li + li {border-top:1px solid var(--tory_gray_10);} .claim_finish .note > ul > li h5 {display:inline-block; margin-top:0; width:160px; vertical-align:top; font-size:var(--font16);} .claim_finish .note > ul > li p {display:inline-block; width:calc(100% - 180px); font-size:var(--font15);} .claim_finish + .btn-wrap {margin:35px auto 0 !important; width:335px;}/* #196578 20230403 */ .claim_finish + .btn-wrap + h4 {margin:100px auto 30px !important; max-width:1250px;}/* #196578 20230403 */ .claim_finish + .btn-wrap + h4 + .order-info {max-width:1250px; margin:0 auto;}/* #196578 20230403 */ .field-header{margin-bottom:30px;} .field-header p {line-height:40px;} .field-header p > button {float:right; width:140px; } .field-header p > span{line-height:var(--font20L); font-size:var(--font20);font-weight: bold;} /* 1:1 문의 */ .my-inquiry > table {width:100%; line-height:var(--font12L); font-size:var(--font12); color:var(--tory_gray_70);} .my-inquiry > table th {padding:25px 20px; text-align:left; background-color:var(--tory_gray_00);} .my-inquiry > table td {padding:25px 20px; border-bottom:1px solid var(--tory_gray_15);} .my-inquiry > table td .no-datalist {margin-bottom:70px;} .my-inquiry > table td > a {display: block;width: 620px;overflow:hidden;text-overflow: ellipsis;white-space:nowrap;} /* #195130 20230213 */ .file-img-list {margin-top:20px; margin-bottom:25px; line-height:24px; font-size:var(--font13);} .file-img-list li{font-size:var(--font13);line-height:var(--font13L); margin-bottom:4px;} .file-img-list li:last-child{ margin-bottom:0px;} .file-img-list .remove {display:block; margin-top:4px; width:16px; height:16px; background: url(../images/sprite.svg#x-usage) no-repeat center center; float:right;} .horizontal-wrap .field-file-list > ul > li {_width:calc(20% - 8px);} .mypage-wrap .my-inquiry h4{margin-top:60px;} .mypage-wrap .my-inquiry > em{position:absolute; top:0; right:0;line-height:var(--font14L); font-size:var(--font14);} /* #196584: 20230309 start */ .mypage-wrap section > .wide-width .field-header + .my-inquiry table tr td .no-data {margin-bottom:-25px; padding-top:45px;} .mypage-wrap section > .wide-width .field-header + .my-inquiry table tr td .no-data::before {display:none;} .mypage-wrap section > .wide-width .field-header + .my-inquiry table tr td .no-data::after {content:""; position:absolute; bottom:-1px; left:-20px; width:calc(100% + 40px); height:1px; background-color:#fff;} .mypage-wrap section > .mini-width form .field-form .horizontal-wrap + dl > li {font-size:12px;} .mypage-wrap section > .mini-width form .field-form + h4 + .field-form.flex span label {font-size:14px;} .mypage-wrap section > .mini-width form .field-form + h4 + .field-form.flex + .btn-wrap {margin-top:50px;} /* #196584: 20230309 end */ .my-inquiry{position: relative;} .my-inquiry .inquiry_title {display:block; margin-top:30px; line-height:var(--font16L); font-size:var(--font16); font-weight:600;} .my-inquiry .inquiry_content {margin-top:30px; font-size:0;} .my-inquiry .inquiry_content > div {display:inline-block; vertical-align:top;} .my-inquiry .inquiry_content > div > img {width:104px;} .my-inquiry .inquiry_content .txt {margin-left:15px; width:calc(100% - 120px); font-size:var(--font12);} .my-inquiry .field-file-list {margin-top:25px;} .my-inquiry .field-file-list > ul.flex > li + li {margin-left:8px} .my-inquiry .field-file-list > ul.flex > li {width:90px; height: 99px;} .my-inquiry .box {margin-top:30px;} .my-inquiry .box > p {line-height:26px;} .my-inquiry .box > p > strong {font-size:var(--font20);} .my-inquiry .box > p > span {float:right; font-size:var(--font15);} .my-inquiry .box > .txt {margin-top:20px;font-size:var(--font13);line-height:var(--font13L);} .my-inquiry .box + .box {margin-top:20px;}/* 20230227 */ .my-inquiry .field-star {justify-content:center;} .my-inquiry .field-star + .btn-wrap {margin:30px auto; width:260px;} /* #196584: 20230306 start */ .mypage-wrap .mini-width.my-inquiry .inquiry_content {margin-top:25px;} /* #196584: 20230309 start */ .mypage-wrap .mini-width.my-inquiry .inquiry_content .txt {margin-left:0;font-size:var(--font13);} .mypage-wrap .mini-width.my-inquiry .inquiry_content .img + .txt {margin-left:15px;} .mypage-wrap .mini-width.my-inquiry .field-form .inline.wide > .field-text {width:calc(100% - 135px);} .mypage-wrap .mini-width.my-inquiry .field-form .inline.wide > button.ws {width:105px;} .mypage-wrap .wide-width.mypage-member + .btn-wrap.addr-btn .bk[onclick*="addDelivery"] {margin-top:10px;} .mypage-wrap .wide-width.mypage-member .empty .btn-wrap.addr-btn .bk[onclick*="addDelivery"] {margin-top:5px !important;} .my-wrap .mypage-wrap.order-detail-wrap .mypage-wrap.refund-account-wrap .name + .field-form .select-box:first-of-type {margin-top:0;} .my-wrap .mypage-wrap.order-view-wrap .section .search-day-wrap + .tabs .tab > li > a {width:100%; margin:0;} /* #196584: 20230309 end */ /* #196584: 20230306 end */ .inquiry-item {position:relative; margin-top:20px;} .inquiry-item > ul {display:flex; flex-wrap:nowrap; width:auto; } .inquiry-item > ul > li {flex:none; width:auto;} .inquiry-item > ul > li + li {margin-left:10px;} .inquiry-item > ul > li {width:calc(25% + 3px);} /* 리뷰작성 */ /* #196039 20230221 */ .my-review section {margin-top: 23px;} .my-review .product-table > ul > li:first-child {border-top:0px;} .my-review hr + * {margin-top:30px !important; padding-top:30px;} .my-review .tabs.review + dl {margin-top:40px;} .my-review .range > span {font-size:var(--font13);} .my-review .product-table > ul > li > .inform .name a{color:var(--tory_black);} .tabs.review .tab {margin:20px auto; width:300px;} .tabs.review .tab > li {border:0; text-align:center;} .tabs.review .tab > li > a {display:inline-block;height: 30px;padding: 7px 0;width:auto;line-height:var(--font12L);text-align:center;color:var(--tory_gray_50);font-size:var(--font12);font-weight:600;box-sizing: border-box;border-bottom:2px solid var(--tory_white);} .tabs.review .tab > li.on > a {color:var(--tory_black); font-weight:600; border-bottom:2px solid var(--tory_black);} .tabs.review > div {margin-top:40px;} .tabs.review > div .product-table > ul > li {flex-wrap:wrap; padding-bottom: 70px;border-bottom: 1px solid var(--tory_gray_10);} .tabs.review > div .product-table > ul > li + li {padding-top: 70px;margin: 0px;} /* //#196039 20230221 */ /* #195442:20230215 start */ .tabs.review > div .product-table > ul > li > .review [class^='star_point'] > *,.tabs.review > div .product-table > ul > li > .review [class*='star_point'] > *{vertical-align:middle;} .tabs.review > div .product-table > ul > li > .review [class^='star_point'] i.star,.tabs.review > div .product-table > ul > li > .review [class*='star_point'] i.star{width:18px;height:18px;background-size:18px;} /* #195442:20230215 end */ .tabs.review > div .product-table .thumb-img {width:170px;} .tabs.review .review {display:flex; _flex:1 1 100%; margin-left:0;} .tabs.review .review > p {margin-top:30px; width:150px; color:var(--tory_gray_50);} /* #196039:20230306 */ .tabs.review .review > div {margin-top:30px; color:var(--tory_gray_50);} /* #196039:20230306 */ .tabs.review .review > a {display:inline-block; margin-top:10px;} .tabs.review .review > .reg_data {position:relative; width:770px;} .tabs.review .review > .reg_data > p {font-size:var(--font14); line-height: var(--font14L);} .tabs.review .review > .reg_data > p > em {margin-right:5px;} .tabs.review .review > .reg_data > p > span {margin-right:15px; color:var(--tory_black);} .tabs.review .review > .reg_data > div {margin-top:20px; color:var(--tory_gray_70);font-size:var(--font15); line-height: var(--font15L);}/* #195541:20230215 */ .tabs.review .review > .reg_data > div.max-line-3 {width:642px;font-size:var(--font15); line-height: var(--font15L);} /* #195442:20230215 *//* #196039:20230306 */ .tabs.review .review > .reg_data > div.max-line-3 + a + .photo-review {position:absolute; top:0; right:0px; margin-top:0px; width:98px; padding: 0 30px;}/* #196039:20230306 */ .tabs.review .review > .reg_data > div.max-line-3 + a + .photo-review > ul > li {display:none;} .tabs.review .review > .reg_data > div.max-line-3 + a + .photo-review > ul > li:first-child {display:block;} .tabs.review .review > .reg_data > div.max-line-3 + a + .photo-review > ul > li:first-child img{width:98px;height:111px;object-fit:cover;}/* #196039:20230306 */ .tabs.review .review > .reg_data > div + .toggle_max-line-3 u {font-size: var(--font13); line-height: var(--font13L);} /* #195541:20230215 */ .tabs.review .review > .reg_data > div + .toggle_max-line-3 u:after {display:inline-block; content:"접기";} .tabs.review .review > .reg_data > div.max-line-3 + .toggle_max-line-3 u:after {content:"더보기";} .tabs.review .review > .reg_data > a {display:inline-block; margin-top:10px;} .tabs.review .review > .reg_data > .photo-review {position:relative; margin-top:35px;} .tabs.review .review > .reg_data > .photo-review li + li {margin-top:30px;} .tabs.review .review > .reg_data > .photo-review ul li img {width: 335px; height: auto;}/* #196039:20230306 */ /* #195442:20230215 */ .tabs.review .review > .reg_date {width:100px; text-align:right;} .tabs.review .review > .reg_date > span {font-size:var(--font13); line-height: var(--font13L);} /* //#195442:20230215 */ .tabs.review .review > .reg_date > a {display:inline-block; margin-top:20px;} .tabs.review .review > strong {display:block; margin-top:12px; line-height:var(--font14L); font-size:var(--font14);} .tabs.review > div .range {display:block; margin-bottom:20px; width:100%; position:relative;} .tabs.review > div .range:after {display:block; content:""; clear:both;} .tabs.review > div .range > span {line-height:40px;} .tabs.review > div .range > div {float:right;} .tabs.review > div .range + .product-table {margin-top:30px;} .tabs.review + dl {margin-top:100px;} /* #196039:20230306 start */ .review-edit{overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none;max-height:520px;} .review-edit::-webkit-scrollbar{display:none;} .review-edit .product-table > ul > li > div > p{color:var(--tory_black);font-size:var(--font15);} .review-edit .product-table > ul > li > .inform .name a{color:var(-- tory_black);font-size:var(--font15);} .review-edit .product-table > ul > li > a.thumb-img{width:170px;} .review-edit .product-table > ul > li > a.thumb-img img{width:170px;height:194px;object-fit:cover;} .review-edit .text-area textarea{min-height:216px;padding:15px;} .review-edit .text-area textarea::placeholder{font-size:var(--font13);line-height:var(--font13L);} .review-edit .horizontal-wrap .field-file-list{margin-bottom:10px;} .review-edit .horizontal-wrap .field-file-list > ul > li{width:119px;height:135px;} .review-edit .horizontal-wrap .field-file-list > ul > li + li{margin-left:16.5px;} .review-edit .horizontal-wrap .field-file-list > ul > li .field-file-img{padding-bottom:135px;} .review-edit + .btn-wrap button{width:184px;} .review-edit + .btn-wrap button + button{margin-left:23px;} .popup .inner .review-edit .field-form h4 + div{margin-top:15px;} .review-edit h4{margin-top:30px;text-align:center;font-size:var(--font14);} .review-edit .field-star{justify-content:center;margin-top:15px;} /* #196039:20230306 end */ .field-star + .message {margin-top:12px; text-align:center;} .field-line-select {display:flex;} .field-line-select .input-line {flex:100;} .field-line-select .input-line:hover {cursor:pointer;} .field-line-select .input-line input[type=radio] {position:absolute; width:0; height:0; opacity:0;} .field-line-select .input-line input[type=radio] + span {display:block; padding-top:5px; width:100%; text-align:center; line-height:var(--font11L); color:var(--tory_gray_50); font-size:var(--font11); border-top:3px solid var(--tory_gray_00);} .field-line-select .input-line input[type=radio]:checked + span {border-color:var(--tory_black);} /* 주문/결제/마이페이지 공통 */ .mypage-wrap .order-addr {line-height:21px; font-size:var(--font16);} .mypage-wrap .bill-list {line-height:var(--font15L); font-size:var(--font15);} .mypage-wrap .bill-list .fx-right {max-width:70%;} .mypage-wrap .bill-list + .bill-list {margin-top:10px;} .mypage-wrap .bill-list strong{line-height:var(--font16L); font-size:var(--font16);} .order-memo {margin-top:5px;} .order-wrap .bill-list {line-height:21px; font-size:var(--font14);} .order-wrap .bill-list span + em {margin-left:20px;} .order-wrap .btn-wrap.mini-width {margin-top:50px;} .order-wrap .bill-list + .bill-list {margin-top:10px;} .order-wrap .account p + p {margin-top:6px;} .order-wrap .account p {line-height:var(--font15L); font-size:var(--font15);} .order-wrap .account p > label {display:inline-block; width:80px;} .order-wrap .account p > span + span {margin-left:20px;} .order-wrap .account p > strong {margin-right:20px;} .order-wrap .order-addr {line-height:var(--font14L); font-size:var(--font14); margin-top:38px;} .order-wrap .order-addr .select-box {margin-top:25px;} .order-wrap .order-addr p + p {margin-top:5px;} .order-wrap .order-addr p {font-size:var(--font15);} .order-wrap .order-addr p label {display:inline-block; width:150px; color: var(--tory_black); } .order-wrap .order-addr p button {margin-top:5px; margin-left:150px; width:150px; color:var(--tory_gray_70) !important; background-color: var(--tory_gray_00) !important ; border:var(--tory_gray_10);} .order-memo {margin-top:5px;} .box.calc {margin-top:20px; padding:30px; text-align:center; color:var(--tory_gray_50); font-size:var(--font30);} .box.calc > div + div {margin-left:120px;} .box.calc > div {display:inline-block; position:relative; line-height:var(--font13L); font-size:var(--font13);} .box.calc > div:after {display:block; content:""; position:absolute; top:19px; right:-70px; width:14px; height:14px; opacity:.3;} .box.calc > div:first-child:after {background:url(../images/sprite.svg#plus-micro-usage) center center no-repeat;} .box.calc > div:nth-child(2):after {background:url(../images/sprite.svg#minus-usage) center center no-repeat;} .box.calc > div:nth-child(3):after {top:22px; height:4px; border-top:2px solid var(--tory_black); border-bottom:2px solid var(--tory_black);} .box.calc > div:nth-child(4):after {background:none;} .box.calc > div > span {display:block; color:var(--tory_gray_50);} .box.calc > div > strong {display:block; margin-top:10px; color:var(--tory_black); line-height:var(--font16L); font-size:var(--font16);} .order-wrap .order-bill h4 {margin-top:0; line-height:var(--font20L); font-size:var(--font20);} .order-wrap .order-bill h4.gift:before {content:''; display:inline-block; width:16px; height:16px; margin-right:8px; background:url(../images/sprite.svg#gift-wrap-usage) center center no-repeat;} .order-wrap .order-bill h4 .btn-wrap {float:right; margin-top:0px; width:270px;justify-content: end;} .order-wrap .order-bill h4 .btn-wrap button:first-child {width:110px; flex:none;} .order-wrap .order-bill h4 + input + .field-form {margin-top:20px;}/* #196541 4차 20230417 */ .order-wrap .order-bill table {margin-top:25px; width:100%; font-size:var(--font12);} .order-wrap .order-bill table th {padding:23px 15px; text-align:left; background-color:var(--tory_gray_00); border-bottom:1px solid var(--tory_gray_10);} .order-wrap .order-bill table td {padding:23px 15px; border-bottom:1px solid var(--tory_gray_10);} .order-wrap .order-bill .terms {display:none; margin-top:25px; width:100%; max-height:180px; overflow-y:auto;} /* #256990:20241209 start*/ /* TORY BURCH 이용약관 동의(필수) */ .order-wrap .order-bill .terms.fold_to .box-inner dl.terms{display:block;margin:0;width:100%;max-height:none;overflow-y:visible;} .order-wrap .order-bill .terms.fold_to .box-inner dl.terms > dt{color:var(--tory_black);font-size:var(--font13);line-height:var(--font13L);} .order-wrap .order-bill .terms.fold_to .box-inner dl.terms > dd{position:relative;padding-left:6px;color:var(--tory_black);font-size:var(--font13);line-height:var(--font13L);} .order-wrap .order-bill .terms.fold_to .box-inner dl.terms > dd::before{content:'';display:block;position:absolute;width:2px;height:2px;background:var(--tory_black);left:5px;top:6px;} .order-wrap .order-bill .terms.fold_to .box-inner dl.terms > dd + dt{margin-top:1em;} /* 비회원 개인정보 수집 및 이용동의(필수) */ .order-wrap .order-bill .terms.fold_to > h1{color:var(--tory_black);font-size:var(--font13);line-height:var(--font13L);font-weight:normal;} .order-wrap .order-bill .terms.fold_to > h1 ~ h1{margin-top:1em;} .order-wrap .order-bill .terms.fold_to > ul{color:var(--tory_black);font-size:var(--font13);line-height:var(--font13L);} .order-wrap .order-bill .terms.fold_to > ul > li{color:var(--tory_black);font-size:var(--font13);line-height:var(--font13L);} /* #256990:20241209 end */ .order-wrap .order-bill .certify {margin-top:30px; line-height:var(--font15L); font-size:var(--font15);} .order-wrap .order-bill .certify button {display:block; margin:35px auto; width:260px;} .order-wrap .order-bill .link-terms u {border-bottom:0px;} .order-wrap .order-bill .select-box > ul li:hover::after {display: none;} .order-wrap .order-list .bill-list span {font-size:var(--font15);} .order-wrap .order-list .bill-list strong {font-size:var(--font16);} .order-wrap .product-table .thumb-img {width:150px;} .order-wrap .product-table > ul.cols-2:after {display:block; content:""; clear:both;} .order-wrap .product-table > ul.cols-2 > li:nth-child(even) {margin-left:20px;} .order-wrap .product-table > ul.cols-2 > li:first-child, .order-wrap .product-table > ul.cols-2 > li:nth-child(2) {margin-top:0;} .order-wrap .product-table > ul.cols-2 > li {width:calc(50% - 10px); float:left;} .order-wrap .product-table > ul.cols-2 > li .thumb-img {width:150px;} .order-wrap .product-table > ul > li > div > p {line-height:var(--font15L); font-size:var(--font15); color:var(--tory_black)} .order-wrap .product-table > ul > li > div > p span {vertical-align:top;} .order-wrap .product-table > ul > li > div > p span i + span {display:inline-block;} .order-wrap .product-table > ul > li > div > p > a{display:block; width:100%; word-break: break-word;}/* #192789 20230303 */ .order-wrap .product-table > ul > li > div > .note {margin-top:0px;} .order-wrap .product-table > ul > li > div > .note:first-child {margin-top:10px;} .order-wrap .product-table li .price {width:100%; font-size:var(--font15);} /* 고객센터 */ .service-wrap {} .service-wrap nav {display:flex; flex-wrap:wrap; justify-content:center; align-items:center; width:100%; height:200px; text-align:center; color:var(--tory_black); background:#FAF9F5; background-size:250px;}/* #270550 : 20250421 */ .service-wrap nav h1 {margin-top:0; line-height:var(--font30L); font-size:var(--font30);} .service-wrap nav h1 small {display:block; margin-bottom:8px; line-height:var(--font14L); font-size:var(--font14); font-weight:400;} .service-wrap nav + section {margin-top:0;} .route-list {margin:auto;} .route-list ul li {text-align:center; border-top:0; border-bottom:1px solid var(--tory_gray_10);} .route-list li > a {display:block; width:100%; line-height:95px; font-size:var(--font16); font-weight:600;} .route-list > ul > li > a:hover {background-color:var(--tory_gray_00);} .route-list > a {position:relative; display:block; width:100%; line-height:99px; text-align:center; font-size:var(--font14); font-weight:600; background-color:var(--tory_gray_10);} .route-list > a:after {display:block; content:""; position:absolute; top:50%; left:20px; margin-top:-6px; width:14px; height:14px; background:url(../images/sprite.svg#arrow-left-usage) center center no-repeat; cursor:pointer;} .route-list > .accordion > ul > li > a {position:relative;} .route-list > .accordion > ul > li.on {border-bottom:0px;} /* #193627 20230307 */ .route-list > .accordion > ul > li > a:after {display:block; content:""; position:absolute; top:50%; right:20px; margin-top:-6px; width:14px; height:14px; background:url(../images/sprite.svg#arrow-right-usage) center center no-repeat; cursor:pointer;} .route-list > .accordion > ul > li.on > a:after {left:20px; background:url(../images/sprite.svg#arrow-left-usage) center center no-repeat;} .route-list > .accordion > ul > li > .async-content {display:none;} .route-list > .accordion > ul > li.on > .async-content {display:block;} .route-list .tabs {margin:34px auto 0; width:749px;} .route-list .drop-down ul li {text-align:left;} /* #192901 20230202 */ .route-list .tabs .tab {margin:auto; width:300px;} .route-list .tabs .tab > li {border:0;} .route-list .tabs .tab > li > a {display:inline-block; padding:3px 0; width:auto; line-height:var(--font12L); text-align:center; color:var(--tory_gray_30); font-size:var(--font12); font-weight:400; border-bottom:2px solid var(--tory_white);} .route-list .tabs .tab > li.on > a {color:var(--tory_black); font-weight:600; border-bottom:2px solid var(--tory_black);} .route-list .tabs > div {display:none; margin:20px 0;} .route-list .tabs > div.on {display:block;} .route-list .tabs > div > .field-form, .route-list .tabs > div > .btn-wrap, .route-list .tabs > div > dl {margin-left:132px; width:485px;} .route-list dl {margin-top:25px;} .route-list dl > li {text-align:left; color:var(--tory_gray_50); line-height:var(--font11L); font-size:var(--font11); border:0;} .route-list dl > li:before {content:"· "} .route-list .result {margin-top:60px;} .route-list .result > strong {line-height:24px; font-size:var(--font13);} /* .route-list .result > ul {margin-top:9px} .route-list .result > ul > li {border:0;} .route-list .result > ul > li + li {margin-top:30px;} .route-list .result > ul > li p {padding:25px 15px; text-align:left; font-weight:600; background-color:var(--tory_gray_00);} .route-list .result > ul > li label {display:inline-block; width:50%;} .route-list .result > ul > li label + span {display:inline-block; width:50%;} .route-list .result > ul > li li {padding:25px 15px; text-align:left; color:var(--tory_gray_70); line-height:var(--font12L); font-size:var(--font12);} */ .route-list .result table {margin-top:25px; width:100%;} .route-list .result table th {padding:25px; line-height:var(--font12L); text-align:center; color:var(--tory_gray_70); font-size:var(--font12); background-color:var(--tory_gray_00);} .route-list .result table td {padding:25px; line-height:var(--font12L); text-align:center; color:var(--tory_gray_70); font-size:var(--font12); border-bottom:1px solid var(--tory_gray_15);} .route-list .result .no-data {padding:90px 0; line-height:24px; text-align:center; font-size:var(--font13);} .as-detail-list .result {margin-bottom:30px;} .as-detail-list .result strong {font-size:var(--font13);} .as-detail-list .result table {margin-top:20px; width:100%;} .as-detail-list .result table th {padding:25px; line-height:var(--font12L); text-align:center; color:var(--tory_gray_70); font-size:var(--font12); background-color:var(--tory_gray_00); border-bottom:1px solid var(--tory_gray_10);} .as-detail-list .result table td {padding:25px; line-height:var(--font12L); text-align:center; color:var(--tory_gray_70); font-size:var(--font12); border-bottom:1px solid var(--tory_gray_10);} .as-detail-list .result .no-data {padding:90px 0; line-height:24px; text-align:center; font-size:var(--font13);} .lst-info li {border-bottom:0px !important;} /* #193627 20230306 */ /* 장바구니 */ .cart-wrap nav {text-align:center;} .cart-wrap nav h1 {margin-top:37px; line-height:var(--font24L); font-size:var(--font24); font-weight:600;} /* #196538: 20230225 */ .cart-wrap nav h1 small {display:block; margin-bottom:4px; line-height:var(--font14L); font-size:var(--font14); font-weight:600;} .cart-wrap nav > ul {margin-top:24px;} .cart-wrap nav > ul > li {display:inline-block; line-height:14px;} .cart-wrap nav > ul > li + li {margin-left:24px;} .cart-wrap nav > ul > li.on {border-bottom:1px solid var(--tory_black);} .cart-wrap section {margin:40px auto 0; max-width:1250px; box-sizing:border-box;} .cart-wrap section h4 {margin-top:35px; line-height:var(--font16L); font-size:var(--font16); font-weight:600;} .cart-wrap section h5 {margin-top:25px; line-height:22px; font-size:var(--font13); font-weight:600;} .cart-wrap section > p {margin-top:25px; line-height:24px; font-size:var(--font13);} .cart-wrap section > p + .field-form {margin-top:12px;} .cart-wrap.no-cart nav h2 {margin: 70px 0 35px; font-size:var(--font24);} /* #196538: 20230225 */ /* #196538:20230307 */ .cart-wrap.no-cart section {margin-top:30px;} .cart-wrap.no-cart .no-cartlist p {margin:55px 0 15px; line-height:1; font-size:var(--font15);} /* #194577 20230210 */ /* #196538: 20230225 */ .cart-wrap.no-cart .no-cartlist p+p {margin:15px 0;}/* #194577 20230210 */ .cart-wrap.no-cart .no-cartlist .btn-wrap {margin:50px auto 0; width:260px;} /* #196538: 20230225 start */ .cart-wrap.no-cart .service-info h5 {font-size:var(--font14); font-weight:600; line-height:var(--font14L);} .cart-wrap.no-cart .service-info p {margin-top:14px; line-height:var(--font15L);} /* #196538: 20230225 end */ .cart-wrap .cart-form {display: flex;}/* #196538:20230307 */ .cart-wrap .cart-form > .product-table {display:inline-block; margin-top:0; width:758px; vertical-align:top;} /* #196538: 20230225 */ .cart-wrap .cart-form > .product-table > ul > li + li {margin-top:40px;} .cart-wrap .cart-form > .product-table > ul > li > a.thumb-img {width:248px;} .cart-wrap .cart-form > .product-table > ul > li > div {margin-left:30px; font-size:var(--font15);width: 112px;}/* #192907 20230203 */ .cart-wrap .cart-form > .product-table > ul > li > div > p {font-size:var(--font15);line-height:var(--font15L); color:var(--tory_black);} /* #196538: 20230225 */ .cart-wrap .cart-form > .product-table > ul > li > .price p + p {color: var(--tory_orange);} /* #196538:20230307 */ /* #196538: 20230225 start */ .cart-wrap .cart-form > .product-table > ul > li > .inform {width: 330px; flex:0 0 330px;} /* #196538:20230307 */ .cart-wrap .cart-form > .product-table > ul > li > .price {margin-left: 3px;} /* #196538:20230307 */ .cart-wrap .cart-form > .product-table > ul > li > .inform > p a.option {margin-top:10px;} .cart-wrap .cart-form > .product-table > ul > li > .inform > p a.txt-orange {margin-top:15px;} .cart-wrap .cart-form > .product-table > ul > li > .inform > p a.txt-orange u {color:var(--tory_gray_50) !important; border-color:var(--tory_gray_50) !important;} .cart-wrap .cart-form > .product-table > ul > li > .inform > p.staff a {margin-top:15px;} .cart-wrap .cart-form > .product-table > ul > li > .inform > p a.txt-red {margin-top:15px;} .cart-wrap .cart-form > .product-table > ul > li > .inform > p.note {margin-top:15px;} /* #196538: 20230225 end */ .cart-wrap .cart-form > .product-table > ul > li > div > p.staff a{color:var(--tory_orange);} .cart-wrap .cart-form > .product-table .pickup-all {display:block; height:30px; line-height:30px;} .cart-wrap .cart-form > .product-table .pickup-all label {color:var(--tory_black);} /* #196538: 20230225 */ .cart-wrap .cart-form > .product-table .pickup-all button {float:right; width:140px;} .cart-wrap .cart-form > .product-table .pickup-all + ul {margin-top:30px;} .cart-wrap .cart-form > .product-table dl {margin-top:40px; padding-top:25px; border-top:1px solid var(--tory_gray_10);} /* #196538: 20230225 */ .cart-wrap .cart-form > .product-table dl li {line-height:var(--font12L); font-size:var(--font12);} /* #195428:20230215 개발 케이스 start */ .cart-wrap .cart-form > .product-table > ul > li > .inform > p[class^='txt-']{margin-top:5px;} /* #195428:20230215 개발 케이스 end */ .cart-wrap .cart-form > .product_bill {display:inline-block; margin-left:118px; padding:30px 20px 70px; width:373px; vertical-align:top; background-color:var(--tory_gray_00); box-sizing:border-box;} /* #196538: 20230225 */ .cart-wrap .cart-form > .product_bill .total-price{padding-top:0;} /* #196538: 20230225 start */ .cart-wrap .cart-form > .product_bill .total-price > p {font-size:15px;} .cart-wrap .cart-form > .product_bill .total-price > p:last-child {font-size:16px;} .cart-wrap .cart-form > .product_bill .total-price + .btn-wrap {margin-top:25px;} .cart-wrap .cart-form > .product_bill .total-price + .btn-wrap + .gift-info {margin-top:25px;} .cart-wrap .cart-form > .product_bill .gift-info .img-stage {background-color:var(--tory_white);} /* #196538: 20230225 end */ .cart-wrap .cart-form > .product_bill .total-price::after {display: none;} /* 쿠폰 선택하기 */ .select-coupon-popup h4 {line-height:var(--font14L); font-size:var(--font14);} .select-coupon-popup + .outer .field-form .field-check label {font-size:var(--font14);} .select-coupon-popup .inform p {line-height:var(--font15L);font-size:var(--font15);} .select-coupon-popup .select-box > ul li:hover:after {display:none;} .select-coupon-popup .select-box > ul li.disabled:hover:after {display:none;} .select-coupon-popup .select-box > input {padding: 8px 40px 8px 15px;} /* #197771:20230308 start */ .select-coupon-popup .inform .name.max-line-2 * {word-break: break-word;} /* #197771:20230308 end */ /* 배송지목록 */ .list-delivery-popup .list{overflow-y: scroll; max-height: 540px; padding-bottom: 20px;} .list-delivery-popup .list::-webkit-scrollbar {display: none;} /* 배송지 추가 */ .add-delivery-popup {width:484px;} .add-delivery-popup .field-form .inline .field-text {width:344px !important;} .add-delivery-popup .field-form .inline button {width:110px !important;} .add-delivery-popup .field-check {font-size:var(--font14);} /* 배송지,수거지 변경 */ .modify-delivery-popup {padding-bottom:100px !important;} /* #196578: 20230224 */ .modify-delivery-popup .list{overflow-y: scroll; max-height: 570px;} .modify-delivery-popup .list::-webkit-scrollbar {display: none;} .modify-delivery-popup .field-form h4 {font-size:var(--font14);} /* #196578: 20230224 start */ .modify-delivery-popup .field-form .reception {padding-bottom:35px;} .modify-delivery-popup .field-form + hr {display:none;} /* #196578: 20230224 end */ .modify-delivery-popup .field-form .inline button {width:110px !important; margin-left:30px;} .modify-delivery-popup .select-box > ul li:after{display: none;} .modify-delivery-popup .btn-wrap {position:absolute; bottom:0; left:0; width:calc(100% - 60px); padding: 30px;} /* #196578: 20230224 */ .modify-delivery-popup .list .field-form + .field-form{margin-top:35px;}/* #196578 20230403 */ .modify-delivery-popup .list .field-form + .field-form > h4 {margin-bottom:30px;} /* #183341: 20230317 */ /* 배송비용 결제 */ .pay-delivery-popup h4 {font-size:var(--font14);} .pay-delivery-popup .pay-list {margin-bottom:0px;} .pay-delivery-popup .pay-with .field-list {margin-top:10px;} .pay-delivery-popup .pay-with + .field-check {margin-top:20px;} .pay-delivery-popup * + .field-form {margin-top:15px;} /* #183341: 20230317 start */ .pay-delivery-popup .field-form .pay-with .account h5 {font-size:14px;} .pay-delivery-popup .field-form .pay-with .account .field-form.flex label {font-size:14px;} /* #183341: 20230317 end */ .pay-delivery-popup.inner .btn-wrap{margin-top:30px;}/* #196578 20230404 */ /* 검색결과 */ .search-result section {margin-top:0px;} .search-result nav + section > .product-filter {margin-top:5px;} .search-result nav h2 {margin-top:24px; font-family:"sweet-sans-pro","Noto Sans KR"; letter-spacing: 0.75px; font-weight:700; text-transform: uppercase; letter-spacing: 0.75px;}/* #198400 20230314 */ .search-result nav h2 + h2 {margin-top:70px;} /* #196377 20230225 */ .search-result nav p {margin-top:24px; font-size:var(--font13);} /* 주문상품 선택 팝업 */ .select-order-prod-popup .field-form > p{line-height: 16px;} .select-order-prod-popup h4 {font-size:var(--font14);} /* 196584: 20230225 start */ .select-order-prod-popup h3 {position:sticky; top:0; z-index:1;} .select-order-prod-popup h3 span {position:relative; z-index:1;} .select-order-prod-popup h3:before {content:""; position:absolute; top:-20px; left:-30px; width:calc(100% + 60px); height:60px; background-color:var(--tory_white);} /* 196584: 20230225 end */ .select-order-prod-popup .field-text {margin-top:20px;} .select-order-prod-popup .field-text label {font-size:var(--font14);} .select-order-prod-popup .radio-table > ul {margin-top:0px;} .select-order-prod-popup .radio-table:last-of-type {padding-bottom:35px; border-bottom:1px solid var(--tory_gray_10);} /* #196584: 20230309 */ .select-order-prod-popup .search-day .field-text {min-width:125px; margin-top:0px;} /* #194618:20230210 width:125px로 하면 우측 잘림 */ .select-order-prod-popup .search-day-wrap + .field-form h4 + span {display:block; margin-top:20px;} /* #196584: 20230306 */ /* 196584: 20230224 start */ /* 196584: 20230225 start */ .select-order-prod-popup .btn-wrap button {position:relative; height:40px; line-height:var(--font14);} /* #196584: 20230309 start */ /* .select-order-prod-popup .btn-wrap:before {content:""; position:absolute; top:0; left:0; width:100%; height:35px; background-color:var(--tory_white);} .select-order-prod-popup .btn-wrap:after {content:""; position:absolute; bottom:-30px; left:0; width:100%; height:30px; background-color:var(--tory_white);} */ .select-order-prod-popup .field-form + hr + .btn-wrap {margin-top:0 !important; padding-top:35px; border-top:0;} .select-order-prod-popup .btn-wrap:last-of-type {position:sticky; bottom:0; margin-top:0; padding-top:30px; border-top:0;} .select-order-prod-popup .btn-wrap:last-of-type:before {content:""; position:absolute; top:0; left:0; width:100%; height:35px; background-color:var(--tory_white);} .select-order-prod-popup .btn-wrap:last-of-type:after {content:""; position:absolute; bottom:-30px; left:0; width:100%; height:30px; background-color:var(--tory_white);} /* #196584: 20230309 end */ /* 196584: 20230224 end */ /* 선물포장서비스안내 팝업 */ .gift-wrapping .field-form h4{font-size:var(--font14); line-height: var(--font14L);margin-bottom:20px;} .gift-wrapping .field-form>p{font-size:var(--font13); line-height: var(--font13L);margin-bottom:20px;} .gift-wrapping .field-form p:first-child{margin-bottom:30px;} .gift-wrapping .field-form strong{display:block; font-size:var(--font13); line-height: var(--font13L);margin-bottom:5px;} .gift-wrapping .field-form span{display:block; width:100%; height:157px;} .gift-wrapping .field-form span img{width:100%; height:100%; vertical-align:top; object-fit: cover; overflow:hidden;} /* 14세미만 본인인증 팝업 */ .self-certification .field-form {text-align: center;} .self-certification .field-form h4 {margin-bottom:15px; font-size:var(--font16); line-height: var(--font16L);} .self-certification .field-form p { margin-bottom:25px; font-size:var(--font14); line-height: var(--font14L);} .self-certification .field-form .phone-certification { display: block; width:100%; padding:26px 0 20px; border:1px solid var(--tory_black); text-align: center;} .self-certification .field-form .phone-certification img {width:40px; height: 40px;} .self-certification .field-form .phone-certification span {display: block; margin-top:16px; } .self-certification .hr {display: block; margin: 25px 0; width:100%; height:1px; background-color: var(--tory_gray_10); } .self-certification button {padding:0; width:260px; } .self-certification dl {margin:20px 0 0; } .self-certification dl dd{text-align:center; color: var(--tory_gray_50); } /* 나의 쿠폰 등록 */ .popup .inner.mycoupon > h3 + p{ font-size:var(--font14); line-height: var(--font14L);} /* 멤버십전환실패-중복 */ .remove-btn-close + p{margin-top:10px;} /* #56758: ssfshop/토리/톰 멤버십 안내 페이지 문구 추가 및 수정 common.css 추가 */ .membership-wrap .section > ul {margin-top: 3px;} .membership-wrap .member-info:first-child {margin-top: 0; padding-top: 0; border-top: 0 none;} .membership-wrap .member-info {margin-top:50px; border-top: 1px solid #d4d4d4;} .membership-wrap .member-info h2.title {font-size: 16px; font-weight:bold; color:#2b2b2b;} .membership-wrap .member-info p.top-text {margin-top: 15px; font-size:14px; line-height:26px; color:#2b2b2b;} .membership-wrap .member-info .benefit {margin-top: 45px;} .membership-wrap .member-info .benefit h3.title {margin-bottom: 3px; font-size: 14px; font-weight:bold; color:#2b2b2b;} .membership-wrap li .bullet-dot {padding: 5px 0 5px 10px;} /* 멤버십 안내(안내) */ /*#196676 20230308*/ .member-info .member-info-accordion {margin-top:60px;} .member-info .member-info-accordion .title {display:block; position:relative; padding:25px 20px; font-size:var(--font13); line-height:var(--font13L); color:var(--tory_black); font-weight:normal; cursor:pointer;} /* .member-info .member-info-accordion .title.on {border-bottom:1px solid #e1e1e1;} //#196676 20230226*/ .member-info .member-info-accordion .title:after {position:absolute; top:50%; right:23px; transform: translateY(-50%); display: inline-block; content: ""; vertical-align: middle; width: 9px; height: 9px; background:url(../images/sprite.svg#plus-micro-usage) center center no-repeat;}/* #191868 20230201 */ .member-info .member-info-accordion .title.disabled {cursor:default;} .member-info .member-info-accordion > ul {margin-top:60px;border-top:1px solid #e5e5e5;} .member-info .member-info-accordion > ul > li {border-bottom:1px solid #e5e5e5;} .member-info .member-info-accordion > ul > li.on {border-color:var(--tory_black);} .member-info .member-info-accordion > ul > li.on .title {background-position:right -340px;} .member-info .member-info-accordion > ul > li.on .title:after {background:url(../images/sprite.svg#minus-usage) center center no-repeat;}/* #191868 20230201 */ .member-info .member-info-accordion > ul > li.on .content {display:block !important;} /*#196676 20230308*/ .member-info .member-info-accordion > ul > li:first-child .content.class-table table{margin:0;} /* #224783 20240111 start */ .member-info .member-info-accordion .content {display:none; line-height:24px; padding-bottom:20px;} /*#196676 20230226*/ .member-info .member-info-accordion .content > table {margin:10px auto 20px; width:calc(100% - 40px); display:table; table-layout:fixed;}/*#196676 20230226*/ .member-info .member-info-accordion .content > table .txt-left {padding-left:40px;}/*//20210309 : 폰트 설정 삭제*//*#196676 20230226*/ .member-info .member-info-accordion .content > ul { color:#8c8a8a; font-size:var(--font13); line-height:var(--font13L); padding:0px 20px 0;} /* #196676 20230307 */ .member-info .member-info-accordion .content > ul > li {font-size:var(--font13); line-height:var(--font13L); color:var(--tory_gray_50); font-weight:normal; padding-left:12px; position:relative;} .member-info .member-info-accordion .content > ul > li::before {content:''; position:absolute; top:8px; left:4px; width:2px; height:2px; border-radius:2px; background:var(--tory_gray_50);} .member-info .member-info-accordion .content > ul > li > ul {margin-top:4px; padding-left:0px;} .member-info .member-info-accordion .content.class-table > ul > li {margin-bottom:4px;} .member-info .member-info-accordion .content.class-table > ul > li:last-child {margin-bottom:0px;} .member-info .member-info-accordion .content > table td {padding:20px; height:auto;} .member-info .member-info-accordion .content > table td:last-child {border-right:0px;} .member-info .member-info-accordion .content > table td:last-child .cssf {color:var(--tory_gray_50);} .member-info .member-info-accordion .content ul ul, .member-info .member-info-accordion .content ul ol {padding-left:8px;} .member-info .member-info-accordion + .detail {margin-top:60px; border-top:0;} .member-info .member-info-accordion + .detail .mCS {margin-top:24px;} .member-info .member-info-accordion + .detail .submit_order a.btn {padding:16px 47px;} .member-info .member-info-accordion .content.class-table table tr {border-bottom:1px solid var(--tory_gray_10);} .member-info .member-info-accordion .content.class-table table tr th {width:196px; color:var(--tory_black) !important; font-weight:700; background-color:var(--tory_gray_00);}/*#196676 20230226*/ .member-info .member-info-accordion .content.class-table table thead tr th:not(:nth-of-type(1)) {font-weight:400; color:var(--tory_gray_70) !important; border-left:1px solid var(--tory_gray_10);} .member-info .member-info-accordion .content.class-table table tr td > ul > li {font-size:var(--font13); line-height:var(--font13L); color:var(--tory_gray_70); font-weight:normal; padding-left:12px; position:relative;} .member-info .member-info-accordion .content.class-table table tr td > ul > li::before {content:''; position:absolute; top:8px; left:4px; width:2px; height:2px; border-radius:2px; background:var(--tory_gray_50);} .member-info .member-info-accordion .content.class-table table tr td > ul > li.no-dotted {padding-left:0px;} .member-info .member-info-accordion .content.class-table table tr td > ul > li.no-dotted::before {display:none;} .member-info .member-info-accordion .content.class-table table tr td > ul > li > .inner-list {padding-left:0px;} .member-info .member-info-accordion .content.class-table table tr td > ul > li > .inner-list > li {color:var(--tory_gray_70); font-size:var(--font13); line-height:var(--font13L);} .member-info .member-info-accordion .content.class-table table tr td > ul > li > .inner-list > li:last-child p {margin-bottom:4px;} .member-info .member-info-accordion .content.class-table table tr td > ul > li:last-child > .inner-list > li:last-child p {margin-bottom:0px;} .member-info .member-info-accordion .content.class-table table tr td > ul > li table {margin-top:18px;} .member-info .member-info-accordion .content.class-table table tr td > ul > li table td {border-right:0px;} .member-info .member-info-accordion .content.class-table table tr td > ul > li table + ul {padding-left:0px;} .member-info .member-info-accordion .content.class-table table tr td > ul > li table + ul li {font-size:var(--font13); line-height:var(--font13L); color:var(--tory_gray_70); font-weight:normal; padding-left:12px; position:relative;} .member-info .member-info-accordion .content.class-table table tr td > ul > li table + ul li::before {content:''; position:absolute; top:8px; left:4px; width:2px; height:2px; border-radius:2px; background:var(--tory_gray_50);} .member-info .member-info-accordion .content.class-table .txt-gray li {color:var(--tory_gray_50) !important;} /* //#224783 20240111 end */ .member-info .member-info-accordion .content.class-table table td th {width:auto;}/*#196676 20230226*/ /*#196676 20230308*/ .member-info .txt-center {text-align:center !important;} .member-info .txt-left {text-align:left !important;} .mem-class {font-size:0;} .mem-class .coin {display:inline-block; width:121px; height:121px; line-height:121px; text-align:center; color:#fff; font-size:18px; border-radius:50%; /*font-family:'Arial-BoldMT';*/ font-weight:600;} .mem-class .badge {display:inline-block; padding:0 12px; height:26px; line-height:26px; text-align:center; color:#fff; font-size:13px; border-radius:6px;} .mem-class .coin.min {width:45px; height:45px; line-height:43px; font-size:20px;} /* #224783 20230110 start */ .mem-class .lv-01 {background:#444;} .mem-class .lv-02 {background:#111;} .mem-class .lv-03 {background:linear-gradient(-45deg, #8e1fff 0%, #903cc1 100%);} .mem-class .badge.lv-03 {background:linear-gradient(-90deg, #8e1fff 40%, #903cc1 100%);} .mem-class .lv-04 {background:linear-gradient(-45deg, #74553c 0%, #b58643 100%);} .mem-class .badge.lv-04 {background:linear-gradient(-90deg, #74553c 0%, #b58643 100%);} .mem-class .lv-05 {background:linear-gradient(-45deg, #acacac 0%, #d5d5d5 100%);} .mem-class .badge.lv-05 {background:linear-gradient(-90deg, #acacac 0%, #d5d5d5 100%);} .mem-class .lv-06 {background:linear-gradient(-45deg, #c08837 0%, #e1be61 100%);} .mem-class .badge.lv-06 {background:linear-gradient(-90deg, #c08837 0%, #e1be61 100%);} .mem-class .lv-07 {background:linear-gradient(-45deg, #000380 40%, #874af7 100%);} .mem-class .badge.lv-07 {background:linear-gradient(-90deg, #000380 40%, #874af7 100%);} .mem-class .lv-08 {background:linear-gradient(-45deg, #7a47ec 0%, #57eaef 100%);} .mem-class .badge.lv-08 {background:linear-gradient(-90deg, #7a47ec 40%, #57eaef 100%);} /* //#224783 20230110 end */ .mem-class .lv-01:after {content:'SSF 멤버';} .mem-class .lv-02:after {content:'WELCOME';} .mem-class .lv-03:after {content:'FAMILY';} .mem-class .lv-04:after {content:'BRONZE';}/*//20210224 : 텍스트 변경*/ .mem-class .lv-05:after {content:'SILVER';} .mem-class .lv-06:after {content:'GOLD';} .mem-class .lv-07:after {content:'PLATINUM';} .mem-class .lv-08:after {content:'DIAMOND';} .mem-class .min.lv-03:after {content:'F';} .mem-class .min.lv-04:after {content:'B';} .mem-class .min.lv-05:after {content:'S';} .mem-class .min.lv-06:after {content:'G';} .mem-class .min.lv-07:after {content:'P';} .mem-class .min.lv-08:after {content:'D';} .member-info .membership {margin-bottom:57px; padding:10px 0;} .member-info .membership .mem-class {width:460px;} .member-info .membership .mem-class .coin {vertical-align:top;} .member-info .membership .mem-profile {display:inline-block; margin-left:30px;} .member-info .membership h2 {color:#111; line-height:32px; font-size:32px;} .member-info .membership h2 > a {padding-right:26px; background:url(../images/common/photo_alburm_next.png) no-repeat right center; background-size:10px;} .member-info .membership h2 > small {display:block; margin-top:10px; color:#8c8a8a; line-height:18px; font-size:18px;} .member-info .membership .mem-grade {margin-top:20px; font-size:16px;} .member-info .membership .mem-grade .tip {line-height:20px;} .member-info .membership .mem-grade .speech {display:none; position:absolute; margin-top:-8px; margin-left:90px;} .member-info .membership .mem-grade .tip:hover + .speech, .member-info .membership .mem-grade .speech:hover {display:block;} .member-info .membership .mem-grade .speech .bulloon {position:relative; margin-top:15px; padding:16px 20px; line-height:22px; font-size:14px; background:#f7eeff; border:1px solid #f0e5fa;} .member-info .membership .mem-grade .speech .bulloon em {display:block; margin:10px 0; color:#8c8a8a; font-size:13px;} .member-info .membership .mem-grade .speech .bulloon a { font-size:13px;} .member-info .membership .mem-grade .speech .bulloon:after {display:block; content:''; position:absolute; top:-6px; left:30px; width:10px; height:10px; background:#f7eeff; border-top:1px solid #f0e5fa; border-left:1px solid #f0e5fa; transform:rotate(45deg);} .member-info .membership .mem-grade .badge {margin-left:6px;} .member-info .membership .mem-grade > span {display:block; line-height:24px; font-size:16px;} .member-info .membership .mem-grade > span.sum {margin-top:2px; color:#8c8a8a; font-size:14px;} .member-info .membership .mem-grade > span.sum > em {color:#444;} .member-info .membership .mem-grade + .btn {margin-top:24px;} .member-info .membership .switch {display:inline-block; position:relative; width:78px; height:20px; margin-left:10px; border:1px solid #d5d5d5; vertical-align:middle;} .member-info .membership .switch input[type=checkbox] + .slider {position:absolute; top:-1px; left:39px; z-index:10; width:40px; height:22px; background-color:#959595; transition:all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease;} .member-info .membership .switch input[type=checkbox]:checked + .slider {top:-1px; left:-1px; background-color:#5b1eaa;} .member-info .membership .switch span + span {position:relative; z-index:20; float:left; width:50%; height:20px; font-size:11px; color:#fff; line-height:20px; text-align:center;} .member-info .membership .mem-wallet {float:right; width:500px; vertical-align:top;} .member-info .membership .mem-wallet > ul > li {float:left; width:33.33%;} .member-info .membership .mem-wallet > ul > li > span {display:block; color:#444; font-size:14px;} .member-info .membership .mem-wallet > ul > li > .value {display:block; margin-top:5px; color:#111; font-size:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .member-info .membership .mem-wallet > ul:after {display:block; content:''; clear:both;} .member-info .membership .mem-wallet > ul + ul {margin-top:30px; padding-top:36px; border-top:1px solid #e9e9e9;} .member-info .membership + .banners + .order_wrap {margin-top:-30px;} .member-info .membership.info {height:174px;} .member-info .membership.info + .grade .grade_list {padding-top:22px; border-top:0;} .member-info .membership h3 {line-height:36px; font-size:24px;} .member-info .membership .mem-decide {margin-top:15px; line-height:24px; font-size:14px;} .member-info .membership .mem-decide label {display:inline-block; width:85px; color:#8c8a8a;} .member-info .membership .mem-decide span {color:#111;} .member-info .membership .mem-next {float:right; width:420px; vertical-align:top;} .member-info .membership .mem-next .mem-class {font-size:16px;} .member-info .membership .mem-next .mem-class .badge {margin:0 10px;} .member-info .membership .mem-next .mem-class > small {display:block; margin-top:5px; color:#8c8a8a; font-size:14px;} .member-info .membership .mem-next .mem-step {position:relative; margin-top:40px; height:20px;} .member-info .membership .mem-next .mem-step > div:before {display:block; content:''; position:absolute; top:50%; margin-top:-2px; width:100%; height:4px; background-color:#e9e9e9; z-index:0;} .member-info .membership .mem-next .mem-step > div:after {display:block; content:''; position:absolute; top:50%; margin-top:-2px; height:4px; background-color:#5b1eaa; z-index:1;} .member-info .membership .mem-next .mem-step > div.tobe_lv-03:after {width:0%;} .member-info .membership .mem-next .mem-step > div.tobe_lv-04:after {width:20%;} .member-info .membership .mem-next .mem-step > div.tobe_lv-05:after {width:40%;} .member-info .membership .mem-next .mem-step > div.tobe_lv-06:after {width:60%;} .member-info .membership .mem-next .mem-step > div.tobe_lv-07:after {width:80%;} .member-info .membership .mem-next .mem-step > div.tobe_lv-08:after {width:100%;} .member-info .membership .mem-next .mem-step > div > ul {display:block; position:absolute; width:100%; font-size:0; z-index:2;} .member-info .membership .mem-next .mem-step > div > ul > li {display:inline-block; width:20px; height:20px; line-height:20px; text-align:center; color:#fff; font-size:12px; background-color:#e9e9e9; border-radius:50%;} .member-info .membership .mem-next .mem-step > div > ul > li + li {margin-left:60px;} .member-info .membership .mem-next .mem-step .tobe_lv-03 > ul > li:nth-last-child(1n+6), .member-info .membership .mem-next .mem-step .tobe_lv-04 > ul > li:nth-last-child(1n+5), .member-info .membership .mem-next .mem-step .tobe_lv-05 > ul > li:nth-last-child(1n+4), .member-info .membership .mem-next .mem-step .tobe_lv-06 > ul > li:nth-last-child(1n+3), .member-info .membership .mem-next .mem-step .tobe_lv-07 > ul > li:nth-last-child(1n+2), .member-info .membership .mem-next .mem-step .tobe_lv-08 > ul > li {background-color:#5b1eaa;} .member-info .membership .mem-next .mem-step div > ul > li:after {content:''; position:absolute; margin:-21px 0 0 -9%; width:16%; color:#959595; text-align:center; font-size:12px;} .member-info .membership .mem-next .mem-step div.lv-03 > ul > li:nth-child(1):after {content:'FAMILY';} .member-info .membership .mem-next .mem-step div.lv-04 > ul > li:nth-child(2):after {content:'BRONZE';} .member-info .membership .mem-next .mem-step div.lv-05 > ul > li:nth-child(3):after {content:'SILVER';} .member-info .membership .mem-next .mem-step div.lv-06 > ul > li:nth-child(4):after {content:'GOLD';} .member-info .membership .mem-next .mem-step div.lv-07 > ul > li:nth-child(5):after {content:'PLATINUM';} .member-info .membership .mem-next .mem-step div.lv-08 > ul > li:nth-child(6):after {content:'DIAMOND';} .member-info .membership .mem-next .mem-step div.tobe_lv-03 > ul > li:nth-child(1):after {content:'FAMILY'; color:#5b1eaa !important;} .member-info .membership .mem-next .mem-step div.tobe_lv-04 > ul > li:nth-child(2):after {content:'BRONZE'; color:#5b1eaa !important;} .member-info .membership .mem-next .mem-step div.tobe_lv-05 > ul > li:nth-child(3):after {content:'SILVER'; color:#5b1eaa !important;} .member-info .membership .mem-next .mem-step div.tobe_lv-06 > ul > li:nth-child(4):after {content:'GOLD'; color:#5b1eaa !important;} .member-info .membership .mem-next .mem-step div.tobe_lv-07 > ul > li:nth-child(5):after {content:'PLATINUM'; color:#5b1eaa !important;} .member-info .membership .mem-next .mem-step div.tobe_lv-08 > ul > li:nth-child(6):after {content:'DIAMOND'; color:#5b1eaa !important;} .member-info .membership .mem-next .mem-step .speech {position:absolute; margin:17px 0 0 -26px;} .member-info .membership .mem-next .mem-step .speech .bulloon {display:inline-block; position:relative; margin-top:15px; padding:16px 20px; line-height:22px; white-space:nowrap; font-size:14px; background:#f7eeff; border:1px solid #f0e5fa;} .member-info .membership .mem-next .mem-step .speech .bulloon span {color:#5b1eaa;} .member-info .membership .mem-next .mem-step .speech .bulloon:after {display:block; content:''; position:absolute; top:-6px; left:30px; width:10px; height:10px; background:#f7eeff; border-top:1px solid #f0e5fa; border-left:1px solid #f0e5fa; transform:rotate(45deg);} .member-info .membership .mem-next .mem-step div.tobe_lv-06 .speech .bulloon:after, .member-info .membership .mem-next .mem-step div.tobe_lv-07 .speech .bulloon:after, .member-info .membership .mem-next .mem-step div.tobe_lv-08 .speech .bulloon:after {left:auto; right:30px; text-align:right;} .member-info .membership .mem-next .mem-step div.tobe_lv-03 .speech {left:0;} .member-info .membership .mem-next .mem-step div.tobe_lv-04 .speech {left:19%;} .member-info .membership .mem-next .mem-step div.tobe_lv-05 .speech {left:38%;} .member-info .membership .mem-next .mem-step div.tobe_lv-06 .speech {right:32%;} .member-info .membership .mem-next .mem-step div.tobe_lv-07 .speech {right:13%;} .member-info .membership .mem-next .mem-step div.tobe_lv-08 .speech {right:-6%;} .member-info .newly > ul {font-size:0;} .member-info .newly > ul > li {display:inline-block; width:20%; height:190px; text-align:center; vertical-align:top; font-size:14px; border:1px solid #efefef; box-sizing:border-box;} .member-info .newly > ul > li + li {border-left:0;} .member-info .newly > ul > li:nth-child(1n+6) {border-top:0;} .member-info .newly > ul > li:nth-child(5n+6) {border-left:1px solid #efefef !important;} .member-info .newly > ul > li > i {display:block; margin:40px auto 12px; width:64px; height:64px; background-color:rgba(196, 135, 252, .2);; border-radius:50%;} .member-info .newly > ul > li > a {display:inline-block; color:#8c8a8a; font-size:12px;} .member-info .benefits {margin-top:0px;} .member-info .benefits > p {text-align:center; height:10px; border-bottom:1px solid #efefef;} .member-info .benefits > p > .remote {margin-top:10px; padding:6px 35px 6px 15px; line-height:10px; color:#000; font-size:13px; background:url("../images/base/bg_combobox.png") #fff 140px 5px no-repeat;} .member-info .benefits > p > .remote.on {background-position:140px -45px;} .member-info i.icons {position:relative;} .member-info i.icons:after {display:block; position:absolute; content:''; top:12px; left:12px; width:40px; height:40px; background:url(../images/ssf_icons.png) no-repeat;} .member-info i.icons.class:after {background-position:left 0;} .member-info i.icons.p-point:after {background-position:left -40px;} .member-info i.icons.i-point:after {background-position:left -80px;} .member-info i.icons.g-point:after {background-position:left -120px;} .member-info i.icons.money:after {background-position:left -160px;} .member-info i.icons.needle:after {background-position:left -200px;} .member-info i.icons.backfree:after {background-position:left -240px;} .member-info i.icons.fitting:after {background-position:left -280px;} .member-info i.icons.backfavor:after {background-position:left -320px;} .member-info i.icons.headset:after {background-position:left -360px;} .member-info i.icons.discount:after {background-position:left -400px;} .member-info i.icons.diamond:after {background-position:left -440px;} .member-info i.icons.coupon:after {background-position:left -480px;} .member-info .class-table h4 {margin-top:60px; font-size:var(--font18); line-height:var(--font18L); color:var(--tory_black); font-weight:bold;} .member-info .class-table h4 .set-right {float:right; font-size:13px;} /* #196676 20230307 */ .member-info .class-table h4 {position:relative;} .member-info .class-table h4 > a {position:absolute; top:0; right:0; width:176px; height:40px; text-align:center; display:flex; justify-content:center; align-items:center; font-size:var(--font12); line-height:var(--font12L); border:1px solid var(--tory_black); box-sizing:border-box;} /* //#196676 20230307 */ /* #224783 20240111 start */ .member-info .class-table table {width:100%; margin-top:26px; border-width:1px 0; border-color:#E8E9EB; border-style:solid;} /* #196676 20230307 */ .member-info .class-table table tr:nth-of-type(2) {border-bottom:1px solid #E8E9EB;} .member-info .class-table table .mem-class {border-bottom:1px solid #E8E9EB;} .member-info .class-table table .mem-class td {height:157px; font-weight:600; font-size:var(--font16); line-height:var(--font16L);} .member-info .class-table table .mem-class .coin.min {display:block; margin:0 auto 12px; font-style:normal;} .member-info .class-table table th {font-size:var(--font13); line-height:var(--font13L); border-right:0px; padding:25px 0 25px 0px; line-height:18px; color:#2b2b2b; font-weight:400; text-align:center; background-color:#f0f0f0; width:216px; box-sizing: border-box; color:var(--tory_gray_30) !important;} /*//210219 : 아이콘 정렬*/ /* #196676 20230308 */ .member-info .class-table table td {font-size:var(--font13); line-height:var(--font13L); border-right:1px solid #E8E9EB; color: var(--tory_gray_70); } /* #196676 20230308 */ .member-info .class-table table td {height:68px; text-align:center;} .member-info .class-table table th > span {display:block; margin-top:5px; color:var(--tory_gray_30); font-size:var(--font11); line-height:var(--font11L); font-weight:400;} .member-info .class-table table td li {line-height:24px;} /* //#224783 20240111 end */ .member-info .class-table i {vertical-align: middle;}/*//210219 : 아이콘 정렬*/ .member-info .class-table i.icons:after {top:-3px; left:-25px; width:20px; height:20px;} /* #196676 20230308 */ .member-info .class-table i.icons.class:after {background-position:right -4px;} .member-info .class-table i.icons.p-point:after {background-position:right -44px;} .member-info .class-table i.icons.i-point:after {background-position:right -85px;} .member-info .class-table i.icons.g-point:after {background-position:right -124px;} .member-info .class-table i.icons.money:after {background-position:right -165px;} .member-info .class-table i.icons.needle:after {background-position:right -205px;} .member-info .class-table i.icons.backfree:after {background-position:right -244px;} .member-info .class-table i.icons.fitting:after {background-position:right -284px;} .member-info .class-table i.icons.backfavor:after {background-position:right -324px;} .member-info .class-table i.icons.headset:after {background-position:right -364px;} .member-info .class-table i.icons.discount:after {background-position:right -405px;} .member-info .class-table i.icons.diamond:after {background-position:right -445px;} .member-info .class-table i.icons.coupon:after {background-position:right -484px;} /* #224783 20240110 start */ .member-info .info-header {display:flex; flex-direction:column; justify-content:center; min-height:230px; padding:0 60px;} .member-info .info-header h2 {font-size:var(--font30); line-height:var(--font40L); font-weight:bold; color:var(--tory_black);} .member-info .info-header p {font-size:var(--font20); font-weight:700; line-height:var(--font20L); color:var(--tory_black);} .member-info .info-header p span {display:block; margin-top:10px; color:var(--tory_gray_70); font-size:var(--font14); line-height:var(--font14L); font-weight:400;} .member-info .info-header p .btn {display:inline-flex; justify-content: center; align-items: center; margin-top:52px; margin-right:30px; width:154px; height:50px; font-size:var(--font13); line-height:var(--font13L); color:#fff; font-weight:normal; background:var(--tory_black); border:0;} /* #196676 20230308 */ .member-info .info-header .btn-wrap {gap:30px; margin-top:20px;} .member-info .info-header .btn-wrap .btn {display:inline-flex; justify-content: center; align-items: center; width:154px; height:50px; font-size:var(--font13); line-height:var(--font13L); color:#fff; font-weight:normal; background:var(--tory_black); border:0;} /* //#196676 20230308 */ .member-info .benefits .coupon_box {margin-top:60px; padding:40px 0; line-height:24px; color:#444; font-size:13px; background-color:var(--tory_white);} .member-info .benefits .coupon_box .welcome {display:inline-block; margin-right:92px;} .member-info .benefits .coupon_box .applogin {display:inline-block; margin-left:92px;} .member-info .benefits .coupon_box h4 {color:var(--tory_black); font-size:var(--font20); font-weight:bold; margin-top:0;} .member-info .benefits .coupon_box h5 {color:#111; font-size:14px;} .member-info .benefits .coupon_box ul {margin-top:7px;} .member-info .benefits .coupon_box ul + h5 {margin-top:20px;} .member-info .benefits .coupon_box ul ol {padding-left:20px;} .member-info .benefits .coupon_box ul table {margin:5px 0 15px; width:100%;} .member-info .benefits .coupon_box ul table th, .member-info .benefits .coupon_box ul table td {padding:5px 10px; border:1px solid #efefef; background-color:#Fff;} .member-info .benefits .coupon_box > div {margin-top:30px; vertical-align:top;} .member-info .benefits .coupon_box > div > h5 {color:var(--tory_black); font-size:16px; font-weight:normal; margin-top:0;} .member-info .benefits .coupon_box > div > p {display:block; margin-top:17px; margin-left:12px;} .member-info .benefits .coupon_box > div > p > img {max-width:120px;} .member-info .benefits .coupon_box > div > p > img + img {margin-left:5px;} .member-info .benefits .coupon_box > div > ul {margin-top:20px;} .member-info .benefits .coupon_box > div > ul > li {font-size:var(--font13); line-height:var(--font13L); color:var(--tory_black); font-weight:normal; padding-left:12px; position:relative;} .member-info .benefits .coupon_box > div > ul > li::before {content:''; position:absolute; top:8px; left:4px; width:2px; height:2px; border-radius:2px; background:var(--tory_black);} .member-info .benefits .coupon_box > div > ul > li:last-child {margin-top:10px;} .member-info .benefits .coupon_box > div > ul + p {margin-top:0px; margin-left:12px; font-size:var(--font13); line-height:var(--font13L); color:var(--tory_gray_50); font-weight:normal;} .member-info .benefits .coupon_box > .applogin > ul + p {margin-top:5px;} /* //#224783 20240110 end */ /* 이메일 무단 수집 거부 팝업 */ .popup .inner > h2 + p .refusal-date{display: block; margin-top:10px; color:var(--tory_gray_50);} /* #196578: 20230309 start */ .popup .pay-delivery-popup h3 + .field-form {margin-top:15px;} .popup .pay-delivery-popup .field-form + .field-form .pay-with + .field-check {font-size:var(--font14);} /* .mypage-wrap.order-view-wrap .search-day-wrap + .tabs #includeOrderList > ul > li .no-data::before {background:url(../images/clover.gif) center center no-repeat} */ /* #183341: 20230313 */ .mypage-wrap.order-view-wrap .search-day-wrap + .tabs ul > li .no-data > p + .btn-wrap.tiny-width {margin-top:50px; margin-bottom:0;}/* #196578 20230405 */ .mypage-wrap.order-view-wrap .search-day-wrap + .tabs #includeOrderList > ul > li .no-data > p {margin-top:25px !important;} .mypage-wrap.order-view-wrap .search-day-wrap + .tabs #includeOrderList > ul > li + h4 {margin-top:100px;} .mypage-wrap.order-detail-wrap h3.order-no ~ .product-table > ul > li:first-child {padding-top:35px;} .mypage-wrap.order-detail-wrap h3.order-no ~ .product-table > ul > li .thumb-img + .inform {margin-left:20px;} .mypage-wrap.order-detail-wrap h3.order-no ~ .product-table > ul > li + li .status {padding-top:0; border-top:0;} .mypage-wrap.order-detail-wrap h3.order-no ~ .field-form.order-detail > div .bill-list .fx-right {text-align:right;} .mypage-wrap.order-detail-wrap h3.order-no ~ .field-form.order-detail > div .bill-list:after {display:block; content:""; clear:both;} .popup .order-cancel-popup form .field-form:first-of-type {margin-top:20px;} .my-wrap form[name="frmClaimInfo"] .mypage-wrap.order-view-wrap .product-table .claim .thumb-img + .inform + .field-form.inline-label {min-width:574px;} .my-wrap form[name="frmClaimInfo"] .mypage-wrap.order-view-wrap #refundInfoDiv h4 ~ .field-form {margin-top:0;} .my-wrap form[name="frmClaimInfo"] .mypage-wrap.order-view-wrap #refundInfoDiv + hr + .field-form.order-detail > h4 + div {position:relative;} .my-wrap form[name="frmClaimInfo"] .mypage-wrap.order-view-wrap #refundInfoDiv + hr + .field-form.order-detail > h4 + div .bill-list span {display:block; width:calc(100% - 200px);} .my-wrap form[name="frmClaimInfo"] .mypage-wrap.order-view-wrap #refundInfoDiv + hr + .field-form.order-detail .bill-list + .fx-right {position:absolute; top:50%; right:0; margin-top:-25px !important;} /* #183341: 20230317 */ .my-wrap form[name="frmClaimInfo"] .mypage-wrap.order-view-wrap #refundInfoDiv + hr + .field-form.order-detail .bill-list + .fx-right .field-number input[type="number"] {width:160px;} .my-wrap form[name="frmClaimInfo"] .mypage-wrap.order-view-wrap #refundInfoDiv + hr + .field-form.order-detail + hr + .btn-wrap.midi-width {margin-top:25px !important; border-top:0;} .my-wrap form[name="frmClaimInfo"] .mypage-wrap.order-view-wrap #refundInfoDiv + hr + .field-form.order-detail + hr + .btn-wrap.midi-width + h4 {margin-top:100px;} .my-wrap form[name="frmClaimInfo"] .mypage-wrap.order-view-wrap .product-table + #refundInfoDiv {margin-top:60px;} /* #183341: 20230317 start */ .my-wrap form[name="frmClaimInfo"] .mypage-wrap.order-view-wrap .product-table .claim .field-form.inline-label .text-area + .horizontal-wrap .item-list > ul > li {width:119px; height:135px; margin-left:16px;} .my-wrap form[name="frmClaimInfo"] .mypage-wrap.order-view-wrap .product-table .claim .field-form.inline-label .text-area + .horizontal-wrap .item-list > ul > li:first-child {margin-left:0;} .my-wrap form[name="frmClaimInfo"] .mypage-wrap.order-view-wrap .product-table .claim .field-form.inline-label .text-area + .horizontal-wrap .item-list + dl {margin-top:15px;} .my-wrap form[name="frmClaimInfo"] .mypage-wrap.order-view-wrap .product-table .claim .field-form.inline-label .text-area + .horizontal-wrap .item-list + dl > li {font-size:12px;} /* #183341: 20230317 end */ .order-wrap form[name="orderDTO"] .order-bill {width:623px;} .order-wrap form[name="orderDTO"] .order-bill h4 .btn-wrap {width:280px;} .order-wrap form[name="orderDTO"] + .order-list {margin-left:125px; width:498px;} .order-wrap form[name="orderDTO"] + .order-list .product-table > ul > li > .thumb-img + .inform p:last-of-type, .order-wrap form[name="orderDTO"] + .order-list .product-table > ul > li > .thumb-img + .inform .price {padding-top:2px;} .order-wrap form[name="orderDTO"] .order-bill h4.gift ~ .field-check.note-check-box {margin-top:30px;} .order-wrap form[name="orderDTO"] .order-bill .field-form .flex.pay-list .card label span, .order-wrap form[name="orderDTO"] .order-bill .field-form .flex.pay-list .deposit label span, .order-wrap form[name="orderDTO"] .order-bill .field-form .flex.pay-list .account label span {font-size:15px;} .order-wrap form[name="orderDTO"] .order-bill .field-form .flex.pay-list + .pay-with {margin-top:20px;} .order-wrap form[name="orderDTO"] .order-bill .field-form .field-check input[type="checkbox"] + label {color:var(--tory_black);}/* #196541 20230405 */ .order-wrap form[name="orderDTO"] .order-bill .field-form .field-check + .terms + .btn-note {margin-bottom:60px;} .popup .inner.midi.add-delivery-popup {width:544px; max-height:fit-content;} .popup .inner.midi.add-delivery-popup .field-form .popAddrvalid:last-of-type ~ .field-check {margin-top: 20px; line-height: 14px;}/* #196541 20230404 */ .popup .inner.midi.add-delivery-popup .field-form .popAddrvalid:last-of-type ~ .field-check + .field-check {margin-top: 25px;}/* #196541 20230404 */ .popup .inner.midi.add-delivery-popup .field-form .popAddrvalid:last-of-type ~ .field-check + .terms.fold_to {max-height:156px;} .popup .inner.midi.add-delivery-popup .field-form .popAddrvalid:last-of-type ~ .field-check + .terms + .btn-wrap {margin-top:30px;}/* #196541 20230404 */ .popup .inner.midi.add-delivery-popup .field-form .popAddrvalid:last-of-type ~ .field-check + .terms .agreeContents {font-size:13px; line-height:18px; color:var(--tory_black);} .popup .inner.midi.add-delivery-popup .field-form .popAddrvalid:last-of-type ~ .field-check + .terms .agreeContents .cntTlt {margin-top:10px; font-weight:normal;} .popup .inner.midi.add-delivery-popup .field-form .popAddrvalid:last-of-type ~ .field-check + .terms .agreeContents .cntTlt:first-of-type {margin-top:0;} .popup .inner.midi.add-delivery-popup .field-form .popAddrvalid:last-of-type ~ .field-check + .terms .agreeContents ul, .popup .inner.midi.add-delivery-popup .field-form .popAddrvalid:last-of-type ~ .field-check + .terms .agreeContents ol, .popup .inner.midi.add-delivery-popup .field-form .popAddrvalid:last-of-type ~ .field-check + .terms .agreeContents li, .popup .inner.midi.add-delivery-popup .field-form .popAddrvalid:last-of-type ~ .field-check + .terms .agreeContents p {margin-top:5px;} .popup .inner.midi.add-delivery-popup .field-form .field-check:first-child{margin-top:20px;}/* #196541 20230404 */ .popup .inner.midi.add-delivery-popup .field-form .field-check:last-child{margin-top:25px;}/* #196541 20230404 */ .popup .inner.midd.addr-search-popup#searchZipcodePopup .ex-zip .field-form + hr + .field-form.zipcodeList_sample {margin-top:0 !important; padding-top:25px;} .popup .inner.midd.addr-search-popup#searchZipcodePopup .ex-zip .field-form + hr + .field-form.zipcodeList_sample .line-note {margin-top:20px;} .popup .inner.midd.addr-search-popup#searchZipcodePopup .ex-zip .result #addrList > li > p > strong {font-size:14px;} .popup .inner.midd.addr-search-popup#searchZipcodePopup .ex-zip .result #addrList > li > .addr + .addr-detail {margin-top:29px;} .popup .inner.mini.select-coupon-popup {width:544px; max-height: 800px;}/* #196541 20230404 */ .popup .inner.mini.select-coupon-popup .coupon-list{height: 614px;}/* #196541 20230404 */ .popup .inner.mini.select-coupon-popup .coupon-list .coupon-list-table .field-form + hr + .field-form.select-coupon .product-table ul:first-child li:first-child {margin-top:0;} #cartContentList .cart-wrap .cart-form {align-items:flex-start;} /* #183341: 20230313 */ /* #196578: 20230309 end */