@charset "euc-kr";

.myInfo {display:inline-block;width:100%;background:#3c3c4c;padding:0 20px;margin-top: 56px;}
.myInfo .nameGrade {padding:25px 10px 15px 10px; border-bottom:1px solid #626276;}
.myInfo .nameGrade p {font-size:16px;color:#fefefe;}
.myInfo .nameGrade p strong {font-weight:700;margin-right:5px;}
.myInfo .nameGrade p .grade {color:#d0b5ff;font-weight:bold;}
.myInfo ul li {display:inline-block;width:50%;float:left;color:#fff;padding:15px 10px 15px 22px;}
.myInfo ul li:first-of-type {padding:15px 22px 15px 10px;}
.myInfo ul li a {display:inline-block;float: right;font-size:12px;color:#fff;}
.myInfo ul li a span {color:#ff7461;letter-spacing: -1px;font-weight:bold;font-size:17px;margin-right:3px;}
.myInfo .simpleOrder {height:50px;line-height:50px;font-size:20px;margin-bottom:20px;}

.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%;}

.my_wrap {border-bottom:1px solid #ededed;border-top:10px solid #f1f1f1;}
.my_wrap > h2 {position:relative; padding:0 20px;height:40px; line-height:40px; font-size:14px;font-weight:500;border-bottom:1px solid #ededed;}
.my_wrap > span.order_bn{position:absolute; right:5%; top:256px; text-decoration:underline;}
.my_wrap > span.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;}
.my_wrap .tableWrap table thead tr th:first-child {text-align: left;}
.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 thead th span.details_bn{position:absolute; left:120px; top:21px; text-align:center; width:46%; 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 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;padding-right:9px;background:url(../../../images/mobile/ico/ico_arrow_next.png) no-repeat center right;background-size:4px auto;}

.my_wrap .eWrap {width:calc(100% - 20px);border:1px solid #ededed;margin:10px 10px 20px 10px;padding-bottom:17px;}
.my_wrap .eWrap:last-of-type {margin-bottom:0;}
.my_wrap .eWrap ul li {display:inline-block;width:50%;float:left;background:#f8f8f8;font-size:10px;font-weight:bold;color:#6b6b6b;padding:8px 10px 9px 10px;text-align: right;}
.my_wrap .eWrap ul li:first-of-type {text-align: left;}
.my_wrap .eWrap p {padding:0 20px;font-size:12px;position:relative;}
.my_wrap .eWrap .eName {font-size:14px;font-weight:700;padding:0 20px;margin:13px auto 11px auto;}
.my_wrap .eWrap p span {position:absolute;top:4px; right:20px;font-weight:bold;color:#000000;}

.my_wrap.custom_prd {}
.my_wrap.custom_prd .scrollWrap {padding:10px;}
.my_wrap.custom_prd .scrollWrap > ul#viewBanner::after{content:none;}
.my_wrap.custom_prd ul li {display:inline-block;width:33.3333%;/*margin-right:5px;float:left;*/ height:200px; overflow:hidden; min-width:110px;}
.my_wrap.custom_prd ul li a {width:100%; height:100%;}
.my_wrap.custom_prd ul li a img {width:100%; max-width:fit-content; height:50%; display:block; margin:auto;}
.my_wrap.custom_prd ul li p.cp_name {display:block;width:100%;padding:0 5px;font-family:'Noto Sans KR';font-weight:300;font-size:13px;height:46px;line-height:15px;margin:4px auto 13px auto;text-overflow: ellipsis;white-space: normal;overflow: hidden;}
.my_wrap.custom_prd ul li p.cp_price {width:100%;padding:0 5px;font-size:9px;margin-top:4px; }
.my_wrap.custom_prd ul li p.cp_price span {font-size:17px;font-weight:800; margin-top:4px;letter-spacing: -1px;}

.my_wrap .normalBoard li {display:block;width:100%;border-bottom:1px solid #ededed;height:35px; line-height:35px;padding:0 20px;}
.my_wrap .normalBoard li a {font-size:12px;}
.my_wrap:last-of-type {border-bottom:10px solid #f1f1f1;}


.my_wrap .none_cont {display:flex;width:100%;height:180px;align-items: center;justify-content: center;}
.my_wrap .none_cont h3 {color:#a8a8a8;font-size:12px;text-align: center;}




.modal-popup {position:fixed;width:100vw;height:100vh;z-index:10;display:none;top:0;left:0;background:#fff;overflow-y:auto; position:absolute;}
.modal-popup h2 {border-bottom:1px solid #ff4546 !important}
.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 {height:auto ;}
.modal-popup h3.orderNum {display:block;font-size:14px;color:#000;line-height:14px;padding:20px 20px 15px 20px;border-top:10px solid #f1f1f1;}
.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:10px solid #f1f1f1;margin-top:19px;padding:13px 20px;}  back*/
.modal-popup .baesong_date {display:block;width:100%;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 {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;}


.guide {display:block;padding:22px 20px 0;}
.guide p {color:#666666;font-size:12px;line-height:20px;}
.guide .bill {margin-top:18px;color:#333333;font-size:16px;font-weight:400;margin-bottom:10px;}
.guide .bill strong {color:#ff4546;font-weight:800;}

.coupon_wrap {padding:0 20px;border-bottom:1px solid #ededed;}
.coupon1 {display:none;width:100%;border:1px solid #ebebeb;background:#fff;border-radius: 15px;padding:18px 20px;margin-bottom:10px;}
.coupon1.on {display:inline-block;}
.coupon1.select {background:#fafafa;border:1px solid #d2d2d2;}
.coupon1:not(:last-of-type) {}

.coupon1 ul li {color:#333333;font-size:14px;line-height:20px;font-weight:500;}
.coupon1 ul li.serial {color:#999999;font-size:10px;line-height:10px;font-weight:400;text-align: right;margin-bottom:23px;}
.coupon1 ul li.price {color:#333333;font-size:16px;line-height:auto;font-weight:400;margin-bottom:7px;}
.coupon1 ul li.price strong {color:#333333;font-size:24px;line-height:auto;font-weight:800;letter-spacing: -1px;}
.coupon1 ul li.limit {color:#999999;font-size:12px;line-height:15px;font-weight:400;margin:5px 0 16px 0;}
.coupon1 ul li.expiry {color:#666666;font-size:14px;line-height:14px;font-weight:400;}
.coupon1 ul li.expiry strong {color:#ff4546;font-size:14px;line-height:15px;font-weight:400;margin-right:5px;}

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

.noticeArea {border-top:10px solid #f1f1f1;padding:30px 20px;}
.noticeArea h3 {color:#ff4546;font-size:14px;font-weight:500;line-height:14px;margin-bottom:28px;}
.noticeArea p {display:block;width:100%;position:relative;font-size:12px;color:#666666;padding-left:6px;}
.noticeArea p:not(:last-of-type) {margin-bottom:13px;}
.noticeArea p::before {content:'';position:absolute;left:0;top:3px;font-weight:bold;}

.btnFix {position:fixed;bottom:50px;left:0;width:100%;z-index:2;padding:0;}
.btnFix a {height:40px;line-height:40px;font-size:15px;}

.modal-popup2 {position:fixed;width:100vw;height:calc(100vh - 50px);z-index:9999;display:none;top:0;left:0;background:#fff;overflow-y:auto;}

/*¹è¼ÛÁ¶È¸ Æ˾÷*/
#pop_wrap{position:relative; width:100%; overflow-y: hidden; overflow-x: hidden; padding:4%; display:block;}
#pop_tracking{width:100%; overflow-y: hidden; overflow-x: hidden;}
#pop_tracking .tracking_top{float:left; width:100%; height:auto; margin-bottom:10px; background:#f7f7f7;}
#pop_tracking .tracking_top span{position:absolute; right:30px; top:50px; font-weight:700; font-size:14px; color:#333;}
#pop_tracking .tracking_main {float:left; color:#333; width:100%;}
#pop_tracking .tracking_main .section{float:left; width:100%; height:30px; margin-bottom:5px; font-size:12px;}
#pop_tracking .tracking_main .tit{float:left; width:100%; height:22px; font-weight:700;border-bottom:1px solid #333; font-size:12px; color:#333;}
#pop_tracking .tracking_main .borderArea{ float:left; height:auto; overflow-x:hidden; overflow-y:auto; margin-bottom:20px;}
#pop_tracking .tracking_main .borderArea .scroll{margin-top:-20px; margin-right:1px;}
#pop_tracking .tracking_main .info_sec{font-size:11px;font-family:Verdana, Arial; text-align:center; width:100%;}
#error_message
{vertical-align: middle; padding-bottom:5px; padding-left:15px; text-align:left; font-size:9pt; margin-left:auto; margin-right:auto; overflow: hidden; width:100%;
	background-repeat: no-repeat; background-position-x:0px; background-position-y:center;}

table.pop_wrap{ table-layout: fixed; border-collapse: separate; border-width: 1px 0 0 1px; width: 100%; font-size: 11px; margin-bottom:20px;}
table.pop_wrap thead th{ padding-right: 0;padding-left: 0; height: 22px; font-weight: bold; text-align: center; background-color: #f7f7f7;; border:1px solid #dfdfdf; border-right:none; letter-spacing:-1px;}
table.pop_wrap tbody td{ height: 32px; border:1px solid #dfdfdf; border-top:none; border-right:none; text-align: center; text-overflow:ellipsis; width:100%;white-space:nowrap; overflow:hidden;}
.border_r{ border-right:1px solid #dfdfdf !important}

#modal_tracking {display:none; position:relative; width:100%; height:100%; z-index:1;}
#modal_tracking h2 {margin:0;}
#modal_tracking button {display:inline-block; width:70px; margin-left:calc(100% - 100px - 10px);}
#modal_tracking .modal_content {width:90%; padding:5%; background:#ffffff;}
#modal_tracking .modal_layer {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.5); z-index:-1;}