From b52447d5d5dd6d4e4cdd2fa4ce948385e5222e96 Mon Sep 17 00:00:00 2001 From: hyeonggil <> Date: Wed, 25 Sep 2024 21:03:24 +0900 Subject: [PATCH] =?UTF-8?q?=EB=A7=88=EC=9D=B4=ED=8E=98=EC=9D=B4=EC=A7=80-?= =?UTF-8?q?=EC=8A=A4=ED=8A=B8=EB=A6=AC=EB=B0=8D=ED=94=84=EB=A6=AC=EB=AF=B8?= =?UTF-8?q?=EC=97=84=20=EC=9E=91=EC=97=85=20=EC=A4=91?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- assets/css/mypage.css | 152 +- assets/css/mypage.css.map | 2 +- assets/css/mypage.scss | 3286 +++++++++++++++---------- mypage/coupon-list.html | 2 +- mypage/coupon-list.php | 2 +- mypage/fod-terminate-application.html | 2 +- mypage/fod-terminate-application.php | 2 +- mypage/fod-terminate-complete.html | 2 +- mypage/fod-terminate-complete.php | 2 +- mypage/inquiry-list.php | 2 +- mypage/inquiry-view.php | 2 +- mypage/my-experience-view.html | 2 +- mypage/my-experience-view.php | 2 +- mypage/my-fod-list.php | 2 +- mypage/my-fod-view.php | 2 +- mypage/my-info-view.php | 2 +- mypage/my-product-list.html | 2 +- mypage/my-product-list.php | 2 +- mypage/my-product-view.php | 2 +- mypage/notification-list.html | 2 +- mypage/notification-list.php | 2 +- mypage/notification-view.html | 2 +- mypage/notification-view.php | 2 +- mypage/payment-history-list.html | 16 +- mypage/payment-history-list.php | 2 +- mypage/payment-history-list2.html | 457 ++++ mypage/payment-history-view.html | 827 +++++++ mypage/review-list.html | 2 +- mypage/review-list.php | 2 +- mypage/review-manage.html | 2 +- mypage/review-manage.php | 2 +- mypage/review-write.html | 2 +- mypage/review-write.php | 2 +- mypage/secession-application.html | 2 +- mypage/secession-application.php | 2 +- mypage/secession-complete.html | 2 +- mypage/secession-complete.php | 2 +- mypage/secession-reject.html | 2 +- mypage/secession-reject.php | 2 +- mypage/wish-list.html | 2 +- mypage/wish-list.php | 2 +- 41 files changed, 3459 insertions(+), 1351 deletions(-) create mode 100644 mypage/payment-history-list2.html create mode 100644 mypage/payment-history-view.html diff --git a/assets/css/mypage.css b/assets/css/mypage.css index 8cc2a26..2aadf0e 100644 --- a/assets/css/mypage.css +++ b/assets/css/mypage.css @@ -185,6 +185,7 @@ pre { } } .contentWarp .mypageWarp .leftLnbWarp .lnbList ul li { + width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } @@ -481,7 +482,7 @@ pre { } @media (min-width: 1025px) { .contentWarp .mypageWarp .rightConWarp .myItemWarp > div .itemListWarp > ul > li .cartItem .cartItemInfo > div dl dt, - .contentWarp .mypageWarp .rightConWarp .myItemWarp > div .itemListWarp > ul > li .cartItem .cartItemInfo > div dl dd { +.contentWarp .mypageWarp .rightConWarp .myItemWarp > div .itemListWarp > ul > li .cartItem .cartItemInfo > div dl dd { -webkit-line-clamp: 2; } } @@ -909,6 +910,107 @@ pre { .contentWarp .mypageWarp .rightConWarp .myItemWarp > div.myPayList > ul > li + li { margin-top: 3rem; } +.contentWarp .mypageWarp .rightConWarp .myItemViewWrap { + margin-top: 3rem; +} +.contentWarp .mypageWarp .rightConWarp .myItemViewWrap .borderView dl { + display: flex; + justify-content: flex-start; + align-items: center; + padding: 2.2rem 0; + border-top: 1px solid #DEDEDE; + border-bottom: 1px solid #DEDEDE; +} +@media (max-width: 768px) { + .contentWarp .mypageWarp .rightConWarp .myItemViewWrap .borderView dl { + display: block; + padding: 2rem 0; + } +} +.contentWarp .mypageWarp .rightConWarp .myItemViewWrap .borderView dl .itemName { + width: 15.5rem; + font-size: 1.6rem; + line-height: 2.4rem; + color: #676767; +} +@media (max-width: 768px) { + .contentWarp .mypageWarp .rightConWarp .myItemViewWrap .borderView dl .itemName { + font-size: 1.4rem; + line-height: 2.2rem; + } +} +.contentWarp .mypageWarp .rightConWarp .myItemViewWrap .borderView dl .itemValue { + display: flex; + justify-content: flex-start; + width: calc(100% - 15.5rem); + font-size: 1.6rem; + line-height: 2.4rem; + color: #000000; +} +@media (max-width: 768px) { + .contentWarp .mypageWarp .rightConWarp .myItemViewWrap .borderView dl .itemValue { + display: block; + width: 100%; + margin-top: 1rem; + font-size: 1.4rem; + line-height: 2.2rem; + } +} +.contentWarp .mypageWarp .rightConWarp .myItemViewWrap .borderView dl .itemValue::before { + content: ""; + display: block; + width: 0.1rem; + height: 1.5rem; + margin-right: 2rem; + background-color: #DEDEDE; +} +@media (max-width: 768px) { + .contentWarp .mypageWarp .rightConWarp .myItemViewWrap .borderView dl .itemValue::before { + display: none; + } +} +.contentWarp .mypageWarp .rightConWarp .myItemViewWrap .borderView :not(:first-child) { + border-top: 0; +} +.contentWarp .mypageWarp .rightConWarp .myItemViewWrap .contentsWrap { + margin-top: 4rem; +} +.contentWarp .mypageWarp .rightConWarp .myItemViewWrap .contentsWrap .title { + font-size: 1.8rem; + font-weight: 600; + line-height: 2.6rem; + color: #000000; +} +@media (max-width: 768px) { + .contentWarp .mypageWarp .rightConWarp .myItemViewWrap .contentsWrap .title { + font-size: 1.6rem; + line-height: 2.4rem; + } +} +.contentWarp .mypageWarp .rightConWarp .myItemViewWrap .contentsWrap .imgWrap { + margin-top: 2rem; +} +@media (max-width: 768px) { + .contentWarp .mypageWarp .rightConWarp .myItemViewWrap .contentsWrap .imgWrap { + margin-top: 1.5rem; + } +} +.contentWarp .mypageWarp .rightConWarp .myItemViewWrap .contentsWrap .imgWrap img { + width: 100%; +} +.contentWarp .mypageWarp .rightConWarp .myItemViewWrap .contentsWrap .text { + margin-top: 2rem; + font-size: 1.6rem; + font-weight: 400; + line-height: 2.4rem; + color: #000000; +} +@media (max-width: 768px) { + .contentWarp .mypageWarp .rightConWarp .myItemViewWrap .contentsWrap .text { + font-size: 1.4rem; + line-height: 2.2rem; + } +} .contentWarp .mypageWarp .rightConWarp .btnWarp { width: 100%; margin: 0 auto; @@ -1420,7 +1522,7 @@ pre { } @media (max-width: 501px) { .contentWarp .mypageWarp .rightConWarp .questionsView .usrQuestions > div .badge, - .contentWarp .mypageWarp .rightConWarp .questionsView .adminAnswer > div .badge { +.contentWarp .mypageWarp .rightConWarp .questionsView .adminAnswer > div .badge { width: 5.7rem; font-size: 1.1rem; } @@ -1478,7 +1580,7 @@ pre { } @media (min-width: 768px) { .contentWarp .mypageWarp .rightConWarp .questionsView .usrQuestions dl dd, - .contentWarp .mypageWarp .rightConWarp .questionsView .adminAnswer dl dd { +.contentWarp .mypageWarp .rightConWarp .questionsView .adminAnswer dl dd { font-size: 1.6rem; } } @@ -1497,6 +1599,7 @@ pre { .contentWarp .mypageWarp .rightConWarp .questionsView .fileBox { margin-top: 2rem; background-color: #f3f3f3; + width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding: 0 1rem; @@ -1506,6 +1609,7 @@ pre { } @media (min-width: 1025px) { .contentWarp .mypageWarp .rightConWarp .questionsView .fileBox { + width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-top: 3rem; @@ -1548,7 +1652,7 @@ pre { } @media (min-width: 1025px) { .contentWarp .mypageWarp .rightConWarp .listbtnWarp a::before, - .contentWarp .mypageWarp .rightConWarp .listbtnWarp a::after { +.contentWarp .mypageWarp .rightConWarp .listbtnWarp a::after { width: 3.2rem; } } @@ -1627,6 +1731,7 @@ pre { display: flex; align-items: center; justify-content: space-between; + width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } @@ -1657,6 +1762,7 @@ pre { } .contentWarp .mypageWarp .rightConWarp .myAccount .myinfomation div + div { margin-top: 3rem; + width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } @@ -1677,7 +1783,7 @@ pre { } @media (min-width: 768px) { .contentWarp .mypageWarp .rightConWarp .myAccount .marketingAgrre h3 strong, - .contentWarp .mypageWarp .rightConWarp .myAccount .outAgrre h3 strong { +.contentWarp .mypageWarp .rightConWarp .myAccount .outAgrre h3 strong { font-size: 2rem; } } @@ -1690,7 +1796,7 @@ pre { } @media (min-width: 768px) { .contentWarp .mypageWarp .rightConWarp .myAccount .marketingAgrre h3 p, - .contentWarp .mypageWarp .rightConWarp .myAccount .outAgrre h3 p { +.contentWarp .mypageWarp .rightConWarp .myAccount .outAgrre h3 p { font-size: 1.6rem; line-height: 2.4rem; } @@ -1703,7 +1809,7 @@ pre { } @media (max-width: 768px) { .contentWarp .mypageWarp .rightConWarp .myAccount .marketingAgrre .unitCheck2, - .contentWarp .mypageWarp .rightConWarp .myAccount .outAgrre .unitCheck2 { +.contentWarp .mypageWarp .rightConWarp .myAccount .outAgrre .unitCheck2 { padding: 2.5rem 0 2rem 0; } } @@ -1718,7 +1824,7 @@ pre { } @media (min-width: 768px) { .contentWarp .mypageWarp .rightConWarp .myAccount .marketingAgrre .unitCheck2 .info, - .contentWarp .mypageWarp .rightConWarp .myAccount .outAgrre .unitCheck2 .info { +.contentWarp .mypageWarp .rightConWarp .myAccount .outAgrre .unitCheck2 .info { font-size: 2rem; } } @@ -1737,7 +1843,7 @@ pre { } @media (max-width: 768px) { .contentWarp .mypageWarp .rightConWarp .myAccount .marketingAgrre .marketingCheck, - .contentWarp .mypageWarp .rightConWarp .myAccount .outAgrre .marketingCheck { +.contentWarp .mypageWarp .rightConWarp .myAccount .outAgrre .marketingCheck { margin-top: 2rem; } } @@ -1748,7 +1854,7 @@ pre { } @media (max-width: 768px) { .contentWarp .mypageWarp .rightConWarp .myAccount .marketingAgrre .marketingCheck span, - .contentWarp .mypageWarp .rightConWarp .myAccount .outAgrre .marketingCheck span { +.contentWarp .mypageWarp .rightConWarp .myAccount .outAgrre .marketingCheck span { font-size: 1.4rem; line-height: 2.4rem; } @@ -1762,7 +1868,7 @@ pre { } @media (max-width: 768px) { .contentWarp .mypageWarp .rightConWarp .myAccount .marketingAgrre .marketingCheck a, - .contentWarp .mypageWarp .rightConWarp .myAccount .outAgrre .marketingCheck a { +.contentWarp .mypageWarp .rightConWarp .myAccount .outAgrre .marketingCheck a { font-size: 1.4rem; margin-left: 0.5rem; } @@ -2128,10 +2234,14 @@ pre { .contentWarp .mypageWarp .rightConWarp .itemStreaming ul li input[type=radio]:checked + label { background-color: #05141F; } -.contentWarp .mypageWarp .rightConWarp .itemStreaming ul li input[type=radio]:checked + label dt, .contentWarp .mypageWarp .rightConWarp .itemStreaming ul li input[type=radio]:checked + label dd { +.contentWarp .mypageWarp .rightConWarp .itemStreaming ul li input[type=radio]:checked + label dt, +.contentWarp .mypageWarp .rightConWarp .itemStreaming ul li input[type=radio]:checked + label dd { color: #fff; } -.contentWarp .mypageWarp .rightConWarp .itemStreaming ul li input[type=radio]:checked + label dt p, .contentWarp .mypageWarp .rightConWarp .itemStreaming ul li input[type=radio]:checked + label dt strong, .contentWarp .mypageWarp .rightConWarp .itemStreaming ul li input[type=radio]:checked + label dd p, .contentWarp .mypageWarp .rightConWarp .itemStreaming ul li input[type=radio]:checked + label dd strong { +.contentWarp .mypageWarp .rightConWarp .itemStreaming ul li input[type=radio]:checked + label dt p, +.contentWarp .mypageWarp .rightConWarp .itemStreaming ul li input[type=radio]:checked + label dt strong, +.contentWarp .mypageWarp .rightConWarp .itemStreaming ul li input[type=radio]:checked + label dd p, +.contentWarp .mypageWarp .rightConWarp .itemStreaming ul li input[type=radio]:checked + label dd strong { color: #fff; } .contentWarp .mypageWarp .rightConWarp .itemStreaming ul li label { @@ -2369,7 +2479,7 @@ pre { } @media (min-width: 1025px) { .productListWarp .productLis ul li .cartItemWrap .cartItem .cartItemInfo > div dl dt, - .productListWarp .productLis ul li .cartItemWrap .cartItem .cartItemInfo > div dl dd { +.productListWarp .productLis ul li .cartItemWrap .cartItem .cartItemInfo > div dl dd { -webkit-line-clamp: 2; } } @@ -2727,6 +2837,7 @@ pre { .productListWarp .productLis ul .noPrice .PriceGoList { flex-wrap: nowrap; margin: 0; + width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } @@ -2735,6 +2846,7 @@ pre { .productListWarp .productLis ul .noPrice .PriceGoList { flex-wrap: nowrap; margin: 0; + width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } @@ -2754,6 +2866,7 @@ pre { margin-top: 0; min-width: 15rem; margin-left: 5rem; + width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } @@ -2767,15 +2880,15 @@ pre { } @media (min-width: 768px) { .productListWarp .productLis ul .noPrice .PriceGoList .oneButton button::before, .productListWarp .productLis ul .noPrice .PriceGoList .oneButton button::after, - .productListWarp .productLis ul .noPrice .PriceGoList .oneButton a::before, - .productListWarp .productLis ul .noPrice .PriceGoList .oneButton a::after { +.productListWarp .productLis ul .noPrice .PriceGoList .oneButton a::before, +.productListWarp .productLis ul .noPrice .PriceGoList .oneButton a::after { width: 3.2rem; } } @media (min-width: 1025px) { .productListWarp .productLis ul .noPrice .PriceGoList .oneButton button::before, .productListWarp .productLis ul .noPrice .PriceGoList .oneButton button::after, - .productListWarp .productLis ul .noPrice .PriceGoList .oneButton a::before, - .productListWarp .productLis ul .noPrice .PriceGoList .oneButton a::after { +.productListWarp .productLis ul .noPrice .PriceGoList .oneButton a::before, +.productListWarp .productLis ul .noPrice .PriceGoList .oneButton a::after { width: 3.2rem; } } @@ -3442,4 +3555,5 @@ pre { .comp_mypage_user_guide .image_area img { width: 100%; border-radius: 0.6rem; -} \ No newline at end of file +} +/*# sourceMappingURL=mypage.css.map */ \ No newline at end of file diff --git a/assets/css/mypage.css.map b/assets/css/mypage.css.map index 380d1e2..e7bd949 100644 --- a/assets/css/mypage.css.map +++ b/assets/css/mypage.css.map @@ -1 +1 @@ -{"version":3,"sources":["mypage.css","_utils.scss","mypage.scss"],"names":[],"mappings":"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","file":"mypage.css"} \ No newline at end of file +{"version":3,"sources":["mypage.css","_utils.scss","mypage.scss"],"names":[],"mappings":"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","file":"mypage.css"} \ No newline at end of file diff --git a/assets/css/mypage.scss b/assets/css/mypage.scss index 36d4407..ba6c2bf 100644 --- a/assets/css/mypage.scss +++ b/assets/css/mypage.scss @@ -3,80 +3,93 @@ /*변수파일 import*/ pre { - font-family: 'KiaSignature'; + font-family: 'KiaSignature'; } -.contentWarp{ - margin-top:0; - margin-bottom:0; - .mypageWarp{ - width:100%; - display:block; - @include tablet{ +.contentWarp { + margin-top: 0; + margin-bottom: 0; + + .mypageWarp { + width: 100%; + display: block; + + @include tablet { display: flex; - max-width:120rem; + max-width: 120rem; } - .leftLnbWarp{ - width:100%; - padding-top:5rem; - - @include tablet{ - max-width:20rem; - padding-top:10rem; - padding-bottom:15rem; + + .leftLnbWarp { + width: 100%; + padding-top: 5rem; + + @include tablet { + max-width: 20rem; + padding-top: 10rem; + padding-bottom: 15rem; padding-left: 2rem; - + } - @include desktopMin{ - min-width:30rem; + + @include desktopMin { + min-width: 30rem; max-width: auto; - + } - @include desktopMax{ + + @include desktopMax { padding-left: 0rem; } - .title{ - border-bottom:1px solid #DEDEDE; - padding-bottom:2.5rem; + + .title { + border-bottom: 1px solid #DEDEDE; + padding-bottom: 2.5rem; padding-left: 2rem; - - @include tablet{ + + @include tablet { padding-bottom: 0; - border-bottom:0; + border-bottom: 0; padding-left: 0rem; } - - h1{ - font-size:3rem; + + h1 { + font-size: 3rem; font-weight: 600; - @include desktopMin{ - font-size:4.5rem; + + @include desktopMin { + font-size: 4.5rem; } } - p{ - displaY:none; - @include tablet{ - displaY:flex; + + p { + displaY: none; + + @include tablet { + displaY: flex; align-items: center; - margin-top:2rem; + margin-top: 2rem; } - &::before{ + + &::before { content: ""; - width:2rem; - height:2rem; - display:block; + width: 2rem; + height: 2rem; + display: block; background-image: url(/kr/assets/images/common/icon-user.svg); background-size: contain; background-repeat: no-repeat; } - span{ - margin-left:0.8rem; + + span { + margin-left: 0.8rem; } } } + .couponArea { margin-top: 0; - @include tablet{ + + @include tablet { margin-top: 2rem; } @@ -89,380 +102,463 @@ pre { font-size: 1.4rem; font-weight: 400; color: #FFFFFF; - @include tablet{ + + @include tablet { padding: 0.8rem; margin-right: 2rem; } - @include desktopMin{ + + @include desktopMin { margin-right: 3rem; } + dt { span { display: inline-block; - @include tablet{ + + @include tablet { display: none; } - @include desktopMin{ + + @include desktopMin { display: inline-block; } } } } + .lnbCoupon { border-bottom: 1px solid #666666; margin-bottom: 0; - @include tablet{ + + @include tablet { margin-bottom: 0.5rem; - } - } - } - .lnbList{ - padding-top:2rem; - padding-bottom:1.8rem; - padding-left: 2rem; - &::before{ - content:""; - position: absolute; - right:0; - top:0; - display: block; - width:5.1rem; - height:5.5rem; - z-index: 2; - background: linear-gradient(270deg, #F3F3F3 0%, rgba(243, 243, 243, 0) 100%); - @include tablet{ - content:none; } } + } + + .lnbList { + padding-top: 2rem; + padding-bottom: 1.8rem; + padding-left: 2rem; + + &::before { + content: ""; + position: absolute; + right: 0; + top: 0; + display: block; + width: 5.1rem; + height: 5.5rem; + z-index: 2; + background: linear-gradient(270deg, #F3F3F3 0%, rgba(243, 243, 243, 0) 100%); + + @include tablet { + content: none; + } + } + background-color: #f3f3f3; - @include tablet{ - margin-top:6.5rem; - padding-top:0rem; - padding-bottom:0rem; + + @include tablet { + margin-top: 6.5rem; + padding-top: 0rem; + padding-bottom: 0rem; padding-left: 0rem; background-color: #fff; } - - ul{ + + ul { display: flex; align-items: center; - @include tablet{ + + @include tablet { display: block; } - li{ - width:fit-content; - &:last-child{ - padding-right:2rem; + + li { + width: fit-content; + + &:last-child { + padding-right: 2rem; } - @include tablet{ - width:100%; + + @include tablet { + width: 100%; } - a{ - font-size:1.6rem; + + a { + font-size: 1.6rem; font-weight: 600; - color:#9EA1A2; - @include tablet{ + color: #9EA1A2; + + @include tablet { font-size: 2rem; } - &:hover{ - color:#000; + + &:hover { + color: #000; } } - .on{ - color:#000; + + .on { + color: #000; } } - li+li{ - margin-top:0; - margin-left:2rem; - @include tablet{ - margin-top:2.5rem; - margin-left:0; + + li+li { + margin-top: 0; + margin-left: 2rem; + + @include tablet { + margin-top: 2.5rem; + margin-left: 0; } - + } } } } - .rightConWarp{ - width:100%; - padding-top:4rem; - padding-bottom:9rem; - padding-left:2rem; - padding-right:2rem; - border-left:1px solid #DEDEDE; - @include tablet{ - padding-top:10rem; - padding-bottom:15rem; + + .rightConWarp { + width: 100%; + padding-top: 4rem; + padding-bottom: 9rem; + padding-left: 2rem; + padding-right: 2rem; + border-left: 1px solid #DEDEDE; + + @include tablet { + padding-top: 10rem; + padding-bottom: 15rem; } - @include desktopMin{ + + @include desktopMin { padding-left: 7rem; } - @include desktopMax{ - padding-right:0rem; + + @include desktopMax { + padding-right: 0rem; } - .conTitle{ - h2{ + + .conTitle { + h2 { display: none; - font-size: 3rem; - font-weight: 600; - @include tablet{ - display:block; - } + font-size: 3rem; + font-weight: 600; + + @include tablet { + display: block; + } } - p{ - margin-top:0rem; - font-size:1.4rem; + + p { + margin-top: 0rem; + font-size: 1.4rem; line-height: 2.2rem; - br{ - display:none; - @include tablet{ - display:block; + + br { + display: none; + + @include tablet { + display: block; } } - @include tablet{ - margin-top:2rem; - font-size:1.6rem; + + @include tablet { + margin-top: 2rem; + font-size: 1.6rem; line-height: 2.4rem; } } - >div{ - display:block; + + >div { + display: block; align-items: center; justify-content: space-between; - margin-top:1.6rem; - @include tablet{ - display:flex; + margin-top: 1.6rem; + + @include tablet { + display: flex; } - p{ - margin-top:0rem; - font-size:1.4rem; - @include tablet{ - font-size:1.6rem; + + p { + margin-top: 0rem; + font-size: 1.4rem; + + @include tablet { + font-size: 1.6rem; } } - .searchBoxWarp{ - margin-top:1rem; - @include tablet{ - margin-top:0rem; + + .searchBoxWarp { + margin-top: 1rem; + + @include tablet { + margin-top: 0rem; } - .searchTextBox{ - border-left:1px solid #DEDEDE; + + .searchTextBox { + border-left: 1px solid #DEDEDE; } } } } - .conTitle.serviceOut{ - h2{ - display:block; - font-size: 2rem; - font-weight: 600; - @include tablet{ - font-size: 3rem; - } - } - p{ - margin-top:1.5rem; - @include tablet{ - margin-top:2rem; + + .conTitle.serviceOut { + h2 { + display: block; + font-size: 2rem; + font-weight: 600; + + @include tablet { + font-size: 3rem; + } + } + + p { + margin-top: 1.5rem; + + @include tablet { + margin-top: 2rem; } - } - } - .tabWarp{ - margin-top:0rem; - @include tablet{ - margin-top:4rem; } } - .myItemWarp{ - margin-top:3rem; - width:100%; - >div{ - h3{ - font-size:1.8rem; + + .tabWarp { + margin-top: 0rem; + + @include tablet { + margin-top: 4rem; + } + } + + .myItemWarp { + margin-top: 3rem; + width: 100%; + + >div { + h3 { + font-size: 1.8rem; font-weight: 600; - @include tablet{ + + @include tablet { font-size: 2rem; } } - .itemListWarp{ - margin-top:2rem; - >ul{ - >li{ - border:1px solid #DEDEDE; + + .itemListWarp { + margin-top: 2rem; + + >ul { + >li { + border: 1px solid #DEDEDE; border-radius: 0.6rem; - - .cartItem{ - displaY:flex; - width:100%; + + .cartItem { + displaY: flex; + width: 100%; flex-wrap: wrap; - flex-shrink:2; + flex-shrink: 2; align-items: center; padding: 2rem; - @include tablet{ + + @include tablet { flex-wrap: nowrap; padding: 0; } - @include desktopMin{ + + @include desktopMin { justify-content: space-between; flex-wrap: nowrap; } - - .cartItemInfo{ - display:flex; + + .cartItemInfo { + display: flex; width: 100%; flex-wrap: wrap; align-items: center; - padding-bottom:2rem; - margin-bottom:2rem; - border-bottom:1px solid #DEDEDE; - @include tablet{ - padding-bottom:0; - margin-bottom:0; - border-bottom:none; + padding-bottom: 2rem; + margin-bottom: 2rem; + border-bottom: 1px solid #DEDEDE; + + @include tablet { + padding-bottom: 0; + margin-bottom: 0; + border-bottom: none; flex-wrap: nowrap; } - - >div{ + + >div { display: flex; - > p{ - min-width:7.5rem; + + >p { + min-width: 7.5rem; height: 7.5rem; overflow: hidden; - margin-left:0rem; - @include tablet{ - min-width:10rem; - height:10rem; - margin-left:0rem; + margin-left: 0rem; + + @include tablet { + min-width: 10rem; + height: 10rem; + margin-left: 0rem; } - @include desktopMin{ - min-width:14rem; - height:14rem; + + @include desktopMin { + min-width: 14rem; + height: 14rem; } - img{ + + img { width: 100%; height: 100%; object-fit: cover; border-radius: 0.6rem; aspect-ratio: 1 / 1; - @include tablet{ + + @include tablet { border-radius: 0; } } } - dl{ - margin-left:1.5rem; - displaY:flex; + + dl { + margin-left: 1.5rem; + displaY: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: center; width: 100%; - @include tablet{ + + @include tablet { max-width: 50%; - margin-left:2rem; + margin-left: 2rem; } - @include desktopMin{ + + @include desktopMin { max-width: 50%; } - dt{ + + dt { font-weight: 600; font-size: 1.6rem; - color:#000; - line-height:2rem; - @include desktopMin{ + color: #000; + line-height: 2rem; + + @include desktopMin { font-size: 2rem; line-height: 2.6rem; } - + } - dd{ + + dd { font-weight: 400; font-size: 1.4rem; line-height: 1.2; - color:#676767; - span{ + color: #676767; + + span { display: block; font-size: 1.4rem; color: #05141F; - margin-bottom:1rem; + margin-bottom: 1rem; font-weight: 700; } - + } + dt, - dd{ - width:100%; + dd { + width: 100%; white-space: normal; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; - @include desktopMin{ + + @include desktopMin { -webkit-line-clamp: 2; } } - dt+dd{ - margin-top:1rem; - @include desktopMin{ - margin-top:1rem; + + dt+dd { + margin-top: 1rem; + + @include desktopMin { + margin-top: 1rem; } } - dd+dd{ - margin-top:1.5rem; + + dd+dd { + margin-top: 1.5rem; font-size: 1.5rem; - @include desktopMin{ - margin-top:3rem; + + @include desktopMin { + margin-top: 3rem; } } } } } - .cartItemInfo+ul{ + + .cartItemInfo+ul { padding-right: 0; - @include tablet{ - min-width:28rem; + + @include tablet { + min-width: 28rem; padding-right: 2rem; } - @include desktopMin{ + + @include desktopMin { min-width: 30rem; padding-right: 0; } - li{ - font-size:1.4rem; - color:#000; + + li { + font-size: 1.4rem; + color: #000; font-weight: 400; } - li+li{ - margin-top:0.5rem; - + + li+li { + margin-top: 0.5rem; + } } } + .components { background-color: #F3F3F3; padding: 3rem; - @include maxtablet{ + + @include maxtablet { padding: 2rem; } + .componentsTitle { font-size: 1.6rem; font-weight: 600; color: #000000; - @include maxtablet{ + + @include maxtablet { font-size: 1.4rem; } } + .componentsList { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; margin-top: 0.2rem; - @include maxtablet{ + + @include maxtablet { display: block; margin-top: 0.8rem; } + .item { display: flex; justify-content: flex-start; @@ -471,21 +567,25 @@ pre { text-align: center; margin-bottom: 1.5rem; padding-right: 1.5rem; - @media(max-width: 1024px){ + + @media(max-width: 1024px) { width: 100%; margin-right: 0; text-align: left; } + .itemImg { width: 4rem; height: 4rem; border-radius: 0.6rem; overflow: hidden; + img { width: 4rem; height: 4rem; } } + .itemTitle { padding-left: 1.2rem; font-size: 1.4rem; @@ -493,7 +593,8 @@ pre { line-height: 1.8rem; text-align: left; width: calc(100% - 4rem); - @include maxtablet{ + + @include maxtablet { margin-top: 0; padding-left: 0.7rem; font-weight: 400; @@ -502,102 +603,122 @@ pre { } } } - .thankInfo{ - padding:1rem; - @include tablet{ - padding:2rem; - } - dt{ + + .thankInfo { + padding: 1rem; + + @include tablet { + padding: 2rem; + } + + dt { display: flex; justify-content: center; font-weight: 600; - font-size:1.8rem; - line-height:2.4rem; + font-size: 1.8rem; + line-height: 2.4rem; text-align: center; - @include tablet{ - font-size:2rem; - } + + @include tablet { + font-size: 2rem; + } } - dd{ + + dd { display: flex; justify-content: center; - font-size:1.4rem; - margin-top:1rem; - @include tablet{ - font-size:1.6rem; - } - } - } - } - li+li{ - margin-top:1rem; - } - - } - } - } - >div.subScription{ - .itemListWarp { - ul{ - li{ - .cartItem { - .cartItemInfo { - >div{ - dl{ - dt{ - span{ - color:#F3C300; - font-size:1.4rem; - display:block; - margin-bottom:1rem; - } - - } - } + font-size: 1.4rem; + margin-top: 1rem; + + @include tablet { + font-size: 1.6rem; } } } } - } - } - - } - >div+div{ - margin-top:1.5rem; - @include tablet{ - margin-top:4rem; + + li+li { + margin-top: 1rem; + } + + } } } - >div.myPayList{ - width:100%; - > ul{ - width:100%; - >li{ - border:1px solid #DEDEDE; + + >div.subScription { + .itemListWarp { + ul { + li { + .cartItem { + .cartItemInfo { + >div { + dl { + dt { + span { + color: #F3C300; + font-size: 1.4rem; + display: block; + margin-bottom: 1rem; + } + + } + } + } + } + } + } + } + } + + } + + >div+div { + margin-top: 1.5rem; + + @include tablet { + margin-top: 4rem; + } + } + + >div.myPayList { + width: 100%; + + >ul { + width: 100%; + + >li { + border: 1px solid #DEDEDE; border-radius: 0.6rem; - width:100%; + width: 100%; overflow: hidden; - .paySummary{ - padding:2rem; + + .paySummary { + padding: 2rem; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; - @include tablet{ - padding:3rem; + + @include tablet { + padding: 3rem; } - @include desktopMin{ + + @include desktopMin { flex-wrap: nowrap; } - dl{ - width:100%; - @include desktopMin{ - width:60%; + + dl { + width: 100%; + + @include desktopMin { + width: 60%; } - dt{ + + dt { font-weight: 600; font-size: 1.6rem; line-height: 2.4rem; + .badge { margin-right: 1rem; padding: 0.4rem 0.5rem 0.3rem 0.6rem; @@ -607,205 +728,242 @@ pre { background-color: #FF0000; } } - dd{ - display:flex; + + dd { + display: flex; justify-content: space-between; - margin-top:2rem; - ul{ - li{ + margin-top: 2rem; + + ul { + li { font-size: 1.4rem; } - li+li{ - margin-top:1rem; + + li+li { + margin-top: 1rem; } } } } - div.totalPay{ + + div.totalPay { width: 100%; - margin-top:2rem; + margin-top: 2rem; padding-top: 1rem; - border-top:1px solid #DEDEDE; - @include desktopMin{ + border-top: 1px solid #DEDEDE; + + @include desktopMin { width: 40%; - margin-top:0; + margin-top: 0; padding-top: 0; - border-top:0; + border-top: 0; } + dl { - display:flex; + display: flex; align-items: center; - width:100%; - padding-top:1rem; + width: 100%; + padding-top: 1rem; justify-content: space-between; - @include desktopMin{ + + @include desktopMin { justify-content: space-between; - padding-top:0.5rem; + padding-top: 0.5rem; } - dt{ - font-size: 1.6rem; + + dt { + font-size: 1.6rem; font-weight: 400; } - dd{ - margin-top:0; - margin-left:1rem; + + dd { + margin-top: 0; + margin-left: 1rem; font-weight: 400; - font-size: 1.6rem; + font-size: 1.6rem; + &.amount { font-weight: 600; - font-size: 1.8rem; + font-size: 1.8rem; color: #000000; } } + &.totalInfo { margin-top: 1.5rem; padding-top: 1.5rem; border-top: 1px dashed #DEDEDE; - dt{ + + dt { font-weight: 600; color: #000000; } - dd{ + + dd { &.amount { font-weight: 600; - font-size: 1.8rem; + font-size: 1.8rem; color: #000000; } } } } - - - + + + } } - .openView{ - width:100%; - height:5rem; + + .openView { + width: 100%; + height: 5rem; align-items: center; justify-content: center; - background-color:#F3F3F3 ; - display:flex; - border-top:1px solid #DEDEDE; - span{ - color:#676767; + background-color: #F3F3F3; + display: flex; + border-top: 1px solid #DEDEDE; + + span { + color: #676767; font-size: 1.4rem; font-weight: 600; } - &::after{ + + &::after { content: ""; display: block; - margin-left:0.8rem; - width:1.2rem; - height:0.6rem; + margin-left: 0.8rem; + width: 1.2rem; + height: 0.6rem; background-image: url(/kr/assets/images/common/icon-arrow_black.svg); background-repeat: no-repeat; background-size: contain; background-position: center right; } } - .openView.active{ - &::after{ + + .openView.active { + &::after { content: ""; transform: rotate(-180deg); background-position: center left; } } - .payAll{ - border-top:1px solid #DEDEDE; - display:none; - .tableHead{ - width:100%; + + .payAll { + border-top: 1px solid #DEDEDE; + display: none; + + .tableHead { + width: 100%; display: none; grid-template-columns: 2fr 1fr 1fr 1fr 1fr; - border-bottom:1px solid #aaa; - padding-top:2.5rem; - padding-bottom:2.5rem; - padding-left:3rem; - @include tablet{ + border-bottom: 1px solid #aaa; + padding-top: 2.5rem; + padding-bottom: 2.5rem; + padding-left: 3rem; + + @include tablet { display: grid; } - p{ - font-size:1.4rem; + + p { + font-size: 1.4rem; font-weight: 600; - color:#676767; + color: #676767; } } - ul{ - li{ - border-bottom:1px solid #DEDEDE; - padding-top:2.5rem; - padding-bottom:2.5rem; - padding-left:2rem; - padding-right:2rem; + + ul { + li { + border-bottom: 1px solid #DEDEDE; + padding-top: 2.5rem; + padding-bottom: 2.5rem; + padding-left: 2rem; + padding-right: 2rem; display: block; align-items: center; grid-template-columns: 2fr 1fr 1fr 2fr; - @include desktopMin{ + + @include desktopMin { display: grid; - padding-left:3rem; - padding-right:0rem; + padding-left: 3rem; + padding-right: 0rem; } - &:last-child{ - border-bottom:0; + + &:last-child { + border-bottom: 0; } - p{ - font-size: 1.4rem; - margin-top: 1rem; - @include desktopMin{ - margin-top: 0; - } - span { - margin-right: 1rem; - display: inline-block; - @include desktopMin{ - display: none; + + p { + font-size: 1.4rem; + margin-top: 1rem; + + @include desktopMin { + margin-top: 0; + } + + span { + margin-right: 1rem; + display: inline-block; + + @include desktopMin { + display: none; + } } - } } - dl{ - width:100%; - border-bottom:1px solid #aaa; - margin-bottom:1.5rem; - padding-bottom:1.5rem; + + dl { + width: 100%; + border-bottom: 1px solid #aaa; + margin-bottom: 1.5rem; + padding-bottom: 1.5rem; justify-content: flex-start; padding-right: 1rem; - @include desktopMin{ + + @include desktopMin { justify-content: flex-end; - border-bottom:0; - margin-bottom:0; - padding-bottom:0; + border-bottom: 0; + margin-bottom: 0; + padding-bottom: 0; } - dt{ + + dt { font-weight: 600; font-size: 1.4rem; - + } - dd{ - font-weight: 400; - margin-top:0.5rem; - font-size: 1.4rem; - } - } - div{ - display:flex; - margin-top:1rem; - @include desktopMin{ - display:grid; - margin-top:0; - grid-template-columns: 1fr 1fr; - } - p{ + + dd { + font-weight: 400; + margin-top: 0.5rem; font-size: 1.4rem; } - p+p{ - border-left:1px solid #DEDEDE; - padding-left:1rem; - margin-left:1rem; - @include desktopMin{ - padding-left:0rem; - margin-left:0rem; - border-left:none; + } + + div { + display: flex; + margin-top: 1rem; + + @include desktopMin { + display: grid; + margin-top: 0; + grid-template-columns: 1fr 1fr; + } + + p { + font-size: 1.4rem; + } + + p+p { + border-left: 1px solid #DEDEDE; + padding-left: 1rem; + margin-left: 1rem; + + @include desktopMin { + padding-left: 0rem; + margin-left: 0rem; + border-left: none; } } } @@ -813,109 +971,243 @@ pre { } } } - >li+li{ - margin-top:3rem; + + >li+li { + margin-top: 3rem; + } + + + } + } + + &.type2 {} + } + + + .myItemViewWrap { + margin-top: 3rem; + + .borderView { + dl { + display: flex; + justify-content: flex-start; + align-items: center; + padding: 2.2rem 0; + border-top: 1px solid #DEDEDE; + border-bottom: 1px solid #DEDEDE; + + @include maxtablet { + display: block; + padding: 2rem 0; + } + + .itemName { + width: 15.5rem; + font-size: 1.6rem; + line-height: 2.4rem; + color: #676767; + + @include maxtablet { + font-size: 1.4rem; + line-height: 2.2rem; + } + } + + .itemValue { + display: flex; + justify-content: flex-start; + width: calc(100% - 15.5rem); + font-size: 1.6rem; + line-height: 2.4rem; + color: #000000; + + @include maxtablet { + display: block; + width: 100%; + margin-top: 1rem; + font-size: 1.4rem; + line-height: 2.2rem; + } + + &::before { + content: ""; + display: block; + width: 0.1rem; + height: 1.5rem; + margin-right: 2rem; + background-color: #DEDEDE; + + @include maxtablet { + display: none; + } + } + + } + } + + :not(:first-child) { + border-top: 0; + } + } + + .contentsWrap { + margin-top: 4rem; + + .title { + font-size: 1.8rem; + font-weight: 600; + line-height: 2.6rem; + color: #000000; + + @include maxtablet { + font-size: 1.6rem; + line-height: 2.4rem; + } + } + + .imgWrap { + margin-top: 2rem; + + @include maxtablet { + margin-top: 1.5rem; + } + + img { + width: 100%; + } + } + + .text { + margin-top: 2rem; + font-size: 1.6rem; + font-weight: 400; + line-height: 2.4rem; + color: #000000; + + @include maxtablet { + font-size: 1.4rem; + line-height: 2.2rem; } - - } } } - .btnWarp{ - width:100%; - margin:0 auto; - margin-top:4rem; - a{ + + .btnWarp { + width: 100%; + margin: 0 auto; + margin-top: 4rem; + + a { + &::after, - &::before{ - width:3.2rem; - @include tablet{ - width:3.2rem; + &::before { + width: 3.2rem; + + @include tablet { + width: 3.2rem; } } } - @include tablet{ - width:16rem; - margin-top:5rem; + + @include tablet { + width: 16rem; + margin-top: 5rem; } } - .carswBtn{ - width:100%; - margin:0 auto; - margin-top:5rem; - @include tablet{ - width:37rem; + + .carswBtn { + width: 100%; + margin: 0 auto; + margin-top: 5rem; + + @include tablet { + width: 37rem; } - .towButton{ - display:flex; + + .towButton { + display: flex; flex-wrap: wrap; - @include tablet{ + + @include tablet { flex-wrap: nowrap; } - a+a{ - margin-top:1rem; - @include tablet{ - margin-left:1rem; - margin-top:0; + + a+a { + margin-top: 1rem; + + @include tablet { + margin-left: 1rem; + margin-top: 0; } } } } - .itemCancel{ - border:1px solid #DEDEDE; + + .itemCancel { + border: 1px solid #DEDEDE; border-radius: 0.6rem; - padding:2rem; + padding: 2rem; text-align: center; - margin-top:1rem; - display:block; + margin-top: 1rem; + display: block; align-items: center; justify-content: center; - @include tablet{ + + @include tablet { display: flex; } - p{ + + p { font-size: 1.4rem; color: #676767; display: flex; text-align: center; justify-content: center; - @include tablet{ - font-size: 1.6rem; + + @include tablet { + font-size: 1.6rem; } } - p+p{ - display:flex; + + p+p { + display: flex; align-items: center; - margin-top:1rem; - @include tablet{ - margin-top:0; + margin-top: 1rem; + + @include tablet { + margin-top: 0; } - &::before{ + + &::before { content: ""; - width:1px; - height:1.6rem; + width: 1px; + height: 1.6rem; background-color: #DEDEDE; - display:none; - margin-left:1rem; - margin-right:1rem; - @include tablet{ + display: none; + margin-left: 1rem; + margin-right: 1rem; + + @include tablet { display: block; } } } } - .infoRefundDefault{ + + .infoRefundDefault { margin-top: 3rem; padding-bottom: 1rem; - ul{ - li{ + + ul { + li { position: relative; font-size: 1.4rem; font-weight: 400; color: #676767; line-height: 2.2rem; padding: 0.5rem 0 0.5rem 1rem; - &::before{ + + &::before { content: "∙"; position: absolute; top: 0.6rem; @@ -924,26 +1216,32 @@ pre { } } } + .infoRefund { margin-top: 3rem; + .title { font-size: 1.8rem; font-weight: 600; color: #000000; - @media(max-width: 768px){ + + @media(max-width: 768px) { font-size: 1.6rem; } } - ul{ + + ul { margin-top: 1rem; - li{ + + li { position: relative; font-size: 1.4rem; font-weight: 400; color: #676767; line-height: 2.2rem; padding: 0.5rem 0 0.5rem 1rem; - &::before{ + + &::before { content: "∙"; position: absolute; top: 0.6rem; @@ -952,19 +1250,24 @@ pre { } } } + .infoRefundStep { margin-top: 3rem; + .title { font-size: 1.8rem; font-weight: 600; color: #000000; - @media(max-width: 768px){ + + @media(max-width: 768px) { font-size: 1.6rem; } } - ul{ + + ul { margin-top: 1rem; - li{ + + li { position: relative; font-size: 1.4rem; font-weight: 400; @@ -974,25 +1277,31 @@ pre { } } } + .infoRefundCalc { margin-top: 3rem; + .title { font-size: 1.8rem; font-weight: 600; color: #000000; - @media(max-width: 768px){ + + @media(max-width: 768px) { font-size: 1.6rem; } } + .titleSec { margin-top: 3rem; font-size: 1.8rem; font-weight: 600; color: #000000; - @media(max-width: 768px){ + + @media(max-width: 768px) { font-size: 1.6rem; } } + .info { margin-top: 1rem; font-size: 1.4rem; @@ -1000,57 +1309,71 @@ pre { color: #676767; line-height: 2.2rem; } - .completeForm{ - margin-top:2rem; - >div{ - border-top:1px solid #999999; - @include tablet{ - border-top:1px solid #DEDEDE; + + .completeForm { + margin-top: 2rem; + + >div { + border-top: 1px solid #999999; + + @include tablet { + border-top: 1px solid #DEDEDE; } - >dl{ - border-bottom:1px solid #DEDEDE; - display:flex; + + >dl { + border-bottom: 1px solid #DEDEDE; + display: flex; flex-wrap: wrap; - @include tablet{ + + @include tablet { flex-wrap: nowrap; } - &:last-child{ - border-bottom:1px solid #999; - @include tablet{ - border-bottom:1px solid #DEDEDE; + + &:last-child { + border-bottom: 1px solid #999; + + @include tablet { + border-bottom: 1px solid #DEDEDE; } } - >dt{ - padding-top:1rem; - @include tablet{ - padding-top:2.2rem; - padding-bottom:2.2rem; + + >dt { + padding-top: 1rem; + + @include tablet { + padding-top: 2.2rem; + padding-bottom: 2.2rem; } } - >dd{ - padding-top:1rem; - padding-bottom:1rem; + + >dd { + padding-top: 1rem; + padding-bottom: 1rem; font-weight: 600; - @include tablet{ - padding-top:2.2rem; - padding-bottom:2.2rem; + + @include tablet { + padding-top: 2.2rem; + padding-bottom: 2.2rem; font-weight: 400; } - } - >dt{ - width:100%; + } + + >dt { + width: 100%; font-size: 1.4rem; - padding-left:0rem; + padding-left: 0rem; text-align: left; - padding-bottom:0; - color:#676767; + padding-bottom: 0; + color: #676767; font-weight: 700; - @include tablet{ + + @include tablet { position: relative; font-size: 1.6rem; - padding-bottom:2.2rem; - min-width:15.7rem; - width:auto; + padding-bottom: 2.2rem; + min-width: 15.7rem; + width: auto; + &::after { content: ""; position: absolute; @@ -1062,108 +1385,132 @@ pre { } } } - >dt.calc{ - @include tablet{ + + >dt.calc { + @include tablet { &::after { content: ""; height: 4.6rem; } } } - >dd{ - padding-left:0; - width:100%; - font-size: 1.4rem; - color:#000; - line-height: 2.2rem; - @include tablet{ - padding-left:2rem; + + >dd { + padding-left: 0; + width: 100%; + font-size: 1.4rem; + color: #000; + line-height: 2.2rem; + + @include tablet { + padding-left: 2rem; font-size: 1.6rem; line-height: 2.4rem; - } - } + } + } } } } } - .itemInfo{ - margin-top:7rem; - h3{ - font-size:1.8rem; + + .itemInfo { + margin-top: 7rem; + + h3 { + font-size: 1.8rem; font-weight: 600; - @include tablet{ + + @include tablet { font-size: 2rem; } } - .editBox{ - margin-top:2rem; - border-top:1px solid #DEDEDE; - border-bottom:1px solid #DEDEDE; - padding:2rem 0; - @media(max-width: 768px){ + + .editBox { + margin-top: 2rem; + border-top: 1px solid #DEDEDE; + border-bottom: 1px solid #DEDEDE; + padding: 2rem 0; + + @media(max-width: 768px) { border-top: none; border-bottom: none; - padding:1.5rem 0; + padding: 1.5rem 0; } } } - .cancleInfo{ - margin-top:4rem; - @include tablet{ - margin-top:5rem; + + .cancleInfo { + margin-top: 4rem; + + @include tablet { + margin-top: 5rem; } - dl{ - dt{ - font-size:1.6rem; + + dl { + dt { + font-size: 1.6rem; font-weight: 600; - line-height:2.4rem; - @include tablet{ + line-height: 2.4rem; + + @include tablet { font-size: 1.8rem; } } - dd{ - font-size:1.4rem; - margin-top:1rem; + + dd { + font-size: 1.4rem; + margin-top: 1rem; line-height: 2.4rem; - color:#000; - @include tablet{ + color: #000; + + @include tablet { font-size: 1.4rem; } } } - dl+dl{ - margin-top:3rem; + + dl+dl { + margin-top: 3rem; } - .cancleInfoCon{ - margin-top:3rem ; - @include tablet{ - margin-top:3rem; + + .cancleInfoCon { + margin-top: 3rem; + + @include tablet { + margin-top: 3rem; } - dd{ - color:#676767; - font-size:1.4rem; + + dd { + color: #676767; + font-size: 1.4rem; } } } - .questions{ - margin-top:2rem; - ul{ - li{ - border:1px solid #DEDEDE; + + .questions { + margin-top: 2rem; + + ul { + li { + border: 1px solid #DEDEDE; border-radius: 0.6rem; - padding:2.5rem; - @include maxmobile{ - padding: 2rem ; + padding: 2.5rem; + + @include maxmobile { + padding: 2rem; } - &:hover{ - border:1px solid #000; + + &:hover { + border: 1px solid #000; } - a{ - >div{ + + a { + >div { display: flex; align-items: center; gap: 0.8rem; - .badge{ + + .badge { display: inline-flex; flex: 0 0 auto; height: 2.5rem; @@ -1175,26 +1522,31 @@ pre { line-height: 1.4rem; font-weight: 600; color: #05141F; - &.mr-12{ + + &.mr-12 { margin-right: 1.2rem; } + &.an { color: #9EA1A2; } + &.ay { color: #000000; } - @include maxmobile{ + + @include maxmobile { width: 5.7rem; font-size: 1.1rem; } } + // .status{ // color:#F3C300; // font-weight: 600; // font-size: 1.4rem; // } - .inquiry-type{ + .inquiry-type { display: inline-block; vertical-align: middle; overflow: hidden; @@ -1206,7 +1558,8 @@ pre { color: #9EA1A2; min-width: 6rem; } - .inquiry-prd{ + + .inquiry-prd { display: inline-block; vertical-align: middle; overflow: hidden; @@ -1218,13 +1571,15 @@ pre { color: #9EA1A2; min-width: 10rem; } - em{ + + em { position: relative; - color:#9EA1A2; + color: #9EA1A2; font-weight: 400; font-size: 1.4rem; padding-left: 0.8rem; - &:before{ + + &:before { content: ''; display: inline-block; position: absolute; @@ -1235,36 +1590,42 @@ pre { } } } - >p{ - margin-top:1rem; - color:#000; + + >p { + margin-top: 1rem; + color: #000; font-weight: 600; font-size: 1.8rem; - line-height:2.4rem; - @include maxmobile{ + line-height: 2.4rem; + + @include maxmobile { font-size: 1.6rem; } } } } - li+li{ - margin-top:1rem; + + li+li { + margin-top: 1rem; } - + } } - .questionsView{ - margin-top:3rem; - border:1px solid #DEDEDE; + + .questionsView { + margin-top: 3rem; + border: 1px solid #DEDEDE; border-radius: 0.6rem; - padding:2.5rem; + padding: 2.5rem; + .usrQuestions, - .adminAnswer{ - >div{ + .adminAnswer { + >div { display: flex; align-items: center; gap: 0.8rem; - .badge{ + + .badge { display: inline-flex; flex: 0 0 auto; height: 2.5rem; @@ -1276,21 +1637,26 @@ pre { line-height: 1.4rem; font-weight: 600; color: #05141F; - &.mr-12{ + + &.mr-12 { margin-right: 1.2rem; } + &.an { color: #9EA1A2; } + &.ay { color: #000000; } - @include maxmobile{ + + @include maxmobile { width: 5.7rem; font-size: 1.1rem; } } - .inquiry-type{ + + .inquiry-type { display: inline-block; vertical-align: middle; overflow: hidden; @@ -1302,7 +1668,8 @@ pre { color: #9EA1A2; min-width: 6rem; } - .inquiry-prd{ + + .inquiry-prd { display: inline-block; vertical-align: middle; overflow: hidden; @@ -1314,37 +1681,44 @@ pre { color: #9EA1A2; min-width: 10rem; } - em{ + + em { flex: 1 0 13.5rem; position: relative; - color:#9EA1A2; + color: #9EA1A2; font-weight: 400; font-size: 1.4rem; white-space: nowrap; } } - dl{ - margin-top:1rem; - dt{ - font-size:1.8rem; + + dl { + margin-top: 1rem; + + dt { + font-size: 1.8rem; font-weight: 600; } - dd{ - margin-top:2rem; + + dd { + margin-top: 2rem; font-size: 1.4rem; color: #676767; line-height: 2.4rem; - @include tablet{ + + @include tablet { font-size: 1.6rem; } } } } - .usrQuestions{ - >div{ - em{ + + .usrQuestions { + >div { + em { padding-left: 0.8rem; - &:before{ + + &:before { content: ''; display: inline-block; position: absolute; @@ -1356,183 +1730,221 @@ pre { } } } - .fileBox{ - margin-top:2rem; + + .fileBox { + margin-top: 2rem; background-color: #f3f3f3; - width:fit-content; - padding:0 1rem; - display:flex; + width: fit-content; + padding: 0 1rem; + display: flex; align-items: center; justify-content: space-between; - @include desktopMin{ - width:fit-content; - margin-top:3rem; + + @include desktopMin { + width: fit-content; + margin-top: 3rem; } - p{ + + p { display: flex; - color:#000; + color: #000; font-size: 1.6rem; - &::after{ - content:""; - width:2rem; - height:2rem; - display:block; + + &::after { + content: ""; + width: 2rem; + height: 2rem; + display: block; background-image: url(/kr/assets/images/common/icon-file.svg); background-repeat: no-repeat; background-size: contain; - margin-left:1rem; + margin-left: 1rem; } } - - + + } - .adminAnswer{ - margin-top:2.5rem; - padding-top:2.5rem; - border-top:1px solid #dedede; + + .adminAnswer { + margin-top: 2.5rem; + padding-top: 2.5rem; + border-top: 1px solid #dedede; } } - .listbtnWarp{ - width:100%; - margin:0 auto; - margin-top:6rem; - @include desktopMin{ - width:16rem; - margin-top:7rem; - } - a::before, - a::after{ - width:3.2rem; - @include desktopMin{ - width:3.2rem; - } - - } - .oneButton{ + + .listbtnWarp { + width: 100%; + margin: 0 auto; + margin-top: 6rem; + + @include desktopMin { width: 16rem; - @include maxmobile{ + margin-top: 7rem; + } + + a::before, + a::after { + width: 3.2rem; + + @include desktopMin { + width: 3.2rem; + } + + } + + .oneButton { + width: 16rem; + + @include maxmobile { width: 100%; } } } - .myAccount{ - margin-top:4rem; - @include tablet{ - margin-top:5rem; + + .myAccount { + margin-top: 4rem; + + @include tablet { + margin-top: 5rem; } - .myinfomation{ - bordeR:1px solid #dedede; - padding:2.5rem; + + .myinfomation { + bordeR: 1px solid #dedede; + padding: 2.5rem; border-radius: 0.6rem; display: flex; justify-content: space-between; flex-wrap: wrap; - @include desktopMin{ + + @include desktopMin { flex-wrap: nowrap; } - >div{ - width:100%; - p{ - display:flex; + + >div { + width: 100%; + + p { + display: flex; align-items: center; - font-size:1.4rem; - - @include tablet{ - font-size: 1.6rem; + font-size: 1.4rem; + + @include tablet { + font-size: 1.6rem; } - strong{ + + strong { font-size: 1.8rem; font-weight: 600; - @include tablet{ - font-size: 2rem; + + @include tablet { + font-size: 2rem; } } - span{ + + span { font-size: 1.4rem; font-weight: 400; - margin-left:1rem; - @include tablet{ - font-size: 1.6rem; + margin-left: 1rem; + + @include tablet { + font-size: 1.6rem; } } - &:nth-child(2){ - margin-top:2rem; - color:#676767; - + + &:nth-child(2) { + margin-top: 2rem; + color: #676767; + } - &:nth-child(3){ - margin-top:1rem; - color:#676767; + + &:nth-child(3) { + margin-top: 1rem; + color: #676767; } } - a{ - font-size: 1.4rem; - color:#676767; - display: flex; - align-items: center; - justify-content: space-between; - width:fit-content; - @include desktopMin{ - font-size: 1.6rem; - width:13.5rem; + + a { + font-size: 1.4rem; + color: #676767; + display: flex; + align-items: center; + justify-content: space-between; + width: fit-content; + + @include desktopMin { + font-size: 1.6rem; + width: 13.5rem; } - span{ - display: block; - border-bottom:1px solid #676767; - } - &::after{ - content: ""; - width: 1.6rem; - height: 2.5rem; - displaY: block; - margin-left:0.5rem; - background: url(/kr/assets/images/common/icon-tbarrow.svg) center right no-repeat; - background-size: 1.4rem; - transform: rotate(-90deg); - @include tablet{ - background-size: 1.6rem; + + span { + display: block; + border-bottom: 1px solid #676767; + } + + &::after { + content: ""; + width: 1.6rem; + height: 2.5rem; + displaY: block; + margin-left: 0.5rem; + background: url(/kr/assets/images/common/icon-tbarrow.svg) center right no-repeat; + background-size: 1.4rem; + transform: rotate(-90deg); + + @include tablet { + background-size: 1.6rem; + } } - } } } - div+div{ - margin-top:3rem; - width:fit-content; - @include desktopMin{ - width:17rem; - margin-top:0; + + div+div { + margin-top: 3rem; + width: fit-content; + + @include desktopMin { + width: 17rem; + margin-top: 0; } } } + .marketingAgrre, - .outAgrre{ - margin-top:6rem; - h3{ - strong{ + .outAgrre { + margin-top: 6rem; + + h3 { + strong { font-size: 1.8rem; - font-weight: 600; - @include tablet{ - font-size: 2rem; + font-weight: 600; + + @include tablet { + font-size: 2rem; } } - p{ - margin-top:1.5rem; + + p { + margin-top: 1.5rem; line-height: 2.2rem; - font-size: 1.4rem; + font-size: 1.4rem; font-weight: 400; - @include tablet{ - font-size: 1.6rem; - line-height: 2.4rem; + + @include tablet { + font-size: 1.6rem; + line-height: 2.4rem; } } } + .unitCheck2 { margin-top: 0; padding: 3rem 0; border-top: 1px solid #DEDEDE; + @media (max-width: 768px) { padding: 2.5rem 0 2rem 0; } + .info { margin-top: 0; padding-bottom: 2.4rem; @@ -1540,203 +1952,244 @@ pre { color: #000000; font-weight: 600; line-height: 2.6rem; - @include tablet{ - font-size: 2rem; - } + + @include tablet { + font-size: 2rem; + } } + label { margin-top: 0; + &:last-child { margin-top: 2rem; } } } + .marketingCheck { margin-top: 3rem; padding-bottom: 3rem; + @media (max-width: 768px) { margin-top: 2rem; } + span { font-size: 1.6rem; font-weight: 400; + @media (max-width: 768px) { font-size: 1.4rem; line-height: 2.4rem; } } + a { font-size: 1.6rem; font-weight: 400; color: #676767; margin-left: 1rem; + @media (max-width: 768px) { font-size: 1.4rem; margin-left: 0.5rem; } } } - div{ - margin-top:3rem; - label{ - display:flex; - width:100%; + div { + margin-top: 3rem; + + label { + display: flex; + width: 100%; align-items: center; cursor: pointer; - input{ - min-width:2rem; + + input { + min-width: 2rem; } - span{ - margin-left:1rem; + + span { + margin-left: 1rem; font-size: 1.4rem; line-height: 2rem; - + } } - label+label{ - margin-top:1.5rem; + + label+label { + margin-top: 1.5rem; } } - .table-wrap{ + + .table-wrap { margin-top: 2.4rem; } - .noticeTextUnderTable{ + + .noticeTextUnderTable { margin-top: 2.4rem; } - @include maxtablet{ - .table-wrap{ + + @include maxtablet { + .table-wrap { // margin-left: -2rem; // padding: 0 2rem; // width: calc(100% + 4rem); } } } - .outAgrre{ - margin-top:4rem; - div{ - label{ + + .outAgrre { + margin-top: 4rem; + + div { + label { align-items: flex-start; - @include desktopMax{ - align-items: center; + + @include desktopMax { + align-items: center; } } } } - .serviceOut{ - margin-top:2rem; - @include tablet{ - margin-top:0; + + .serviceOut { + margin-top: 2rem; + + @include tablet { + margin-top: 0; } - .editorBox{ - border:1px solid #DEDEDE; + .editorBox { + border: 1px solid #DEDEDE; border-radius: 0.6rem; - min-height:28rem; - padding:2rem; + min-height: 28rem; + padding: 2rem; } - dl{ - margin-top:2rem; - display:flex; + + dl { + margin-top: 2rem; + display: flex; align-items: center; flex-wrap: wrap; - @include tablet{ + + @include tablet { flex-wrap: nowrap; } - dt{ - width:100%; - font-size:1.4rem; + dt { + width: 100%; + font-size: 1.4rem; font-weight: 700; - color:#676767; - @include tablet{ - width:16rem; - font-size:1.6rem; + color: #676767; + + @include tablet { + width: 16rem; + font-size: 1.6rem; } } - dd{ - width:100%; - margin-top:1rem; - @include tablet{ - margin-top:0rem; + + dd { + width: 100%; + margin-top: 1rem; + + @include tablet { + margin-top: 0rem; } - input{ - width:100%; - border:1px solid #DEDEDE; - height:4.5rem; - padding:1.5rem; - font-size:1.4rem; - @include tablet{ - font-size:1.6rem; - height:5rem; - padding:1.5rem 1.7rem; + + input { + width: 100%; + border: 1px solid #DEDEDE; + height: 4.5rem; + padding: 1.5rem; + font-size: 1.4rem; + + @include tablet { + font-size: 1.6rem; + height: 5rem; + padding: 1.5rem 1.7rem; } } } } - .noOutInfo{ - - dl{ - display:block; - padding-top:2rem; - padding-bottom:2rem; - @include desktopMin{ - display:flex; - padding-top:0rem; - padding-bottom:0rem; - } - &:first-child{ - border-top:1px solid #999; - @include desktopMin{ - border-top:1px solid #DEDEDE; - } - } - dt{ - width:100%; - font-size: 1.4rem; - @include desktopMin{ - width:15.3rem; - background-color: #F3F3F3; - padding:3rem 2rem; - font-size: 1.6rem; - } - } - dd{ - margin-top:1.5rem; - font-size: 1.4rem; - line-height:2.2rem; - @include desktopMin{ - padding-left:3rem; - margin-top:0; + .noOutInfo { + + dl { + display: block; + padding-top: 2rem; + padding-bottom: 2rem; + + @include desktopMin { + display: flex; + padding-top: 0rem; + padding-bottom: 0rem; + } + + &:first-child { + border-top: 1px solid #999; + + @include desktopMin { + border-top: 1px solid #DEDEDE; + } + } + + dt { + width: 100%; + font-size: 1.4rem; + + @include desktopMin { + width: 15.3rem; + background-color: #F3F3F3; + padding: 3rem 2rem; font-size: 1.6rem; - line-height:2.4rem; + } + } + + dd { + margin-top: 1.5rem; + font-size: 1.4rem; + line-height: 2.2rem; + + @include desktopMin { + padding-left: 3rem; + margin-top: 0; + font-size: 1.6rem; + line-height: 2.4rem; } } } - dl+dl{ - margin-top:0; - border-bottom:1px solid #999; - border-top:1px solid #DEDEDE; - @include desktopMin{ - border-bottom:1px solid #DEDEDE; - } + dl+dl { + margin-top: 0; + border-bottom: 1px solid #999; + border-top: 1px solid #DEDEDE; + + @include desktopMin { + border-bottom: 1px solid #DEDEDE; + } } } + h3 { font-size: 1.8rem; font-weight: 600; color: #000000; - @include tablet{ + + @include tablet { font-size: 2rem; } } - .radioArea{ + + .radioArea { margin-top: 2.4rem; - @include tablet{ + + @include tablet { margin-top: 3rem; } + .radioItem { display: block; margin-bottom: 2rem; @@ -1752,40 +2205,43 @@ pre { height: 1.5rem; transition: border 0.3s ease-in-out; } + [type="radio"]:checked::after { - content: ''; - position: absolute; - top: 0.3rem; - left: 0.3rem; - width: 0.7rem; - height: 0.7rem; - background: #000000; - border-radius: 100%; + content: ''; + position: absolute; + top: 0.3rem; + left: 0.3rem; + width: 0.7rem; + height: 0.7rem; + background: #000000; + border-radius: 100%; } - + [type="radio"]:disabled { background-color: #DEDEDE; box-shadow: none; opacity: 0.7; cursor: not-allowed; } - - [type="radio"]:disabled + span { + + [type="radio"]:disabled+span { opacity: 0.5; cursor: not-allowed; } - - + + span { position: relative; font-size: 1.4rem; font-weight: 400; padding-left: 0.5rem; color: #000000; - @include tablet{ + + @include tablet { font-size: 1.6rem; } } + &.none { span { &::before { @@ -1795,183 +2251,223 @@ pre { } } } + .otherReasons { - input{ - width:100%; - border:1px solid #DEDEDE; - height:4.5rem; - padding:1.5rem; - font-size:1.4rem; - @include tablet{ - font-size:1.6rem; - height:5rem; - padding:1.5rem 1.7rem; + input { + width: 100%; + border: 1px solid #DEDEDE; + height: 4.5rem; + padding: 1.5rem; + font-size: 1.4rem; + + @include tablet { + font-size: 1.6rem; + height: 5rem; + padding: 1.5rem 1.7rem; } } } } - .outInfo{ - border:1px solid #DEDEDE; + + .outInfo { + border: 1px solid #DEDEDE; border-radius: 0.6rem; - padding:3rem 2rem; - @include tablet{ - padding:4rem; + padding: 3rem 2rem; + + @include tablet { + padding: 4rem; } - p{ + + p { text-align: center; - strong{ + + strong { font-size: 1.8rem; font-weight: 600; line-height: 2.4rem; - @include tablet{ - font-size: 2rem; + + @include tablet { + font-size: 2rem; } } - span{ - font-size: 1.4rem; - font-weight: 400; - line-height:2.2rem; - @include tablet{ - font-size: 1.6rem; - line-height:2.4rem; + + span { + font-size: 1.4rem; + font-weight: 400; + line-height: 2.2rem; + + @include tablet { + font-size: 1.6rem; + line-height: 2.4rem; } } } - p+p{ - margin-top:2rem; + + p+p { + margin-top: 2rem; } } - + } - .memberOut{ + + .memberOut { display: block; - width:20rem; - margin:0 auto; - margin-top:6rem; + width: 20rem; + margin: 0 auto; + margin-top: 6rem; font-size: 1.4rem; - color:#676767; + color: #676767; display: flex; align-items: center; justify-content: space-between; - @include tablet{ - font-size: 1.6rem; - width:22rem; - } - span{ - display: block; - border-bottom:1px solid #676767; + + @include tablet { + font-size: 1.6rem; + width: 22rem; } - &::after{ - content: ""; + + span { + display: block; + border-bottom: 1px solid #676767; + } + + &::after { + content: ""; width: 1.6rem; height: 2.5rem; displaY: block; - margin-left:0.5rem; + margin-left: 0.5rem; background: url(/kr/assets/images/common/icon-tbarrow.svg) center right no-repeat; background-size: 1.4rem; transform: rotate(-90deg); - @include tablet{ - font-size: 1.6rem; + + @include tablet { + font-size: 1.6rem; } } } - .inquiryBtn{ - padding-top:5rem; - width:100%; - margin:0 auto; - @include tablet{ - width:16rem; + + .inquiryBtn { + padding-top: 5rem; + width: 100%; + margin: 0 auto; + + @include tablet { + width: 16rem; } } - .itemStreaming{ - margin-top:2rem; - >p{ - color:#000; - font-size:1.4rem; - margin-top:1rem; - line-height:2.2rem; - @include desktopMin{ - font-size:1.6rem; - line-height:2.4rem; + + .itemStreaming { + margin-top: 2rem; + + >p { + color: #000; + font-size: 1.4rem; + margin-top: 1rem; + line-height: 2.2rem; + + @include desktopMin { + font-size: 1.6rem; + line-height: 2.4rem; } } - >span{ + + >span { display: block; - color:#676767; - font-size:1.4em; - margin-top:1.5rem; - line-height:2.2rem; - @include desktopMin{ - font-size:1.6rem; - line-height:2.4rem; + color: #676767; + font-size: 1.4em; + margin-top: 1.5rem; + line-height: 2.2rem; + + @include desktopMin { + font-size: 1.6rem; + line-height: 2.4rem; } } - ul{ - li{ - input[type=radio]{ + + ul { + li { + input[type=radio] { visibility: hidden; position: absolute; - &:checked + label{ + + &:checked+label { background-color: #05141F; - dt,dd{ - color:#fff; - p,strong{ - color:#fff; + + dt, + dd { + color: #fff; + + p, + strong { + color: #fff; } } - + } } - label{ + + label { display: block; - padding:2.5rem; - border:1px solid #DEDEDE; + padding: 2.5rem; + border: 1px solid #DEDEDE; border-radius: 0.6rem; cursor: pointer; - dl{ - dt{ + + dl { + dt { font-size: 1.8rem; font-weight: bold; } - dd{ - margin-top:1rem; - p{ - color:#676767; + + dd { + margin-top: 1rem; + + p { + color: #676767; font-size: 1.6rem; - line-height:2.4rem; + line-height: 2.4rem; } - strong{ + + strong { display: block; - color:#676767; + color: #676767; font-size: 1.6rem; - line-height:2.4rem; + line-height: 2.4rem; font-weight: bold; - margin-top:2rem; + margin-top: 2rem; } } - dd:last-child{ - - margin-top:3rem; - @include tablet{ - display:flex; + + dd:last-child { + + margin-top: 3rem; + + @include tablet { + display: flex; justify-content: space-between; - align-items: center; + align-items: center; } + .fee { font-weight: bold; font-size: 2rem; - display:flex; + display: flex; justify-content: flex-end; - @include tablet{ + + @include tablet { display: block; } } + .btnWarp { margin: initial; margin-top: 3rem; - @include tablet{ + + @include tablet { margin-top: 0; } + .oneButton { a { p { @@ -1982,19 +2478,23 @@ pre { } } } - &:hover{ - border:1px solid #000; + + &:hover { + border: 1px solid #000; } } } - li+li{ - margin-top:1rem; + + li+li { + margin-top: 1rem; } } } + .serviceLinkage { margin-bottom: 5rem; - @include tablet{ + + @include tablet { margin-bottom: 6rem; } } @@ -2003,279 +2503,330 @@ pre { } -.productListWarp{ - margin-top:2rem; - @include desktopMin{ - margin-top:3rem; +.productListWarp { + margin-top: 2rem; + + @include desktopMin { + margin-top: 3rem; } - .productLis{ - margin-top:1rem; - - ul{ - li{ - - bordeR:1px solid #DEDEDE; + + .productLis { + margin-top: 1rem; + + ul { + li { + + bordeR: 1px solid #DEDEDE; border-radius: 0.6rem; - + .cartItemWrap { - display:flex; - padding:2rem; - padding-left:2rem; - @include maxmobile{ + display: flex; + padding: 2rem; + padding-left: 2rem; + + @include maxmobile { flex-wrap: wrap; } - @include mobileSmall{ + + @include mobileSmall { flex-wrap: wrap; } - @include tablet{ + + @include tablet { flex-wrap: nowrap; - justify-content: space-between; + justify-content: space-between; } - @include desktopMin{ - padding:0 3rem 0 0; - - display:flex; + + @include desktopMin { + padding: 0 3rem 0 0; + + display: flex; flex-wrap: nowrap; - justify-content: space-between; + justify-content: space-between; } - .cartItem{ - displaY:flex; - width:100%; + + .cartItem { + displaY: flex; + width: 100%; flex-wrap: wrap; - flex-shrink:2; + flex-shrink: 2; align-items: center; - @include tablet{ + + @include tablet { flex-wrap: nowrap; - padding-right:3rem; + padding-right: 3rem; } - @include desktopMin{ + + @include desktopMin { justify-content: space-between; - padding-right:5rem; + padding-right: 5rem; flex-wrap: nowrap; - } - - .cartItemInfo{ - display:flex; + } + + .cartItemInfo { + display: flex; width: 100%; flex-wrap: wrap; align-items: center; - - @include tablet{ - padding-bottom:0; - margin-bottom:0; - border-bottom:none; + + @include tablet { + padding-bottom: 0; + margin-bottom: 0; + border-bottom: none; flex-wrap: nowrap; } - - >div{ + + >div { display: flex; + // margin-top: 1.4rem; - @include tablet{ + @include tablet { margin-top: 0; } - > p{ - min-width:7.5rem; - height:7.5rem; + + >p { + min-width: 7.5rem; + height: 7.5rem; overflow: hidden; border-radius: 0.6rem; - - @include tablet{ - min-width:12rem; - height:12rem; - + + @include tablet { + min-width: 12rem; + height: 12rem; + } - @include desktopMin{ - min-width:18rem; - height:18rem; + + @include desktopMin { + min-width: 18rem; + height: 18rem; border-radius: 0; } - img{ + + img { width: 100%; height: 100%; object-fit: cover; aspect-ratio: 1 / 1; } } - dl{ - margin-left:1.5rem; - displaY:flex; + + dl { + margin-left: 1.5rem; + displaY: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: center; width: 100%; - @include tablet{ + + @include tablet { // max-width: 50%; - margin-left:2rem; + margin-left: 2rem; } - @include desktopMin{ + + @include desktopMin { // max-width: 58%; } - dt{ + + dt { font-weight: 600; font-size: 1.6rem; - color:#000; + color: #000; line-height: 2rem; - @include desktopMin{ + + @include desktopMin { font-size: 2rem; line-height: 2.6rem; } } - dd{ - font-weight: 400; + + dd { + font-weight: 400; font-size: 1.4rem; - line-height:2rem; - color:#676767; - @include desktopMin{ - line-height:2.2rem; + line-height: 2rem; + color: #676767; + + @include desktopMin { + line-height: 2.2rem; } - + } + dt, - dd{ - width:100%; + dd { + width: 100%; white-space: normal; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; - @include desktopMin{ + + @include desktopMin { -webkit-line-clamp: 2; } } - dt{ + + dt { margin-top: 1.2rem; } - dt+dd{ - margin-top:0.5rem; - @include desktopMin{ - margin-top:1rem; + + dt+dd { + margin-top: 0.5rem; + + @include desktopMin { + margin-top: 1rem; } } - dd+dd{ - margin-top:1.5rem; + + dd+dd { + margin-top: 1.5rem; font-size: 1.4rem; - @include desktopMin{ - margin-top:2rem; + + @include desktopMin { + margin-top: 2rem; } } } } } - .cartItemInfo+dl{ - - @include maxmobile{ - width:100%; + + .cartItemInfo+dl { + + @include maxmobile { + width: 100%; } - @include tablet{ + + @include tablet { min-width: 13rem; text-align: right; } - @include desktopMin{ - min-width:13rem; + + @include desktopMin { + min-width: 13rem; text-align: right; } - dt{ - font-size:1.4rem; - @include desktopMin{ - font-size:1.6rem; + + dt { + font-size: 1.4rem; + + @include desktopMin { + font-size: 1.6rem; } } - dd{ - font-size:2rem; + + dd { + font-size: 2rem; font-weight: 600; - margin-top:1rem; - @include desktopMin{ - font-size:2.4rem; + margin-top: 1rem; + + @include desktopMin { + font-size: 2.4rem; } } } - } - .addBtnWarp{ + } + + .addBtnWarp { display: flex; flex-grow: 1; align-items: center; - margin-top:3rem; - margin-left:4rem; + margin-top: 3rem; + margin-left: 4rem; justify-content: flex-end; - @include mobile{ - margin-top:0; + + @include mobile { + margin-top: 0; } - @include maxmobile{ - - width:100%; - margin-left:0rem; + + @include maxmobile { + + width: 100%; + margin-left: 0rem; } - - @include tablet{ - - flex-basis:18rem; - margin-left:0rem; + + @include tablet { + + flex-basis: 18rem; + margin-left: 0rem; } - - .towButton{ - width:100%; - min-width:18rem; - button+button{ - margin-top:1rem; + + .towButton { + width: 100%; + min-width: 18rem; + + button+button { + margin-top: 1rem; } - @include mobile{ - max-width:inherit; + + @include mobile { + max-width: inherit; } - @include tablet{ - min-width: 15rem; - max-width: 15rem; - flex-direction: column; + + @include tablet { + min-width: 15rem; + max-width: 15rem; + flex-direction: column; } - @include desktopMin{ - min-width:18rem; - max-width:18rem; + + @include desktopMin { + min-width: 18rem; + max-width: 18rem; } + .rightBtn { - @include tablet{ + @include tablet { margin-left: 0; } } - + } } - - + + } + .components { background-color: #F3F3F3; padding: 3rem 3rem 3rem 6rem; - @include maxtablet{ + + @include maxtablet { padding: 2rem; } + .componentsTitle { font-size: 1.6rem; font-weight: 600; color: #000000; - @include maxtablet{ + + @include maxtablet { font-size: 1.4rem; } } + .componentsList { display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; margin-top: 0.2rem; - @include maxtablet{ + + @include maxtablet { display: block; margin-top: 0.8rem; } + .item { - + width: 17rem; margin-top: 1.8rem; margin-right: 1.8rem; text-align: center; - @media(max-width: 1024px){ + + @media(max-width: 1024px) { width: 10rem; } - @include maxtablet{ + + @include maxtablet { display: flex; justify-content: flex-start; align-items: center; @@ -2284,39 +2835,46 @@ pre { margin-right: 0; text-align: left; } - + .itemImg { width: 17rem; height: 17rem; border-radius: 0.6rem; overflow: hidden; - @media(max-width: 1024px){ + + @media(max-width: 1024px) { width: 10rem; height: 10rem; } - @include maxtablet{ + + @include maxtablet { width: 4rem; height: 4rem; } + img { width: 17rem; height: 17rem; - @media(max-width: 1024px){ + + @media(max-width: 1024px) { width: 10rem; height: 10rem; } - @include maxtablet{ + + @include maxtablet { width: 4rem; height: 4rem; } } } + .itemTitle { margin-top: 1.2rem; font-size: 1.4rem; font-weight: 600; line-height: 1.8rem; - @include maxtablet{ + + @include maxtablet { margin-top: 0; margin-left: 0.7rem; font-weight: 400; @@ -2330,27 +2888,33 @@ pre { .componentsPayment { background-color: #F3F3F3; padding: 3rem; - @include maxtablet{ + + @include maxtablet { padding: 2rem; } + .componentsTitle { font-size: 1.6rem; font-weight: 600; color: #000000; - @include maxtablet{ + + @include maxtablet { font-size: 1.4rem; } } + .componentsList { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; margin-top: 0.2rem; - @include maxtablet{ + + @include maxtablet { display: block; margin-top: 0.8rem; } + .item { display: flex; justify-content: flex-start; @@ -2359,21 +2923,25 @@ pre { text-align: center; margin-bottom: 1.5rem; padding-right: 1.5rem; - @media(max-width: 1024px){ + + @media(max-width: 1024px) { width: 100%; margin-right: 0; text-align: left; } + .itemImg { width: 4rem; height: 4rem; border-radius: 0.6rem; overflow: hidden; + img { width: 4rem; height: 4rem; } } + .itemTitle { padding-left: 1.2rem; font-size: 1.4rem; @@ -2381,7 +2949,8 @@ pre { line-height: 1.8rem; text-align: left; width: calc(100% - 4rem); - @include maxtablet{ + + @include maxtablet { margin-top: 0; padding-left: 0.7rem; font-weight: 400; @@ -2394,13 +2963,16 @@ pre { .componentsReview { border-top: 1px solid #DEDEDE; padding: 3rem; - @include maxtablet{ + + @include maxtablet { padding: 2rem; } + .date { font-size: 1.4rem; color: #676767; } + .contents { margin-top: 1.5rem; font-size: 1.6rem; @@ -2408,87 +2980,102 @@ pre { color: #000000; } } - - } - li+li{ - margin-top:1rem; - } - .noPrice{ - - padding:2rem; - text-align: center; - - @include tablet{ + } + + li+li { + margin-top: 1rem; + } + + .noPrice { + + padding: 2rem; + text-align: center; + + + @include tablet { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; } - - @include desktopMin{ - padding-left:3rem; - min-height:17rem; + + @include desktopMin { + padding-left: 3rem; + min-height: 17rem; } - >p{ + + >p { font-weight: 600; font-size: 1.8rem; - color:#9EA1A2; - - @include desktopMin{ + color: #9EA1A2; + + @include desktopMin { font-size: 2.4rem; } } - .PriceGoList{ - displaY:flex; + + .PriceGoList { + displaY: flex; flex-wrap: wrap; - width:100%; + width: 100%; margin: 0 auto; - @include maxtablet{ - width:18rem; + + @include maxtablet { + width: 18rem; } - @include maxmobile{ - width:100%; + + @include maxmobile { + width: 100%; } - @include tablet{ + + @include tablet { flex-wrap: nowrap; - margin:0; - width:fit-content; + margin: 0; + width: fit-content; } - @include desktopMin{ + + @include desktopMin { flex-wrap: nowrap; - margin:0; - width:fit-content; + margin: 0; + width: fit-content; } - > p{ - width:100%; - display:flex; + + >p { + width: 100%; + display: flex; align-items: center; - font-size:2.4rem; + font-size: 2.4rem; font-weight: 600; } - .oneButton{ - - margin-top:3rem; - @include tablet{ - margin-top:0; - min-width:15rem; - margin-left:5rem; - width:fit-content; + + .oneButton { + + margin-top: 3rem; + + @include tablet { + margin-top: 0; + min-width: 15rem; + margin-left: 5rem; + width: fit-content; } - @include desktopMin{ - margin-top:0; - min-width:18rem; - margin-left:5rem; + + @include desktopMin { + margin-top: 0; + min-width: 18rem; + margin-left: 5rem; } + button, - a{ + a { + &::before, - &::after{ - @include tablet{ + &::after { + @include tablet { width: 3.2rem; } - @include desktopMin{ + + @include desktopMin { width: 3.2rem; } } @@ -2502,68 +3089,84 @@ pre { .myNotificationWrap { margin-top: 3rem; + .borderTop { display: flex; justify-content: space-between; align-items: center; - @include maxtablet{ + + @include maxtablet { display: block; } + .infoWarp { font-size: 1.8rem; color: #000000; - @media (max-width: 820px){ + + @media (max-width: 820px) { font-size: 1.6rem; } } + .searchBoxWarp { .searchTextBox { border-left: 1px solid #DEDEDE; } - @include maxtablet{ + + @include maxtablet { margin-top: 1.5rem; } } } + .borderList { margin-top: 2rem; - @include maxtablet{ + + @include maxtablet { margin-top: 3rem; } + .item { border-top: 1px solid #DEDEDE; border-bottom: 1px solid #DEDEDE; + a { display: block; padding: 2rem 0; + .itemTop { .type { font-size: 1.4rem; font-weight: 600; color: #05141F; } + .date { font-size: 1.4rem; font-weight: 400; color: #9EA1A2; } } + .itemTitle { margin-top: 1.2rem; font-size: 1.8rem; font-weight: 600; line-height: 2.6rem; color: #000000; - @include maxtablet{ + + @include maxtablet { font-size: 1.6rem; line-height: 2.4rem; } } } } + :not(:first-child) { border-top: 0; } + .noItem { padding: 4.3rem 0; border-top: 1px solid #DEDEDE; @@ -2571,7 +3174,8 @@ pre { font-size: 1.8rem; font-weight: 600; color: #9EA1A2; - @include maxtablet{ + + @include maxtablet { padding: 5.2rem 0; font-size: 1.6rem; } @@ -2581,6 +3185,7 @@ pre { .myNotificationViewWrap { margin-top: 3rem; + .borderView { dl { display: flex; @@ -2589,20 +3194,24 @@ pre { padding: 2.2rem 0; border-top: 1px solid #DEDEDE; border-bottom: 1px solid #DEDEDE; - @include maxtablet{ + + @include maxtablet { display: block; padding: 2rem 0; } + .itemName { width: 15.5rem; font-size: 1.6rem; line-height: 2.4rem; color: #676767; - @include maxtablet{ + + @include maxtablet { font-size: 1.4rem; line-height: 2.2rem; } } + .itemValue { display: flex; justify-content: flex-start; @@ -2610,13 +3219,15 @@ pre { font-size: 1.6rem; line-height: 2.4rem; color: #000000; - @include maxtablet{ + + @include maxtablet { display: block; width: 100%; margin-top: 1rem; font-size: 1.4rem; line-height: 2.2rem; } + &::before { content: ""; display: block; @@ -2624,65 +3235,78 @@ pre { height: 1.5rem; margin-right: 2rem; background-color: #DEDEDE; - @include maxtablet{ + + @include maxtablet { display: none; } } - + } } + :not(:first-child) { border-top: 0; } } + .contentsWrap { margin-top: 4rem; + .title { font-size: 1.8rem; font-weight: 600; line-height: 2.6rem; color: #000000; - @include maxtablet{ + + @include maxtablet { font-size: 1.6rem; line-height: 2.4rem; } } + .imgWrap { margin-top: 2rem; - @include maxtablet{ + + @include maxtablet { margin-top: 1.5rem; } + img { width: 100%; } } + .text { margin-top: 2rem; font-size: 1.6rem; font-weight: 400; line-height: 2.4rem; color: #000000; - @include maxtablet{ + + @include maxtablet { font-size: 1.4rem; line-height: 2.2rem; } - } + } } } .mailBodyContents { table { width: 100% !important; + tr { - td+td+td{ + td+td+td { width: calc(100% - 138px) !important; } } } } -.mailBodyContents > table > tbody > tr > td { + +.mailBodyContents>table>tbody>tr>td { font-size: 1.8rem !important; - @include maxtablet{ + + @include maxtablet { font-size: 1.6rem !important; } } @@ -2692,17 +3316,21 @@ pre { justify-content: space-between; align-items: center; margin-top: 5rem; - @include maxtablet{ + + @include maxtablet { display: block; margin-top: 0rem; } + .couponNumInput { width: calc(100% - 16rem); padding-right: 3rem; - @include maxtablet{ + + @include maxtablet { width: 100%; padding-right: 0; } + input { width: 100%; height: 5rem; @@ -2710,15 +3338,17 @@ pre { border: 1px solid #DEDEDE; font-size: 1.6rem; font-weight: 400; - @include maxtablet{ + + @include maxtablet { height: 4.5rem; padding: 0 1.5rem; font-size: 1.4rem; } } } + .couponBtn { - @include maxtablet{ + @include maxtablet { margin-top: 2rem; } } @@ -2794,7 +3424,7 @@ pre { // text-align: left; // } // } - + // } // .itemBottom { // padding-top: 3rem; @@ -2849,20 +3479,25 @@ pre { .myCouponListWrap { margin-top: 4rem; + .boardTop { .infoWarp { font-size: 2rem; font-weight: 600; - @include maxtablet{ + + @include maxtablet { font-size: 1.8rem; } } } + .boardList { margin-top: 3rem; - @include maxtablet{ + + @include maxtablet { margin-top: 2rem; } + .list { .item { display: flex; @@ -2871,34 +3506,42 @@ pre { border: 1px solid #DEDEDE; border-radius: 0.6rem; margin-bottom: 1rem; - @media (max-width: 900px){ + + @media (max-width: 900px) { display: block; } + .itemTop { width: calc(100% - 16rem); padding: 3rem 2rem 3rem 3rem; border-right: 1px dashed #DEDEDE; - @media (max-width: 900px){ + + @media (max-width: 900px) { width: 100%; border-right: 0; border-bottom: 1px dashed #DEDEDE; } - @include maxtablet{ + + @include maxtablet { padding: 2rem; } + .info { .benefits { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; - @include maxtablet{ + + @include maxtablet { display: block; } - .benefitsItem{ + + .benefitsItem { display: flex; justify-content: flex-start; align-items: center; + .badge { display: flex; justify-content: center; @@ -2907,18 +3550,22 @@ pre { font-size: 1.4rem; font-weight: 600; border: 1px solid #DEDEDE; - @include maxtablet{ + + @include maxtablet { font-size: 1.1rem; } } + .value { padding-left: 1rem; font-size: 2.4rem; font-weight: 600; color: #000000; - @include maxtablet{ + + @include maxtablet { font-size: 2rem; } + .info { margin-top: 0.5rem; font-size: 1.6rem; @@ -2927,20 +3574,24 @@ pre { line-height: 2.4rem; } } - &:first-child{ + + &:first-child { margin-right: 2.5rem; - @include maxtablet{ + + @include maxtablet { margin-bottom: 1.5rem; margin-right: 2.5rem; } } } } + .cost { margin-top: 1.5rem; font-size: 1.6rem; font-weight: 600; } + .title { margin-top: 2.5rem; font-size: 1.6rem; @@ -2949,9 +3600,10 @@ pre { line-height: 2.4rem; } } - + .target { margin-top: 1rem; + span { margin-right: 0.5rem; font-size: 1.6rem; @@ -2961,41 +3613,48 @@ pre { } } } + .itemBottom { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 16rem; - @media (max-width: 900px){ + + @media (max-width: 900px) { flex-direction: row; flex-wrap: wrap; justify-content: flex-start; width: 100%; padding: 2rem; } + .date { margin-top: 1rem; font-size: 1.4rem; color: #676767; - @media (max-width: 900px){ + + @media (max-width: 900px) { margin-top: 0.5rem; margin-left: 1rem; } } + .cost { width: auto; margin-top: 1.5rem; font-size: 1.6rem; font-weight: 400; - @media (max-width: 900px){ - + + @media (max-width: 900px) { + display: block; width: 100%; } } } } + .noItem { display: flex; justify-content: center; @@ -3011,18 +3670,23 @@ pre { text-align: center; } } + .couponInfo { margin-top: 2rem; + .title { font-size: 1.8rem; font-weight: 600; color: #000000; - @media(max-width: 768px){ + + @media(max-width: 768px) { font-size: 1.6rem; } } + ul { margin-top: 1rem; + li { display: flex; align-items: center; @@ -3031,6 +3695,7 @@ pre { font-weight: 400; color: #676767; line-height: 2.2rem; + &::before { content: "∙"; margin-right: 0.5rem; @@ -3041,134 +3706,156 @@ pre { } } -.reviewWarp{ - margin-top:0rem; - margin-top:5rem; - - @include tablet{ +.reviewWarp { + margin-top: 0rem; + margin-top: 5rem; + + @include tablet { width: 100%; } - @media (max-width: 1200px){ + + @media (max-width: 1200px) { border: none; - margin-top:5rem; + margin-top: 5rem; padding-top: 0; } - dl.important{ - dt{ + + dl.important { + dt { display: flex; align-items: center; - &::after{ - content:""; - width:0.5rem; - height:0.5rem; + + &::after { + content: ""; + width: 0.5rem; + height: 0.5rem; display: block; border-radius: 50%; - margin-left:0.4rem; + margin-left: 0.4rem; background-color: #EA0029; - margin-top:-0.7rem; - @include tablet{ - margin-left:0.4rem; - margin-top:-1rem; + margin-top: -0.7rem; + + @include tablet { + margin-left: 0.4rem; + margin-top: -1rem; } } } } - dl{ - - @include tablet{ + + dl { + + @include tablet { flex-wrap: nowrap; - + } - dt{ + + dt { position: relative; - width:100%; + width: 100%; font-size: 1.4rem; font-weight: 600; - color:#676767; - @include tablet{ - max-width:14rem; + color: #676767; + + @include tablet { + max-width: 14rem; } - @include desktopMin{ + + @include desktopMin { font-size: 1.6rem; } } - dd{ - width:100%; - display:flex; - margin-top:1rem; - @include tablet{ - margin-top:0; + + dd { + width: 100%; + display: flex; + margin-top: 1rem; + + @include tablet { + margin-top: 0; } - input[type=text]{ - display:flex; - width:100%; + + input[type=text] { + display: flex; + width: 100%; align-items: center; - padding-left:1.7rem; + padding-left: 1.7rem; border: 1px solid #DEDEDE; - height:4.5rem; + height: 4.5rem; font-size: 1.4rem; - color:#000; - - @include desktopMin{ + color: #000; + + @include desktopMin { font-size: 1.6rem; - height:5rem; + height: 5rem; } } - >div{ - width:100%; - display:flex; + + >div { + width: 100%; + display: flex; flex-wrap: wrap; justify-content: space-between; - @include tablet{ + + @include tablet { flex-wrap: nowrap; - } - input[type=text]{ - width:calc(100%/3); + } + + input[type=text] { + width: calc(100%/3); font-size: 1.4rem; - @include desktopMin{ + + @include desktopMin { font-size: 1.6rem; } } - input[type=text] + input[type=text]{ - margin-left:1rem; + + input[type=text]+input[type=text] { + margin-left: 1rem; } - input[type=text] + select{ - width:100%; - margin-top:1rem; - @include tablet{ - margin-top:0; - margin-left:1rem; - width:calc(100%/3); + + input[type=text]+select { + width: 100%; + margin-top: 1rem; + + @include tablet { + margin-top: 0; + margin-left: 1rem; + width: calc(100%/3); } } - span{ - height:5rem; - display:flex; - align-items: center; - padding-left:0.8rem; - padding-right:0.8rem; - } - + + span { + height: 5rem; + display: flex; + align-items: center; + padding-left: 0.8rem; + padding-right: 0.8rem; + } + } - - textarea{ - width:initial; - border:1px solid #DEDEDE; + + textarea { + width: initial; + border: 1px solid #DEDEDE; outline: 0 none; border-radius: 0; - padding:1.5rem 1.7rem; + padding: 1.5rem 1.7rem; font-size: 1.4rem; line-height: 2.2rem; - @include desktopMin{ + + @include desktopMin { font-size: 1.6rem; line-height: 2.4rem; } } - + } + dd.contentsWrap { margin-top: 1.5rem; flex-direction: column; + .wordCounter { justify-content: flex-end; margin-top: 1rem; @@ -3185,40 +3872,49 @@ pre { display: flex; justify-content: space-between; align-items: center; - @media(max-width: 768px){ + + @media(max-width: 768px) { display: block; } + .content { width: calc(100% - 220px); padding-right: 6.4rem; - @media(max-width: 768px){ + + @media(max-width: 768px) { width: 100%; padding-right: 0; } + .text { font-size: 1.6rem; font-weight: 400; line-height: 2.4rem; - @media(max-width: 768px){ + + @media(max-width: 768px) { font-size: 1.4rem; line-height: 2.2rem; } } + a { display: block; margin-top: 1.5rem; font-size: 1.4rem; font-weight: 400; color: #676767; - + } } + .image_area { width: 22rem; - @media(max-width: 768px){ + + @media(max-width: 768px) { width: 100%; margin-top: 3rem; } + img { width: 100%; border-radius: 0.6rem; diff --git a/mypage/coupon-list.html b/mypage/coupon-list.html index 7511114..dfbc981 100644 --- a/mypage/coupon-list.html +++ b/mypage/coupon-list.html @@ -33,7 +33,7 @@ - + diff --git a/mypage/coupon-list.php b/mypage/coupon-list.php index 9909c97..9308f64 100644 --- a/mypage/coupon-list.php +++ b/mypage/coupon-list.php @@ -21,7 +21,7 @@ include($_SERVER['DOCUMENT_ROOT']."/kr/include/meta.php"); ?> - + diff --git a/mypage/fod-terminate-application.html b/mypage/fod-terminate-application.html index 3d6ba7c..106e218 100644 --- a/mypage/fod-terminate-application.html +++ b/mypage/fod-terminate-application.html @@ -33,7 +33,7 @@ - + diff --git a/mypage/fod-terminate-application.php b/mypage/fod-terminate-application.php index d1e7e35..a6bb532 100644 --- a/mypage/fod-terminate-application.php +++ b/mypage/fod-terminate-application.php @@ -20,7 +20,7 @@ include($_SERVER['DOCUMENT_ROOT']."/kr/include/meta.php"); ?> - + diff --git a/mypage/fod-terminate-complete.html b/mypage/fod-terminate-complete.html index 34107a3..322eae4 100644 --- a/mypage/fod-terminate-complete.html +++ b/mypage/fod-terminate-complete.html @@ -33,7 +33,7 @@ - + diff --git a/mypage/fod-terminate-complete.php b/mypage/fod-terminate-complete.php index b6778f2..a5ea1a6 100644 --- a/mypage/fod-terminate-complete.php +++ b/mypage/fod-terminate-complete.php @@ -20,7 +20,7 @@ include($_SERVER['DOCUMENT_ROOT']."/kr/include/meta.php"); ?> - + diff --git a/mypage/inquiry-list.php b/mypage/inquiry-list.php index 1b24909..a832e57 100644 --- a/mypage/inquiry-list.php +++ b/mypage/inquiry-list.php @@ -21,7 +21,7 @@ include($_SERVER['DOCUMENT_ROOT']."/kr/include/meta.php"); ?> - + diff --git a/mypage/inquiry-view.php b/mypage/inquiry-view.php index f985ca4..90eb150 100644 --- a/mypage/inquiry-view.php +++ b/mypage/inquiry-view.php @@ -21,7 +21,7 @@ include($_SERVER['DOCUMENT_ROOT']."/kr/include/meta.php"); ?> - + diff --git a/mypage/my-experience-view.html b/mypage/my-experience-view.html index 819fe08..e53d9d9 100644 --- a/mypage/my-experience-view.html +++ b/mypage/my-experience-view.html @@ -33,7 +33,7 @@ - + diff --git a/mypage/my-experience-view.php b/mypage/my-experience-view.php index f0fedd5..f9e3278 100644 --- a/mypage/my-experience-view.php +++ b/mypage/my-experience-view.php @@ -20,7 +20,7 @@ include($_SERVER['DOCUMENT_ROOT']."/kr/include/meta.php"); ?> - + diff --git a/mypage/my-fod-list.php b/mypage/my-fod-list.php index 61443de..6eef579 100644 --- a/mypage/my-fod-list.php +++ b/mypage/my-fod-list.php @@ -21,7 +21,7 @@ include($_SERVER['DOCUMENT_ROOT']."/kr/include/meta.php"); ?> - + diff --git a/mypage/my-fod-view.php b/mypage/my-fod-view.php index 880ff01..66b117f 100644 --- a/mypage/my-fod-view.php +++ b/mypage/my-fod-view.php @@ -20,7 +20,7 @@ include($_SERVER['DOCUMENT_ROOT']."/kr/include/meta.php"); ?> - + diff --git a/mypage/my-info-view.php b/mypage/my-info-view.php index 971162a..dbabc9e 100644 --- a/mypage/my-info-view.php +++ b/mypage/my-info-view.php @@ -21,7 +21,7 @@ include($_SERVER['DOCUMENT_ROOT']."/kr/include/meta.php"); ?> - + diff --git a/mypage/my-product-list.html b/mypage/my-product-list.html index e097fc0..ee715fb 100644 --- a/mypage/my-product-list.html +++ b/mypage/my-product-list.html @@ -33,7 +33,7 @@ - + diff --git a/mypage/my-product-list.php b/mypage/my-product-list.php index a1d4b06..a7a5700 100644 --- a/mypage/my-product-list.php +++ b/mypage/my-product-list.php @@ -21,7 +21,7 @@ include($_SERVER['DOCUMENT_ROOT']."/kr/include/meta.php"); ?> - + diff --git a/mypage/my-product-view.php b/mypage/my-product-view.php index 6608c84..59884fe 100644 --- a/mypage/my-product-view.php +++ b/mypage/my-product-view.php @@ -20,7 +20,7 @@ include($_SERVER['DOCUMENT_ROOT']."/kr/include/meta.php"); ?> - + diff --git a/mypage/notification-list.html b/mypage/notification-list.html index f2ec5c8..8c66b6b 100644 --- a/mypage/notification-list.html +++ b/mypage/notification-list.html @@ -33,7 +33,7 @@ - + diff --git a/mypage/notification-list.php b/mypage/notification-list.php index a70beb5..f3b3daa 100644 --- a/mypage/notification-list.php +++ b/mypage/notification-list.php @@ -21,7 +21,7 @@ include($_SERVER['DOCUMENT_ROOT']."/kr/include/meta.php"); ?> - + diff --git a/mypage/notification-view.html b/mypage/notification-view.html index c575405..0ffd3a3 100644 --- a/mypage/notification-view.html +++ b/mypage/notification-view.html @@ -33,7 +33,7 @@ - + diff --git a/mypage/notification-view.php b/mypage/notification-view.php index 5c82808..8417b41 100644 --- a/mypage/notification-view.php +++ b/mypage/notification-view.php @@ -20,7 +20,7 @@ include($_SERVER['DOCUMENT_ROOT']."/kr/include/meta.php"); ?> - + diff --git a/mypage/payment-history-list.html b/mypage/payment-history-list.html index edb9988..7684ebe 100644 --- a/mypage/payment-history-list.html +++ b/mypage/payment-history-list.html @@ -270,9 +270,23 @@

결제내역

-

스트리밍 사양의 결제 내역은 Kia Connect 앱에서 확인 가능합니다.

+
+
+ +

+ 디지털 사양 +

+ + +

+ 스트리밍 프리미엄 +

+
+
+ * 스트리밍 사양의 결제 내역은 Kia Connect 앱에서 확인 가능합니다. +
  • diff --git a/mypage/payment-history-list.php b/mypage/payment-history-list.php index 6eb92bc..38f9a2f 100644 --- a/mypage/payment-history-list.php +++ b/mypage/payment-history-list.php @@ -21,7 +21,7 @@ include($_SERVER['DOCUMENT_ROOT']."/kr/include/meta.php"); ?> - + diff --git a/mypage/payment-history-list2.html b/mypage/payment-history-list2.html new file mode 100644 index 0000000..e704ffc --- /dev/null +++ b/mypage/payment-history-list2.html @@ -0,0 +1,457 @@ + + + + 제품상세명 > 제품리스트 > 회사명 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    +
    +
    + +
    + + + + +
    +
    +
    + +
    + + + + +
    + + + +
    + +
    + + +
    + +
    + +
    + MV + 161어 1660 +
    +
    +     +
    + +
    +
    + + + +
    + 개인정보 처리방침 + 이용약관 +
    + + +
    +
    +
    + +
    + + MV + 161어 1660 + +
    + + + + + +
    +
    + + +
    + 로그인/가입 +
    + + +
    + +
    + + + + + +
    + + + + +
    +
    +
    +
    + + + +
    +
    +
    +
    +

    마이페이지

    +

    일반회원 홍길동님

    +
    +
    +
    +
    사용 가능한 쿠폰
    +
    3
    +
    +
    +
    멤버스 포인트
    +
    32,000 P
    +
    +
    +
    + +
    +
    +
    +
    +

    결제내역

    +
    +
    + +

    + 디지털 사양 +

    +     + +

    + 스트리밍 프리미엄 +

    +     +
    +
    +
    + * 스트리밍 사양의 결제 내역은 Kia Connect 앱에서 확인 가능합니다. +
    +
    +
      +
    • +
      +
      +
      차량용 webOS 콘텐츠 플랫폼
      +
      2024-10-15
      +
      +
      +
      +
      미납금
      +
      결제완료
      +
      + +
      +
      사양 금액 :
      +
      6,000원
      +
      +
      +
      결제 금액 :
      +
      6,000원
      +
      +
      + +
      +
      • + +
    + +
    +
    + + 1 + 2 + 3 + 4 + 5 + +
    +
    +
    +
    +
    +
    +
    + + + +
    + 자주하는 질문 + 문의하기 + top +
    +
    +
    +
    +
    + kia +
    +
    + +
      +
    • 사업자: 기아주식회사, 대표 송호성, 최준영
      • +
    • 주소: 서울특별시 서초구 현릉로 12 기아
      • +
    • 사업자등록번호: 119-81-02316
      • +
    • 통신판매신고: 2006-07935
      • +
    • 호스팅제공자: 현대오토에버
      • +
    • 이메일: KiaConnectStore@kia.com
      • +
    • 개인정보책임자: 기아정보보호센터 이상영 상무, privacy@kia.com / 080-200-2000
      • +
    +
    +
    +
    +
    +

    + 고객센터: 080-200-2000 +

    +

    오류문의: 24시간 연중 무휴

    +

    + + 일반 문의: 주중 08:30 ~ 18:00
    (토·일·공휴일 휴무) +     +

    +
    +
    +
    +
    +
    + + +
    +
    +
    +
    +
    +

    Ⓒ Kia CORP. ALL RIGHTS RESERVED.

    +
    +
    + + + + + diff --git a/mypage/payment-history-view.html b/mypage/payment-history-view.html new file mode 100644 index 0000000..e6daeaf --- /dev/null +++ b/mypage/payment-history-view.html @@ -0,0 +1,827 @@ + + + + 제품상세명 > 제품리스트 > 회사명 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    +
    +
    + +
    + + + + +
    +
    +
    + +
    + + + + +
    + + + +
    + +
    + + +
    + +
    + +
    + MV + 161어 1660 +
    +
    +     +
    + +
    +
    + + + +
    + 개인정보 처리방침 + 이용약관 +
    + + +
    +
    +
    + +
    + + MV + 161어 1660 + +
    + + + + + +
    +
    + + +
    + 로그인/가입 +
    + + +
    + +
    + + + + + +
    + + + + +
    +
    +
    +
    + + + +
    +
    +
    +
    +

    마이페이지

    +

    일반회원 홍길동님

    +
    +
    +
    +
    사용 가능한 쿠폰
    +
    3
    +
    +
    +
    멤버스 포인트
    +
    32,000 P
    +
    +
    +
    + +
    +
    +
    +
    +

    결제내역

    +
    +
    + +

    + 디지털 사양 +

    +     + +

    + 스트리밍 프리미엄 +

    +     +
    + + +
    +
    +
    +
    + 주문 사양 +
    +
    + 스트리밍 프리미엄 +
    +
    +
    +
    + 구매 옵션 +
    +
    + 약정 +
    +
    +
    +
    + 사양 유형 +
    +
    + 차량용 webOS 콘텐츠 플랫폼 +
    +
    +
    +
    + 주문 번호 +
    +
    + 240826143900002 +
    +
    +
    +
    + 주문 일시 +
    +
    + 2022-03-09 10:11:12 +
    +
    +
    +
    + 사양 금액 +
    +
    + 6,000 원 +
    +
    +
    +
    + 결제 구분 +
    +
    + 중도해지계산금액 +
    +
    +
    +
    + 결제 금액 계산 +
    +
    +
    +
    + a) 환불 금액 : -5,000원 +
    + +
    +
    + 잔여 이용 기간에 대하여 돌려받으실 환불 금액 + i) 일할 계산 환불 금액: 월 요금 – (월 요금 * (사용일수/결제월 총일수의 반올림)) +
    +
    + + + +
    +
    +
    +
    + 결제 일자 +
    +
    + 2024.09.01 +
    +
    +
    +
    + 상태 +
    +
    + 결제 완료 +
    +
    + + + +
    + +
    + OTA 버전 업그레이드 안내 +
    + + +
    + +
    + OTA 버전 업그레이드 안내 +
    + + +
    + 안녕하세요. FoD 상품 관리자 입니다. FoD 상품을 이용하시기 위해서는 OTA버전 조건이 충족되어야 합니다. 업데이트는 AVNT 안내 사항을 참고 부탁드립니다. +
    +
    + + + + + + + + + + + + + + + + + + +
    + + +
    +
    +

    목록

     +
    +
    +
    +
    +
    +
    +
    + + + +
    + 자주하는 질문 + 문의하기 + top +
    +
    +
    +
    +
    + kia +
    +
    + +
      +
    • 사업자: 기아주식회사, 대표 송호성, 최준영
      • +
    • 주소: 서울특별시 서초구 현릉로 12 기아
      • +
    • 사업자등록번호: 119-81-02316
      • +
    • 통신판매신고: 2006-07935
      • +
    • 호스팅제공자: 현대오토에버
      • +
    • 이메일: KiaConnectStore@kia.com
      • +
    • 개인정보책임자: 기아정보보호센터 이상영 상무, privacy@kia.com / 080-200-2000
      • +
    +
    +
    +
    +
    +

    + 고객센터: 080-200-2000 +

    +

    오류문의: 24시간 연중 무휴

    +

    + + 일반 문의: 주중 08:30 ~ 18:00
    (토·일·공휴일 휴무) +     +

    +
    +
    +
    +
    +
    + + +
    +
    +
    +
    +
    +

    Ⓒ Kia CORP. ALL RIGHTS RESERVED.

    +
    +
    + + + + + diff --git a/mypage/review-list.html b/mypage/review-list.html index 1f2a87c..1e3ed81 100644 --- a/mypage/review-list.html +++ b/mypage/review-list.html @@ -33,7 +33,7 @@ - + diff --git a/mypage/review-list.php b/mypage/review-list.php index bb07776..ff311fe 100644 --- a/mypage/review-list.php +++ b/mypage/review-list.php @@ -20,7 +20,7 @@ include($_SERVER['DOCUMENT_ROOT']."/kr/include/meta.php"); ?> - + diff --git a/mypage/review-manage.html b/mypage/review-manage.html index e7878be..6cdfd8e 100644 --- a/mypage/review-manage.html +++ b/mypage/review-manage.html @@ -33,7 +33,7 @@ - + diff --git a/mypage/review-manage.php b/mypage/review-manage.php index 875d912..8731003 100644 --- a/mypage/review-manage.php +++ b/mypage/review-manage.php @@ -20,7 +20,7 @@ include($_SERVER['DOCUMENT_ROOT']."/kr/include/meta.php"); ?> - + diff --git a/mypage/review-write.html b/mypage/review-write.html index c882a71..83ea1c5 100644 --- a/mypage/review-write.html +++ b/mypage/review-write.html @@ -33,7 +33,7 @@ - + diff --git a/mypage/review-write.php b/mypage/review-write.php index bc4dd71..0510301 100644 --- a/mypage/review-write.php +++ b/mypage/review-write.php @@ -20,7 +20,7 @@ include($_SERVER['DOCUMENT_ROOT']."/kr/include/meta.php"); ?> - + diff --git a/mypage/secession-application.html b/mypage/secession-application.html index 0f4a9be..1bcb84d 100644 --- a/mypage/secession-application.html +++ b/mypage/secession-application.html @@ -33,7 +33,7 @@ - + diff --git a/mypage/secession-application.php b/mypage/secession-application.php index 585cb78..911852c 100644 --- a/mypage/secession-application.php +++ b/mypage/secession-application.php @@ -20,7 +20,7 @@ include($_SERVER['DOCUMENT_ROOT']."/kr/include/meta.php"); ?> - + diff --git a/mypage/secession-complete.html b/mypage/secession-complete.html index f496cbf..5ce178f 100644 --- a/mypage/secession-complete.html +++ b/mypage/secession-complete.html @@ -33,7 +33,7 @@ - + diff --git a/mypage/secession-complete.php b/mypage/secession-complete.php index 22fe046..1f411dc 100644 --- a/mypage/secession-complete.php +++ b/mypage/secession-complete.php @@ -20,7 +20,7 @@ include($_SERVER['DOCUMENT_ROOT']."/kr/include/meta.php"); ?> - + diff --git a/mypage/secession-reject.html b/mypage/secession-reject.html index 168b971..3547bc2 100644 --- a/mypage/secession-reject.html +++ b/mypage/secession-reject.html @@ -33,7 +33,7 @@ - + diff --git a/mypage/secession-reject.php b/mypage/secession-reject.php index 74a59a7..8005b15 100644 --- a/mypage/secession-reject.php +++ b/mypage/secession-reject.php @@ -20,7 +20,7 @@ include($_SERVER['DOCUMENT_ROOT']."/kr/include/meta.php"); ?> - + diff --git a/mypage/wish-list.html b/mypage/wish-list.html index ae3ba79..0035f09 100644 --- a/mypage/wish-list.html +++ b/mypage/wish-list.html @@ -33,7 +33,7 @@ - + diff --git a/mypage/wish-list.php b/mypage/wish-list.php index 71bfa52..60cf4ed 100644 --- a/mypage/wish-list.php +++ b/mypage/wish-list.php @@ -21,7 +21,7 @@ include($_SERVER['DOCUMENT_ROOT']."/kr/include/meta.php"); ?> - +