@charset "utf-8";

body.isPop {overflow:hidden !important;height:100% !important;}

/****************************************************************************************************************
	form
****************************************************************************************************************/
/* input cehckbox */
.inpChk {display:inline-block;position:relative;box-sizing:border-box;padding:0 0 0 20px;}
.inpChk input[type="checkbox"] {position:absolute;left:0;top:0;width:20px;height:20px;background-image:url('/unify/m/images/myShop/form_check.png');background-repeat:no-repeat;background-position:center top;background-size:100% auto;z-index:0;}
.inpChk span {display:block;padding:0 0 0 5px;line-height:20px;font-size:13px;color:#000;}
.inpChk input[type="checkbox"]:checked {background-position:center bottom;}
.inpChk input[type="checkbox"]:checked + span {color:#000;}

/* input text */
.inpTxt {display:inline-block;position:relative;box-sizing:border-box;width:100%;border-bottom:1px solid #e4e4e4;}
.inpTxt input[type='text'],
.inpTxt input[type="tel"],
.inpTxt input[type="password"] {width:100%;height:52px;font-size:15px;border:none;}
.inpTxt .inpDel {display:none;position:absolute;top:50%;right:0;width:22px;height:22px;background:url('/unify/m/images/mobile/order/prod_list/inp_del.png') no-repeat center;background-size:22px;transform:translate(0, -50%);}
.inpTxt .inpDel em {display:block;overflow:hidden;height:0;padding:0;margin:0;font-size:1px;line-height:0;}
.inpTxt.isVal {border-bottom:1px solid #000;}
.inpTxt.isVal input[type='text'],
.inpTxt.isVal input[type="tel"],
.inpTxt.isVal input[type="password"] {color:#000;}
.inpTxt.isVal .inpDel {display:block;}

.pageBtnBox {margin:24px 0 0;text-align:center;}
.btnPageItem {display:inline-block;padding:0 16px;box-sizing:border-box;text-align:center;border-radius:8px;background-color:#000;}
.btnPageItem span {display:inline-block;height:36px;line-height:36px;font-size:14px;color:#fff;font-weight:bold;}

/* 등록 */
.resevationFormWrap {margin:3px 0 0;color:#000;border-radius:10px;background-color:#fff;}
.resevationFormWrap:first-child {margin:0;}
.resevationFormWrap > ul > li {margin:15px 0 0;}
.resevationFormWrap > ul > li:first-child {margin:0;}
.resevationFormWrap .regNoti {display:block;margin:5px 0 0;line-height:20px;font-size:12px;color:#01a69f;}

/* 보안문자 */
.securityImgBox {margin:20px 0 0;}
.securityImgBox img {width:100%;}

/****************************************************************************************************************
	마이샵 기존 페이지 상단 메뉴 및 안내영역 작업
****************************************************************************************************************/
/* order-top */
.order-top {display:flex;justify-content:left;align-items:center;position:relative;z-index:100;width:100%;box-sizing:border-box;height:50px;padding:0 16px 0 42px;border-bottom:none;text-align:left;background:#fff;}
.order p {color:#888;font-size:11px;}
.order-title {line-height:1;font-size:16px;font-weight:600;color:#000;}
.order-title + p {margin-top:5px;}
.order-go-prev {display:block;position:absolute;top:50%;left:16px;transform:translateY(-50%);width:20px;height:20px;background:url('/unify/m/images/myShop/ico_order_arrow_prev.png') no-repeat 50% 50%;background-size:20px;text-indent:-999px;overflow:hidden;}

.order-category-box {border-bottom:2px solid #f2f2f2;background-color:#fff;}
.order-category-box .inner {overflow-x:auto;overflow-y:hidden;}
.order-category-box .inner::-webkit-scrollbar {display:none; /* Chrome, Safari, Opera*/}
.order-category-box .inner > ul {display:inline-flex;}
.order-category-box .inner > ul > li a {display:block;box-sizing:border-box;width:80px;height:80px;padding:11px 0 0;text-align:center;}
.order-category-box .inner > ul > li a em {display:block;line-height:20px;font-size:12px;color:#000;}
.order-category-box .inner > ul > li[class^="cate"] a:before {display:block;content:"";width:38px;height:38px;margin:0 auto;background-repeat:no-repeat;background-position:center;background-size:100% auto;}
.order-category-box .inner > ul > li.cate01 a:before {background-image:url('/unify/m/images/myShop/icon_cate01.png');}
.order-category-box .inner > ul > li.cate02 a:before {background-image:url('/unify/m/images/myShop/icon_cate02.png');}
.order-category-box .inner > ul > li.cate03 a:before {background-image:url('/unify/m/images/myShop/icon_cate03.png');}
.order-category-box .inner > ul > li.cate04 a:before {background-image:url('/unify/m/images/myShop/icon_cate04.png');}
.order-category-box .inner > ul > li.cate05 a:before {background-image:url('/unify/m/images/myShop/icon_cate05.png');}
.order-category-box .inner > ul > li.cate06 a:before {background-image:url('/unify/m/images/myShop/icon_cate06.png');}
.order-category-box .inner > ul > li[class^="cate"].on a {font-weight:bold;background-color:#5ddfde;}
.order-category-box .inner > ul > li.cate01.on a:before {background-image:url('/unify/m/images/myShop/icon_cate01_over.png');}
.order-category-box .inner > ul > li.cate02.on a:before {background-image:url('/unify/m/images/myShop/icon_cate02_over.png');}
.order-category-box .inner > ul > li.cate03.on a:before {background-image:url('/unify/m/images/myShop/icon_cate03_over.png');}
.order-category-box .inner > ul > li.cate04.on a:before {background-image:url('/unify/m/images/myShop/icon_cate04_over.png');}
.order-category-box .inner > ul > li.cate05.on a:before {background-image:url('/unify/m/images/myShop/icon_cate05_over.png');}
.order-category-box .inner > ul > li.cate06.on a:before {background-image:url('/unify/m/images/myShop/icon_cate06_over.png');}

.order-sub-category-box {padding:0 5px;background-color:#fff;}
.order-sub-category-box .inner {overflow-x:auto;overflow-y:hidden;}
.order-sub-category-box .inner::-webkit-scrollbar {display:none; /* Chrome, Safari, Opera*/}
.order-sub-category-box .inner > ul {display:flex;align-items:center;}
.order-sub-category-box .inner > ul > li {padding:15px 10px;}
.order-sub-category-box .inner > ul > li a {display:block;box-sizing:border-box;font-size:13px;color:#000;text-align:center;white-space:nowrap;}
.order-sub-category-box .inner > ul > li a span {display:block;font-size:11px;}
.order-sub-category-box .inner > ul > li.on a {font-weight:bold;color:#01a69f;}
.order-sub-category-box .inner > ul > li.on a span {color:#01a69f;}

.order-history {padding:20px 15px;}

.order-history .order-commt-box {line-height:20px;font-size:16px;font-weight:bold;color:#000;}
.order-history .order-commt-box .pointTxt {color:#01a69f;}

.order-history .order-oneminute-box {margin:20px 0;padding:20px;border-radius:10px;background-color:#fff;}
.order-history .order-oneminute-box:first-child {margin:0 0 20px;}
.order-history .order-oneminute-box .inner {display:block;position:relative;padding:0 70px 0 0;}
.order-history .order-oneminute-box .txt {line-height:22px;font-size:15px;color:#000;}
.order-history .order-oneminute-box .btnLink {display:block;position:absolute;right:0;top:50%;padding:0 10px 0 0;font-size:13px;font-weight:bold;color:#01a69f;transform:translate(0, -50%);}
.order-history .order-oneminute-box .btnLink:after {display:block;content:"";position:absolute;right:0;top:50%;width:7px;height:11px;margin:-5px 0 0;color:#01a69f;background:url('/unify/m/images/myShop/btn_link.png') no-repeat center;background-size:100% auto;}
.order-history .order-commt-box + .order-oneminute-box {margin:20px 0;}

.order-history-title {margin:20px 0 0;line-height:22px;font-size:15px;font-weight:600;color:#222;text-align:center;}
.order-history-title:first-child {margin:0;}
.order-period-box {margin:px 0 0;line-height:22px;font-size:13px;color:#959595;text-align:center;}
.order-history-title + .order-history-search {margin:20px 0 0;}

/****************************************************************************************************************
	주문내역 신규화면
****************************************************************************************************************/
.orderHistoryWrap {padding:24px 20px;background:#f8f8f8;}
.orderHistoryWrap .flagBox {display: flex;gap: 5px;}
.orderHistoryWrap .flagItem {display:inline-block;padding-right:12px;line-height:20px;font-size:12px;color:#01a69f;background:url('/unify/m/images/myShop/order_detail_arrow.png') no-repeat 100% 50%;background-size:6px auto;letter-spacing: -1.2px;}
.orderHistoryWrap .flagItem + .flagItem {margin-left: 5px;}

.orderHistoryWrap .order-oneminute-box {margin:30px 0 0;}
.orderHistoryWrap .order-oneminute-box:first-child {margin:0;}
.orderHistoryWrap .order-oneminute-box .inner {display:block;position:relative;padding:0 70px 0 0;}
.orderHistoryWrap .order-oneminute-box .txt {line-height:22px;font-size:15px;color:#000;}
.orderHistoryWrap .order-oneminute-box .txt .pointTxt {font-weight:bold;}
.orderHistoryWrap .order-oneminute-box .btnLink {display:block;position:absolute;right:0;bottom:0;padding:0 10px 0 0;line-height:22px;font-size:13px;font-weight:bold;color:#01a69f;}
.orderHistoryWrap .order-oneminute-box .btnLink:after {display:block;content:"";position:absolute;right:0;top:50%;width:7px;height:11px;margin:-5px 0 0;color:#01a69f;background:url('/unify/m/images/myShop/btn_link.png') no-repeat center;background-size:100% auto;}

.orderHistoryWrap .order-period-box {margin:30px 0 0;}
.orderHistoryWrap .order-period-box:first-child {margin:0;}
.orderHistoryWrap .order-period-box .btn-perid-box {display:flex;background:#fff;border:1px solid #d9d9d9;border-radius:4px;}
.orderHistoryWrap .order-period-box .btn-perid-box .btn-perid-item {position:relative;box-sizing:border-box;flex:1;min-height:40px;border-left:1px solid #d9d9d9;}
.orderHistoryWrap .order-period-box .btn-perid-box .btn-perid-item:first-child{border-left:none;}
.orderHistoryWrap .order-period-box .btn-perid-box .btn-perid-item.active:before{content:'';display:block;position:absolute;left:-1px;top:-1px;width:calc(100% + 2px);height:calc(100% + 2px);border:1px solid #000;z-index:2;}
.orderHistoryWrap .order-period-box .btn-perid-box .btn-perid-item.active:first-child:before{border-radius:8px 0 0 8px;}
.orderHistoryWrap .order-period-box .btn-perid-box .btn-perid-item.active:last-child:before{border-radius:0 8px 8px 0;}
.orderHistoryWrap .order-period-box .btn-perid-box .btn-perid-item button {width:100%;height:100%;padding:10px 0;border-radius:0;}
.orderHistoryWrap .order-period-box .btn-perid-box .btn-perid-item button span {display:inline-block;line-height:20px;font-size:14px;word-break:keep-all;}
.orderHistoryWrap .order-period-box .btn-perid-box .btn-perid-item.active button {}
.orderHistoryWrap .order-period-box .btn-perid-box .btn-perid-item.active button span {font-weight:bold;}
.orderHistoryWrap .order-period-box .btn-perid-box .btn-perid-item.direct-set.active button {position:relative;border-radius:0;}
.orderHistoryWrap .order-period-box .direct-set-period-box {display:none;position:relative;margin-top:12px;}
.orderHistoryWrap .order-period-box .direct-set-period-box .tit {display:none;}
.orderHistoryWrap .order-period-box .direct-set-period-box .tit:before {display:block;content:"";position:absolute;left:0;top:0;width:23px;height:23px;background:url('/unify/m/images/myShop/icon_calendar.png') no-repeat center;background-size:100% auto;}
.orderHistoryWrap .order-period-box .direct-set-period-box .direct-set-regist-box {position:relative;padding:0 74px 0 0;}
.orderHistoryWrap .order-period-box .direct-set-period-box .direct-set-regist-box:first-child {margin:0;}
.orderHistoryWrap .order-period-box .direct-set-period-box .direct-set-regist-box .calendar-inpt-item {display:flex;justify-content:space-between;}
.orderHistoryWrap .order-period-box .direct-set-period-box .direct-set-regist-box .calendar-inpt-item .item-unit {width:calc(50% - 10px);}
.orderHistoryWrap .order-period-box .direct-set-period-box .direct-set-regist-box .calendar-inpt-item .item-unit:nth-child(2) {width:20px;line-height:40px;font-size:16px;text-align:center;color:#000;}
.orderHistoryWrap .order-period-box .direct-set-period-box .direct-set-regist-box .calendar-inpt-item .item-unit input {height:40px;padding:0 12px 0 36px;font-size:14px;color:#000;border:1px solid #a8a8a8;border-radius:4px;background:url('/unify/m/images/myShop/icon_calendar.png') no-repeat 12px 10px #fff;background-size:20px auto;}
.orderHistoryWrap .order-period-box .direct-set-period-box .direct-set-regist-box .btn-search-period {display:block;position:absolute;right:0;bottom:0;width:66px;line-height:40px;font-size:16px;color:#fff;text-align:center;border-radius:8px;background-color:#000;font-weight:bold;}

.orderHistoryWrap .order-prod-list-wrap {padding-top:32px;}
.orderHistoryWrap .orderNumberBox + .order-prod-list-wrap {margin:0 -20px;padding:20px 20px 32px;background:#fff;}
.orderHistoryWrap .orderNumberBox .flagItem {font-size: 12px;font-weight: 500;letter-spacing: -1.2px;}

.orderHistoryWrap .order-prod-list-wrap > ul > li {margin:16px 0 0;}
.orderHistoryWrap .order-prod-list-wrap > ul > li:first-child {margin:0;}
.orderHistoryWrap .order-prod-list-wrap .no-data {margin:0;padding:78px 0 24px;font-size:14px;color:#000;line-height:20px;text-align:center;background:url('/unify/m/images/myShop/ico_myshop_nodata.png') no-repeat 50% 32px;background-size:32px;}

.orderHistoryWrap .orderCardCase {padding:20px;border-radius:10px;background-color:#fff;border:1px solid #d9d9d9;}
.orderHistoryWrap .orderNumberBox + .order-prod-list-wrap .orderCardCase{border:none;}
.orderHistoryWrap .orderCardCase .orderInfoBox .orderInfoTop {display:flex;justify-content:space-between;align-items: center;}
.orderHistoryWrap .orderCardCase .orderInfoBox .orderInfoTop .date {line-height:20px;font-size:14px;color:#808080;}
.orderHistoryWrap .orderCardCase .orderInfoBox .prodInfoBox {box-sizing:border-box;position:relative;min-height:136px !important;margin:16px 0 0;padding:20px 120px 16px 0;border-top:1px solid #ebebeb;}
.orderHistoryWrap .orderCardCase .orderInfoBox .btnFuncBox + .prodInfoBox{margin-top:12px;border-top:none;}

.orderHistoryWrap .orderCardCase .orderInfoBox .prodInfoBox .img {display:block;position:absolute;top:15px;right:0;width:auto;height:110px;}
.orderHistoryWrap .orderCardCase .orderInfoBox .prodInfoBox .img img {height:100%;}
.orderHistoryWrap .orderCardCase .orderInfoBox .prodInfoBox .name {display:block;line-height:26px;font-size:20px;}
.orderHistoryWrap .orderCardCase .orderInfoBox .prodInfoBox .prodOptBox {margin:6px 0 0;}
.orderHistoryWrap .orderCardCase .orderInfoBox .prodInfoBox .prodOptBox .colorItems {display:inline-block;position:relative;padding:0 0 0 20px;line-height:20px;font-size:14px;color:#808080;vertical-align:middle;}
.orderHistoryWrap .orderCardCase .orderInfoBox .prodInfoBox .prodOptBox .colorItems i {display:inline-block;position:absolute;left:0;top:50%;width:17px;height:17px;margin:-9px 0 0;border-radius:100%;vertical-align:middle;}
.orderHistoryWrap .orderCardCase .orderInfoBox .prodInfoBox .prodOptBox .optItems {display:inline-block;line-height:20px;font-size:13px;color:#000;vertical-align:middle;}
.orderHistoryWrap .orderCardCase .orderInfoBox .prodInfoBox .orderStateBox {margin:12px 0 0;}
.orderHistoryWrap .orderCardCase .orderInfoBox .prodInfoBox .orderStateBox .stateItems {display:inline-block;position:relative;margin:0 5px 0 0;font-size:14px;font-weight:bold;color:#01a69f;}
.orderHistoryWrap .orderCardCase .orderInfoBox .prodInfoBox .orderStateBox .stateItems:after {display:block;content:"";position:absolute;right:-5px;top:1px;width:1px;height:16px;background-color:#01a69f;}
.orderHistoryWrap .orderCardCase .orderInfoBox .prodInfoBox .orderStateBox .stateItems:last-child {margin:0;}
.orderHistoryWrap .orderCardCase .orderInfoBox .prodInfoBox .orderStateBox .stateItems:last-child:after {display:none;}
.orderHistoryWrap .orderCardCase .orderInfoBox .detailPayment {box-sizing:border-box;position:relative;margin:12px 0 0;padding:15px 0 0;border-top:1px solid #ededed;}
.orderHistoryWrap .orderCardCase .orderInfoBox .detailPayment:first-child {margin:0;padding:0;border-top:none;}
.orderHistoryWrap .orderCardCase .orderInfoBox .detailPayment .detailPaylist + .detailPaylist{margin-top:8px;}
.orderHistoryWrap .orderCardCase .orderInfoBox .detailPayment .detailPaylist li .paymentInfoRow:after {display:block;content:"";clear:both;overflow:hidden;width:0;height:0;padding:0;margin:0;line-height:0;font-size:1px;}
.orderHistoryWrap .orderCardCase .orderInfoBox .detailPayment .detailPaylist > li > .paymentInfoRow .tit {float:left;font-size:14px;font-weight:bold;color:#000;line-height:20px;}
.orderHistoryWrap .orderCardCase .orderInfoBox .detailPayment .detailPaylist > li > .paymentInfoRow .txt {float:right;font-size:14px;font-weight:bold;color:#000;line-height:20px;}
.orderHistoryWrap .orderCardCase .orderInfoBox .detailPayment .order-history-info-txt{margin-top:12px;font-size:14px;color:#808080;}

.orderHistoryWrap .orderCardCase .orderInfoBox .detailPayment .detailPaylist02:first-child {margin:0;}
.orderHistoryWrap .orderCardCase .orderInfoBox .detailPayment .detailPaylist02 > li {margin:6px 0 0;}
.orderHistoryWrap .orderCardCase .orderInfoBox .detailPayment .detailPaylist02 > li > .paymentInfoRow:after {display:block;content:"";clear:both;overflow:hidden;width:0;height:0;padding:0;margin:0;line-height:0;font-size:1px;}
.orderHistoryWrap .orderCardCase .orderInfoBox .detailPayment .detailPaylist02 > li > .paymentInfoRow .tit {float:left;font-size:14px;color:#525252;}
.orderHistoryWrap .orderCardCase .orderInfoBox .detailPayment .detailPaylist02 > li > .paymentInfoRow .txt {float:right;font-size:14px;color:#525252;}
.orderHistoryWrap .orderCardCase .btnFuncBox {margin:20px 0 0;}
.orderHistoryWrap .orderCardCase .btnFuncBox button {margin:10px 0 0;}
.orderHistoryWrap .orderCardCase .btnFuncBox button:first-child {margin:0;}
.orderHistoryWrap .orderCardCase .btnFunc01 {display:inline-block;box-sizing:border-box;width:100%;border-radius:8px;border:1px solid #a8a8a8;background-color:#fff;}
.orderHistoryWrap .orderCardCase .btnFunc01 span {display:inline-block;line-height:40px;font-size:16px;color:#000;font-weight:bold;}
.orderHistoryWrap .orderCardCase .btnFunc01 span a{border:0;margin-top:0;height: 40px;font-weight:normal;line-height: 40px;font-size: 16px;color:#000;font-weight:bold;}
.orderHistoryWrap .orderCardCase .btnFunc02 {display:inline-block;box-sizing:border-box;width:100%;border-radius:5px;border:1px solid #5ddfde;background-color:#5ddfde;}
.orderHistoryWrap .orderCardCase .btnFunc02 span {display:inline-block;line-height:34px;font-size:13px;color:#000;}

.orderHistoryWrap .order-list-more {margin:24px 0 0 !important;text-align:center;}
.orderHistoryWrap .order-list-more button {height:36px;padding:0 12px 0 16px;line-height:34px;border:1px solid #a8a8a8;border-radius:8px;background:#fff;}
.orderHistoryWrap .order-list-more button span {display:inline-block;font-size:14px;font-weight:bold !important;color:#000;vertical-align:top;}
.orderHistoryWrap .order-list-more button span:after {display:inline-block;content:"";width:16px;height:16px;margin:0 0 0 4px;background:url('/unify/m/images/myShop/btn_more.png') no-repeat center;background-size:16px auto;vertical-align:-2px;}

.dropdown-box{margin:40px 0 0;border-color:#d9d9d9;border-radius:16px;}
.dropdown-box-head{min-height:53px;padding:16px 40px 16px 20px;}
.dropdown-box .order-dropdown{margin:0 20px;padding:20px 0;border-color:#d9d9d9;}
.dropdown-box .bullet-list li{font-size:12px;color:#808080;line-height:18px;}
.dropdown-box .bullet-list li + li{margin:8px 0 0;}
.dropdown-box .bullet-list li.bullet-sub-title{margin:32px 0 12px;font-size:16px;line-height:18px;color:#000;}
.dropdown-box .bullet-list li.bullet-sub-title:first-child{margin-top:0;}


/* 주문번호 */
.orderHistoryWrap .orderNumberBox {display: flex;justify-content: space-between; position:relative;margin:-32px -20px 0;padding:32px 20px 12px;line-height:27px;font-size:16px;color:#0f807b;font-weight:bold;background:#fff;}
.orderHistoryWrap .orderNumberBox:after{content:'';position:absolute;left:20px;bottom:0;width:calc(100% - 40px);height:2px;background:#000;;}

/* 주문상세 배너 */
.orderHistoryWrap .banner-box {display:block;margin:20px 0 0;}
.orderHistoryWrap .banner-box img {width:100%;}

/* 주문상세 정보 타이틀 */
.orderHistoryWrap .order-detail-tit {display:block;margin:32px 0 12px;line-height:27px;font-size:18px;font-weight:bold;color:#000;}

/* 주문상세 정보 리스트 */
.orderHistoryWrap .order-detail-info-box{padding:0 !important;}
.orderHistoryWrap .order-detail-info-box > ul{padding:24px 20px;border-radius:16px;background-color:#fff;}
.orderHistoryWrap .order-detail-info-box .ui-order-detail-list + .ui-order-detail-list{margin-top:16px;}

.orderHistoryWrap .order-detail-info-box > ul > li {display:flex;flex-wrap:wrap;margin:16px 0 0;line-height:20px;font-size:14px;color:#000;}
.orderHistoryWrap .order-detail-info-box > ul > li:first-child {margin:0;}
.orderHistoryWrap .order-detail-info-box > ul > li .tit {width:30%;}
.orderHistoryWrap .order-detail-info-box > ul > li .txt {box-sizing:border-box;width:70%;padding:0 0 0 10px; word-wrap: break-word;  word-break: break-all; white-space: normal; }
.orderHistoryWrap .order-detail-info-box > ul > li .txt .addrChange {display: block;border: 1px solid #A8A8A8;border-radius: 8px;width: 50px;height: 30px;margin-top: 8px;}
.orderHistoryWrap .order-detail-info-box .btnTipGuide {display:inline-block;width:13px;height:13px;margin:-10px 0 0;background:url('/unify/m/images/myShop/icon_tip_guide.png') no-repeat center;background-size:100%;}
.orderHistoryWrap .order-detail-info-box .btnTipGuide em {display:block;overflow:hidden;width:0;height:0;padding:0;margin:0;line-height:0;}
.orderHistoryWrap .order-detail-info-box li.ui-raw{position:relative;padding-left:10px;color: #959595; font-size: 12px; word-break: break-all;}
.orderHistoryWrap .order-detail-info-box li.ui-raw:before{content:'*';margin-right: 5px;position:absolute;left:0;top:0;}
.orderHistoryWrap .order-detail-info-box button.btn_deliver {height: 23px;line-height: 23px;font-size: 11px;padding: 0 6px;background: #999;border-radius: 4px;display: block;}
.orderHistoryWrap .order-detail-info-box button.btn_deliver span {color:#fff;}
/* 구매 동의 영역 */
.orderHistoryWrap .btn_agree_link {display:block;position:relative;margin:12px 0 0;padding:16px 20px;border:1px solid #d9d9d9;border-radius:16px;background-color:#fff;}
.orderHistoryWrap .btn_agree_link:after {display:block;content:"";position:absolute;right:20px;top:50%;width:10px;height:10px;margin:-5px 0 0;background:url('/unify/m/images/myShop/btn_agree_link.png') no-repeat center;background-size:auto 100%;}
.orderHistoryWrap .btn_agree_link span {display:inline-block;line-height:20px;font-size:14px;font-weight:bold;color:#000;}

/* tooltip */
.orderHistoryWrap .tooltipItemWrap {display:inline-block;position:relative;}
.orderHistoryWrap .tooltipItemWrap .btnTooltip {width:20px;height:20px;vertical-align:top;background:url('/unify/m/images/myShop/icon_tooltip.png') no-repeat center;background-size:100%;}
.orderHistoryWrap .tooltipItemWrap .btnTooltip em {display:block;overflow:hidden;width:0;height:0;padding:0;margin:0;line-height:0;font-size:1px;}
.orderHistoryWrap .tooltipItemWrap .tooltipBox {display:none;position:absolute;top:100%;margin:10px 0 0;}
.orderHistoryWrap .tooltipItemWrap .tooltipBox .tail {display:block;width:20px;height:11px;background:url('/unify/m/images/myShop/icon_tooltip_tail.png') no-repeat center;background-size:100% auto;}
.orderHistoryWrap .tooltipItemWrap .tooltipBox .tooltipConts {padding:15px;border:1px solid #d9d9d9;border-radius:10px;background-color:#fff;box-shadow:0px 7px 9px rgba(0, 0, 0, 0.1);}
.orderHistoryWrap .tooltipItemWrap .tooltipBox .tooltipConts .tooltipMessg {font-size:12px;color:#959595;white-space:nowrap;text-align:center;}

.orderHistoryWrap .tooltipItemWrap.ver01 .tooltipBox .tail {position:absolute;top:-10px;z-index:1;}
.orderHistoryWrap .tooltipItemWrap.ver01 .tooltipBox .tooltipConts {position:relative;left:-160px;}

/* 안내가이드 드랍다운 영역 */
.dropdown-box .urlLink {color:#01a69f;border-bottom:1px solid #01a69f;}

/****************************************************************************************************************
	로그인
****************************************************************************************************************/
.myshop_wrap.login-wrap {padding:35px 20px;background-color:#f2f2f2;}
.myshop_wrap.login-wrap .login-mssg-box {line-height:20px;font-size:15px;color:#000;text-align:center;}
.myshop_wrap.login-wrap .btnLogin {display:inline-block;box-sizing:border-box;width:100%;text-align:center;border-radius:10px;border:1px solid #5ddfde;background-color:#5ddfde;}
.myshop_wrap.login-wrap .btnLogin span {display:inline-block;height:48px;line-height:48px;font-size:14px;color:#000;font-weight:bold;}
.myshop_wrap.login-wrap .btnNonMember {display:inline-block;box-sizing:border-box;width:100%;text-align:center;border-radius:10px;border:1px solid #959595;background-color:#fff;}
.myshop_wrap.login-wrap .btnNonMember span {display:inline-block;height:48px;line-height:48px;font-size:14px;color:#000;font-weight:bold;}
.myshop_wrap.login-wrap .btnNonMemItems {display:inline-block;box-sizing:border-box;width:100%;text-align:center;border-radius:8px;border:1px solid #a8a8a8;background-color:#fff;}
.myshop_wrap.login-wrap .btnNonMemItems span {display:inline-block;padding:7px 0;line-height:20px;font-size:14px;color:#000;}
.myshop_wrap.login-wrap .login-type-select {margin:20px 0 0;}
.myshop_wrap.login-wrap .login-type-select .type-items {margin:15px 0 0;}
.myshop_wrap.login-wrap .login-type-select .type-items:first-child {margin:0;}
.myshop_wrap.login-wrap .login-type-select .type-items .non-member-list {display:none;position:relative;margin:15px 20px 0;padding:10px 0 0;}
.myshop_wrap.login-wrap .login-type-select .type-items .non-member-list .inner {padding:15px;border:1px solid #ebebeb;border-radius:10px;background-color:#fff;box-shadow:0px 7px 9px rgba(0, 0, 0, 0.1);}
.myshop_wrap.login-wrap .login-type-select .type-items .non-member-list .inner:before {display:block;content:"";position:absolute;left:50%;top:2px;width:14px;height:9px;margin:0 0 0 -7px;background:url('/unify/m/images/myShop/icon_tooltip_tail.png') no-repeat center;background-size:100% auto;}
.myshop_wrap.login-wrap .login-type-select .type-items .non-member-list .inner ul {display:flex;flex-wrap:wrap;margin:-12px -8px 0 0;}
.myshop_wrap.login-wrap .login-type-select .type-items .non-member-list .inner ul li {box-sizing:border-box;width:50%;padding:12px 8px 0 0;}
.myshop_wrap.login-wrap .login-type-select .type-items .non-member-list .inner ul li .btnNonMemItems {display:flex;align-items:center;justify-content:center;height:100%;}
.myshop_wrap.login-wrap .login-type-select .type-items .non-member-list .inner .beforeOrder {margin:20px 0 5px;line-height:20px;font-size:13px;color:#959595;text-align:center;}


/*****************************************************************************************
	layer popup
*****************************************************************************************/
.layerWrap {display:none;position:fixed;left:0;top:0;right:0;bottom:0;color:#000;z-index:1250;word-break:keep-all;}
.layerWrap .layerMask {position:fixed;left:0;top:0;right:0;bottom:0;background-color:rgba(0, 0, 0, 0.4);}
.layerWrap [class^="focusAccessibility"] {display:block;overflow:hidden;width:0;height:0;padding:0;margin:0;font-size:1px;line-height:0;}
.layerWrap .layerBox {overflow:hidden;position:fixed;left:20px;right:20px;top:50%;max-height:75%;border-radius:10px;background-color:#fff;transform:translate(0, -50%);overflow-y:auto;}
.layerWrap .layerBox .layerHeader {position:fixed;top:0;right:0;left:0;padding:20px 24px;background-color:#fff;z-index:10;}
.layerWrap .layerBox .layerHeader h1 {line-height:23px;font-size:16px;font-weight:bold;}
.layerWrap .layerBox .layerBody {box-sizing:border-box;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;height:100%;padding: 65px 24px 24px;}
.layerWrap.full .layerBox .layerBody{padding-bottom:65px;}
.layerWrap.full .layerBox{max-height:initial;}

.layerWrap .layerBox .layerContent .tabWrap {margin:-15px 10px 0;}
.layerWrap .layerBox .layerContent .layerBtnBox {margin:24px 0 0;}
.layerWrap .layerBox .layerContent .layerBtnBox.prodDetailOrder {width:auto;margin:0 -20px -30px;padding:30px 20px;background-color:#fff;}
.layerWrap .layerBox .layerFoot {margin:24px 0 0;padding:0;}
.layerWrap .layerBox .layerFoot.v02 {margin:0;padding:30px 20px 0;background-color:#fff;}
.layerWrap .layerBox .btnLayerClose {position:absolute;right:20px;top:20px;width:24px;height:24px;background:url('/images/mobile/uniteOrder/online/myshop_btn_close.png') no-repeat center;background-size:24px auto;z-index:10;}
.layerWrap .layerBox .btnLayerClose em {display:block;overflow:hidden;width:0;height:0;padding:0;margin:0;line-height:0;font-size:1px;}

.layerWrap .layerBox .layerBody .layerBtnBox{display:flex;justify-content:center;text-align:center;width:100%;}
.layerWrap .layerBox .layerBody .layerBtnBox span{width:100%;}
.layerWrap .layerBox .layerBody .layerBtnBox span:nth-child(1) {padding:0 5px 0 0;}
.layerWrap .layerBox .layerBody .layerBtnBox span:nth-child(2) {padding:0 0 0 5px;}
.layerWrap .layerBox .layerBody .layerBtnBox span:only-child {width:100%;padding:0;}
.layerWrap .layerBox .layerBody .layerBtnBox button{width:100%;}

/* layerpop 버튼 */
.layerWrap .btnLayerItem {display:inline-block;box-sizing:border-box;width:100%;text-align:center;border-radius:5px;border:1px solid #5ddfde;background-color:#5ddfde;}
.layerWrap .btnLayerItem span {display:inline-block;height:34px;line-height:34px;font-size:13px;color:#000}
.layerWrap .btnLayerItem02 {display:inline-block;box-sizing:border-box;width:100%;text-align:center;border-radius:5px;border:1px solid #ededed;background-color:#ededed;}
.layerWrap .btnLayerItem02 span {display:inline-block;height:50px;line-height:50px;font-size:15px;font-weight:bold;color:#959595;}
.layerWrap .btnLayerItem03 {display:inline-block;min-width:120px;padding:0 45px;box-sizing:border-box;text-align:center;border-radius:8px;background-color:#000;}
.layerWrap .btnLayerItem03 span {display:inline-block;height:40px;line-height:40px;font-size:16px;color:#fff;font-weight:bold;}
.layerWrap .btnLayerItem04 {display:inline-block;box-sizing:border-box;width:100%;text-align:center;border-radius:5px;border:1px solid #ededed;background-color:#ededed;}
.layerWrap .btnLayerItem04 span {display:inline-block;height:34px;line-height:34px;font-size:13px;font-weight:bold;color:#000}
.layerWrap button.btnLayerItem:disabled {border:1px solid #ededed;background-color:#ededed;}
.layerWrap button.btnLayerItem:disabled span {color:#808080;}

.layerWrap .layerBtnBox button {margin:10px 0 0;}
.layerWrap .layerBtnBox button:first-child {margin:0;}

.layerWrap .layerBtnBox .innerFlex {display:flex;justify-content:center;text-align:center;width:100%;}
.layerWrap .layerBtnBox .innerFlex > span {box-sizing:border-box;width:50%;}
.layerWrap .layerBtnBox .innerFlex > span:nth-child(1) {padding:0 5px 0 0;}
.layerWrap .layerBtnBox .innerFlex > span:nth-child(2) {padding:0 0 0 5px;}
.layerWrap .layerBtnBox .innerFlex > span:only-child {width:100%;padding:0;}

.layerWrap .layerBtnBox button{width:100%;min-width:initial;padding:0;border-radius:8px;}
.layerWrap .layerBtnBox button span{height:46px;line-height:46px;font-size:16px;font-weight:bold;}
.layerWrap .layerBtnBox .btnLayerItem03{background:#5DDFDE;border:1px solid #5DDFDE;}
.layerWrap .layerBtnBox .btnLayerItem02 span , .layerWrap .layerBtnBox .btnLayerItem03 span{color:#000;}


/* 전체 화면 팝업 */
.layerWrap.full .layerBox {left:0;right:0;top:0;bottom:0;border-radius:0;transform:translate(0, 0);}
.layerWrap.full .layerBox .layerHeader {border-radius:0;}
/* .layerWrap.full .layerBox .layerBody {padding:75px 0 30px;} */

/* full pop float right */
.layerWrap.full.slideRight .layerBox {left:auto;right:-100%;box-sizing:border-box;width:100%;transition:right .5s ease;}

/* 하단 플로팅 팝업 */
.layerWrap.floatB .layerBox {left:0;right:0;bottom:-100%;top:auto;padding:75px 0 30px;border-radius:20px 20px 0 0;transform:translate(0, 0);transition:bottom .5s ease;}
.layerWrap.floatB .layerBox .layerHeader {position:absolute;border-radius:20px 20px 0 0;}
.layerWrap.floatB .layerBox .layerBody {padding:0;}
.layerWrap.floatB .layerBox .layerBody .layerContent {overflow:hidden;}

/* 메시지 팝업 */
.layerWrap.alert .layerBox {border-radius:10px;}
.layerWrap.alert .layerBox .layerBody {padding:35px 0;}
.layerWrap.alert .layerBox .layerContent {padding:0 30px;}
.layerWrap.alert .layerBox .layerContent .alertMessage {line-height:22px;font-size:14px;text-align:center;}
.layerWrap.alert .layerBox .layerContent .alertLikeMessage {line-height:22px;font-size:14px;text-align:center;}
.layerWrap.alert .layerBox .layerContent .alertLikeMessage:before {display:block;content:"";width:70px;height:70px;margin:0 auto 5px;background:url('/unify/m/images/mobile/order/prod_list/icon_mssg_like.png') no-repeat center;background-size:100%;}
.layerWrap.alert .layerBox .layerContent .alertCartMessage {line-height:22px;font-size:14px;text-align:center;}
.layerWrap.alert .layerBox .layerContent .alertCartMessage:before {display:block;content:"";width:70px;height:70px;margin:0 auto 5px;background:url('/unify/m/images/mobile/order/prod_list/icon_mssg_cart.png') no-repeat center;background-size:100%;}
.layerWrap.alert .layerBox .layerContent .layerBtnBox {margin:20px 0 0;}
.layerWrap.alert .layerBox .btnLayerClose {right:30px;top:20px;}

/* 바로개통 팝업 */
.layerWrap .orderimmediatelyCommt:before {display:block;content:"";width:70px;height:70px;margin:0 auto 15px;background:url('/unify/m/images/myShop/icon_immediately.png') no-repeat;background-size:100% auto;}
.layerWrap .orderimmediatelyCommt .txt {display:block;line-height:20px;font-size:15px;color:#000;text-align:center;}
.layerWrap .orderimmediatelyCommt .txt02 {display:block;margin:10px 0 0;line-height:20px;font-size:13px;color:#959595;}
.layerWrap .orderimmediatelyCommt .timeGuide {display:block;margin:20px 0 0;}
.layerWrap .orderimmediatelyCommt .timeGuide .tit {display:block;line-height:20px;font-size:13px;color:#000;}
.layerWrap .orderimmediatelyCommt .timeGuide p {display:block;line-height:20px;font-size:13px;color:#959595;}

.layerWrap .orderimmediatelyCommt02:before {display:block;content:"";width:70px;height:70px;margin:0 auto 15px;background:url('/unify/m/images/myShop/icon_immediately_error.png') no-repeat;background-size:100% auto;}
.layerWrap .orderimmediatelyCommt02 .txt {display:block;line-height:20px;font-size:15px;color:#000;text-align:center;}

/* 주문취소 팝업 */
.layerWrap .orderCancelCommt {line-height:20px;font-size:15px;color:#000;text-align:center;}
.layerWrap .orderCancelCommt:before {display:block;content:"";width:40px;height:40px;margin:0 auto 15px;background:url('/unify/m/images/myShop/icon_cancel.png') no-repeat;background-size:100% auto;}

/* 주문취소 사유 선택 */
.layerWrap .orderCancelResonBox .title {display:block;line-height:20px;font-size:13px;font-weight:normal;color:#000;}
.layerWrap .orderCancelResonBox ul {margin:20px 0 0;}
.layerWrap .orderCancelResonBox ul li {margin:10px 0 0;}
.layerWrap .orderCancelResonBox ul li:first-child {margin:0;}
.layerWrap .orderCancelResonBox .cancelResonBox {display:none;margin:10px 0 0;}
.layerWrap .orderCancelResonBox .cancelResonBox textarea {padding:15px;line-height:20px;font-size:13px;color:#000;border:1px solid #d9d9d9;border-radius:10px;resize:none;}
.layerWrap .orderCancelResonBox .cancelResonBox textarea::placeholder {color:#959595;}



/* 제휴사 혜택 안내 */
.layerWrap .affiliateGuideBox .item-check-tit{display:block;margin:30px 0 20px;font-size:15px;font-weight:700;color:#000;}
.layerWrap .affiliateGuideBox .item-check-tit:first-child{margin-top:0;}
.layerWrap .affiliateGuideBox ul li {position:relative;margin:15px 0 0;padding:0 0 0 20px;line-height:20px;font-size:13px;color:#000;}
.layerWrap .affiliateGuideBox ul li:first-child {margin:0;}
.layerWrap .affiliateGuideBox ul li:before {display:block;content:"";position:absolute;left:0;top:2px;width:16px;height:16px;background:url('/unify/m/images/myShop/blit_affiliate_guide.png') no-repeat center;background-size:100% auto;}

/* 필수 동의사항 안내 */
.layerWrap .requiredConsentGuide > ul > li {position:relative;margin:20px 0 0;padding:0 0 0 25px;line-height:20px;}
.layerWrap .requiredConsentGuide > ul > li:first-child {margin:0;}
.layerWrap .requiredConsentGuide > ul > li .listNum {display:block;position:absolute;left:0;top:0;width:20px;height:20px;line-height:20px;text-align:center;font-size:13px;color:#fff;border-radius:20px;background-color:#808080;}
.layerWrap .requiredConsentGuide > ul > li .tit {display:block;line-height:20px;font-size:15px;font-weight:bold;color:#000;}
.layerWrap .requiredConsentGuide > ul > li .tits {display:block;margin:10px 0 0;line-height:20px;font-size:13px;font-weight:bold;color:#000;}
.layerWrap .requiredConsentGuide > ul > li .txt {display:block;margin:10px 0 0;line-height:20px;font-size:13px;color:#808080;}
.layerWrap .requiredConsentGuide > ul > li .starBlitList > li {position:relative;padding:0 0 0 10px;line-height:20px;font-size:13px;color:#808080;}
.layerWrap .requiredConsentGuide > ul > li .starBlitList > li:before {display:block;content:"*";position:absolute;left:0;top:0;line-height:20px;font-size:13px;}
.layerWrap .requiredConsentGuide > ul > li .starBlitList02 {margin:10px 0 0;}
.layerWrap .requiredConsentGuide > ul > li .starBlitList02 > li {position:relative;padding:0 0 0 10px;line-height:20px;font-size:13px;font-weight:bold;color:#000;}
.layerWrap .requiredConsentGuide > ul > li .starBlitList02 > li:before {display:block;content:"*";position:absolute;left:0;top:0;line-height:20px;font-size:13px;font-weight:bold;}
.layerWrap .requiredConsentGuide > ul > li .starBlitList02 > li .txt {font-weight:normal;}
.layerWrap .requiredConsentGuide > ul > li .asGuideTbl {margin:15px 0 0 -25px;}
.layerWrap .requiredConsentGuide > ul > li .asGuideTbl .tblTit {line-height:20px;font-size:13px;color:#000;}
.layerWrap .requiredConsentGuide > ul > li .asGuideTbl table {margin:10px 0 0;border-collapse:collapse;border-bottom:1px solid #ddd;}
.layerWrap .requiredConsentGuide > ul > li .asGuideTbl table thead th {box-sizing:border-box;height:50px;padding:10px 0;line-height:20px;font-size:13px;color:#000;text-align:center;border-top:1px solid #ddd;background-color:#ededed;}
.layerWrap .requiredConsentGuide > ul > li .asGuideTbl table tbody td {box-sizing:border-box;height:50px;padding:10px;line-height:20px;font-size:13px;color:#808080;border-top:1px solid #ddd;}
.layerWrap .requiredConsentGuide > ul > li .asGuideTbl table tbody td.pointTxt {font-weight:bold;color:#000;text-align:center;}
.layerWrap .requiredConsentGuide > ul > li .asGuideTbl table tbody td.txtC {text-align:center !important;}

/* 비회원 주문조회 재정의*/
.noMemSel .inpTxt{border-bottom:0}
.noMemSel .inpTxt input {width:100%;border:1px solid #d7d7d7;text-indent: 5px;color: #3D3D3D;height: 29px;vertical-align: middle;}

/* 팝업 윈도우 전화*/
.layerWrap.window {position: relative;}
.layerWrap.window .layerBox{display:block;position:relative;top:auto;left:auto;width:100%;transform:translate(0,0); overflow:auto;border-radius:0}
.layerWrap.window .layerBox h1{line-height: 30px;  font-size: 22px;  font-weight: bold;
 padding:0;  height: auto;  color: #000;  font-size: 18px;  border-bottom: 0;  border-top: 0}
.layerWrap.window .layerBox button{border:0;}
.layerWrap.window caption{overflow: hidden; position: absolute;  width: 1px;  height: 1px;  margin: -1px;  border: 0; clip: rect(1px,1px,1px,1px);
clip-path: inset(50%);}

/* 바로개통전 꼭 확인해주세요*/
#orderOpenPop ul{margin-top:10px;}
#orderOpenPop ul li{margin:3px 0;}
#orderOpenPop .tac{margin-top:10px;text-align:center}
/* 배송 조회*/
#orderPositionPop .delivery-position{position:relative;margin-bottom:15px;padding-bottom:15px;background-color:#23c1c4;border-radius:4px}
#orderPositionPop .delivery-position .txt{padding:15px 0;font-size:14px;text-align:center;color:#fff;line-height:1.5}
#orderPositionPop .delivery-position .txt strong{display:inline-block;font-size:12px;color:#f9f8a0}
#orderPositionPop .step{margin:0 15px}
#orderPositionPop .step:before{content:"";display:block;height:9.467vw;background:url(/images/mobile/map/step.png) 0 0 no-repeat;background-size:100% 500%}
#orderPositionPop .step-1:before{background-position:0 0}
#orderPositionPop .step-2:before{background-position:0 25%}
#orderPositionPop .step-3:before{background-position:0 50%}
#orderPositionPop .step-4:before{background-position:0 75%}
#orderPositionPop .step .txt-step{line-height:25px;background-color:#fff;border-radius:19px}
#orderPositionPop .step .txt-step:after{content:"";display:block;clear:both}
#orderPositionPop .step .txt-step > span{float:left;width:25%;text-align:center;font-size:12px}
#orderPositionPop .step-1 span:nth-child(1),#orderPositionPop .step-2 span:nth-child(2),#orderPositionPop .step-3 span:nth-child(3),#orderPositionPop .step-4 span:nth-child(4){background-color:#000;color:#fff;border-radius:18px}
#orderPositionPop  .area{margin-bottom:7px}
#orderPositionPop  table{border-top:1px solid #666;border-bottom:1px solid #666;border-collapse:collapse!important}
#orderPositionPop  table thead th{height:42px;text-align:center;border-right:1px solid #c1c1c1;background-color:#eaeaea}
#orderPositionPop  table tbody td{padding:8px 10px;font-size:12px;text-align:center;color:#8c8c8c;border:1px solid #c1c1c1}
#orderPositionPop  table tbody tr td:first-child{border-left:0}
#orderPositionPop  table tbody tr td:last-child{border-left:0;text-align:left}
#orderPositionPop  table tbody tr:last-child td{border-bottom:1px solid #666}

#popup-order-view .orderHistoryWrap{overflow: auto; height: calc(100% - 50px); box-sizing: border-box;}
#popup-order-view .layerBox{padding-bottom:65px}

#popup-order-view .orderHistoryWrap.detail {height:100% }

/* .layerWrap.orderView .orderHistoryWrap{overflow: auto; height: calc(100% - 50px); box-sizing: border-box;}
.layerWrap.orderView .layerBox{padding-bottom:65px} */
@media all and (max-width: 370px) {
    #orderPositionPop .layerBox .layerContent{padding:0 10px}
	#orderPositionPop .step{margin:0 10px}
}

/* eSIM 추가 */
#eSIMQRCode .eSIMQRBox {text-align:center}
#eSIMQRCode .eSIMQRBox img {width:auto; max-width: 80%;}

/* 셀프개통 듀얼번호 */
/* 리스트 */
.orderHistoryWrap .orderCardCase .orderInfoBox + .orderInfoBox {position:relative;margin-top: 16px;background: #fff;border: 1px solid #d9d9d9;border-radius:8px;padding: 20px;}
.orderHistoryWrap .orderCardCase .orderInfoBox + .orderInfoBox .prodInfoBox {margin-top:0; padding-top:0; border-top:none; min-height:110px !important;}
.orderHistoryWrap .orderCardCase.ui-order .orderInfoBox + .orderInfoBox .prodInfoBox .img-full {top:0;transform: inherit;}
.orderHistoryWrap .orderCardCase.ui-order .orderInfoBox + .orderInfoBox .detailPayment {padding: 0 !important;background: none;}
.orderHistoryWrap .orderCardCase .orderInfoBox + .orderInfoBox .detailPayment .detailPaylist > li > .paymentInfoRow .tit,
.orderHistoryWrap .orderCardCase .orderInfoBox + .orderInfoBox .detailPayment .detailPaylist > li > .paymentInfoRow .txt {font-size:15px;}
.orderHistoryWrap .orderCardCase .orderInfoBox + .orderInfoBox .detailPayment .detailPaylist > li > .detailEtc {margin-top:20px; font-size:14px;}

/* 상세 */
.orderHistoryWrap .tooltipItemWrap .tooltipBox {z-index:1}
.orderHistoryWrap .order-detail-info-box-tit {font-size: 14px; font-weight:bold; color: #000; margin-bottom:12px}
.orderHistoryWrap .order-detail-info-box-tit + ul {padding-top:16px}
.orderHistoryWrap .order-detail-info-box > ul + .order-detail-info-box-tit {margin-top:24px;}
.orderHistoryWrap .order-detail-info-box > ul > li .txt .btn-eSIMQR {margin: 5px 0 0 0;display: block;}
.orderHistoryWrap .order-detail-info-box > ul > li .txt .btn-eSIMQR em {position:relative;padding-right: 10px;font-size:15px;font-weight:bold;color:#01A69F;}
.orderHistoryWrap .order-detail-info-box > ul > li .txt .btn-eSIMQR em:after {content: '';position: absolute;top: calc(50% + 1px);right: 0;display:inline-block;width: 6px;height: 6px;border-top: 2px solid #01A69F;border-right: 2px solid #01A69F;transform: translateY(-50%) rotate(45deg);}
.orderHistoryWrap .order-detail-info-box > ul > li .tit.tit2D {position:relative;padding-left: 12px;box-sizing: border-box;}
.orderHistoryWrap .order-detail-info-box > ul > li .tit.tit2D:before {display: inline-block;content: "";position: absolute;left: 2px;top: 6px;width: 6px;height: 6px;border-left: 1px solid #808080;border-bottom: 1px solid #808080;}
/* //셀프개통 듀얼번호 */

/* 단말변경버튼추가 */
.btn-Reorder{display: inline-block;margin-top: 10px;font-size: 14px;text-decoration: underline !important;color: #01a69f !important;}

/* 다이렉트 내재화 */
.prodOptDirectInfo {margin-top: 16px;}
.prodOptDirectInfo .btnTipGuide {display: inline-block; width: 17px; height: 17px; margin-left: 4px; background: url('/unify/pc/images/myShop/icon_tip_guide.png') no-repeat center; background-size: 100%; vertical-align: middle;}
.prodOptDirectInfo .btnTipGuide em {display: block; overflow: hidden; width: 0; height: 0; padding: 0; margin: 0; line-height: 0;}

.directflagItem {display: inline-block; margin: 8px 0 0; line-height: 20px; border: none;}
.directflagItem * {font-size: 14px; color: #01a69f;}
.directflagItem:after {content: ''; display: inline-block; width: 16px; height: 16px; margin-left: 5px; background: url('/images/pc/uniteOrder/online/order_detail_arrow.png'); vertical-align: -3px;}

.direct-ui-infonation-list li {position: relative; padding-left: 20px; font-size: 12px; color: #525252; font-weight: 400; line-height: 20px; padding-bottom: 12px;}
.direct-ui-infonation-list li:before {content: '※'; position: absolute; left: 0;}
.direct-ui-infonation-list li:last-child {padding-bottom: 0;}

.order-dropdown-toggle > .order-dropdown {border-top:none;}

.orderHistoryWrap .orderCardCase .orderInfoBox .prodInfoBox .orderStateBox .stateItems:last-child {padding-left: 6px;}

#requiredConsentPop .layerBox .layerBody{padding-top:85px;}
/* //다이렉트 내재화 */

/* 배송지 변경 팝업 */
#deliveryAddressPop .layerBox {background: #f8f8f8;}
#deliveryAddressPop .layerHeader {background: #f8f8f8;}
#deliveryAddressPop h2 {font-size: 15px;font-weight: bold;margin: 20px 0 12px;}
#deliveryAddressPop ul {background: #fff;border-radius: 16px;padding: 24px 20px;font-size: 14px;}
#deliveryAddressPop ul li .tit {color: #808080;}
#deliveryAddressPop ul li .tit .required {color: #ed1c22;font-size: 12px;}
#deliveryAddressPop ul li .txt {color: #000;}
#deliveryAddressPop ul li .txt input {width: 100%;height: 40px;border-radius: 8px;color: #000;}
#deliveryAddressPop ul li .txt textarea {width: 100%;min-height: 100px;border-radius: 8px;padding: 10px 8px !important;color: #000;}
#deliveryAddressPop .deliveryAddressInfo{margin-bottom:20px;font-size:13px;color:#000;word-break:keep-all;}
#deliveryAddressPop .currentAddress ul li:first-child {margin-top: 0;}
#deliveryAddressPop .currentAddress ul li {display: flex;margin-top: 16px;}
#deliveryAddressPop .currentAddress ul li .tit {width: 35%;}
#deliveryAddressPop .currentAddress ul li .txt {width: 65%;}
#deliveryAddressPop .changeAddress {margin-top: 32px;}
#deliveryAddressPop .changeAddress ul li:first-child .tit {margin-top: 0;}
#deliveryAddressPop .changeAddress ul li .tit {margin: 16px 0 8px;}
#deliveryAddressPop .changeAddress .searchBox {display: flex;margin-bottom: 12px;gap: 8px;}
#deliveryAddressPop .changeAddress .searchBox input {width: calc(100% - 74px);}
#deliveryAddressPop .changeAddress .searchBox .search {width: 66px;height: 40px;background: #000;color: #fff;border-radius: 8px;font-size: 16px;line-height: 40px;}
#deliveryAddressPop .layerBtnBox {gap: 10px;padding-bottom: 45px;}
#deliveryAddressPop .layerBtnBox .btnCloseNew {background-color: #fff;border: 1px solid #A8A8A8;margin: 10px 0 0;}
/* //배송지 변경 팝업 */

/******* 다이렉트샵 > 주문내역, 주문상세 *******/
.orderHistoryWrap .orderCardCase.ui-order .btnFuncBox.colm > button:first-child ~ button{margin-top:8px}
/* usim 구매 배송조회 팝업*/
#deliveryTrackingPop .orderNum{padding-bottom:8px;margin-bottom:20px;font-size:14px;color:#000;border-bottom:1px solid #000;}
#deliveryTrackingPop .orderNum .num{color:#01A69F;font-weight:normal;}
#deliveryTrackingPop .stepsList{display:flex;align-items:center;justify-content:center;}
#deliveryTrackingPop .stepsList > li{position:relative;text-align:center;padding-left:15px;margin-left:4px;color:#01A69F}
#deliveryTrackingPop .stepsList > li:before{content: "";display:block;width:60px;height:60px;margin-bottom:10px;background:no-repeat 50% 50% / 100% auto}
#deliveryTrackingPop .stepsList > li:first-child{padding-left:0;margin-left:0}
#deliveryTrackingPop .stepsList .step01:before{background-image:url(/unify/m/images/myShop/icon_deliveryPop_step01_completed.png);}
#deliveryTrackingPop .stepsList .step02:before{background-image:url(/unify/m/images/myShop/icon_deliveryPop_step02_completed.png);}
#deliveryTrackingPop .stepsList .step03:before{background-image:url(/unify/m/images/myShop/icon_deliveryPop_step03_completed.png);}
#deliveryTrackingPop .stepsList .step04:before{background-image:url(/unify/m/images/myShop/icon_deliveryPop_step04_completed.png);}
#deliveryTrackingPop .stepsList > li[aria-current]{color:#01A69F}
#deliveryTrackingPop .stepsList .step01[aria-current]:before{background-image:url(/unify/m/images/myShop/icon_deliveryPop_step01_current.png);}
#deliveryTrackingPop .stepsList .step02[aria-current]:before{background-image:url(/unify/m/images/myShop/icon_deliveryPop_step02_current.png);}
#deliveryTrackingPop .stepsList .step03[aria-current]:before{background-image:url(/unify/m/images/myShop/icon_deliveryPop_step03_current.png);}
#deliveryTrackingPop .stepsList .step04[aria-current]:before{background-image:url(/unify/m/images/myShop/icon_deliveryPop_step04_current.png);}
#deliveryTrackingPop .stepsList > li[aria-current] ~ li{color:#D9D9D9}
#deliveryTrackingPop .stepsList > li[aria-current] ~ .step02:before{background-image:url(/unify/m/images/myShop/icon_deliveryPop_step02.png);}
#deliveryTrackingPop .stepsList > li[aria-current] ~ .step03:before{background-image:url(/unify/m/images/myShop/icon_deliveryPop_step03.png);}
#deliveryTrackingPop .stepsList > li[aria-current] ~ .step04:before{background-image:url(/unify/m/images/myShop/icon_deliveryPop_step04.png);}
#deliveryTrackingPop .stepsList > li:after, #deliveryTrackingPop .stepsList > li[aria-current]:after{content: "";position:absolute;left:0;top:29px;display:block;width:12px;height:4px;background-image: radial-gradient(circle, #01A69F 45%, transparent 60%);background-repeat: repeat-x;background-size: 6px auto;}
#deliveryTrackingPop .stepsList > li:first-child:after{display:none}
#deliveryTrackingPop .stepsList > li[aria-current] ~ li:after{background-image: radial-gradient(circle, #ccc 45%, transparent 60%);}
#deliveryTrackingPop .userTitle{font-size:16px;color:#000;font-weight:600;margin:32px 0 20px;}
#deliveryTrackingPop .userInfo{background:#FFF;border:1px solid #D9D9D9;border-radius:8px;padding:24px 20px;}
#deliveryTrackingPop .userInfo > li{display:flex;align-items:start;margin-top:8px;}
#deliveryTrackingPop .userInfo > li:first-child{margin-top:0;}
#deliveryTrackingPop .userInfo .tit{flex:0 0 95px;color:#525252;font-size:14px;}
#deliveryTrackingPop .userInfo .txt{color:#000;font-size:14px;line-height:1.5;}
/******* 다이렉트샵 > 주문내역, 주문상세 *******/

/* WL 기본 스타일 **/
.nwCheckbox, .nwRadio { position:relative; align-items: center; min-height:20px; padding-left:28px; display:inline-flex;}
.nwRadio input[type="radio"],
.nwCheckbox input[type="checkbox"]{ position:absolute !important; top:0; left:0; width:20px; height:20px; background: none; border: 0; outline: 0; opacity: 0; z-index: 10;}
.nwCheckbox:has(~ [data-nwfaq-click]),
.nwRadio:has(~ [data-nwfaq-click]) { padding-right:25px }
.nwCheckbox input[type="checkbox"]:focus { border: 1px #f00 solid; }
.nwCheckbox input[type="checkbox"]:focus + label:before { display: none; }
.nwCheckbox label,
.nwRadio label { width:100%; display:block; font-size:16px; font-weight: 500; color:#161616; padding: 8px 0; }
.nwCheckbox .sub,
.nwRadio .sub { margin-top:5px; font-size:12px; font-weight: 400; }
.nwCheckbox label i,
.nwRadio label i,
.nwCheckbox input[type="checkbox"], .nwRadio input[type="radio"] { position:absolute; top:11px; left:0; }
.nwCheckbox label i { height: 20px; width:20px; margin-right:10px; border:1px solid #808080; border-radius:3px; }
.nwCheckbox input:focus + label i.i { outline:1px dotted #000 }
.nwCheckbox input:checked + label { color: #000; font-weight: bold; }
.nwCheckbox input:checked + label i.i { background-image:url(/NWL/assets/images/m/nwCheckbox_on.svg);background-size:20px;border:none;}
/* toggle */
[data-nwfaq-click]::after { transition: transform 0.3s ease; }
[data-nwfaq-click="close"]::after { transform: translateY(-50%) rotate(180deg); }
[data-nwfaq-click], [data-nwfaq-all]::after { transition: transform 0.3s ease; }
[data-nwfaq-click]::after { content: ''; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); width: 20px; height: 20px; background:url(/NWL/assets/images/m/nwArrowUp_03.svg) center center/18px auto no-repeat; }
.small[data-nwfaq-click] { background-size:14px auto }
[data-nwfaq-click="close"]::after, [data-nwfaq-all="close"]::after { transform: translateY(-50%) rotate(180deg); }
[nw-tab-area]{width:100%}


/* 안면인증 */
.nwTip2{position: relative;padding-left:24px;}
.nwTip2:before{content:"";position: absolute; top:0;left:0; width:16px;height:16px;margin:0 8px 0 0; background:url(/NWL/assets/images/pc/nwIconPoint.svg) 0 0 no-repeat}
.face-auth-box{display:flex;justify-content: space-between;align-items: center; margin-top:14px; background-color:#F8F8F8;border-radius:8px;padding:16px 8px;text-align:center;}
.face-auth-box .auth-text strong{color:inherit;}
.face-auth-box .desc-text{font-size:12px;color: #000;line-height:1.6;}
.face-auth-box .desc-text:first-child{margin-top:0;}

.face-auth-box .desc-text.noti {font-size:12px; color:#E54D53; font-weight: bold; letter-spacing:-0.05em;}
.face-auth-box .desc-text.noti:before {content:""; padding-left:23px; background: url(/NWL/assets/images/pc/nwNotice.png) left center / 21px 18px no-repeat;}

.face-auth-box .auth-text .date{color: inherit;font-size:inherit;}
.face-auth-box .btnLink{display: inline-flex; align-items: center;justify-content: center;padding:0 10px;height:36px;font-size:12px;font-weight:600;background-color: #000000;color: #fff;border-radius: 8px; letter-spacing: -0.05em;}
.faceAuth{line-height:1.4;}
.faceAuth .nwDesc > dt{font-size:16px;color:#000000;margin-bottom:12px;font-weight:700;letter-spacing: -0.5px;}
.faceAuth .nwDesc > dt:has(.num){display: flex;align-items: center;}
.faceAuth .nwDesc > dt .num {width: 16px;height: 16px;margin-right: 4px;background-color: #000;color: #fff;border-radius: 100px;font-size: 12px;text-align: center;}
.faceAuth .nwDesc > dd{font-size:12px;color:#525252}
.faceAuth .nwDesc > .btnSend{margin-top:16px;}
.faceAuth .nwDesc.notice{text-align:left;counter-reset: item;}
.faceAuth .nwDesc.notice dt{font-size:14px;}
.faceAuth .nwDesc.notice dd{counter-increment:item;margin-left:24px;padding-left:16px;margin-bottom:4px;position:relative;}
.faceAuth .nwDesc.notice dd:last-child{margin-bottom:0}
.faceAuth .nwDesc.notice dd:before{content:counter(item);position:absolute;left:0;top:4px;width:12px;height:12px;background-color:#525252;color:#fff;border-radius:100px;font-size:9px;text-align:center;}
.faceAuth .nwDesc.selectCert > dt{margin-bottom:4px;font-size:14px}
.faceAuth .layerBtnBox .bomTxt {font-size: 16px;color: #000000;margin: 24px 0 12px;font-weight: 700;text-align: left;letter-spacing: -0.5px;}
.faceAuth .layerBtnBox .bomTxt:has(.num){display: flex;align-items: center;}
.faceAuth .layerBtnBox .bomTxt .num {width: 16px !important;height: 16px;margin-right: 4px;background-color: #000;color: #fff;border-radius: 100px;font-size: 12px;text-align: center;}
.faceAuth .faceCert {margin-bottom:32px;}
.faceAuth .faceCert .area{padding:32px 16px;border:2px solid #01A69F;border-radius: 8px; text-align: center;background-color:#fff}
.faceAuth .faceCert .faceImgArea {margin:32px 0 16px;}
.faceAuth .faceCert .faceImgArea ul {display: flex; align-items:center; justify-content:space-evenly;}
.faceAuth .faceCert .faceImgArea li:last-child > .faceImg {margin-bottom:27px;}
.faceAuth .faceCert .faceImgArea li:last-child > .faceImg img {width:73px;}
.faceAuth .faceCert .faceImgArea li:nth-child(1) > .faceImg img, .faceAuth .faceCert .faceImgArea li:nth-child(2) > .faceImg img {width:47px;}
.faceAuth .faceCert .faceImgArea li .faceImg {height:47px;display: flex; align-items: center; justify-content: center;margin-bottom:15px;}
.faceAuth .faceCert .faceImgArea li > p {font-size:12px; color: #525252; }
.faceAuth .faceCert .faceRecom {position: relative;display: inline-block;padding: 16px 16px 16px 40px;border: 1px solid #D9D9D9;background: #F8F8F8;border-radius: 8px;color: #525252;text-align: left;word-break: keep-all;line-height: 1.4;}
.faceAuth .faceCert .faceRecom::before {content: '';position: absolute;left: 50px;top: -6px;width: 10px;height: 10px;background: #F8F8F8;border-top: 1px solid #D9D9D9;border-left: 1px solid #D9D9D9;transform: rotate(45deg);}
.faceAuth .faceCert .faceRecom::after {content: "";position: absolute;top: 14px;left: 16px;width: 16px;height: 16px;margin: 2px 8px 0 0;background: url(/NWL/assets/images/pc/nwIconPoint_black.svg) 0 0 no-repeat;}
.faceAuth .faceCert .btnLinkArea{text-align:center;margin-top:16px;background:none}
.faceAuth .faceCert .btnLinkArea:not(.myshop){display:none;}
.faceAuth .faceCert .btnLinkArea a{font-weight:bold;width:auto;border-right:1px solid #D9D9D9;height:auto;font-size:14px;box-sizing: border-box;color:#000;border-radius:0;text-decoration:underline;text-underline-position: under;}
.faceAuth .faceCert .btnLinkArea a:last-child{border-right:none;}
/* .faceAuth .faceCert .btnLinkArea a:after{content:' >';} */
.faceAuth .faceCert .btnLinkArea .subMsg {text-align: left; margin:-9px 0 15px; font-size: 16px;}
.faceAuth .btnWhite{display:inline-flex;align-items:center;justify-content:center;font-weight:600;height:40px;font-size:14px;box-sizing: border-box;border-radius: 8px;border: 1px solid #525252;background:#fff;color:#000;width:100%;}
.faceAuth .nwDesc .btnWhite{display:inline-flex;align-items:center;justify-content:center;font-weight:600;width:100%;height:50px;font-size:16px;box-sizing: border-box;border-radius: 8px;border: 1px solid #525252;background-color: #fff;color:#000}
.faceAuth .faceArea {margin-top:32px;}
.faceAuth .line {margin:20px 0;border-top:1px solid #d9d9d9;}
.faceAuth .msg + button {margin-top: 20px;}
.faceAuth .area2 {padding:20px; border: 1px solid #D9D9D9; background: #F8F8F8; border-radius: 8px;}
.faceAuth .area2 .nwTip3 {font-size: 14px;}
#fathAuthPopup * {font-family: 'Noto Sans KR';}
#fathAuthPopup.layerWrap .layerBox .layerBody {padding: 65px 20px;}
#fathAuthPopup .faceTitle{font-size:20px;color:#161616;font-weight:600;margin-bottom:10px;line-height:1.5;letter-spacing:-1.2px;}
#fathAuthPopup .faceTitle + .subMsg {margin-bottom: 20px;}
#fathAuthPopup .layerBtnBox{flex-direction:column;/* position:fixed;bottom:0;width:100%;z-index:1000;padding:24px 24px 0; */}
#fathAuthPopup .layerBtnBox .innerFlex{justify-content:center}
#fathAuthPopup .layerBtnBox .btnLayerItem{background:#000;color:#fff;border:none;height:50px;}
#fathAuthPopup .layerBtnBox .btnLayerItem span{color:inherit}
#fathAuthPopup .layerBtnBox .btnLayerItem:disabled {height:56px;color: #A8A8A8;border:none;background-color: #EDEDED;cursor: default;}
#fathAuthPopup .layerBtnBox .btnLayerItem:disabled span{color:#A8A8A8}
#fathAuthPopup .layerBtnBox .msg{color:#525252;font-size:12px;margin-bottom:20px;letter-spacing:-1px;}
#fathAuthPopup .checkCertification .nwScroll{max-height:none}
#fathAuthPopup .checkCertification .arrow::after{transform:rotate(180deg);}
#fathAuthPopup .checkCertification .arrow[data-nwfaq-click*="open"]::after{transform:rotate(0);}
#fathAuthPopup .checkCertification .ter_content .ter_tbs_02{margin-top:0;}

/* 안면인증 미완료 팝업 */
[data-popup].popup-show{display: block;}
#popup-faceFathCertRe{background: #fff;}
#popup-faceFathCertRe .cont-item{background: transparent;}
#popup-faceFathCertRe > .close {display: none;}
#popup-faceFathCertRe #faceFathCert-content .close{display: block !important;}

/* checkbox, radio default */
.nwCheckbox, .nwRadio{position:relative;display:flex;}
.nwCheckbox label, .nwRadio label{padding-left:28px;}
.checkCertification { padding:0 16px;; margin:24px 0 12px; border:1px solid #d9d9d9; border-radius: 8px; }
.checkCertification .nwCheckbox{padding-left:0}
.checkCertification.checkBorder{border-color: #EA3037;}
.checkCertification.mt { margin:10px 0 10px; }
.checkCertification .subMsg { margin:5px 0 0 0; }
.checkCertification dt { position: relative; padding:16px 0; }
.checkCertification [data-nwfaq-click],
.textareaInput [data-nwfaq-click] { position:absolute; top:0; right:-16px; width: 47px; height: 56px; }
.checkCertification [data-nwfaq-click]::after,
.textareaInput [data-nwfaq-click]::after { right:16px; width: 16px; height: 14px; background: url(/NWL/assets/images/m/nwSelect_up.svg) center center/16px auto no-repeat; }
.checkCertification [data-nwfaq-click]:disabled,
.textareaInput [data-nwfaq-click]:disabled { background-color:transparent; }
.checkCertification [data-nwfaq-click]:disabled::after,
.textareaInput [data-nwfaq-click]:disabled::after { opacity:0.5; }
.checkCertification .nwScroll {margin-right:-10px; padding-right:10px !important; max-height:300px }
.checkCertification label { height:auto; padding: 0; line-height: 24px !important; font-size: 15px !important; font-family: 'Noto Sans KR';;font-weight: 300 !important; background:none !important;padding:0 28px 0 25px}
.checkCertification input:checked + label { font-weight: 500 !important; }
.checkCertification input,
.checkCertification label i { top: 2px !important; transform: translateY(0) !important; }
.checkCertification dd { padding:16px 0; border-top:1px solid #d9d9d9 }
.checkCertification dd .rawTitle{margin:16px 0 12px;font-size:14px;font-weight: 500;}
.checkCertification dd .subMsg{margin: 12px 0;}
.checkCertification dd dd { padding: 6px 0; }
.checkCertification .secondDepth { margin-left: 12px; }
.checkCertification .secondDepth [data-nwfaq-click] { top:6px; right:2px; width:20px; height:20px; background: none; border-radius: 0; }
.checkCertification .secondDepth [data-nwfaq-click]::after { right: 1px; }
.checkCertification .secondDepth dt { border-bottom:0; padding: 0; margin-top:5px;}
.checkCertification .secondDepth dt:first-child{margin-top:0;}
.checkCertification .secondDepth dd { border-top:0 }
.checkCertification .thirdDepth { margin-left: 13px; }
.checkCertification .thirdDepth [data-nwfaq-click] { top:6px; right:2px; width:20px; height:20px; background: none; border-radius: 0; }
.checkCertification .thirdDepth [data-nwfaq-click]::after { right: 1.5px; }
.checkCertification .thirdDepth dt { border-bottom:0; padding: 0; }
.checkCertification .thirdDepth dt label { font-size:14px !important; }
.checkCertification .thirdDepth dd { border-top:0; font-size:14px; }
.checkCertification .arrow {position:absolute; top: 6px;right: 0;width: 20px;height: 20px;background: none;border-radius: 0;}
.checkCertification .arrow::after{content: ""; display:block;width:100%; height:100%; background: url(/NWL/assets/images/m/nwSelect_up.svg) center center/16px auto no-repeat; transform: rotate(90deg);}

/* 추천 코드 연장 팝업 */
#recommendExtendPop .layerHeader {text-align: center;border-bottom: 1px solid #d9d9d9;}
#recommendExtendPop .extendAgreeTitle {margin-top: 31px;color: #000;font-size: 24px;font-weight: bold;}
#recommendExtendPop .extendInfo {margin: 30px 0 12px;padding: 16px;background: #E4F5F4;border-radius: 8px;text-align: center;}
#recommendExtendPop .extendInfo span {display: block;font-size: 12px;color: #000;}
#recommendExtendPop .extendInfo span em {color: inherit;}
#recommendExtendPop .extendInfo span.extend-agree {margin-top: 4px;color: #FE2E36;}
#recommendExtendPop .checkCertification label {font-size: 16px !important;letter-spacing: -0.8px;}
#recommendExtendPop .checkCertification .secondDepth label {font-size: 14px !important;}
#recommendExtendPop .layerFooter {position: fixed;bottom: 0;width: 100%;}
#recommendExtendPop .btnLayerItem {width: 100%;height: 60px;background: #000;border: none;border-radius: 0px;}
#recommendExtendPop .btnLayerItem span {color: #fff;}

/* 추천 코드 연장 약관 팝업 */
[id*="extendStpltPop"] .layerContent {width: 100% !important;padding-bottom: 60px;}
[id*="extendStpltPop"] .layerContent .tit {display: block;margin-top: 20px;font-size: 14px;color: #000;}
[id*="extendStpltPop"] .layerContent .tit:first-child {margin-top: 0px;}
[id*="extendStpltPop"] .layerContent .txt {margin-top: 10px;font-size: 12px;font-weight: 500;color: #000;}
[id*="extendStpltPop"] .layerContent .subTxt {margin-top: 10px;font-size: 11px;color: #666;}
[id*="extendStpltPop"] .layerContent .tbl_01 {margin-top: 10px;border-collapse: collapse !important;}
[id*="extendStpltPop"] .layerContent .tbl_01 th, [id*="extendStpltPop"] .layerContent .tbl_01 td {padding: 10px 5px;border: 1px solid #d2d2d2 ;}
[id*="extendStpltPop"] .layerContent .tbl_01 th {background: #f9f9f9;font-size: 12px;color: #000;}
[id*="extendStpltPop"] .layerContent .tbl_01 td {font-size: 12px;color: #666;text-align: left;}
[id*="extendStpltPop"] .layerContent .tbl_01 td.accent {color: #01a69f;font-weight: 500;text-decoration: underline;}


/* 사전예약 혜택 팝업 */
#preorderBenefitPop.layerWrap .layerBox {overflow-y: hidden;} 
/* #preorderBenefitPop.layerWrap .layerBox .layerBody {max-height: 75vh !important;} */
#preorderBenefitPop.layerWrap .layerContent {padding-bottom: 10vw;}
.layerContent .prod-list-wrap {position: relative; margin-bottom: 40px;}
.layerContent .prod-list-wrap .prod-list-header {display: flex; justify-content: space-between; padding:10px 0px; border-top: 1px solid #EBEBEB; border-bottom: 1px solid #EBEBEB;}

.layerContent .prod-list-wrap .prod-list-header > div {}
.layerContent .prod-list-wrap .prod-list-header span {font-size: 14px;color: #808080;}
.layerContent .prod-list-wrap .prod-list-body {padding:16px 0;align-items: center;}
.layerContent .prod-list-wrap .prod-list-body .prod-info-area {display: flex; align-items: flex-start; justify-content: space-between;}
.layerContent .prod-list-wrap .prod-list-body .prod-info-area .img-box {display: flex; align-items: center; justify-content: center; width: 100px; height: 100px;text-align: center;}
.layerContent .prod-list-wrap .prod-list-body .prod-info-area .img-box img {display: flex; align-items: center; justify-content: center; width: auto; height: auto; max-width: 90px; max-height: 90px;}
.layerContent .prod-list-wrap .prod-list-body .prod-info {}
.layerContent .prod-list-wrap .prod-list-body .prod-info .prod-name {font-size: 16px; font-weight: bold; color: #000;}
.layerContent .prod-list-wrap .prod-list-body .prod-info .prod-sub {margin: 6px 0 16px; font-size:14px; color: #808080;}
.layerContent .prod-list-wrap .prod-list-body .prod-info .prod-order-status {font-size: 14px; color:#01A69F;}

.layerContent .prod-list-wrap .prod-list-body .prod-total-price {margin-top: 16px; padding: 16px; background-color: #F8F8F8; border-radius: 8px;}
.layerContent .prod-list-wrap .prod-list-body .prod-total-price > div + div {margin-top: 6px;}
.layerContent .prod-list-wrap .prod-list-body .prod-total-price .total-price {display: flex; justify-content: space-between;}
.layerContent .prod-list-wrap .prod-list-body .prod-total-price .total-tit {font-weight: bold;color: #000; font-size:14px;}
.layerContent .prod-list-wrap .prod-list-body .prod-total-price .total-amount {font-weight: bold;color: #000;font-size:14px;}
.layerContent .prod-list-wrap .prod-list-body .prod-total-price .total-amount > span {color: #000;}
.layerContent .prod-list-wrap .prod-list-body .prod-total-price .total-price-month {position: relative; display: flex; justify-content: space-between; color: #808080;}
.layerContent .prod-list-wrap .prod-list-body .prod-total-price .month-tit {font-size:14px;}
.layerContent .prod-list-wrap .prod-list-body .prod-total-price .month-amount {font-size:14px;}

.layerContent .section-wrap {position: relative; margin:20px 0 40px;}
.layerContent .section-wrap:last-child {margin-bottom: 0;}
.layerContent .section-wrap .top-txt{margin-bottom:35px;font-size:12px;color:#000;line-height:18px;}
.layerContent .section-wrap .title {margin-bottom:20px;font-weight: bold;color: #000; font-size:16px; letter-spacing: -0.8px;}
.layerContent .section-wrap .title-msg {margin: 5px 0 20px;font-size:12px;color: #000;letter-spacing: -0.6px;line-height: 18px;}
.layerContent .section-wrap .prod-tbl {border-style: hidden !important; border-radius: 8px; box-shadow: 0 0 0 1px #d9d9d9; overflow: hidden;}
.layerContent .section-wrap .prod-tbl, .layerContent .section-wrap .prod-tbl th, .layerContent .section-wrap .prod-tbl td {border-collapse: collapse !important; border:1px solid #d9d9d9}
.layerContent .section-wrap .prod-tbl th {padding:11px; background-color: #f7f7f7; text-align: center; font-size: 12px;color: #000;}
.layerContent .section-wrap .prod-tbl td {padding:15px 10px;background: #fff;font-size: 12px;color: #000;}
.layerContent .section-wrap .prod-tbl td * {color: inherit;}
.layerContent .section-wrap .prod-tbl td strong {display: block;}
.layerContent .section-wrap .prod-tbl td strong + p{margin-top:5px;}

/* KTSHOP1-13912: 읽기 전용 주문정보. 원본 카드/다른 팝업에는 적용하지 않는다. */
#preorderBenefitPop .top-txt {margin:0 0 24px;font-size:14px;line-height:1.6;letter-spacing:-0.65px;color:#000;overflow-wrap:anywhere;}
#preorderBenefitPop .top-txt span{color:#000000;letter-spacing:-0.65px;}
#preorderBenefitPop [data-preodr-order] {margin-bottom:32px;color:#000;overflow-wrap:anywhere;}
#preorderBenefitPop .preodr-order-title {margin:0 0 16px;font-size:18px;font-weight:700;color:#000000;}
#preorderBenefitPop .preodr-order-header {display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;font-size:14px;}
#preorderBenefitPop .preodr-order-header span{color:#000000;}
#preorderBenefitPop .preodr-order-status {text-align:right;font-weight:500;}
#preorderBenefitPop .preodr-order-status span {display:block;}
#preorderBenefitPop .preodr-order-body {display:flex;gap:20px;padding:15px 0 0;}
#preorderBenefitPop .preodr-order-product {display:flex;flex-direction:row-reverse;justify-content:space-between;gap:20px;flex:1;min-width:0;}
#preorderBenefitPop .preodr-order-product img {width:100px;height:100px;flex:0 0 100px;object-fit:contain;}
#preorderBenefitPop .preodr-order-description {min-width:0;}
#preorderBenefitPop .preodr-order-description strong {font-size:16px;font-weight:700;color:#000000;}
#preorderBenefitPop .preodr-order-description p {margin-top:8px;font-size:14px;color:#666;}
#preorderBenefitPop .preodr-order-prices {width:100%;margin-top:16px;font-size:14px;background-color:#F8F8F8;padding:16px;border-radius: 8px;}
#preorderBenefitPop .preodr-price-block + .preodr-price-block {margin-top:18px;}
#preorderBenefitPop .preodr-price-total, #preorderBenefitPop .preodr-price-detail {display:flex;justify-content:space-between;gap:12px;line-height:1.5;}
#preorderBenefitPop .preodr-price-total {font-weight:700;margin-bottom:6px;}
#preorderBenefitPop .preodr-price-total *{color:#000000;}
#preorderBenefitPop .preodr-price-detail {color:#666;margin-top:6px;}
#preorderBenefitPop .preodr-price-total > :last-child, #preorderBenefitPop .preodr-price-detail > :last-child {text-align:right;flex-shrink:0;}
#preorderBenefitPop .preodr-order-error {font-size:14px;line-height:1.6;}
#preorderBenefitPop .preodr-order-body {display:block;}
#preorderBenefitPop .preodr-order-header {flex-wrap:wrap;}