@charset "utf-8";


.mypage-wrap {margin-top:30px;display:flex;gap:0 25px}
.mypage-wrap a {color: inherit;}
.mypage-wrap a:hover { text-decoration: underline; }
.mypage-wrap i,
.mypage-wrap em { font-style: normal;}

.mypage-personal {margin-bottom:40px}

.personal-info ,
.mypage-lnb {width:240px;height:max-content}
.mypage-contents-wrap {width:930px}

.mypage-contents,
.personal-status {}

/* .mypage-wrap {border: 1px solid #e5e5e5;} */

.blind {width: 0;height: 0;overflow: hidden;position: absolute;left:-9999px;}

.icon-paging,
.icon-mypage,
.icon-grade {display: inline-block; background: url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_grade_160.png) no-repeat;text-indent: -9999px;}
.icon-grade {width: 80px;height: 80px;}
.icon-paging {width: 24px;height: 24px; background-image: url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_paging_sprite.png); }

.icon-grade.basic {background-position: 0 0; }
.icon-grade.family {background-position: -80px 0; }

.icon-mypage {background-image: url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_mypage_sprite.png);}
.icon-mypage.tools {background-position: 0 0;width: 14px;height: 14px;vertical-align: -2.5px;margin-right: 5px;}
.icon-mypage.ps-order {background-position: -20px 0;width: 70px;height: 70px;}
.icon-mypage.ps-point {background-position: -90px 0;width: 70px;height: 70px;}
.icon-mypage.ps-coupon {background-position: -160px 0;width: 70px;height: 70px;}
.icon-mypage.ps-chat {background-position: -230px 0;width: 70px;height: 70px;}
.icon-mypage.more {background: none;width: 18px;height: 18px; position: relative;}
.icon-mypage.more:before,
.icon-mypage.more:after {content:""; position: absolute; background: #7c7c7c;}
.icon-mypage.more:before {width: 2px; height: 18px; left:8px; top:0;}
.icon-mypage.more:after {width: 18px; height: 2px; left:0; top:8px; }

.icon-paging.first {background-position: 0 0;}
.icon-paging.prev {background-position: -36px 0;}
.icon-paging.next {background-position: -369px 0;}
.icon-paging.last {background-position: -405px 0;}

.btn {display: inline-block; height: 26px; line-height: 24px; border: 1px solid #e0e0e0; color: #666; font-size: 12px; text-align: center; padding: 0 10px;}
.btn.lg { height: 42px; line-height: 40px; font-size: 17px; font-weight: bold;}
.btn.md { width: 126px; height: 38px; line-height: 36px; font-size: 16px; font-weight: 600;}
.btn.gray { background: #f6f6f6;}
.btn.dgray { background: #888; border-color: #777; color: #fff;}
.btn.lgray { background: #bbb; border-color: #bbb; color: #fff;}
.btn.green { background: #6ca435; border-color: #659b31; color: #fff;}
.btn.red { background: #c96c6b; border-color: #c46a69; color: #fff;}
.btn.lred {background: #e53433;border-color: #e53433; color: #fff;}
.btn.orange {background:#e37b00; border-color:#e37b00; color: #fff}

.personal-info {background: #6ba543;padding: 30px 0 0; text-align: center;color: #fff; height: 240px;}
.personal-info .grade {font-size: 0;}
.personal-info .name {display:flex;justify-content:center;align-items:flex-end;padding:0 14px;margin-top: 23px;font-size: 21px;line-height:1.1;}
.personal-info .name b {color: #fff;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;max-width:88%;white-space:normal;overflow:hidden;text-overflow:ellipsis;}
.personal-info .name em {font-size: 17px; color: #fff;vertical-align: -1px;}
.personal-info .badges {display:flex;justify-content:center;column-gap:2px;margin-top:10px}
.personal-info .badges .item {height:20px}
.personal-info .badges .item img {width:auto;height:100%}
.personal-info .edit {margin-top: 20px;}
.personal-info .edit a {font-size: 13px; color: #fff;}

.personal-status {}
.personal-status ul {display:grid;gap:10px;grid-template-columns:300px 1fr 1fr 1fr}
.personal-status li {background: #f4f4f4;border-radius:5px;overflow: hidden;}
.personal-status li:nth-child(4)~li{background: #fff;border:1px solid #eee}
.personal-status li:nth-child(4)~li a {height:60px;font-size:15px;padding:0 20px;display:flex;align-items: center;}
.personal-status li:nth-child(4)~li a > *:first-child {margin-right:auto}
.personal-status li:nth-child(4)~li a::after {content:'';display: inline-block;width: 8px;height: 8px;margin-left:4px;border: 4px solid #333;border-width: 1px 1px 0 0;transform: rotate(45deg)}
.personal-status li > a {display:block;position:relative;height:114px;padding:22px 14px 0 24px}
.personal-status li > a:hover {text-decoration: none;}
.personal-status li > a:hover b {text-decoration: underline;}
.personal-status li > a > b {font-size: 15px; color: #333; font-weight: 500; line-height: 1}
.personal-status li > a > span {display: block;font-size:14px;margin-top:22px;}
.personal-status li > a > span em {font-size: 24px;line-height: 1;color: #333;font-weight:bold;}
.personal-status .status_userCont {position:relative;height:114px;padding:22px 14px 0 24px;}
.personal-status .status_userCont .badgeBox {margin-bottom:10px;display:flex;gap:0 4px}
.personal-status .status_userCont .badgeBox a {font-size:12px;color:#fff;border-radius:3px;display:inline-flex;align-items: center; justify-content: center;padding:0 3px;height:20px;font-weight:500;}
.personal-status .status_userCont .badgeBox a.family {background:#0C520A}
.personal-status .status_userCont .badgeBox a.kMember {background:#120364}
.personal-status .status_userCont .badgeBox a.mmaa {background:#B9061B}
.personal-status .status_userCont .badgeBox a.mmaa img {height:100%}
.personal-status .status_userCont .userBox strong {font-size:18px;display:flex}
.personal-status .status_userCont .userBox strong b {max-width:150px;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;font-size:18px;font-weight:bold;}
.personal-status .status_userCont .userBox a {position:absolute;right:14px;bottom:14px;background:#fff;border-radius:16px;font-size:13px;display:inline-flex;align-items: center; justify-content: center;height:32px;padding:0 10px;font-weight:500;}
.personal-status .status_orderCont {grid-column: 1 / 4;}
.personal-status .status_orderCont a {font-size:15px}
.personal-status .status_orderCont em {font-size:14px}
.personal-status .status_orderCont .ordNone {color:#6b6b6b}
.personal-status .status_payCont img {height:20px}

.mypage-lnb {position:sticky;left:0;top:10px;}
.mypage-lnb h3 a {display:block;font-weight:600;padding:26px 25px;color:#6BA43A;font-size:16px; border: 1px solid #eee;border-bottom:0;border-radius:5px 5px 0 0}
.mypage-lnb:has( > ul > li.on) h3 a {color:#333}
.mypage-lnb > ul {border: 1px solid #eee;border-radius:0 0 5px 5px}
.mypage-lnb > ul > li+li {border-top:1px solid #eee}
.mypage-lnb > ul > li > a {display:block; padding: 25px 0 25px 25px; font-size: 16px;font-weight:600;}
.mypage-lnb > ul > li.on > a {color:#6ba543}
.mypage-lnb > ul > li.on:has(.lnb_inner li.on) > a {color:#333}
.mypage-lnb .lnb_inner {display: none;margin-top:-9px;padding-bottom:15px}
.mypage-lnb li.on .lnb_inner {display: block;}
.mypage-lnb .lnb_inner li.on a {color: #6ba543;font-weight:600;}
.mypage-lnb .lnb_inner li a {display:block;padding: 9px 0 9px 25px; font-size: 15px;}
.mypage-lnb a:hover { text-decoration: underline; }

.mypage_topBox {height: 140px; padding-top:50px;background: #f4f4f4;}

.mypage-contents {position: relative;}

.mypage-subtit {position: relative; margin-bottom: 12px;}

.mypage-subtit h4,
.mypage-subtit p {display: inline-block; vertical-align: 0;}
.mypage-subtit h4 {font-size: 17px;line-height: 1;color: #333; font-weight: bold;}
.mypage-subtit p {margin-left: 20px;font-size: 12px;line-height: 1;color: #666;}
.mypage-subtit .more { position: absolute; top:0; right:0;width: 18px;height: 18px;}
.mypage-subtit .btn {position: absolute; top:-9px;right:0;}
.mypage-subtit.underline {border-bottom: 2px solid #6ca435; padding-bottom: 12px; margin-bottom: 22px;}
.mypage-cblock + .mypage-cblock {margin-top: 40px;}
.mypage-orderinfo .action p + p {margin-top: 4px;}
.mypage-orderinfo .btn {width: 90px;padding: 0;}

.mypage-orderinfo-wrap { border-bottom: 1px solid #e5e5e5;border-top: 2px solid #6ca435;}
.mypage-orderinfo-wrap > ul > li { padding: 19px 0;}
.mypage-orderinfo-wrap > ul > li + li { border-top: 1px solid #e5e5e5;}


.empty-msg {line-height: 198px; text-align: center; font-size: 14px; color: #666; }
.mypage-goods-list .empty-msg { height: 158px; line-height: 158px;}

.mypage-goodslist {background: #f4f4f4;border-top: 2px solid #6ca435;}
.mypage-goodslist ul {padding:30px;display:flex;gap:0 16px}
.mypage-goodslist li {width:160px}
.mypage-goodslist a {display:block}
.mypage-goodslist a > div {margin-top:10px}
.mypage-goodslist .prdTit {font-weight:normal;}
.mypage-goodslist .prdPrice {margin-top:8px;display:flex;gap:0 4px;}
.mypage-goodslist .prdPrice em {font-size:14px;font-weight:bold;color:#6BA43A}
.mypage-goodslist .prdPrice b {font-size:14px}
.mypage-goodslist img {width:100%}

.mypage-subtit + .mypage-order-guide {margin-top: 0;}
.mypage-order-guide {margin-top: 45px;}
.mypage-guide-table + .txt-guide-block,
.txt-guide-block + .txt-guide-block {margin-top: 45px;}
.txt-guide-block .tit {font-size: 14px; line-height: 23px; color: #333;font-weight: bold;}
.txt-guide-block p { font-size: 13px; line-height: 23px; color: #666; }
.txt-guide-block .dash + .tit ,
.txt-guide-block .number-list + .tit {margin-top: 23px;}

.dash li {position: relative;padding-left: 10px;font-size: 13px; line-height: 23px;color: #666;}
.dash li:before {content:"-"; position: absolute; top:0;left:0;line-height: 23px;color: #666;}
ol.number-list {list-style-type: decimal; list-style-position: outside; padding-left: 1.3em; }
ol.number-list li {font-size: 13px; line-height: 23px;color: #666;}

.mypage-guide-table {margin-top: 20px;background: #f8f8f8; border-bottom: 1px solid #e5e5e5;border-top: 2px solid #6ca435;}
.mypage-guide-table table {width: 100%;}
.mypage-guide-table thead th {text-align: center;height: 50px;font-size: 14px; color: #666; letter-spacing: -0.05em;font-weight: normal;}
.mypage-guide-table tbody th,
.mypage-guide-table tbody td {border: 1px solid #e2e2e2; border-width: 1px 0 0 1px;padding: 25px 20px; text-align: left;}
.mypage-guide-table tbody td:first-child { border-left: 0; }
.mypage-guide-table tbody th {font-size: 14px;color: #666; border-left: 0;text-align: center;font-weight: normal;}
.mypage-guide-table p { font-size: 13px; line-height: 23px; color: #666; }
.mypage-guide-table .guide-expire {height: 140px;text-align: center;font-weight: bold;}
.mypage-guide-table .guide-expire p {line-height: 25px; font-size: 14px;color: #333;}

.mypage-recent-group,
.mypage-refund-group {border-top: 2px solid #6ca435;}
.mypage-refund-group + .mypage-refund-group {margin-top: 50px;border-top: 1px solid #bbb;}

.mypage-order-info { width: 100%; height: 100px;padding: 20px 30px;background: #f5f5f5; font-size: 0; position: relative; }
.mypage-order-info.tc { text-align: center;} 
.mypage-order-info.auto,
.mypage-order-info.h120 {height: auto;}
.mypage-order-info:before {content:""; display: inline-block; vertical-align: middle; height: 100%; }
.mypage-order-info .row{ display: inline-block; vertical-align: middle; }
.mypage-order-info p {font-size: 16px; color: #666;line-height: 1;}
.mypage-order-info .date {font-size: 14px; font-weight: bold;line-height: 1;margin-bottom: 10px;}
.mypage-order-info b {color: #e53433;}
.mypage-order-info .dash li { font-size: 12px; line-height: 20px;}
.mypage-order-info li a { background-color:#6ca435; color:#fff; line-height:17px; padding:0px 9px 0px 7px; border-radius:10px; font-size:11px; } 

.mypage-order-info {}
.mypage-order-info .row.icon-guide {position: relative;margin: 0 -5px; display: block;}
.mypage-order-info .row.icon-guide.for-passwordcheck {padding-left: 82px;}
.mypage-order-info .row.icon-guide.for-passwordcheck:before {content:""; position: absolute; top:10px; left:0; display: block; width: 62px; height: 50px; background: url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_lock_62.png) no-repeat;}
.mypage-order-info .row.icon-guide.for-password {padding-left: 92px;}
.mypage-order-info .row.icon-guide.for-password:before {content:""; position: absolute; top:14px; left:0; display: block; width: 78px; height: 44px; background: url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_password_78.png) no-repeat;}
.mypage-order-info .row.icon-guide.for-family {padding-left: 85px;}
.mypage-order-info .row.icon-guide.for-family:before {content:""; position: absolute; top:6px; left:0; display: block; width: 76px; height: 65px; background: url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_home_76.png) no-repeat;}

.mypage-order-info .row.icon-guide h5 {font-size: 18px; color: #e0151f; line-height: 30px;} 
.mypage-order-info .row.icon-guide p {font-size: 12px; color: #666; line-height: 22px;}


.mypage-subtit + .mypage-goods-list ,
.mypage-subtit + .mypage-order-info {border-top: 2px solid #6ca435;}
.mypage-order-info + .mypage-toggle-list,
.mypage-subtit + .mypage-order-info + .mypage-table {margin-top: 50px;}
.mypage-subtit + .mypage-order-info + .mypage-table.for-review {margin-top: 30px;}
.mypage-order-detail .mypage-order-info +  .mypage-table { margin-top: 0;}
.mypage-table {border-bottom: 1px solid #e5e5e5;border-top: 2px solid #6ca435;}
.mypage-table + .mypage-table {margin-top: 50px;}
.mypage-table table {width: 100%;table-layout: fixed;}
.mypage-table thead th {height: 50px; text-align: center; vertical-align: middle; font-weight: normal; font-size: 14px; color: #666;}
.mypage-table tbody td {}
.mypage-table .tl {text-align: left !important;}
.mypage-table .tc {text-align: center !important;}
.mypage-table .tr {text-align: right !important;}
.mypage-table tbody tr {}
.mypage-table tbody th,
.mypage-table tbody td {border-top: 1px solid #e5e5e5;padding: 20px 10px;}
.mypage-table tbody tr:first-child td {border-color:#333}
.mypage-table b {font-size: 14px;}
/* .mypage-table p + p { margin-top: 10px;} */
.mypage-qna-table p + p { margin-top: 10px;}
.mypage-order-info + .mypage-toggle-list,
.mypage-order-info + .mypage-goods-list {border-top: 1px solid #bbb;}
.mypage-goods-list {border-top: 0;}
.mypage-goods-list thead th {}
.mypage-goods-list tbody th {}
.mypage-goods-list tbody td {text-align: center;font-size: 12px;line-height: 20px; color: #666;}
.mypage-goods-list tbody td.action {padding-left: 0; padding-right: 0;}
.good-info i,
.good-info em { font-style: normal;}
.refund-request .good-info,
.mypage-table .good-info {font-size: 0;display: inline-block;width: 100%;text-align: left;}
.refund-request .good-info img,
.mypage-table .good-info img {width: 70px;height: 70px;vertical-align: middle;}
.refund-request .good-info i,
.mypage-table .good-info i {font-size: 12px;line-height: 20px; color: #666; display: inline-block;vertical-align: middle; padding-left: 10px; width:calc(100% - 70px);}
.refund-request a:hover .good-info i,
.mypage-table a:hover .good-info  i{text-decoration: underline;}
.mypage-goods-list .discount {font-size: 11px;color: #999;}
.mypage-goods-list .discount i {color: #e53433}

.mypage-table .action .btn {display: inline-block;margin:0 auto;padding: 0;}
.mypage-table .action .btn + .btn { margin-top: 6px;}



.mypage-point-list tbody td {padding-top: 26px;padding-bottom: 26px; text-align: center; font-size: 13px;line-height: 20px;}
.mypage-point-list b { color: #6BA43A !important; }
.mypage-point-list b:has(.numDed) {color:#D63534 !important}
.mypage-point-list .bTxt {font-weight:bold;}
.mypage-coupon-list tbody td {padding-top:20px;padding-bottom:20px; text-align: center; font-size: 13px;line-height: 20px}
.mypage-coupon-list b { color: #333; }
.mypage-coupon-list tbody td.tl { padding-left:30px; }
.mypage-coupon-list tbody td.tl strong {display:flex;align-items: center;font-weight:normal;}
.mypage-coupon-list tbody td.tl .sub {display: block; font-size: 13px;color:#6b6b6b}
.mypage-coupon-list tbody td.tl a {padding: 0 6px; border: 1px solid #e0e0e0; border-radius:3px; font-size: 11px; color:#0C520A;display:inline-flex;align-items: center; justify-content: center;font-weight:normal;margin-left:6px;height:20px}
.mypage-coupon-list tbody td.tl a::after {content: '\0203A'; display: inline-block; margin: -2px 0 0 5px; font-sizE: 18px; vertical-align: top;}
.mypage-coupon-list tbody td.tl a[href^="/product/search?couponType=A996"] {display:none}
.mypage-coupon-list tbody td.tl ul {padding: 5px 0 0 0;color:#6b6b6b;display:none}
.mypage-coupon-list tbody td.tl ul li {position:relative;padding-left:8px}
.mypage-coupon-list tbody td.tl ul li::before {content:'';width:2px;height:2px;background:#6b6b6b;border-radius:50%;position:absolute;left:0;top:9px}
.mypage-coupon-list tbody td.tl:has(input:checked) ul {display:block}
.mypage-coupon-list tbody td.per {font-weight: 500;font-size:17px}
.mypage-coupon-list tbody td.per span {display: block; font-weight: 400;font-size:13px}
.mypage-coupon-list .viewCheckBox {display:block;color:#6b6b6b;font-size:12px;}
.mypage-coupon-list .viewCheckBox::before {content:'자세히';margin-right:4px}
.mypage-coupon-list .viewCheckBox::after {content:'';display:inline-block;width:7px;height:7px;margin:1px 0 2px 2px;border: 1px solid #6b6b6b;border-width: 1px 1px 0 0;transform: rotate(135deg)}
.mypage-coupon-list .viewCheckBox:has(input:checked) {margin-top:4px}
.mypage-coupon-list .viewCheckBox:has(input:checked)::before {content:'닫기'}
.mypage-coupon-list .viewCheckBox:has(input:checked)::after {transform: rotate(315deg);margin-bottom:-1px}
.mypage-coupon-list tbody td.grayTxt {color:#6b6b6b}
.mypage-coupon-list .point {color:#D73534}
.mypage-coupon-list tbody td .btn {min-width:54px; padding: 0 5px; border-radius: 4px; font-size: 12px;height:30px; line-height: 30px; text-align: center;margin-left:12px}


.mypage-recent-group .mypage-order-info {margin-bottom: 30px;}

.mypage-table-action {margin-top: 20px;}
.mypage-table-action .btn {padding-left: 20px;padding-right: 20px;}
.mypage-table-action .btn + .btn {margin-left: 4px;}

.btn-wrap {margin-top: 50px; text-align: center;}
.btn-wrap .btn {width: 202px;}
.btn-wrap .btn.md {width: 126px;}
.btn-wrap .btn + .btn {margin-left: 8px;}


.mypage-table b {color: #333;}
.mypage-table .status.ok {color: #6ca435;}
.mypage-toggle-list .review-tr,
.mypage-toggle-list .answer-tr {display: none;}
.mypage-table .review-tr td,
.mypage-table .answer-tr td { background: #f7f7f7; font-size: 12px; line-height: 22px; color: #666; text-align: left;}
.mypage-table .answer-box {position: relative;}
.mypage-table .answer-box:before,
.mypage-table .answer-box:after {content:""; position: absolute; left:-20px; background: #6ca435;}
.mypage-table .answer-box:before {top:-2px; width: 1px; height: 13px;}
.mypage-table .answer-box:after {top:11px; width: 13px;height: 1px;}
.mypage-table .review-box {padding-left: 80px;}
.starpoint-wrap {margin-bottom: 10px;}
.starpoint {display: inline-block;width: 78px;height: 14px;  background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_star_176_gray.png) no-repeat top left/78px auto}
.starpoint i {display: block; text-indent: -9999px; background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_star_176_green.png) no-repeat top left/78px auto;}
.starpoint.st1 i {width: 14px; }
.starpoint.st2 i {width: 30px; }
.starpoint.st3 i {width: 46px; }
.starpoint.st4 i {width: 62px; }
.starpoint.st5 i {width: 78px; }

/* .mypage-form-table {border-top: 2px solid #9d9d9d;} */
.mypage-form-table.green {border-color: #6ca435}
.mypage-form-table table {width: 100%; table-layout: fixed;}
.mypage-form-table tr td,
.mypage-form-table tr th { text-align: left; padding: 13px 20px; border-bottom: 1px solid #e2e2e2; font-size: 14px; line-height: 27px; color: #333; vertical-align: middle; }
.mypage-form-table tr th { padding-right: 0;}
.mypage-form-table tr td { color: #666; }
.mypage-form-table tr td .disFlex {gap:10px 60px;align-items:center;line-height:22px}
.mypage-form-table tr td .disInFlex {gap:10px}
.mypage-form-table .guide {font-size: 12px; line-height: 16px; color: #666; margin-top: 8px;}
.mypage-form-table p b {color: #333;font-weight: normal;}
.mypage-form-table p b.red {color: #e43432;font-weight: bold;}
.mypage-form-table .pholder {font-size: 12px; color: #666; display: inline-block;vertical-align: top; margin-left: 8px;}
.mypage-form-table .pholder .ic-atten {margin-right: 5px;background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_warning_12.png) no-repeat; width: 12px; height: 12px; display: inline-block; vertical-align: -2px;}


.fe-row *,
.fe-row *:before,
.fe-row *:after { box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}

.fe-row {font-size: 0;}
.fe-row input {font-size: 14px;color: #000;}
.fe-row input + .btn ,
.fe-row input + input { margin-left: 6px; }
.fe-row .readonly {background: #f5f5f5;}

.fe-row input[type=text],
.fe-row input[type=password] { border: 1px solid #E0E0E0; width: 255px; height: 36px; padding: 0 12px; border-radius:4px; vertical-align: top;}
.fe-row .sm { width: 138px; }
.fe-row .btn {margin-left: 6px; padding: 0 11px; font-size: 12px; line-height: 36px; letter-spacing: -0.06em; border:0; border-radius:4px; background: #bababa; height: 36px; color: #fff;}
.fe-row + .fe-row {margin-top: 7px;}

.fe-row label {cursor:pointer;display: inline-block; font-size: 0; vertical-align: top;}
.fe-row label + label {margin-left: 25px;}
.fe-row input {display: inline-block;vertical-align: middle;}
.fe-row label span {font-size: 14px; line-height: 27px;color: #333; margin-left: 5px; display: inline-block;vertical-align: middle;}

/*checkbox*/
label.checkbox input[type="checkbox"] {  position: absolute; left:-9999px; opacity:0; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0 }
label.checkbox input[type="checkbox"] + i { display: inline-block; margin-bottom: -1px;vertical-align: middle; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
label.checkbox input[type="checkbox"] + i:before {  content: ' '; display: inline-block; width: 20px; height: 20px; line-height: 20px; margin:0; text-align: center; vertical-align: middle; background:url('https://www.oasis.co.kr/images/common/checkboxBg_off.png') no-repeat 0 0}
label.checkbox input[type="checkbox"]:checked + i:before {  content: '';  background:url('https://www.oasis.co.kr/images/common/checkboxBg_on.png') no-repeat 0 0}

/*radio*/
label.radio input[type="radio"] {  position: absolute; left:-9999px; opacity:0; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0 }
label.radio input[type="radio"] + i { display: inline-block;  margin-bottom: -1px;vertical-align: middle;  position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
label.radio input[type="radio"] + i:before {  content: ' '; display: inline-block; width: 20px; height: 20px; line-height: 20px; margin:0; text-align: center; vertical-align: middle; background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_radio_20.png) no-repeat 0 0}
label.radio input[type="radio"]:checked + i:before {  content: '';  background:url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_radio_20_on.png) no-repeat 0 0}

.fe-row.fe-placeholder {position: relative;}
.fe-row.fe-placeholder .pholder {position: absolute; top:0;left:0;right:0;bottom:0; font-size: 12px; line-height: 20px; color: #999; padding: 5px;}
.fe-row.fe-placeholder textarea {position: relative; z-index: 10; padding: 5px; height: 122px; font-size: 14px;color: #000; line-height: 22px; border: 1px solid #bbb; width: 100%; background: transparent;}

.fe-row.filebox {position: relative;overflow: hidden;} 
.fe-row.filebox input {width: 200%; height: 200%;position: absolute; top:0;left:0;z-index: 10;opacity:0; cursor:pointer}
.fe-row.filebox p {border: 1px solid #bbb;height: 46px;font-size: 12px; color: #999;line-height: 46px; padding: 0 5px;}
.fe-row.filebox button {position: absolute; top:0;right:0; width: 116px; height: 48px; background: #6ca435; font-size: 14px; line-height: 48px; border: 0; text-align: center;color: #fff;}
.fe-row.fe-result ,
.fe-row.guide {font-size: 12px;line-height: 20px; color: #999;}
.fe-row.fe-result { color: #666; }


.label-set {font-size: 0;}
.label-set .fe-row {display: inline-block;}
.label-set .fe-row .tit {margin-right: 12px;display: inline-block;font-size: 14px; color: #333; vertical-align: middle;}
.label-set .fe-row + .fe-row {margin: 0 0 0 45px;}


.mypage-layer-popup-wrap {
	position: fixed; top:0;left:0;right:0;bottom:0; background:rgba(0,0,0,.2); text-align: center; z-index: 9999;
	overflow: hidden;
}
.mypage-layer-popup-wrap:before {content:""; display: inline-block; vertical-align: middle; position: relative; height: 100%; }
.mypage-layer-popup {background: #fff;padding: 10px 20px 30px; display: inline-block; vertical-align: middle; width: 505px; border: 1px solid #6ac435; text-align: left;}
.mypage-layer-popup.no-pdb {padding-bottom: 0; border-bottom: 0;}
.mypage-layer-popup .popup-head {border-bottom: 1px solid #6ca435; padding: 16px 0; position: relative;}
.mypage-layer-popup .popup-head h4 {font-size: 21px;color: #6ca435;line-height: 1; }
.mypage-layer-popup .popup-head .btn-close {position: absolute; top:16px; right:6px; background: url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_cross_27.png) no-repeat; width: 27px; height: 27px; text-indent: -9999px;}
.mypage-layer-popup .popup-body {}
.mypage-layer-popup .popup-body.popup-body-scroll {margin: 0 -20px; padding: 0 20px 20px;max-height:455px; overflow: hidden;overflow-y: auto;}
.mypage-layer-popup .popup-foot {}
.refund-request .product {padding: 20px 0;border-bottom: 1px solid #bbb;}
.refund-request .good-info img {width: 117px;height: 117px;}
.refund-request .good-info i {padding-left: 20px; font-size: 12px; line-height: 20px; color: #666; width: calc(100% - 117px - 20px);}

.refund-request .request {}
.refund-request .request .tit {font-weight: bold; margin-top: 20px; font-size: 14px; color: #333; line-height: 1; }
.refund-request .request .fe-row { margin-top: 10px; }
.refund-request .fe-row + .fe-row.guide  {margin-top: 6px;}

.refund-request .btn-wrap { margin-top: 30px; }
.refund-request .btn-wrap .btn.md {width: 154px; height: 48px; line-height: 46px; font-size: 14px; }
.refund-request .request.request-result:before {content:""; display: table;clear: both;}
.refund-request .request.request-result {background: #f5f5f5; border-bottom: 1px solid #bbb; padding: 0 20px 20px;}
.request-status.complete {background: #6ca435;}
.request-status {margin:0 -21px 0;background: #999; height: 70px; line-height: 70px; text-align: center; color: #fff; font-size: 16px; font-weight: bold; }

.review-conts p + .img { margin-top: 20px;}
.review-conts .img img {max-width:100%;}

/* 마이페이지 */
.mypage-contents-wrap {padding-top:2px}

/* 마이페이지::공통 */
.oMypage-comm .mypageSubtit {position: relative; padding-bottom: 15px;}
.oMypage-comm .mypageSubtit h4 {font-size: 18px; color: #000;}
.oMypage-comm .mypageSubtit h4 a.showOn {display: inline-block; position: absolute; right: 0; top: 6px; width: 31px; height: 31px; text-align: right;}
.oMypage-comm .mypageSubtit h4 a.showOn::after {content: ''; display: inline-block; width: 16px; height: 9px; background: url(https://oasisprodcom.edge.naverncp.com/pc/ico/ico_arr_up_21.png) no-repeat; background-size: 16px auto; vertical-align: top; transition: all .2s ease-in-out;}
.oMypage-comm .mypageSubtit h4 .ellipsis {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;max-width:170px;vertical-align:top}
.oMypage-comm .mypageSubtit.active h4 a.showOn::after {transform: rotate(180deg);}
.oMypage-comm .mypageSubtit.active + .mypageOrderTable,
.oMypage-comm .mypageSubtit.active + .mypageOrderStepWrap .mypageOrderGuide {display: none;}
.oMypage-comm .mypageSubtit h4 span {font-size: 13px; padding-left:8px; font-weight: 400;color:#6b6b6b}
.oMypage-comm .mypageSubtit a.addOrderBtn {position: absolute;right:0; top:-5px;background: #fff; border: 1px solid #6BA543; padding: 5px 10px 5px 8px;color: #6BA543;font-weight: normal;letter-spacing: -1px;border-radius: 3px; font-size:11.5px}
.oMypage-comm .mypageSubtit .btnHeader {position: absolute; top: -6px; left: 108px;}
.oMypage-comm .mypageSubtit .btnHeader a {display: inline-block; min-width: 80px; height: 28px; padding: 0 5px; border: 1px solid #828282; border-radius: 4px; font-size: 12px; text-align: center; line-height: 28px;}
.oMypage-comm .btnHeaderRight {position: absolute; top:28px; right: 0;display:flex;gap:0 20px}
.oMypage-comm .btnHeaderRight a {font-size: 15px;position:relative}
.oMypage-comm .btnHeaderRight a+a::before {content:''; width:1px;height:10px;position:absolute;left:-10px;top:50%;transform:translateY(-50%);background:#e0e0e0}
.oMypage-comm .mypageSubtit a.more {display: block; position: absolute; top: 0; right: 0; width: 32px; height: 31px;}
.oMypage-comm .mypageSubtit a.more::before {content: '+'; display: inline-block; width: 100%; height: 100%; font-size: 30px; text-align: center;}
.oMypage-comm .mypageTitBox {display:flex;align-items:center;min-height:30px;margin:13px 0 5px 0;padding:5px 12px;background:#F4F4F4;font-size:13px;color:#6B6B6B;letter-spacing:-0.26px}
.oMypage-comm .mypageOrderStepWrap {border:1px solid #eee;border-radius:5px;overflow: hidden;}
.oMypage-comm .mypageOrderStep {height: 200px; padding-top: 32px; border-top: 0; border-bottom: 0; background: #f7f7f7; text-align: center;}
.oMypage-comm .mypageOrderStep ol {display: inline-block;}
.oMypage-comm .mypageOrderStep ol::after {content: ''; display: block; clear: both;}
.oMypage-comm .mypageOrderStep ol li {float: left; position: relative; width: 138px;}
.oMypage-comm .mypageOrderStep ol li + li {margin-left: 12px;}
.oMypage-comm .mypageOrderStep ol li::before {content: '1'; display: block; width: 22px; height: 22px; margin: 0 auto; border-radius: 50%; background: #333; font-weight: 500; font-size: 14px; color: #fff; text-align: center; line-height: 22px;}
.oMypage-comm .mypageOrderStep ol li:nth-child(2)::before {content: '2';}
.oMypage-comm .mypageOrderStep ol li:nth-child(3)::before {content: '3';}
.oMypage-comm .mypageOrderStep ol li:nth-child(4)::before {content: '4';}
.oMypage-comm .mypageOrderStep ol li:nth-child(5)::before {content: '5';}
.oMypage-comm .mypageOrderStep ol li::after {content: ''; display: inline-block; position: absolute; top: 10px; lefT: -23px; width: 22px; height: 0; border-top: 4px dotted #ccc;}
.oMypage-comm .mypageOrderStep ol li:first-child::after {display: none;}
.oMypage-comm .mypageOrderStep .step-head span {display: block; margin-top: 15px; font-weight: 500; font-size: 14px; color: #333;}
.oMypage-comm .mypageOrderStep .step-body {margin-top: 15px; font-size: 12px; color: #828282; line-height: 16px;}

.oMypage-comm .mypageOrderGuide {font-size: 14px;}
.oMypage-comm .mypageSubtit + .mypageOrderGuide .guideTit {padding-top: 20px;}
.oMypage-comm .mypageOrderStep + .mypageOrderGuide {padding:25px;}
.oMypage-comm .txtGuideBlock + .txtGuideBlock {padding-top: 20px;}
.oMypage-comm .guideTit.pointIcon {padding-top: 30px; color: #6ba543;}
.oMypage-comm .guideTit.pointIcon::before {content: '!'; display: inline-block; width: 18px; height: 18px; margin: -1px 5px 0 0; border-radius: 50%; background: #6ba543; font-size: 10px; color: #fff; text-align: center; line-height: 18px; vertical-align: top;}
.oMypage-comm .guideTxt {padding-top: 10px;}
.oMypage-comm .guideTxt ul li {padding-left: 20px; font-size: 12px; color: #828282; line-height: 22px;}
.oMypage-comm .guideTxt ul li::before {content: ''; display: inline-block; width: 2px; height: 2px; margin: 10px 6px 0 -8px; background: #828282; vertical-align: top;}
.oMypage-comm .guideTxt ul li span {color: #2c477f;}
.oMypage-comm .guideTxt.inner {padding-top: 0;}

.oMypage-comm .mypage-orderinfo-wrap {border:1px solid #eee;border-radius:5px}
.oMypage-comm .mypage-orderinfo-wrap > ul > li {padding: 0;}

.oMypage-comm .mypageOrderstatus {padding:25px 30px}
.oMypage-comm .mypageOrderstatus + .mypageOrderstatus {border-top:1px solid #eee}
.oMypage-comm .orderBox .orderBoxInfo {display: flex; align-items: center;font-size: 14px; color: #333;margin-bottom:14px}
.oMypage-comm .orderBox .orderBoxInfo .orderDate em {overflow: hidden; display: inline-block; max-width: 315px; text-overflow: ellipsis; white-space: nowrap; vertical-align: top;}
.oMypage-comm .orderBox .orderBoxInfo .reOrder {display: inline-block;background: #e36f0d;padding: 5px;border-radius: 5px;color: #fff;margin-right: 7px;}
.oMypage-comm .orderBox .orderBoxInfo .orderNum {flex-grow: 1; color: #6b6b6b;}
/* .oMypage-comm .orderBox .orderBoxInfo .link {display:none}
.oMypage-comm .orderBox .orderBoxInfo .link::after {content: ''; display: inline-block; width: 6px; height: 6px; margin: 5px 0 0 3px; border: 4px solid #333; border-width: 1px 1px 0 0; transform: rotate(45deg); vertical-align: top;} */
.oMypage-comm .orderBox .orderBoxInfo + .orderProductWrap {padding-top: 0;}

.oMypage-comm .orderBox .product {display: flex; align-items: center; position: relative;gap:0 12px}
.oMypage-comm .orderBox .product figure {flex-shrink: 0; display: flex; align-items: center; width: 80px; height: 80px;border-radius: 5px; overflow: hidden;}
.oMypage-comm .orderBox .product figure a {display: inline-block;}
.oMypage-comm .orderBox .product figure a img {width: 100%;}
.oMypage-comm .orderBox .productArea {border-radius: 4px;}
.oMypage-comm .orderBox .productArea .regularDeliveryType {font-size: 12px;color:#6b6b6b;margin-bottom:6px;line-height:1.25}
.oMypage-comm .orderBox .productArea .product {}
.oMypage-comm .orderBox .productArea .product figure {margin: 0;}
.oMypage-comm .orderBox .productArea + .productArea,
.oMypage-comm .orderBox .product + .product {margin-top: 15px;}

.oMypage-comm .orderBox .product .orderProduct {flex-grow: 1;}
.oMypage-comm .orderBox .product .orderProduct a {display: block;}
.oMypage-comm .orderBox .product .orderProduct a .orderPdName span {position: relative; display:flex;gap:0 4px;align-items: center;}
.oMypage-comm .orderBox .product .orderProduct a:hover .orderPdName span {text-decoration: underline;}
.oMypage-comm .orderBox .product .orderProduct a .orderPdName span em.titEllipsis {overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.oMypage-comm .orderBox .product .orderProduct a .orderPdName span em.titCount {}
.oMypage-comm .orderBox .product .orderProduct a .orderPdName span em.titCount::after {content:'';display: inline-block;width:7px;height:7px;border: 4px solid #333;border-width: 1px 1px 0 0;transform: rotate(45deg);position:relative;top:-1px;margin-left:2px}
.oMypage-comm .orderBox .product .orderProduct a .orderPdPrice {margin-top:7px}
.oMypage-comm .orderBox .product .orderProduct a .orderPdPrice span {font-size: 14px;font-weight:700;}

.oMypage-comm .orderBox .orderStatus {flex-shrink: 0; width:150px; text-align: center;}
.oMypage-comm .orderBox .orderStatus p.badgeDecide {color: #6ba543;}

.oMypage-comm .orderBox .orderAction {flex-shrink: 0; width:90px; text-align: center;position:relative;}
.oMypage-comm .orderBox .orderAction:has(.btnTopPos) {display:flex;flex-direction:column;margin-top:auto}
.oMypage-comm .orderBox .orderAction a { min-width:90px; height:30px; padding: 0 5px; border: 1px solid #E0E0E0; border-radius:3px; font-size: 12px;display:inline-flex;align-items: center; justify-content: center;margin-bottom:10px}
.oMypage-comm .orderBox .orderAction a:last-child {margin-bottom:0}
.oMypage-comm .orderBox .orderAction .btnProdAdd {background:#000;color:#fff;border-color:#000}
.oMypage-comm .orderBox .orderAction .btnTopPos {position:absolute;left:0;bottom:100%;}
.oMypage-comm .orderBox .orderAction .btnTopPos+.btnTopPos {position:static}
.oMypage-comm  a.btn6ba543 {border-color: #6ba543!important; background: #6ba543!important; color: #fff!important;}
.oMypage-comm  a.btnLineGreen {border-color: #6ba543!important;color:#6ba543 !important}
.oMypage-comm .orderBox .odBtnB { border-top:1px solid #f7f7f7; }
.oMypage-comm .orderBox .odBtnB a { display:block; background-color:#f8f8f8; line-height:43px; text-align:center; }

.oMypage-comm .mypage-guide-table {margin-bottom: 30px; border-top: 1px solid #333;}
.oMypage-comm .mypage-goodslist {border: 1px solid #eee; background: #fff;border-radius: 5px;}
.oMypage-comm .mypage-table {border-top: 0}
.oMypage-comm .mypageOrderInfo + .mypage-table {border-top: 1px solid #333;}
.oMypage-comm tbody td.action a {display: inline-block; min-width: 80px; height: 28px; padding: 0 5px; border: 1px solid #333; border-radius: 4px; background: #fff; color: #333; line-height: 28px; text-align: center;}
.oMypage-comm tbody td.action a + a {margin-top: 6px;}

.oMypage-comm .mypageOrderInfo {margin-bottom: 30px; padding: 20px;border:1px solid #eee;border-radius:5px}
.oMypage-comm .mypageOrderInfo ul li {padding-left: 10px; font-size: 12px;line-height: 22px;}
.oMypage-comm .mypageOrderInfo ul li::before {content: ''; display: inline-block; width: 2px; height: 2px; margin: 10px 6px 0 -8px; background: #828282; vertical-align: top;}
.oMypage-comm .mypageOrderInfo ul li span {color: #2c477f;}
.oMypage-comm .mypageOrderInfo ul li span.col-ea3323 {color: #ea3323;}
.oMypage-comm .mypageOrderInfo ul li a.view {display: inline-block; padding: 0 5px;  border-radius: 4px; background: #6ba543; color: #fff;}

.mypageTopBox {border:1px solid #eee;border-radius:5px;padding:0 30px;display:flex;align-items:center;height:70px;margin-bottom:30px;margin-top:5px}
.mypageTopBox strong {margin-right:auto;font-size:15px}
.mypageTopBox b {font-size:24px}
.mypageTopBox b i {font-size:20px;font-weight:500;}
.mypageTabList {display:flex;gap:0 6px;margin-bottom:16px}
.mypageTabList a {color:#6B6B6B;display:inline-flex;align-items: center; justify-content: center;height:36px;padding:0 23px;background: #F4F4F4;border-radius:3px}
.mypageTabList a.on {background: #333;color:#fff}

/* 마이페이지::주문상세 */
.mypageSubtit a.btnEdit {display: inline-block; position: absolute; top: 3px; left: 78px; font-size: 14px;}
.mypageSubtit a.btnEdit::after {content: ''; display: inline-block; width: 5px; height: 5px; margin: 6px 0 0 5px; border: 1px solid #333; border-width: 1px 1px 0 0; transform: rotate(45deg); vertical-align: top;}
.mypageSubtit h4 {display:flex;}
.mypageSubtit h4 .btnDetail {margin-left:auto;font-size:13px;font-weight:normal;}
.mypageSubtit h4 .btnDetail::after {content:'';display: inline-block;width:7px;height:7px;border: 4px solid #333;border-width: 1px 1px 0 0;transform: rotate(45deg);position:relative;top:-1px;margin-left:2px}
.mypageOrderTable {border-top: 1px solid #eee;border-bottom: 1px solid #eee;}
.mypageOrderTable .mypageOrderBox + .mypageOrderBox {border-top: 1px solid #f7f7f7;}
.mypageOrderTable .mypageOrderBox {padding: 11px 16px;}
.mypageOrderTable .mypageOrderBox .boxSet {display: flex; padding:10px 0; word-break: keep-all; font-size: 15px; line-height: 20px;}
.mypageOrderTable .mypageOrderBox .boxSet dt {flex-shrink: 0; width: 124px; color: #828282;}
.mypageOrderTable .mypageOrderBox .boxSet dt .txtReduce {display:block;-webkit-line-clamp:1;-webkit-box-orient:vertical;width:calc(100% - 32px);white-space:normal;overflow:hidden;text-overflow:ellipsis;}
.mypageOrderTable .mypageOrderBox .boxSet dd {flex-grow: 1;}
.mypageOrderTable .mypageOrderBox .boxSet dd p.alertTxt {padding-top: 3px;color: #828282;}
.mypageOrderTable .mypageOrderBox .boxSet.boxSetTotal dt,
.mypageOrderTable .mypageOrderBox .boxSet.boxSetTotal dd,
.mypageOrderTable .mypageOrderBox .boxSet.boxSetTotal dd p {color: #6ba543;}
.mypageOrderTable .mypageOrderBox .useCouponInfo {display:block;padding: 15px;background: #f3f7e7;margin: 10px 0;}
.mypageOrderTable .mypageOrderBox .useCouponInfo table {width:100%;}
.mypageOrderTable .mypageOrderBox .useCouponInfo table tr {margin:5px 0}
.mypageOrderTable .mypageOrderBox .useCouponInfo table th {text-align:left; margin:5px 0; display:block}
.mypageOrderTable .mypageOrderBox .useCouponInfo table td {text-align:right;}
.mypageOrderTable .mypageOrderBox .mypageAppendTit {display: flex; align-items: center; height: 40px;}
.mypageOrderTable .mypageOrderBox .mypageAppendTit .mypagePaymentType {flex-shrink: 0; width: 183px; font-size: 16px;}
.mypageOrderTable .mypageOrderBox .mypageAppendTit .btnAppend span {display: inline-block; width: 78px; height: 30px; border: 1px solid #6ba543; border-radius: 4px; color: #6ba543; line-height: 30px; text-align: center;}
.mypageOrderTable .mypageOrderBox .mypageAppendTit .btnAppend span.btnAppendCancel {border-color: #6ba543; background: #6ba543;}
.mypageOrderTable .mypageOrderBox .mypageAppendTit .btnAppend span.btnAppendCancel a {display: inline-block; width: 100%; height: 100%; color: #fff; text-align: center;}

.mypageOrderTable .boxSet_label {font-size:13px;color:#6b6b6b;display:inline-flex;padding:0 4px;align-items:center;justify-content:center;margin-left:4px;border:1px solid #E0E0E0;background:#f4f4f4;}
.mypageOrderTable .boxSet_inGrayBox {margin-top:10px;border:1px solid #E0E0E0;background:#F4F4F4;padding:10px 16px;font-size:13px}
.mypageOrderTable .boxSet_inGrayBox p {color:#6B6B6B}
.mypageOrderTable .boxSet_inGrayBox strong {font-weight:500;position:relative;padding-left:10px}
.mypageOrderTable .boxSet_inGrayBox strong::before {content:'';width:1px;height:7px;background:#333;position:absolute;left:0;top:2px}
.mypageOrderTable .boxSet_inGrayBox strong::after {content:'';width:7px;height:1px;background:#333;position:absolute;left:0;top:8px}

.oMypage-comm .orderBox .orderStep {padding: 53px 72px; border: 1px solid #eee;border-radius:5px;}
.oMypage-comm .orderBox .orderStep ul {display: table; table-layout: fixed; width: 100%;}
.oMypage-comm .orderBox .orderStep ul li {display: table-cell; position: relative; width: 20%; padding-top: 22px; text-align: center; font-size: 14px; color: #828282;}
.oMypage-comm .orderBox .orderStep ul li::before {content: ''; position: absolute; left: -50%; top: 0; width: 100%; height: 1px; border-top: 1px dotted #e0e0e0;}
.oMypage-comm .orderBox .orderStep ul li.stepOn::before {border-top: 1px solid #6ba543;}
.oMypage-comm .orderBox .orderStep ul li:nth-child(2).stepOn::before {border-top: 1px dotted #e0e0e0;}
.oMypage-comm .orderBox .orderStep ul li.stepOn + .stepOn::before {border-top: 1px solid #6ba543;}
.oMypage-comm .orderBox .orderStep ul li:first-child::before {display: none;}
.oMypage-comm .orderBox .orderStep ul li::after {content: ''; position: absolute; top: -4px; left: 0; right: 0; display: inline-block; width: 9px; height: 9px; margin: 0 auto; border-radius: 50%; border: 2px solid #eee; background: #fff; z-index: 1;}
.oMypage-comm .orderBox .orderStep ul li.stepOn::after {border-color: #6ba543;}
.orderBox .orderBoxInfo .btnDeliveryView {display: inline-block; width: 80px; height: 28px; line-height: 28px; border: 1px solid #333; border-radius: 4px; background: #fff; text-align: center;}
.orderBox .orderProductWrap {position: relative; padding-top: 25px;}
.orderBox .orderProductWrap .orderProductcheckAll {padding-bottom: 17px; border-bottom: 1px solid #333; font-size: 16px;}
.orderBox .orderProductWrap .orderProductcheckAll input.ip_checkboxG[type=checkbox] + label:before { top:12px; }
.orderBox .orderProductWrap .product {padding: 15px 0; border: 0; border-bottom: 1px solid #eee; text-align: center;}
.orderBox .orderProductWrap .product + .product {margin-top: 0;}
.orderBox .orderProductWrap .product .checkPd {flex-shrink: 0; width: 30px; text-align: left}
.orderBox .orderProductWrap .product .checkPd input.ip_checkboxG[type=checkbox] + label:before {top: -16px;}
.orderBox .orderProductWrap .product .orderProduct {flex-shrink: 0; width: 180px; text-align: left;}
.orderBox .orderProductWrap .product .orderProduct .addBadge {display: inline-block; width: 16px; height: 16px; border-radius: 4px; background: #ea3323; color: #fff; text-align: center; vertical-align: top;}
.orderBox .orderProductWrap .product .orderProduct .pdOption {color: #828282;}
.orderBox .orderProductWrap .product .orderReserve {padding-bottom: 3px;}
.orderBox .orderProductWrap .product .orderReserve a {display: inline-block; margin: -3px 0 0 3px; vertical-align: top;}
.orderBox .orderProductWrap .product .orderCount {width: 92px;}
.orderBox .orderProductWrap .product .orderDiscountPrice {width: 112px;}
.orderBox .orderProductWrap .product .orderDiscountPrice .discount {padding-top: 2px; color: #6ba543;}
.orderBox .orderProductWrap .product .orderBuyPrice {margin-top:10px;display:flex;gap:0 4px}
.orderBox .orderProductWrap .product .orderBuyPrice span {}
.orderBox .orderProductWrap .product .orderBuyPrice .pricePer {color:#6BA43A;font-weight:bold;font-size:14px;}
.orderBox .orderProductWrap .product .orderBuyPrice .priceAfter {font-weight:bold;font-size:14px;}

.orderBox .orderProductWrap .product .orderBuyPrice .priceBefore del {color:#909090;}
.orderBox .orderProductWrap .product .orderAction {flex-shrink: 0; width: 120px;}
.orderBox .orderProductWrap .product .orderAction p {width: 90px; height: 30px; margin: 0 auto; font-size: 12px; text-align: center; line-height: 30px;}
.orderBox .orderProductWrap .product .orderAction p.badgeDecide {border: 1px solid #6ba543; border-radius: 3px; color: #6ba543;}
.orderBox .orderProductWrap .product .orderAction p.badgeDecide + a {margin-top:10px;}
/* .orderBox .orderProductWrap .product .orderAction a.btnDecide {border-color: #6ba543; background: #6ba543; color: #fff;} */
.btnOrderDetail { padding: 40px 0 10px 0; text-align: center;}
.btnOrderDetail a {display: inline-block; width: 200px; height: 40px; margin-left: 23px; border: 1px solid #333; border-radius: 4px; font-size: 16px; line-height: 40px; text-align: center;}
.btnOrderDetail a:first-child {margin-left: 0;}
.btnOrderDetail a.btnReorder {border-color: #6ba543; color: #6ba543;}
.mypageOrderTable .odTable .odHistoryTable {width: 100%;}
.mypageOrderTable .odTable .odHistoryTable tbody tr {padding: 0 15px;}
.mypageOrderTable .odTable .odHistoryTable th,
.mypageOrderTable .odTable .odHistoryTable td {padding: 17px 0 15px 0;}
.mypageOrderTable .odTable .odHistoryTable tr:first-child td {padding: 17px 0 15px 0; border-top: 1px solid #e0e0e0;}
.mypageOrderTable .odTable .odHistoryTable th {font-weight: 400; font-size: 16px;}
.mypageOrderTable .odTable .odHistoryTable td {border-top: 1px dashed #e7e7e7; font-size: 14px; color: #828282; text-align: center;}

.packingPopWrap {/* visibility: hidden; opacity: 0; */ display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.8); transition: all .2s ease-out; z-index: 301;}
.packingPopWrap.on {/* visibility: visible; opacity: 1; */ display: block;}
.packingPopWrap .popHeader .popClose {display: inline-block; position: absolute; top: 20px; right: 20px; width: 50px; height: 50px;}
.packingPopWrap .popHeader .popClose::before {Content: '\2715'; display: inline-block; width: 100%; height: 100%; font-size: 40px; color: #fff; text-align: center; line-height: 50px;}
.packingPopWrap .popBody {position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); width: 90%; height: 90%; margin: 0 auto; text-align: center;}
.packingPopWrap .popBody .oSwiper {overflow: hidden; max-width: 80%; height: 100%; margin: 0 auto;}
.packingPopWrap .popBody ul {align-items: center;}
.packingPopWrap .popBody ul li {display: flex; align-items: center; justify-content: center; width: 100%;}
.packingPopWrap .popBody ul li img {max-width: 100%; max-height: 100%;}
.packingPopWrap .swiper-button-next, .swiper-container-rtl .swiper-button-prev {right: 10px; width: 50px; height: 50px; background: 0; opacity: 1; background: 0;}
.packingPopWrap .swiper-button-prev::before, .swiper-container-rtl .swiper-button-next::before {content: ''; display: inline-block; width: 50px; height: 50px; border: 1px solid #fff; border-width: 1px 0 0 1px; transform: rotate(-45deg);}
.packingPopWrap .swiper-button-prev, .swiper-container-rtl .swiper-button-next {left: 10px; width: 50px; height: 50px; background: 0; background-size: 25px auto; opacity: 1;}
.packingPopWrap .swiper-button-next::before, .swiper-container-rtl .swiper-button-prev::before {content: ''; display: inline-block; width: 50px; height: 50px; border: 1px solid #fff; border-width: 1px 1px 0 0; transform: rotate(45deg);}
.packingPopWrap .swiper-button-next.swiper-button-disabled, .packingPopWrap .swiper-button-prev.swiper-button-disabled {opacity: .35;}

/********************************************************/
/*********************************마이페이지 > 주문관리 : 정기배송 */
/********************************************************/
.mypage .rdClr_D { color:#3c3ca2; }
.mypage .rdClr_W { color:#1a747c; }
.mypage .rdClr_M { color:#6ba539; }

.mypageSubtit.tab {  }
.mypageSubtit.tab h4 { display:inline-block; }
.mypageTab_h4 { display:inline-block; padding-left:19px; letter-spacing:-0.35px; }
.mypageTab_h4 a { display:inline-block; margin-left:50px; color:#828282; font-size:14px; }
.mypageTab_h4 a.active { display:inline-block; color:#333; font-weight:500; }
.mypageTab_h4.tit { padding-left:0; }
.mypageTab_h4.tit a { position:relative; font-size:18px; }
.mypageTab_h4.tit a::before { content:""; display:inline-block; position:absolute; left:-25px; top:0; width:1px; height:18px; border-left:1px solid #e0e0e0; }
.mypageTab_h4.tit a:first-child { margin-left:0; }
.mypageTab_h4.tit a:first-child::before { display:none; }
.mypageTab_h4.tit a.active { color:#000; font-weight:700; }

.mypageRegularDelivery_list { }
.mypageRegularDelivery_list .lst_tit { display:table; width:100%; background-color:#f7f7f7; text-align:center; line-height:40px; font-size:14px;  }
.mypageRegularDelivery_list .lst_tit span { display:table-cell; }
.mypageRegularDelivery_list .lst_tit span:nth-of-type(1) { width:16%; }
.mypageRegularDelivery_list .lst_tit span:nth-of-type(2) { width:19%; }
.mypageRegularDelivery_list .lst_tit span:nth-of-type(3) { width:42%; }
.mypageRegularDelivery_list .lst_tit span:nth-of-type(4) { color:transparent; }
.mypageRegularDelivery_list ul {  }
.mypageRegularDelivery_list ul + ul { border-top:20px solid #f7f7f7; }
.mypageRegularDelivery_list ul li { display:table; display:flex; flex-direction:row; align-items:center; padding:19px 0; border-bottom:1px solid #e0e0e0; line-height:22px; font-size:13px; letter-spacing:-0.33px; }
.mypageRegularDelivery_list ul li > * { padding:0 18px; }
.mypageRegularDelivery_list ul li > *:nth-child(1) { width:16%; text-align:center; }
.mypageRegularDelivery_list ul.ing li.stop > *:nth-child(1) { color:#828282; }
.mypageRegularDelivery_list ul.off li > *:nth-child(1) { color:#333; }
.mypageRegularDelivery_list ul li > *:nth-child(2) { width:19%; text-align:left; }
.mypageRegularDelivery_list ul li > *:nth-child(2) span { display:block; color:#828282; }
.mypageRegularDelivery_list ul li > *:nth-child(2) b { display:block; font-weight:400; color:#828282; }
.mypageRegularDelivery_list ul.ing li > *:nth-child(2) b { color:#333; }
.mypageRegularDelivery_list ul.ing li.stop > *:nth-child(2) b { color:#828282; }
.mypageRegularDelivery_list ul.off li > *:nth-child(2) b { color:#333; }
.mypageRegularDelivery_list ul li > *:nth-child(3) { width:42%; text-align:left; }
.mypageRegularDelivery_list ul li > *:nth-child(4) { margin-left:auto; padding:10px 15px; }
.mypageRegularDelivery_list ul li .btn_detailView { color:#828282; font-size:14px; }
.mypageRegularDelivery_list ul li .btn_detailView::after { content:""; display:inline-block; width:6px; height:6px; margin:0 0 2px 1px; border:1px solid #828282; border-width:1px 1px 0 0; transform:rotate(45deg); }
.mypageRegularDelivery_list ul li .btn_dell { position:relative; color:transparent; }
.mypageRegularDelivery_list ul li .btn_dell::before { content:""; display:inline-block; position:absolute; right:0; top:50%; width:16px; height:1px; border-top:1px solid #333; transform:rotate(45deg); }
.mypageRegularDelivery_list ul li .btn_dell::after { content:""; display:inline-block; position:absolute; right:0; top:50%; width:16px; height:1px; border-top:1px solid #333; transform:rotate(-45deg); }
.mypageRegularDelivery_list ul + .mypageBtnArea { padding-top:42px; }

.mypage_regularDeliveryList .mypageBtnArea  { padding-top:25px; }

.mypage .noResult p { font-size:14px; text-align:center; line-height:200px; color:#828282; }
.mypage .noResult + .mypageBtnArea  { padding-top:0; }

.mypageBtnArea { text-align:center; font-size:0px; }
.mypageBtnArea a { display:inline-block; width:200px; height:50px; margin-left:25px; border:1px solid #333; border-radius:4px; line-height:50px; text-align:center; font-size:16px; font-weight:500; }
.mypageBtnArea a:first-child { margin-left:0; }
.mypageBtnArea a.next { background-color:#6ba539; border:1px solid #6ba539; color:#fff; }
.mypageBtnArea a.next.clrB { background-color:#333; border:1px solid #333; color:#fff; }
.mypageBtnArea a.clrG { border:1px solid #6ba539; color:#6ba539; }
.mypageBtnArea a.next.clrG { background-color:#6ba539; border:1px solid #6ba539; color:#fff; }

.mypageRegularDelivery_detailList {  }
.mypageRegularDelivery_detailList .lst_tit { position:relative; width:100%; height:50px; padding:14px 21px; background-color:#f7f7f7; text-align:left; line-height:22px; font-size:14px; }
.mypageRegularDelivery_detailList .lst_tit .rd_info { display:inline-block; }
.mypageRegularDelivery_detailList .lst_tit .rd_info em { display:inline-blick; padding:0 9px; background-color:#fff; border:1px solid #6ba539; border-radius:11px; line-height:22px; vertical-align:top; }
.mypageRegularDelivery_detailList .lst_tit .rd_info b { display:inline-blick; margin-left:4px; font-weight:500; }
.mypageRegularDelivery_detailList .lst_tit .rd_info span { display:inline-blick; font-weight:400; }
.mypageRegularDelivery_detailList .lst_tit .rd_scheduleDate { display:inline-block; margin-left:30px; }
.mypageRegularDelivery_detailList .lst_tit .rd_scheduleDate ol { display:inline-block; }
.mypageRegularDelivery_detailList .lst_tit .rd_scheduleDate ol li { display:inline-block; position:relative; margin-left:50px; opacity:0.5; }
.mypageRegularDelivery_detailList .lst_tit .rd_scheduleDate ol li.active { color:#333; opcity:1; }
.mypageRegularDelivery_detailList .lst_tit .rd_scheduleDate ol li::before { content:""; display:inline-block; position:absolute; left:-25px; top:3px; width:1px; height:14px; border-left:1px solid #e0e0e0; }
.mypageRegularDelivery_detailList .lst_tit .rd_scheduleDate ol li:first-child::before { display:none; }
.mypageRegularDelivery_detailList .lst_tit .rd_scheduleDate ol liery_detailList .lst_tit .rd_scheduleDate ol li span { display:inline-block; }
.mypageRegularDelivery_detailList .lst_tit .rd_scheduleDate ol li b { display:inline-block; margin-left:3px; font-weight:400; }
.mypageRegularDelivery_detailList .lst_tit a.btn_myOrderList { display:inline-block; position:absolute; right:0; top:10px; height:30px; margin-right:4px; padding:0 7px; background-color:#fff; border:1px solid #e0e0e0; border-radius:4px; font-size:14px; color:#000; text-align:center; line-height:30px; }

.mypage_regularDeliveryDetail .mypageBtnArea { padding-top:40px; }

.mypageRegularDelivery_detailList .lst_bd { padding-top:40px; font-size:13px; }
.mypageRegularDelivery_detailList .lst_bd ul { border-top:1px solid #e0e0e0; }
.mypageRegularDelivery_detailList .lst_bd ul li { padding:25px 0 25px 0; border-bottom:1px solid #e0e0e0; }
.mypageRegularDelivery_detailList .lst_bd ul .wrapBox { display:flex; position:relative; flex-direction:row; align-items:center; }
.mypageRegularDelivery_detailList .lst_bd ul .wrapBox > span { display:inline-block; }
.mypageRegularDelivery_detailList .lst_bd ul .wrapBox > span:nth-child(1) { width:24px; height:80px; }
.mypageRegularDelivery_detailList .lst_bd ul .wrapBox > span:nth-child(2) { width:80px; height:80px; background-color:#f7f7f7; border-radius:4px; overflow:hidden; }
.mypageRegularDelivery_detailList .lst_bd ul .wrapBox > span:nth-child(2) img { width:100%; filter:brightness(0.97); }
.mypageRegularDelivery_detailList .lst_bd ul .wrapBox > span:nth-child(3) { width:243px; padding:0 0 0 17px; line-height:22px; }
.mypageRegularDelivery_detailList .lst_bd ul .wrapBox > span:nth-child(3) strong { display:block; font-weight:500; }
.mypageRegularDelivery_detailList .lst_bd ul .wrapBox > span:nth-child(3) span { display:block; color:#828282; }
.mypageRegularDelivery_detailList .lst_bd ul .wrapBox > span:nth-child(4) { width:155px; text-align:center; }
.mypageRegularDelivery_detailList .lst_bd ul .wrapBox > span:nth-child(4) span { display:block; }
.mypageRegularDelivery_detailList .lst_bd ul .wrapBox > span:nth-child(4) b { display:block; font-weight:400; }
.mypageRegularDelivery_detailList .lst_bd ul .wrapBox > span:nth-child(5) { width:160px; line-height:22px; text-align:center; }
.mypageRegularDelivery_detailList .lst_bd ul .wrapBox > span:nth-child(5) span { display:block; font-size:12px; line-height:baseline;  }
.mypageRegularDelivery_detailList .lst_bd ul .wrapBox > span:nth-child(5) span b { display:inline-block; font-size:16px; }
.mypageRegularDelivery_detailList .lst_bd ul .wrapBox > span:nth-child(5) s { display:block; color:#828282; }
.mypageRegularDelivery_detailList .lst_bd ul .wrapBox a.btn_dell { margin-left:auto; color:transparent; }
.mypageRegularDelivery_detailList .lst_bd ul .wrapBox a.btn_dell::before { content:""; display:inline-block; position:absolute; right:0; top:50%; width:16px; height:1px; border-top:1px solid #333; transform:rotate(45deg); }
.mypageRegularDelivery_detailList .lst_bd ul .wrapBox a.btn_dell::after { content:""; display:inline-block; position:absolute; right:0; top:50%; width:16px; height:1px; border-top:1px solid #333; transform:rotate(-45deg); }

.mypageRegularDelivery_detailList .lst_bd_prdt { padding-top:0; font-size:13px; }
.mypageRegularDelivery_detailList .lst_bd_prdt ul { border-top:1px solid #e0e0e0; }
.mypageRegularDelivery_detailList .lst_bd_prdt ul li { padding:25px 0 25px 0; border-bottom:1px solid #e0e0e0; }
.mypageRegularDelivery_detailList .lst_bd_prdt ul .wrapBox { display:flex; position:relative; flex-direction:row; align-items:center; }
.mypageRegularDelivery_detailList .lst_bd_prdt ul .wrapBox > span { display:inline-block; }
.mypageRegularDelivery_detailList .lst_bd_prdt ul .wrapBox > span:nth-child(1) { width:70px; }
.mypageRegularDelivery_detailList .lst_bd_prdt ul .wrapBox > span:nth-child(2) { width:80px; height:80px; background-color:#f7f7f7; border-radius:4px; overflow:hidden; }
.mypageRegularDelivery_detailList .lst_bd_prdt ul .wrapBox > span:nth-child(2) img { width:100%; filter:brightness(0.97); }
.mypageRegularDelivery_detailList .lst_bd_prdt ul .wrapBox > span:nth-child(3) { width:243px; padding:0 0 0 17px; line-height:22px; }
.mypageRegularDelivery_detailList .lst_bd_prdt ul .wrapBox > span:nth-child(3) strong { display:block; font-weight:500; }
.mypageRegularDelivery_detailList .lst_bd_prdt ul .wrapBox > span:nth-child(3) span { display:block; color:#828282; }
.mypageRegularDelivery_detailList .lst_bd_prdt ul .wrapBox > span:nth-child(4) { width:160px; line-height:22px; text-align:center; }
.mypageRegularDelivery_detailList .lst_bd_prdt ul .wrapBox > span:nth-child(4) span { display:block; font-size:12px; line-height:baseline;  }
.mypageRegularDelivery_detailList .lst_bd_prdt ul .wrapBox > span:nth-child(4) span b { display:inline-block; font-size:16px; }
.mypageRegularDelivery_detailList .lst_bd_prdt ul .wrapBox > span:nth-child(4) s { display:block; color:#828282; }
.mypageRegularDelivery_detailList .lst_bd_prdt ul .wrapBox a.btn_dell { margin-left:auto; color:transparent; }
.mypageRegularDelivery_detailList .lst_bd_prdt ul .wrapBox a.btn_dell::before { content:""; display:inline-block; position:absolute; right:0; top:50%; width:16px; height:1px; border-top:1px solid #333; transform:rotate(45deg); }
.mypageRegularDelivery_detailList .lst_bd_prdt ul .wrapBox a.btn_dell::after { content:""; display:inline-block; position:absolute; right:0; top:50%; width:16px; height:1px; border-top:1px solid #333; transform:rotate(-45deg); }
.mypageRegularDelivery_detailList .lst_bd_prdt ul .wrapBox a.btn_detailView {  margin-left:auto; color:#6ba539; font-size:14px; }
.mypageRegularDelivery_detailList .lst_bd_prdt ul .wrapBox a.btn_detailView::after { content:""; display:inline-block; width:6px; height:6px; margin:0 0 3px 1px; border:1px solid #828282; border-width:1px 1px 0 0; transform:rotate(45deg); }
.mypageRegularDelivery_detailList .lst_bd_prdt p.noResult { line-height:200px; text-align:center; }

.mypageRegularDelivery_detaiDeliveryInfo { position:relative; margin-top:50px; }
.mypageRegularDelivery_detaiDeliveryInfo h5 { padding-bottom:12px; border-bottom:1px solid #333; font-size:18px; font-weight:500; letter-spacing:-0.4px; }
.mypageRegularDelivery_detaiDeliveryInfo h5 + a.btn_toggle { display:inline-block; position:absolute; right:0; top:0; width:29px; height:29px; overflow:hidden; color:transparent; }
.mypageRegularDelivery_detaiDeliveryInfo h5 + a.btn_toggle::before { content:""; display:inline-block; position:absolute; right:5px; top:6px; transform:rotate(45deg); width:6px; height:6px; border:1px solid #333; border-width:0 1px 1px 0; transition:all 0.3s; }
.mypageRegularDelivery_detaiDeliveryInfo.open h5 + a.btn_toggle::before { transform:rotate(225deg); top:7px; }
.mypageRegularDelivery_detaiDeliveryInfo dl { display:none; padding:12px 0; border-bottom:1px solid #e0e0e0; line-height:22px; font-size:16px; letter-spacing:-0.4px; }
.mypageRegularDelivery_detaiDeliveryInfo dl::after { content:""; display:block; clear:both; height:0; line-height:0; font-size:0; overflow:hidden; }
.mypageRegularDelivery_detaiDeliveryInfo.open dl { display:block; }
.mypageRegularDelivery_detaiDeliveryInfo dl dt { clear:both; float:left; width:190px; padding:9px 0; }
.mypageRegularDelivery_detaiDeliveryInfo dl dd { padding:9px 0; }
.mypageRegularDelivery_detaiDeliveryInfo dl dd span { display:block; }
.mypageRegularDelivery_detaiDeliveryInfo dl dd span + span { color:#828282; }

.mypageRegularDelivery_paymentInfo {  }
.mypageRegularDelivery_paymentInfo .lst_tit { position:relative; width:100%; height:50px; padding:14px 21px; text-align:left; line-height:22px; font-size:14px; }
.mypageRegularDelivery_paymentInfo .lst_tit b { display:inline-blick; margin-left:4px; font-weight:500; }
.mypageRegularDelivery_paymentInfo .lst_tit a.btn_paymentModify { display:inline-block; position:absolute; right:0; top:10px; height:30px; margin-right:4px; padding:0 7px; background-color:#fff; border:1px solid #6ba539; border-radius:4px; font-size:14px; color:#6ba539; text-align:center; line-height:30px; }
.mypageRegularDelivery_paymentInfo .lst_tit a.btn_paymentModify::afater { content:""; display:inline-block; position:absolute; right:5px; top:6px; transform:rotate(45deg); width:6px; height:6px; border:1px solid #333; border-width:0 1px 1px 0; transition:all 0.3s; }

.mypageRegularDelivery_paymentInfo .rd_paymentinfo_method { padding:25px 21px; background-color:#f7f7f7; line-height:22px; font-size:14px; letter-spacing:-0.35px; }
.mypageRegularDelivery_paymentInfo .rd_paymentinfo_method dl {  }
.mypageRegularDelivery_paymentInfo .rd_paymentinfo_method dt { font-weight:500; }
.mypageRegularDelivery_paymentInfo .rd_paymentinfo_method dd { font-weight:700; }
.mypageRegularDelivery_paymentInfo .rd_paymentinfo_method dd.noResult { color:#828282; font-weight:400; }
.mypageRegularDelivery_paymentInfo .rd_paymentinfo_note { padding:11px 6px;line-height:22px; font-size:14px; letter-spacing:-0.33px; }
.mypageRegularDelivery_paymentInfo .rd_paymentinfo_note ul {  }
.mypageRegularDelivery_paymentInfo .rd_paymentinfo_note ul li { position:relative; padding-left:13px; color:#828282; }
.mypageRegularDelivery_paymentInfo .rd_paymentinfo_note ul li::before { content:""; display:inline-block; position:absolute; left:5px; top:10px; width:2px; height:2px; background-color:#828282; border-radius:50%; overflow:hidden; }
.mypageRegularDelivery_paymentInfo .rd_paymentinfo_note ul li b { color:#333; }
.mypageRegularDelivery_paymentInfo .rd_paymentinfo_point { padding:30px 0 0 0; margin-top:20px; border-top:1px solid #f7f7f7; }
.mypageRegularDelivery_paymentInfo .rd_paymentinfo_point label { font-size:14px; }
.mypageRegularDelivery_paymentInfo .rd_paymentinfo_point input + label:before { top:10px !important; }
.mypage_regularDeliveryPayment .mypageBtnArea { padding:40px 0; }

.mypageRegularDelivery_settingCks { font-size:13px; letter-spacing:-0.33px; }
.mypageRegularDelivery_settingCks ul {  }
.mypageRegularDelivery_settingCks ul li { padding:25px 21px; border-bottom:1px solid #e0e0e0; }
.mypageRegularDelivery_settingCks ul li input + label {  }
.mypageRegularDelivery_settingCks ul li input + label::before { top:10px !important; }
.mypageRegularDelivery_settingCks ul li input + label span { display:inline-block; margin-left:10px; color:#828282; }
.mypageRegularDelivery_settingBtns { padding:25px 0 0 0; font-size:0; }
.mypageRegularDelivery_settingBtns a { display:inline-block; height:50px; padding:0 17px; margin-left:25px; border:1px solid #e0e0e0; border-radius:4px; line-height:50px; font-size:13px; }
.mypageRegularDelivery_settingBtns a:first-child { margin-left:0; }
.mypageRegularDelivery_settingBtns a::after { content:""; display:inline-block; transform:rotate(45deg); width:6px; height:6px; margin:0 0 3px 2px;; border:1px solid #333; border-width:1px 1px 0 0; transition:all 0.3s; }
.mypageRegularDelivery_settingNote { padding:40px 0; }
.mypageRegularDelivery_settingNote ol {  }
.mypageRegularDelivery_settingNote ol li { position:relative; margin-left:13px; line-height:22px; list-style-type:decimal; }
.mypageRegularDelivery_settingNote ol li b { color:#333; }


.mypage_regularDeliveryUpdate {  }
.mypage_regularDeliveryUpdate h4 { height:44px; line-height:44px; margin:20px 0 10px 0; padding-top:10px; border-top:2px solid #f2f2f2; font-weight:700; color:#000; font-size:15px; }
.mypage_regularDeliveryUpdate > *:nth-of-type(1) h4 { margin-top:0; border-top:0 solid #f2f2f2; }
.mypage_regularDeliveryUpdate ul.formDft {  }
.mypage_regularDeliveryUpdate ul.formDft li { margin-top:10px; }
.mypage_regularDeliveryUpdate ul.formDft li:first-child  { margin-top:0; }
.mypage_regularDeliveryUpdate ul.formDft li label { display:inline-block; width:80px; height:44px; line-height:44px; }
.mypage_regularDeliveryUpdate ul.formDft li input { width:calc(100% - 84px); height:44px; padding:0 16px; border:1px solid #e6e6e6; border-radius:4px; line-height:30px; }
.mypage_regularDeliveryUpdate ul.formLst {  }
.mypage_regularDeliveryUpdate ul.formLst li { line-height:21px; margin-top:10px; }
.mypage_regularDeliveryUpdate ul.formLst li span { display:block; font-size:13px; line-height:18px; color:#828282; font-weight:300; }
.mypage_regularDeliveryUpdate ul.formLst li:first-child  { margin-top:0; }
.mypage_regularDeliveryUpdate .noteBox { padding:15px 21px; margin-bottom:15px; background-color:#f7f7f7; border-radius:4px; overflow:hidden; line-height:18px; color:#828282; font-size:13px; font-weight:300; }
.mypage_regularDeliveryUpdate .noteBox strong { display:block; margin-bottom:15px; font-size:18px; color:#333; font-weight:700; }
.mypage_regularDeliveryUpdate .noteBox h5 { font-size:13px; margin:15px 0 5px 0; color:#6ba539; font-weight:400; }
.mypage_regularDeliveryUpdate .sbscrt em { line-height:18px; color:#6ba539; font-weight:bold; }
.mypage_regularDeliveryUpdate .deliveryAccessPass input[type=text] { width:calc(100% - 84px); height:44px; padding:0 16px; margin-top:10px; border:1px solid #e6e6e6; border-radius:4px; line-height:44px; }
.mypage_regularDeliveryUpdate .addRequest select { width:100%; height:44px; padding:0 40px 0 16px; margin-top:0; border:1px solid #e6e6e6; background:url(https://oasisprodcom.edge.naverncp.com/mobile/ico/ico_arr_down_56.png) no-repeat center right 16px/11px auto; border-radius:4px; line-height:44px; -webkit-appearance:none;-moz-appearance:none;appearance:none }
.mypage_regularDeliveryUpdate .addRequest textarea { width:100%; height:100px; padding:10px 16px; margin-top:10px; border:1px solid #e6e6e6; border-radius:4px; line-height:22px; }


/********************************************************/
/***********************************마이페이지 > 렌탈내역 */
/********************************************************/
/* 렌탈::주문리스트 */
.rentalInfo .odPdBtn {flex-shrink: 0; width: 120px; padding: 0 20px;}
.rentalInfo .odPdBtn > * {display: block; width: 80px; height: 30px; border-radius: 4px; font-size: 12px; line-height: 30px; text-align: center;}
.rentalInfo .orderProduct .orderPdPrice {padding-top: 3px;}
.rentalInfo .orderProduct dl {padding-top: 2px;}
.rentalInfo .orderProduct dl dt,
.rentalInfo .orderProduct dl dd {display: inline-block; vertical-align: top;}
.rentalInfo .orderPrice {padding-top: 2px;}
.oMypage-comm .rentalInfo .orderBox .orderStatus {width: 200px;}
.oMypage-comm .rentalInfo #listArticle + #listArticle {margin-top: 30px;}
.oMypage-comm .rentalInfo .orderBox .productArea .product {padding: 35px 0 35px 30px;}
.oMypage-comm .rentalInfo .orderBox .product .orderProduct a .orderPdName span em.titEllipsis {line-height: 22px;}
.oMypage-comm .rentalInfo .orderBox .product figure {align-self: flex-start; border: 0px solid #eee;}
.oMypage-comm .rentalInfo .orderBox .product figure a {position: relative;}
.oMypage-comm .rentalInfo .orderBox .product figure a::before {content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.03); z-index: 2;}
.oMypage-comm .rentalInfo .orderBox .product .orderProduct {margin-top: -4px; padding: 0 0 0 20px;}
.oMypage-comm .rentalInfo .orderBox .product .orderProduct a .orderPdPrice em {color: #18409a;}
.oMypage-comm .rentalInfo .orderBox .product .orderProduct a .orderPdPrice em + em {font-size: 13px;}

/* 렌탈::상세 */
.rentalContents .btnOrderDetail a {height: 50px; line-height: 50px;}
.rentalContents .oMypage-comm .mypageSubtit h5 {font-weight: 400; font-size: 18px;}
.rentalContents .oMypage-comm .orderBox .orderStep {padding-top: 67px; padding-bottom: 34px;}
.rentalContents .oMypage-comm .orderBox .orderStep ul li {padding-top: 20px;}
.rentalContents .oMypage-comm .orderBox .orderStep ul li.stepOn::before {border-top: 1px solid #18409a;}
.rentalContents .oMypage-comm .orderBox .orderStep ul li.stepOn + .stepOn::before {border-color: 1px solid #18409a;}
.rentalContents .oMypage-comm .orderBox .orderStep ul li.stepOn::after {border-color: #18409a;}
.rentalContents .oMypage-comm .orderBox .productWrap .product::after {display: none;}
.rentalContents .orderBox .orderProductWrap {padding-top: 40px;}
.rentalContents .oMypage-comm .orderBox .product figure {border: 0px solid #eee;}
.rentalContents .oMypage-comm .orderBox .product figure a {position: relative;}
.rentalContents .oMypage-comm .orderBox .product figure a::before {content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.03); z-index: 2;}
.rentalContents .oMypage-comm .orderBox .product .orderProduct {padding: 0 0 0 20px;}
.rentalContents .oMypage-comm .orderBox .product .orderProduct a .orderPdName span em.titEllipsis {line-height: 22px;}
.rentalContents .orderBox .orderProductWrap .product .orderCount {width: 190px; text-align: center;}
.rentalContents .orderBox .orderProductWrap .product .orderCount .box + .box {padding-top: 8px;}
.rentalContents .orderBox .orderProductWrap .product .orderCount .box + .box.col-828282 {color: #828282;}
.rentalContents .orderBox .orderProductWrap .product .orderCount .box dt,
.rentalContents .orderBox .orderProductWrap .product .orderCount .box dd {display: inline-block;}
.rentalContents .orderBox .orderProductWrap .product .orderBuyPrice {width: 203px;}
.rentalContents .orderBox .orderProductWrap .product .orderBuyPrice span em {font-size: 18px;}
.rentalContents .mypageOrderTable .mypageOrderBox {padding: 15px 20px 15px 0;}
.rentalContents .mypageOrderTable .mypageOrderBox .boxSet dt,
.rentalContents .mypageOrderTable .mypageOrderBox .boxSet dd {line-height: 24px;}