@charset "euc-kr";

.subMenu2 {display:block;position: -webkit-sticky;position:sticky;width:100%;top:58px;left:0;background:#fff;z-index:2;}
.subMenu2 ul li {display:inline-block;width:25%;height:40px;line-height:40px;border-bottom:1px solid #dddddd;float:left;}
.subMenu2 ul li.on a {border-bottom:2px solid #ff4546;color:#ff4546;}
.subMenu2 ul li a {font-size:12px;text-align: center;height:100%;}

.level_category {display:block;position:relative;width:100%;height:40px;border-bottom:1px solid #ededed;}
.level_category a.cate_open {display:block;width:100%;height:40px;line-height:40px; text-align: center;}
.level_category a.cate_open span {display:inline-block;font-size:12px;padding-right:25px;background:url(../../../images/mobile/ico/ico_cate_circle.png) no-repeat center right;background-size:16px auto;}
.level_category .sort_list {position:absolute;top:35px;left:10px; display:none;width:calc(100% - 20px);height:70px; margin:0;background:#fff; z-index:1;overflow-y: auto;box-shadow:0px 0px 10px #ccc;}
.level_category .sort_list ul {width:100%;background:#fff;}
.level_category .sort_list ul li {display:block;width:100%;height:30px;line-height:30px;}
.level_category .sort_list ul li:first-of-type {margin-top:5px;}
.level_category .sort_list ul li a {text-align: center;color:#6b6b6b;font-size:12px;}


.my_wrap { position:relative; border-bottom:1px solid #ededed;border-top:10px solid #f1f1f1;}
.my_wrap > h2 {padding:0 20px;height:40px; line-height:40px; font-size:14px;font-weight:500;border-bottom:1px solid #ededed; position:relative;}
.my_wrap > span.latest_order_bn{position:absolute; right:5%; top:11px; text-decoration:underline;}
.my_wrap > span.latest_order_bn a{color:#777;}
.my_wrap .tableWrap {width:calc(100% - 40px);border:1px solid #ededed;margin:10px 20px 20px 20px;}
.my_wrap .tableWrap:last-of-type {margin-bottom:0;}
.my_wrap .tableWrap table {border:0;border-collapse: collapse;width:100%;}
.my_wrap .tableWrap table thead th {position:relative; background:#f8f8f8;font-size:12px;font-weight:300;color:#333;padding:8px 10px;text-align: right;letter-spacing: -.3px;}
.my_wrap .tableWrap table thead tr th:first-child {text-align: left;}
.my_wrap .tableWrap table thead th span.details_bn{position:absolute; left:115px; top:14px; width:46%; text-align:center; z-index:1; letter-spacing:-1.1px; font-size:10px; color:#fff; padding:2px 4px; border-radius:3px; background:#ff3333;}
.my_wrap .tableWrap table thead th span.details_bn a{color:#fff;}
.my_wrap .tableWrap table tbody th {font-size:12px;text-align: left;padding:3px 20px;line-height:24px;}
.my_wrap .tableWrap table tbody td {font-size:12px;text-align: right;padding:3px 20px;line-height:24px;}
.my_wrap .tableWrap table tbody td span {font-size:12px;font-weight:800;color:#000;letter-spacing: -0.2px;}
.my_wrap .tableWrap table tbody tr:first-of-type th,
.my_wrap .tableWrap table tbody tr:first-of-type td {padding-top:13px;}
.my_wrap .tableWrap table tbody tr:last-of-type th,
.my_wrap .tableWrap table tbody tr:last-of-type td {padding-bottom:13px;}

.my_wrap .view_more {display:block;width:100%;height:40px;line-height:40px;text-align: center;}
.my_wrap .view_more span {display:inline-block;font-size:12px; font-weight:300;letter-spacing: -1px;;padding-right:12px;background:url(../../../images/mobile/ico/ico_arrow_down_small.png) no-repeat center right;background-size:8px auto;}

.my_wrap.od_notice {padding:14px 20px;border-top:0;}

.my_wrap.od_total {padding:0px 20px 15px 20px;}
.my_wrap.od_total ul {display:inline-block;width:100%;margin-top:8px;}
.my_wrap.od_total ul li {display:inline-block;float:left;width:50%;height:40px;line-height: 40px;font-size: 12px;font-weight: 500;text-align: left;}
.my_wrap.od_total ul li:last-child {text-align: right;}
.my_wrap.od_total ul li .red {color:#ff4546;font-weight:600;}
.my_wrap.od_total .od_total_notice p {margin-left:-3px;margin-bottom:5px;}

.my_wrap.od_step {padding:10px 20px;}
.my_wrap.od_step h2 {padding:0;}
.my_wrap.od_step .step_img ul {border-bottom:1px solid #ededed;padding:10px 0;}
.my_wrap.od_step .step_img ul li {display:inline-block;width:20%;float:left;font-size:11px;text-align: center;position:relative;padding-top:45px;padding-bottom:10px;}
.my_wrap.od_step .step_img ul li:not(:last-of-type)::after {content:'';display:inline-block;width:4px;height:8px;position:absolute;top:23px;right:0;background:url(../../../images/mobile/ico/ico_step_arrow.png) no-repeat center;background-size:4px auto;}
.my_wrap.od_step .step_img ul li:first-of-type {background:url(../../../images/mobile/ico/od_stop_01.png) no-repeat top 15px center;background-size:26px auto;}
.my_wrap.od_step .step_img ul li:nth-of-type(2) {background:url(../../../images/mobile/ico/od_stop_02.png) no-repeat top 18px center;background-size:25px auto;}
.my_wrap.od_step .step_img ul li:nth-of-type(3) {background:url(../../../images/mobile/ico/od_stop_03.png) no-repeat top 15px center;background-size:23px auto;}
.my_wrap.od_step .step_img ul li:nth-of-type(4) {background:url(../../../images/mobile/ico/od_stop_04.png) no-repeat top 18px center;background-size:36px auto;}
.my_wrap.od_step .step_img ul li:nth-of-type(5) {background:url(../../../images/mobile/ico/od_stop_05.png) no-repeat top 14px center;background-size:29px auto;}


.my_wrap.myPoint {border-top:0;padding:20px 10px;}
.my_wrap.myPoint ul  {display:inline-block;width:100%;position:relative;}
.my_wrap.myPoint ul:first-of-type {margin-bottom:10px;}
.my_wrap.myPoint ul li {display:inline-block;position:relative;float:left; width:50%;height:40px; line-height:40px;text-align: left;padding:0 10px;font-family:'Noto Sans KR';font-size:12px;font-weight:500;}
.my_wrap.myPoint ul li:last-of-type {text-align: right;}
.my_wrap.myPoint ul li span {font-size:16px;font-weight:800;color:#6b6b6b;}
.my_wrap.myPoint ul li span.red {color:#ff4546;}
.my_wrap.myPoint .d-day {display:block;width:100%;height:20px;line-height:20px;font-size:11px;color:#338eff;padding:0 10px;position:relative;text-align: right;margin-top:-10px;}
.my_wrap.myPoint a.borderBtn {margin-top:10px;height:50%;line-height:50px;border:1px solid #e8e8e8;}
.my_wrap.myPoint a.borderBtn span {color:#ff4546;font-size:15px;}

.my_wrap.od_search .inner {padding:20px 20px;}
.my_wrap.od_search select {height:40px;line-height:40px;padding:0 10px;font-size:14px;border:1px solid #e8e8e8;margin-bottom:10px;}
.my_wrap.od_search select { -webkit-appearance: none;-moz-appearance: none; appearance: none;background: url(../../../images/mobile/ico/ico_select_arrow.png) no-repeat center right 16px;background-size:7px auto;} 
.my_wrap.od_search select::-ms-expand { display: none; }
.my_wrap.od_search select:first-of-type {width:100%;}
.my_wrap.od_search .date_search select,
.my_wrap.od_search .date_search input,
.my_wrap.od_search .date_search span {display:inline-block;height:40px;line-height:40px;float:left;}
.my_wrap.od_search .date_search input {border:1px solid #e8e8e8;padding:0 10px;font-size:14px;}
.my_wrap.od_search .date_search button {width:100%;height:50px;line-height:50px;font-size:15px;}
.my_wrap.od_search .date_search select {width:32%;margin-right:5px;}
.my_wrap.od_search .date_search span {width:15px;text-align: center;}
.my_wrap.od_search .date_search input {width:calc((100% - 32% - 20px)/2);}


.my_wrap.od_step {margin-bottom:60px;border-bottom:0;}
.my_wrap.od_step h2 {}
.my_wrap.od_step .od_guide {padding:10px 0px;}
.my_wrap.od_step .od_guide:not(:last-of-type) {border-bottom:1px solid #e8e8e8;}
.my_wrap.od_step .od_guide h3 {line-height:normal;display:block; position:relative;padding:0;font-weight:500;font-size:13px; margin:10px 0;}
.my_wrap.od_step .od_guide p {padding-left:10px;position:relative;margin-bottom:0px;font-size:12px;letter-spacing: -1px;line-height:20px;font-weight:300;}
.my_wrap.od_step .od_guide p::before {content:'-';display:inline-block;font-size:14px;position:absolute;left:0px;top:0;;}


.notice p {display:block;position: relative;padding-left:10px;font-size:12px;color:#a7a7a7;letter-spacing: -.5px;font-weight:300;}
.notice p::before {content: '*';position:absolute;left:3px;top:5px;}

.od_step_notice {padding-top:20px;}
.od_step_notice p  {padding-left:0;margin-bottom:10px;}
.od_step_notice p::before {display:none;}

.modal-popup {position:fixed;width:100vw;height:100vh;z-index:10;display:none;top:0;left:0;background:#fff;overflow-y:auto;}
.modal-popup h2 {border-bottom:1px solid #ff4546 !important; padding:0 20px; margin-bottom:10px;}
.modal-popup .view_detail {display:none;position:relative;width:100%;height:auto;padding:10px;}
.modal-popup .view_detail .container .empty {display:none;}
.modal-popup .view_detail.nothing .container * {display:none;}
.modal-popup .view_detail.nothing .container .empty {display:flex;align-content: center;justify-content: center;margin-top:45vh;}
.modal-popup .view_detail .container img {width:100%; height:auto ;}
.modal-popup h3.orderNum {display:block;font-size:14px;color:#000;line-height:14px;padding:20px 20px 15px 20px;}
.modal-popup h3.orderNum strong {font-size:14px;color:#ff4546;font-weight:400;}

.modal-popup .orderList_detail {display:none;width:100%;height:100%;background:#fff;position:fixed;left:0;top:0px;overflow-y: auto;z-index:4;}

.modal-popup .my_wrap {border-bottom:1px solid #ededed;}
.modal-popup .my_wrap > h2 {padding:0 20px;height:40px; line-height:40px; font-size:14px;font-weight:500;border-bottom:1px solid #ededed;}

.modal-popup .detailWrap {padding:0 0px;border:1px solid #e8e8e8;width:calc(100% - 20px);margin:0 10px;}
.modal-popup .detail_box {display:none;width:calc(100% - 20px);height:auto;padding:15px 0px;border-top:1px solid #e7e7e7;margin:0 auto;}
.modal-popup .detail_box:first-of-type {margin-top:-1px;}
.modal-popup .detail_box.on {display:block}
.modal-popup .detail_box.on:last-of-type {border-bottom:none;}

.modal-popup .detail_box ul li {display:inline-block;float:left;}
.modal-popup .detail_box ul li:first-child {width:30%;padding:0 5px;}
.modal-popup .detail_box ul li:nth-child(2) {width:70%;padding:0 10px;}
.modal-popup .detail_box ul li .prdName {color:#333333;font-size:12px;display:block;line-height:18px;max-height:36px;overflow: hidden;text-overflow: ellipsis;margin-top:10px;}
.modal-popup .detail_box ul li .prdInfo {color:#888888;margin-top:10px;}
.modal-popup .detail_box ul li .prdInfo span {margin-right:5px;}
.modal-popup .detail_box .price {text-align: right;display:block;color:#000000;font-size:16px;}
.modal-popup .view_more {display:block;width:100%;border-top:1px solid #e7e7e7;text-align: center;height:40px;line-height:40px;}
.modal-popup .view_more span {display:inline-block;font-size:12px;color:#333333;font-weight:300;padding-right:20px;background:url(../../../images/qubridge/ico/ico_arrow_down_22.png) no-repeat center right;background-size:11px auto;letter-spacing: -1px;}
.modal-popup .totalPrice {border-top:10px solid #f1f1f1;margin-bottom:50px;padding-bottom:40px;}
.modal-popup .totalPrice p {color:#ff4546;font-size:14px;font-weight:500;height:45px;line-height:45px;padding:0 20px;}
.modal-popup .totalPrice .redWrap {background:#faf0ef;padding:8px 0;}

.modal-popup .totalPrice ul li {display:inline-block;width:50%;float:left;height:27px;line-height:27px;font-weight:400;font-size:14px;padding:0 20px;}
.modal-popup .totalPrice ul li:first-child {text-align: left;color:#888888;}
.modal-popup .totalPrice ul li:last-child {text-align: right;color:#333333;}
.modal-popup .totalPrice ul li:last-child span {font-weight:500;font-family:'roboto';font-size:15px;letter-spacing: -0.5px;}
.modal-popup .totalPrice ul li.red {color:#ff4546;}
.modal-popup .totalPrice ul li.red span {font-weight:800;color:#ff4546;}
.modal-popup .two_fix {position:fixed;bottom:50px;left:0;width:100%;height:50px;line-height:50px;font-size:20px;}

.modal-popup .prdWrap {border-bottom:1px solid #e7e7e7;padding:20px 0;}
.modal-popup .prdWrap ul li {display:inline-block;float:left;}
.modal-popup .prdWrap ul li:first-child {width:110px;}
.modal-popup .prdWrap ul li:first-child img {width:100%;}
.modal-popup .prdWrap ul li:last-child {width:calc(100% - 110px);}
.modal-popup .prdWrap ul li:last-child .wishName {font-size:14px;font-weight:300;font-family:'Noto Sans KR';line-height:18px;display:block;width:100%;max-height:36px;overflow: hidden;text-overflow: ellipsis;margin-bottom:20px;}
.modal-popup .prdWrap ul li:last-child .wishInfo {text-align: right;font-size:12px;font-weight:400;}
.modal-popup .prdWrap ul li:last-child .price {display:block;width:100%;text-align: right;font-size:12px;font-weight:400;margin-top:10px;}
.modal-popup .prdWrap ul li:last-child .price span {font-family:'roboto';font-size:20px;color:#000000;font-weight:800;letter-spacing: -1px;}

.modal-popup .prdWrap ul li input[type="checkbox"] + label {display:inline-block;position:absolute;float:left; padding-left:25px;font-size:12px;height:20px;line-height:20px;margin-top:3px;font-weight:300;}
.modal-popup .prdWrap ul li input[type="checkbox"] + label::before {content:'';display:inline-block;position:absolute;top:0px;left:0;background:url(../../../images/qubridge/ico/ico_check_round.png) no-repeat center left; width:20px;height:20px;line-height:20px;background-size:20px auto;}
.modal-popup .prdWrap ul li input[type="checkbox"]:checked + label::before {content:'';background:url(../../../images/qubridge/ico/ico_check_round_on.png) no-repeat center center;background-size:20px 20px;}


.modal-popup .baesong_date {display:block;width:100%;border-top:0px solid #f1f1f1;margin-top:19px;padding:13px 20px;}
.modal-popup .baesong_date span {float:left;display:inline-block;line-height:24px;color:#000000;font-size:14px;}
.modal-popup .baesong_date span:first-of-type {margin-right:10px;}
.modal-popup .baesong_date a.roundBtn {float:right;display:inline-block;width:70px;height:24px;line-height:24px;color:#333333;border:1px solid #333333;border-radius: 30px;text-align: center;font-size:12px;}