:root { --main-color: #FF2B02; --timesale-color: #FF2B02; --sale-per-color: #FF2B02; --review-star-color: rgb(255,184,0); --shipping-today-bg: linear-gradient(142deg,#08bf81 5%,#008055 53%,#004932 102%); --jp-bg: #FFF0EE; --jp-border-color: #FF2B02; --jp-txt-color: #FF2B02; } #wrap .dn {display: none !important;} /* 회원가입 member/join */ #wrap #wgJoin .memberArea {max-width: 660px; margin: auto;} #wgJoin .memberArea .titleArea {border-bottom: 1px solid #707070; box-sizing: border-box; padding: 0 0 12px 0; margin: 30px 0 0px 0;} #wgJoin .memberArea .titleArea h3 {font-size: 20px; font-weight: 600; letter-spacing: -0.4px; color: #000;} #wgJoin .memberArea .titleArea h3 > span {font-size: 16px; font-weight: 600;letter-spacing: -0.32px; color: #FF2C00;} #wgJoin .memberArea .titleArea.title_company {margin: 46px 0 0 0;} #wgJoin .ec-base-table.typeWrite td input[type="text"] + [class^='btn'], #wgJoin .ec-base-table.typeWrite td input[type="password"] + [class^='btn'], #wgJoin .ec-base-table.typeWrite td input[type="text"] + a[class^='btn'], #wgJoin .ec-base-table.typeWrite td input[type="password"] + a[class^='btn'] {display: inline-block; margin: 0; width: 90px; height: 42px; padding: 12px 20px; box-sizing: border-box; border-radius: 0; border: 0; background: #222; box-sizing: border-box; font-size: 14px; font-weight: 600; letter-spacing: -0.28px; color: #fff;} #wgJoin .ec-base-table .wg_company_info {padding: 17px 20px 17px 20px; margin-top: 6px; box-sizing: border-box; background-color: #f8f8f8;} #wgJoin .ec-base-table .wg_company_info ul li {padding: 5px 0; font-size: 14px; font-weight: normal; line-height: 1.29; letter-spacing: -0.84px; color: #000;} #wgJoin .ec-base-table .wg_company_info ul li::before {display: inline-block; vertical-align: middle; margin-top: -5px; content: '•'; font-size: 14px; font-weight: normal; line-height: 1.29; letter-spacing: -0.84px; color: #000; margin-right: 4px;} #wgJoin #cssnMsg {padding-top: 10px;} #wgJoin #authMember #personalTypeWrap {display: none !important;} #wrap #wgJoin .xans-member-join .ec-base-table.typeWrite .formGroup {margin: 0;} #wgJoin #mobileWraps {display: block !important;} #wgJoin #mobileWraps .phone_box, #wrap #wgJoin .xans-member-join .ec-base-table.typeWrite .formGroup.phone_box{display: flex !important; vertical-align: middle; align-items: center; justify-content: space-between; flex-wrap: wrap; flex-direction: row;} #wrap #wgJoin .xans-member-join .ec-base-table.typeWrite th {padding: 16px 0 10px 0; line-height: normal;} #wrap #wgJoin .xans-member-join .ec-base-table.typeWrite td {padding: 0 0 16px 0;} #wrap #wgJoin .xans-member-join .ec-base-table.typeWrite td#companySsn {padding-bottom: 10px;} #wrap #wgJoin .xans-member-join .ec-base-table.typeWrite td input[type="text"], #wrap #wgJoin .xans-member-join .ec-base-table.typeWrite td input[type="password"], #wrap #wgJoin .xans-member-join .ec-base-table.typeWrite td select {display: inline-block; padding: 0 10px; margin: 0; width: 100%; height: 42px; border-radius: 0; box-sizing: border-box; border: solid 1px #707070; background-color: #fff;} #wrap #wgJoin .xans-member-join .ec-base-table.typeWrite span.txtInfo {margin-top: 14px !important; font-size: 14px; font-weight: normal; letter-spacing: -0.28px; color: #868686; line-height: normal;} #wrap #wgJoin .ec-base-table.typeWrite td p.txtInfo {display: none; font-size: 14px; font-weight: normal; letter-spacing: -0.28px; margin-top: 14px; line-height: normal;} #wrap #wgJoin .ec-base-table.typeWrite td p.txtInfo.error {display: block;} #wrap #wgJoin .ec-base-table.typeWrite td .txtInfo + p.txtInfo {margin-top: 0;} #wrap #wgJoin .xans-member-join .ec-base-table.typeWrite .phone_box select, #wrap #wgJoin .xans-member-join .ec-base-table.typeWrite .phone_box input {flex: 0.3; box-sizing: border-box; padding: 0 10px;} #wgJoin #nameContents {display: inline-block; width: 100%; height: 42px; border-radius: 0; box-sizing: border-box; border: solid 1px #707070; background-color: #fff; line-height: 40px; padding: 0 10px;} #wgJoin span#nameContents {background: #f9f9f9;} #wgJoin strong#nameContents {background: #fff;} #wrap #wgJoin .xans-member-join .ec-base-table.typeWrite td input[type=text][readonly], #wrap #wgJoin .xans-member-join .ec-base-table.typeWrite td input[type=password][readonly], #wrap #wgJoin .xans-member-join .ec-base-table.typeWrite td input[type=text][disabled], #wrap #wgJoin .xans-member-join .ec-base-table.typeWrite td input[type=password][disabled], #wrap #wgJoin .xans-member-join .ec-base-table.typeWrite td select[disabled] {background: #f9f9f9; opacity: 1; } #wgJoin .agreeAll {padding-top: 16px; border-bottom: 1px solid #707070; } #wgJoin .agreeAll label {font-size: 14px; font-weight: normal; line-height: 1.29; letter-spacing: -0.84px; color: #000;} #wgJoin .agreeAll h3 label {font-size: 14px; font-weight: 600; letter-spacing: -0.28px; text-align: left; color: #000;} #wgJoin .agreeArea label {font-size: 14px; font-weight: 600; letter-spacing: -0.28px; text-align: left; color: #000;} #wgJoin .agreeInner {margin-bottom: 46px;} #wgJoin .agreeArea .agree-cont-box {padding: 0 0 0px 0; margin-bottom: -6px;} #wgJoin .agreeArea .contents {padding: 17px 20px 17px 20px; box-sizing: border-box; background-color: #f8f8f8; border: 0; font-size: 12px; font-weight: normal; line-height: 1.33; letter-spacing: -0.24px; color: #000;} #wgJoin .agreeArea .contents * {color: #000;} #wgJoin .agreeArea .contents span, #wgJoin .agreeArea .contents p {font-family: 'Pretendard Variable', "맑은 고딕", "malgun gothic", "돋움", "dotum", sans-serif !important; font-size: 12px !important; font-weight: normal !important; line-height: 1.33; letter-spacing: -0.24px; color: #000 !important;} #wgJoin .agreeArea .title {margin: 14px 0 6px 0;} #wgJoin .agreeArea .title .sms_title {display: inline-block; margin: 0 24px 0 0; font-size: 14px; font-weight: 600; letter-spacing: -0.28px; text-align: left; color: #000;} #wgJoin .agreeArea .additional {display: inline-block;} #wgJoin .agreeArea .additional .agree-toggle {display: none;} #wgJoin .agreeArea .additional .relative {display: inline-block; vertical-align: middle; margin: 0 24px 0 0;} #wgJoin .agreeArea .additional .relative:last-child {margin-right: 0;} /* 주문발송정보 order/order_send */ #wgOrderSend #mCafe24Order.typeHeader {border: 0;} #wgOrderSend #mCafe24Order {background: none; padding-top: 20px;} #lyChargeBkCoin #mCafe24Order {width: auto; margin: 0 auto; border-left: 0; border-right: 0; box-sizing: border-box; background: none; padding: 0;} #wgOrderSend #mCafe24Order {width: 100%; max-width: 1200px; height: auto; overflow: inherit;} #wgOrderSend #mCafe24Order .newWrap {width: calc(100% - 370px); max-width: 830px; display: inline-block; vertical-align: top;} #wgOrderSend #mCafe24Order .float_right_menu {display: inline-block; background: #fff; vertical-align: top; width: 345px; position: -webkit-sticky; position: sticky; top: 95px; right: 0; float: right; z-index: 10; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); border: 1px solid #dedede; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); padding: 20px 5px 70px 20px; box-sizing: border-box; border-radius: 10px; overflow: hidden; max-height: calc(var(--vh, 1vh) * 100 - 125px); transform: translate(0px);} #wgOrderSend .float_right_menu .scroll_box {overflow: auto; box-sizing: border-box; height: 100%; display: block; max-height: calc(var(--vh, 1vh) * 100 - 217px); padding-right: 15px;} #wgOrderSend .float_right_menu .msg_wrap {margin: 10px 0 0 0;} #wgOrderSend .float_right_menu .msg_wrap .banner_box {padding: 0 5px; display: block; margin: auto; width: 200px;} #wgOrderSend .float_right_menu .msg_wrap .banner_box .banner_area {border-radius: 18px; height: 347.69px;} #wgOrderSend .float_right_menu .msg_wrap .banner_box .banner_area .seleted_banner {width: 140px;} #wgOrderSend .float_right_menu .reflect_box {position: absolute; right: 0; bottom: 5px;} #wgOrderSend .float_right_menu .cart-total {margin: 10px 0 0 0; width: 100%;} #wgOrderSend .float_right_menu .cart-total .title {padding: 0;} #wgOrderSend .float_right_menu .order-send-info .row-type02 dl {padding: 0;} #wgOrderSend .float_right_menu .order-send-info .row-type02 dl dt {display: block; width: 100%; padding: 0 0 10px 0; font-weight: bold;} #wgOrderSend .float_right_menu .order-send-info .row-type02 dl dd {display: block; width: 100%; padding: 0 0 12px 0; line-height: 0;} #wgOrderSend .float_right_menu .order-send-info .row-type02 dl .send_reserve_cont .send-date {padding: 10px 0 0 0;} #wgOrderSend .float_right_menu .subcontents {padding: 0 0 10px 0; border-bottom: 1px solid #dedede;} #wgOrderSend .float_right_menu .btn_center_box {position: fixed; bottom: 0; left: 0; width: 100%; padding: 10px 20px 10px; box-sizing: border-box;} /*#wgOrderSend .float_right_menu input[type="text"] {height: 32px; line-height: 32px;}*/ /*#wgOrderSend .float_right_menu select {height: 32px; line-height: 32px;}*/ #wgOrderSend .subcontents .msg_wrap .banner_box {display: none;} #wgOrderSend .subcontents {padding: 0 16px 17px; box-sizing: border-box; border-bottom: 10px solid #EDEDED; margin: 0;} #wgOrderSend .subcontents:last-child {border-bottom: 0; margin: 0; padding: 0 0 0 1px;} #wgOrderSend .subcontents .bLine{font-size: 16px; font-weight: 600; letter-spacing: -0.32px; color: #000; line-height: 67px;} #wgOrderSend .subcontents:last-child .bLine {padding-left: 16px;} #wgOrderSend .subcontents.wg_base_reserve {display: none;} #wgOrderSend .order-send-info .row-type02 dl {display: table; width: 100%; } #wgOrderSend .order-send-info .row-type02 dl dt {display: table-cell; padding: 19px 0 19px; width: 108px; vertical-align: top; text-align: left; font-size: 16px; font-weight: normal; letter-spacing: -0.32px; text-align: left; color: #000;} #wgOrderSend .order-send-info .row-type02 dl dd {display: table-cell; padding: 19px 0 19px; vertical-align: top; text-align: left; font-size: 14px; font-weight: normal; letter-spacing: -0.28px; color: #000;} #wgOrderSend .order-send-info .row-type02 dl.sel_box dt {padding: 10px 0 16px; vertical-align: middle;} #wgOrderSend .order-send-info .row-type02 dl.sel_box dd {padding: 10px 0 16px; vertical-align: middle;} #wgOrderSend .order-send-info .row-type02 dl .send_reserve_cont {} #wgOrderSend .order-send-info .row-type02 dl .send_reserve_cont #send_date {width: 151px;} #wgOrderSend .order-send-info .row-type02 dl .send_reserve_cont #send_time {width: 126px;} #wgOrderSend .order-send-info .row-type02 dl .send_reserve_cont .send-date {position: relative; padding: 19px 0 0 0;} #wgOrderSend .form_element {font-size: 0;} #wgOrderSend .form_element label {font-size: 0; margin-right: 26px; line-height: normal; min-height: 18px;} #wgOrderSend .form_element label:last-child {margin-right: 0;} #wgOrderSend .form_element label > input {margin-right: 10px;} #wgOrderSend .form_element label > input + span {vertical-align: middle; font-size: 14px; font-weight: normal; letter-spacing: -0.28px; color: #000;} #wgOrderSend input[type="radio"] {background: url('../img/icon_rdo_18.svg') no-repeat; width: 18px; height: 18px; margin: 0;} #wgOrderSend input:not(:disabled):checked[type="radio"] {background: url('../img/icon_rdo_on_18.svg') no-repeat;} #wgOrderSend input[type="checkbox"], #LayerExcelResult input[type="checkbox"]{-webkit-appearance: none; background: #fff url('../img/icon_chk_15.svg') no-repeat; width: 15px; height: 15px; margin: 0; vertical-align: middle;} #wgOrderSend input:not(:disabled):checked[type="checkbox"], #LayerExcelResult input:not(:disabled):checked[type="checkbox"] {background: url('../img/icon_chk_on_15.svg') no-repeat;} #wgOrderSend select {width: 100%; height: 42px; box-sizing: border-box; border: 1px solid #707070; border-radius: 0; background: url('../img/icon_arrow_bottom_11_gray.svg') no-repeat right 10px center; color: #000 !important;} #wgOrderSend input[type="text"], #wgOrderSend input[type="number"] {width: 100%; height: 42px; box-sizing: border-box; border: 1px solid #707070; border-radius: 0;} #wgOrderSend select[disabled], #wgOrderSend select[readonly] {background: #f9f9f9; opacity: 1; pointer-events: none;} #wgOrderSend input[type="text"][disabled], #wgOrderSend input[type="number"][disabled], #wgOrderSend input[type="text"][readonly], #wgOrderSend input[type="number"][readonly] {background: #f9f9f9; opacity: 1;} #wgOrderSend input[name="send_date"] {background: #fff !important;} #wgOrderSend .discountDetail {padding-left: 0; padding-right: 0;} #wgOrderSend .discountDetail:first-child {padding-left: 0; padding-right: 0;} #wgOrderSend .discountDetail .ec-base-help li {background: none; margin: 0;} #wgOrderSend .phone_box {font-size: 0; padding: 19px 0 0 0; display: flex; align-items: center; justify-content: space-between; flex-direction: row;} #wgOrderSend .phone_box > span {padding: 0 8px; font-size: 14px; font-weight: 600;} #wgOrderSend .phone_box input, #wgOrderSend .phone_box select {} #wgOrderSend .order_area {display: table; width: calc(100% + 0px); margin-left: 0px; } #wgOrderSend .order_area .order-goods-info {display: table-cell; vertical-align: top; width: 300px; background: #F6F6F6;} #wgOrderSend .order_area .order-goods-info ul li {box-sizing: border-box; cursor:pointer; margin-bottom: 12px;} #wgOrderSend .order_area .order-goods-info ul li .list_box { width: 100%; padding: 16px; box-sizing: border-box; font-size: 0; line-height: 0;} #wgOrderSend .order_area .order-goods-info ul li .list_box .item_box {display: table;width: 100%;} #wgOrderSend .order_area .order-goods-info ul li .order_img_box {display: table-cell; vertical-align: top; width: 70px; height: 70px; background-color: none;} #wgOrderSend .order_area .order-goods-info ul li .order_img_box img {width: 100%;} #wgOrderSend .order_area .order-goods-info ul li .order_info {display: table-cell; vertical-align: top; padding: 0 0 0 10px; font-size:0; line-height: 1;} #wgOrderSend .order_area .order-goods-info ul li .order_info .goodsNm {display: inline-block; font-size: 14px; font-weight: 600; letter-spacing: -0.32px; line-height: 1.15; color: #000;} #wgOrderSend .order_area .order-goods-info ul li .order_info .price {display: block; padding-top: 8px; font-size: 14px; font-weight: 500; letter-spacing: -0.28px; line-height: 1.15; color: #000;} #wgOrderSend .order_area .order-goods-info ul li .order_info .price > strong {display: inline-block; font-size: 14px; font-weight: 500; letter-spacing: -0.28px; line-height: 1.15; color: #000;} #wgOrderSend .order_area .order-goods-info ul li .notice_box {display: flex; width: 100%; align-items: center; justify-content: space-between; padding-top: 10px; text-align: left; font-size: 0; line-height: normal;} #wgOrderSend .order_area .order-goods-info ul li .notice_box > span {display: inline-block; padding-top: 0px; font-size: 12px; font-weight: normal; letter-spacing: -0.28px; line-height: 1.15;} #wgOrderSend .order_area .order-goods-info ul li .notice_box > span.bar {content: ''; display: inline-block; width: 1px; height: 8px; background: #EDEDED; margin: 0 12px;} #wgOrderSend .order_area .order-goods-info ul li .notice_box > span:last-child:after {display: none;} #wgOrderSend .order_area .order-goods-info ul li .notice_box > span.input_status {width: 161px;width: 141px;} #wgOrderSend .order_area .order-goods-info ul li .notice_box .warning {color: #ff2c00;} #wgOrderSend .order_area .order-goods-info ul li .notice_box .complete {color: #2196F3;} #wgOrderSend .order_area .order-goods-info ul li.active {outline: solid 1px #707070; background: #fff;} #wgOrderSend .order_area .order-send-info {display: table-cell; vertical-align: top; padding-left: 14px;} #wgOrderSend .order_area .order-send-info .row-type02 {font-size: 0;} #wgOrderSend .order_area .order-send-info .row-type02 > h3 {display: inline-block; font-size: 16px; font-weight: 600; line-height: normal; letter-spacing: -0.32px; color: #000;} #wgOrderSend .order_area .order-send-info .row-type02.send-row {margin-top: 25px;} #wgOrderSend .order_area .order-send-info .row-type02.send-row > h3.justify_tit {line-height: 32px;} #wgOrderSend .order_area .order-send-info .template_area {line-height: normal; padding: 6px 0 0 0;} #wgOrderSend .order_area .order-send-info .template_area .template_top {display: inline-block; display: none; width: 100%; padding: 0 0 10px 0;} #wgOrderSend .order_area .order-send-info .template_area .template_top .left_box {float: left;} #wgOrderSend .order_area .order-send-info .template_area .template_top .left_box button {margin: 0 8px 0 0;} #wgOrderSend .order_area .order-send-info .template_area .template_top .right_box {float: right; padding-top: 16px;} #wgOrderSend .order_area .order-send-info .template_area .template_top .right_box button {margin: 0 0 0 8px;} #wgOrderSend .wg_btn_s {display: inline-block; min-width: 70px; height: 30px; border-radius: 4px; border: solid 1px #707070; background: #fff; text-align: left; padding: 0 10px; box-sizing: border-box; font-size: 13px; font-weight: 600; text-align: center; letter-spacing: -0.28px; color: #707070;} #wgOrderSend .ec-base-tab.typeNav .menu, .wg_layer_wrap .ec-base-tab.typeNav .menu { margin: 0 0 0; border-top: 0; border-bottom: 1px solid #868686; background: #fff; display: flex; font-size: 16px; line-height: 24px; font-weight: 400; word-break: break-all; } #wgOrderSend .ec-base-tab.typeNav .menu li, .wg_layer_wrap .ec-base-tab.typeNav .menu li { display: flex; background: #f6f6f6; float: left; margin-left: 0px; border: 0; flex: none; } #wgOrderSend .ec-base-tab.typeNav .menu li a, .wg_layer_wrap .ec-base-tab.typeNav .menu li a { border: 1px solid #e5e5e5; border-bottom: 0; color: #545454; background: #f6f6f6; font-size: 13px; line-height: 1; padding: 16px 20px; cursor: pointer; min-width: auto; } #wgOrderSend .ec-base-tab.typeNav .menu li.selected a, .wg_layer_wrap .ec-base-tab.typeNav .menu li.selected a { position: relative; border-color: #868686; color: #000; font-weight: bold; background: #fff; } #wgOrderSend .ec-base-tab.typeNav .menu li.selected a:after, .wg_layer_wrap .ec-base-tab.typeNav .menu li.selected a:after { content: ""; display: block; position: absolute; bottom: -2px; left: 0; right: 0; width: 100%; height: 2px; background: #fff; } #wgOrderSend .order_area .order-send-info .template_area .template_top .tab_class {min-width: 150px;} /*#wgOrderSend .order_area .order-send-info .template_area .template_top .btn_change_template {background: #f6f6f6;}*/ /*#wgOrderSend .order_area .order-send-info .template_area .template_top .btn_change_template.on {background: #fff;}*/ #wgOrderSend .order_area .order-send-info .template_area .template_list {display: flex; flex-wrap: wrap; margin: 0px 0 0 0; overflow-y: auto; max-height: 189px; align-content: flex-start;} #wgOrderSend .order_area .order-send-info .template_area .no_data {width: 100%; padding: 80px 0; box-sizing: border-box; font-size: 15px; text-align: center;} #wgOrderSend .order_area .order-send-info .template_area .template_list .item_box {display: inline-block; vertical-align: top; width: calc(33.33% - 8px); border: solid 1px #707070; box-sizing: border-box; margin: 0px 8px 8px 0; cursor: pointer;} #wgOrderSend .order_area .order-send-info .template_area .template_list .item_box .title_area {padding: 4px; box-sizing: border-box; border-bottom: solid 1px #707070;} #wgOrderSend .order_area .order-send-info .template_area .template_list .item_box .title_area label {font-size: 12px; line-height: 1.5; min-height: 20px;} #wgOrderSend .order_area .order-send-info .template_area .template_list .item_box .title_area input[type="checkbox"] {vertical-align: middle; width: 14px; background-size: 12px; height: 14px; margin-right: 3px; } #wgOrderSend .order_area .order-send-info .template_area .template_list .item_box .title_area span {vertical-align: middle; font-size: 12px; letter-spacing: -0.5px; color: #000; line-height: 1.5;} #wgOrderSend .order_area .order-send-info .template_area .template_list .item_box .content_area {padding: 4px; box-sizing: border-box;} #wgOrderSend .order_area .order-send-info .template_area .template_list .item_box .content_area p {font-size: 12px; color: #000; line-height: 1.5;} #wgOrderSend .order_area .order-send-info .template_area .template_list .item_box .content_area pre {font-size: 12px; color: #000; line-height: 1.5; word-break: break-all; text-overflow: ellipsis; white-space: normal; overflow: hidden; white-space: normal; word-wrap: break-word; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: inline-block; width: 11ch; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} #wgOrderSend .order_area .order-send-info .template_area .template_list .item_box .btn_template_del_one {font-size: 0; margin: 0 4px 0 0; width: 13px; height: 13px; background: url(../img/icon_close_17.svg) no-repeat center center / 7px; border: 1px solid #000; } #wgOrderSend .msg_wrap {display: table; width: 100%; margin: 6px 0 0 0;} #wgOrderSend .msg_wrap .msg_box {display: table-cell; vertical-align: top; width: auto;} #wgOrderSend .msg_wrap .banner_box {display: table-cell; vertical-align: top; width: 250px; position: relative; padding-left: 10px; box-sizing: border-box; } #wgOrderSend .msg_wrap .banner_box h4 {font-size: 13px;} #wgOrderSend .msg_wrap .banner_box .banner_area {background: #F6F6F6; position: relative; box-sizing: border-box; margin: 0px 0 0 0px; width: calc(100% - 0px); height: 100%; height: 100%; height: 439.19px; position: relative; border-radius: 20px; overflow: hidden;} #wgOrderSend .msg_wrap .banner_box .btn_setting_banner {position: absolute; top: 15px; right: 15px; width: 25px; height: 25px; background: #000; font-size: 0; z-index: 1; border-radius: 4px;} #wgOrderSend .msg_wrap .banner_box .btn_setting_banner .settings-icon {background: url('../img/icon_setting@2x.png') no-repeat center center / 16px; width: 100%; height: 100%; position: absolute; top: 0; left: 0;} /*#wgOrderSend .msg_wrap .banner_box .btn_setting_banner .settings-icon::before {content: "⚙"; font-size: 16px; color: white; line-height: 1;}*/ #wgOrderSend .msg_wrap .banner_box .banner_area .seleted_banner {position: absolute; width: 190px; bottom: 12px; left: 50%; transform: translateX(-50%);} #wgOrderSend .msg-area { font-size: 0; position: relative; background-color: #fff;} #wgOrderSend .msg-area input {border: 0; box-sizing: border-box; border: solid 1px #707070;} #wgOrderSend .msg-area textarea {box-sizing: border-box; border: solid 1px #707070;} #wgOrderSend .order_area .order-send-info .msg-area {margin: 0 0 16px 0;} #wgOrderSend .order_area .order-send-info #message_title {padding-left: 16px; padding-right: 70px; } #wgOrderSend .order_area .order-send-info .msg-area #message_content {width: 100%; height: 220px; height: 100px; padding: 16px 16px 56px 16px; } #wgOrderSend .msg-area .count_box {position: absolute; background: #fff; left: 0; bottom: 0; width: 100%; height: 40px; font-size: 0; text-align: right; padding: 0 0 0 0; box-sizing: border-box;} #wgOrderSend .msg-area .count_box .addCount > span {font-size: 14px; font-weight: normal; line-height: 40px; letter-spacing: -0.28px; color: #707070;} #wgOrderSend .msg-area .count_box .addCount .Count1 {font-weight: bold; color: #000;} #wgOrderSend .msg-area textarea + .count_box {bottom: 1px; left: auto; right: 16px; width: 70px; background: none;} #wgOrderSend .msg-area.text_area .count_box {position: absolute; top: 1px; left: auto; right: 16px; width: 70px;} #wgOrderSend .msg-area.text_area > input {padding-right: 70px;} #wgOrderSend .order_area .order-send-info .charWrap {} #wgOrderSend .order_area .order-send-info .charWrap.charClose .character {display: none;} #wgOrderSend .order_area .order-send-info .charWrap .btnWrap {display: inline-block; width: 100%; margin: 0 0 0 0; padding: 10px; box-sizing: border-box; background-color: #f6f6f6; } #wgOrderSend .order_area .order-send-info .charWrap .btnWrap .btn {display: inline-block; max-width: 235px; width: calc(50% - 4px); height: 30px; border-radius: 4px; border: solid 1px #707070; background: #fff; text-align: left; padding: 0 15px; box-sizing: border-box; font-size: 13px; font-weight: 600; letter-spacing: -0.28px; color: #707070;} #wgOrderSend .order_area .order-send-info .charWrap .btnWrap .btn_save_template {float: right; text-align: center;} #wgOrderSend .order_area .order-send-info .charWrap .btnWrap #btnChar {display: inline-block; max-width: 235px; width: calc(50% - 4px); height: 30px; border-radius: 4px; border: solid 1px #707070; background: #fff url('../img/icon_arrow_top_11_gray.svg') no-repeat right 10px center; text-align: left; padding: 0 15px; box-sizing: border-box; font-size: 13px; font-weight: 600; letter-spacing: -0.28px; color: #707070;} #wgOrderSend .order_area .order-send-info .charWrap .btnWrap #btnChar.Open {background: #fff url('../img/icon_arrow_bottom_11_gray.svg') no-repeat right 10px center; text-align: center;} #wgOrderSend .order_area .order-send-info .charWrap .character {padding: 0 12px 12px 12px; box-sizing: border-box; background-color: #f6f6f6;} #wgOrderSend .order_area .order-send-info .charWrap .character ul {background: #fff; margin: 0; display: grid; gap: 0; grid-template-columns: repeat(auto-fill, minmax(38px, auto)); grid-auto-rows: minmax(39px, auto);} #wgOrderSend .order_area .order-send-info .charWrap .character ul li {position: relative; border: solid 1px #e6e6e6; margin: -1px -1px 0 0; display: flex; justify-content: center; align-items: center; flex-direction: column; font-size: 12px; letter-spacing: -0.6px; color: #222; background-color: #fff;} #wgOrderSend .order_area .order-send-info .charWrap .character ul li.li-no {border: 0; margin: 0 0px 0 1px;} #wgOrderSend .order_area .order-send-info .charWrap .character ul li:not(.li-no) {cursor: pointer;} #wgOrderSend .order_area .order-send-info .charWrap .character ul li:not(.li-no):hover:before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #000; box-sizing: border-box;} #wgOrderSend .order_area .order-send-info .list-type01 {padding: 8px 20px; box-sizing: border-box; background-color: #f6f6f6; margin: 12px 0 0 0;} #wgOrderSend .order_area .order-send-info .list-type01 li {padding: 6px 0; font-size: 12px; font-weight: normal; line-height: 1.5; letter-spacing: -0.72px; color: #000;} #wgOrderSend .order_area .order-send-info .list-type01 li::before {content: ''; display: inline-block; width: 4px; height: 4px; border-radius: 100%; background: #000; vertical-align: top; margin-top: 5px; margin-right: 4px;} #wgOrderSend .order_area .order-send-info .list-type01 li > span {display: inline-block; vertical-align: top; width: calc(100% - 9px);} #wgOrderSend .order_area .order-send-info .justify-cont {display: inline-block; vertical-align: middle; float: right;} #wgOrderSend .order_area .order-send-info .justify-cont .btn-area {text-align: right;} #wgOrderSend .order_area .order-send-info .justify-cont .btn-area > ul > li {display: inline-block; padding-left: 12px;} #wgOrderSend .order_area .order-send-info .justify-cont .btn-area > ul > li > a {display: inline-block; vertical-align: top; min-width: 112px; height: 30px; border-radius: 4px; border: solid 1px #707070; background-color: #f8f8f8; font-size: 14px; font-weight: 600; line-height: 28px; letter-spacing: -0.28px; text-align: center; color: #707070;} #wgOrderSend .order_area .order-send-info .justify-cont .btn-area > ul > li > a.btn-square-reset {font-size: 0; min-width: 30px; background: #f8f8f8 url('../img/icon_retry_18.svg') no-repeat center center / 14px;} #wgOrderSend .order_area .order-send-info #table_header {margin-top: 15px;} #wgOrderSend .order_area .order-send-info #table_header th {padding: 12px 10px; background-color: #000; font-size: 14px; font-weight: 600; line-height: normal; letter-spacing: -0.28px; text-align: center; color: #fff;} #wgOrderSend .order_area .order-send-info .resizable-wrap {} #wgOrderSend .order_area .order-send-info .resizable-wrap #resizable {border-left: 1px solid #707070; border-right: 1px solid #707070; border-bottom: 1px solid #707070; box-sizing: border-box;} #wgOrderSend .order_area .order-send-info .resizable-wrap #resizable #table_body{ border-collapse: collapse; border-spacing: 0;} #wgOrderSend .order_area .order-send-info .resizable-wrap #resizable .table_contents {} #wgOrderSend .order_area .order-send-info .resizable-wrap #resizable .table_contents td {border-bottom: 1px solid #707070; border: 0;position: relative; box-sizing: border-box; padding: 0 0; font-size: 14px; font-weight: normal; line-height: normal; letter-spacing: -0.28px; text-align: center; color: #000; vertical-align: middle;} #wgOrderSend .order_area .order-send-info .resizable-wrap #resizable .table_contents td:after {content: ''; width: 100%; height: 1px; background: #707070; position: absolute; left: 0; bottom: 0;} #wgOrderSend .order_area .order-send-info .resizable-wrap #resizable .table_contents td input {border: 0; text-align: center;} #wgOrderSend .order_area .order-send-info .resizable-wrap #resizable .table_contents td input.warning {color: #ec2028;} #wgOrderSend .order_area .order-send-info .resizable-wrap #resizable .table_contents .disabled td {background: #f9f9f9;} #wgOrderSend .order_area .order-send-info .dupli-cont {margin: 20px 0 19px 0; padding: 22px 20px; background-color: #f6f6f6; box-sizing: border-box; line-height: 1;} #wgOrderSend .order_area .order-send-info .dupli-cont > p {display: inline-block; font-size: 14px; font-weight: bold; line-height: 1.29; letter-spacing: -0.84px; color: #000;} #wgOrderSend .order_area .order-send-info .dupli-cont .cbWrap {display: inline-block; float: right; font-size: 0;} #wgOrderSend .order_area .order-send-info .dupli-cont .cbWrap > input {display: inline-block; vertical-align: middle;} #wgOrderSend .order_area .order-send-info .dupli-cont .cbWrap > label {margin: 0 0 0 8px; display: inline-block; vertical-align: middle; min-height: auto; font-size: 14px; font-weight: 600; line-height: 16px; letter-spacing: -0.28px; color: #000;} #wgOrderSend .btn_center_box {padding: 29px 0 63px 0; padding: 29px 0 0 0; font-size: 0;} #wgOrderSend .btn_center_box button {width: calc(50% - 6px); vertical-align: middle;} #wgOrderSend .btn_center_box button + button {margin-left: 12px;} #wgOrderSend .btn_center_box .btn_prev {display: inline-block; height: 50px; border-radius: 4px; border: solid 1px #707070; box-sizing: border-box; background-color: #fff; font-size: 14px; font-weight: 600; letter-spacing: -0.28px; color: #707070;} #wgOrderSend .btn_center_box .btn_next {display: inline-block; padding: 0; height: 50px; font-size: 14px; box-sizing: border-box; border: 1px solid transparent; line-height: 1; text-decoration: none; vertical-align: middle; letter-spacing: -0.28px; text-align: center; white-space: nowrap; color: #fff; background-color: #ff2c00; border-radius: 4px; font-weight: 600;} #wgOrderSend .btn_center_box .btn_next[disabled] {background: #d32100;} #wgOrderSend .subcontents .btn_center_box {display: none;} #wgOrderSend .reflect_box {padding-top: 10px; text-align: right;} #wgOrderSend .reflect_box input[type="checkbox"] + label {margin-right: 0; max-width: calc(100% - 21px);} #wgOrderSend .order_area .order-send-info .reflect_box {text-align: left;} #wgOrderSend .order-send-info + .reflect_box {padding-top: 0;} .btn-wg-sub-1 {display: inline-block; min-width: 112px; padding: 0 20px; box-sizing: border-box; height: 40px; border-radius: 4px; border: solid 1px #707070; background-color: #f8f8f8; font-size: 14px; font-weight: 600; line-height: 38px; letter-spacing: -0.28px; text-align: center; color: #707070;} .btn-wg-sub-2 {display: inline-block; min-width: 44px; padding: 0 12px; box-sizing: border-box; height: 32px; border-radius: 4px; border: solid 1px #707070; background-color: #f8f8f8; font-size: 12px; font-weight: 600; line-height: 30px; letter-spacing: -0.24px; text-align: center; color: #707070;} .wg_layer_wrap {display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; max-width: 724px; height: 520px; background: #fff; padding: 30px 30px 31px; box-sizing: border-box; z-index: 1001;} .wg_layer_wrap .layer_tit {padding: 0 0 19px 0; font-size: 0; position: relative; border-bottom: 1px solid #707070;} .wg_layer_wrap .layer_tit > h3 {font-size: 20px; font-weight: bold;} .wg_layer_wrap .layer_tit .btn_layer_close {font-size: 0; position: absolute; top: 0; right: 0; width: 17px; height: 17px; background: url('../img/icon_close_17.svg') no-repeat center center;} .wg_layer_wrap .layer_cont {} #LayerExcelResult .layer_cont .top_box {padding: 21px 0 0 0;} #LayerExcelResult .layer_cont .top_box .result_box {padding: 10px 0; display: inline-block; font-size: 0;} #LayerExcelResult .layer_cont .top_box .result_box ul li {display: inline-block; vertical-align: middle; padding-right: 39px; position: relative; font-size: 16px; font-weight: normal; line-height: 19px; letter-spacing: -0.32px; color: #000;} #LayerExcelResult .layer_cont .top_box .result_box ul li:after {content: ''; position: absolute; display: inline-block; right: 19px; top: 3px; width: 1px; height: 14px; background-color: #707070;} #LayerExcelResult .layer_cont .top_box .result_box ul li:last-child {padding: 0;} #LayerExcelResult .layer_cont .top_box .result_box ul li:last-child:after{display: none;} #LayerExcelResult .layer_cont .top_box .result_box ul li > strong {font-weight: 600;} #LayerExcelResult .layer_cont .top_box .result_box ul li.failed {color: #ff2c00;} #LayerExcelResult .layer_cont .top_box .result_box ul li.failed > strong {} #LayerExcelResult .layer_cont .top_box .btn_box {display: inline-block; font-size: 0; float: right;} #LayerExcelResult .layer_cont .top_box .btn_box ul li {display: inline-block; vertical-align: middle; padding-left: 12px;} #LayerExcelResult .layer_cont .top_box .btn_box ul li .btn_download_excel_result {} #LayerExcelResult .layer_cont .top_box .btn_box ul li .btn_retry_excel_upload {} #LayerExcelResult .layer_cont .table_box {padding: 15px 0 0 0;} #LayerExcelResult .layer_cont .table_box .excel_table {overflow: auto; height: 245px; border-left: 1px solid #707070; border-right: 1px solid #707070; border-bottom: 1px solid #707070; box-sizing: border-box;} #LayerExcelResult .layer_cont .table_box thead th {white-space: nowrap; padding: 12px 10px; background-color: #000; font-size: 14px; font-weight: 600; line-height: normal; letter-spacing: -0.28px; text-align: center; color: #fff;} #LayerExcelResult .layer_cont .table_box tbody td {border-bottom: 1px solid #707070; padding: 8px 10px; font-size: 14px; font-weight: normal; line-height: normal; letter-spacing: -0.28px; text-align: center; color: #000;} #LayerExcelResult .layer_cont .table_box tbody td .btn_excel_delete {} #LayerExcelResult .layer_cont .table_box tbody td:first-child {} #LayerExcelResult .layer_cont .table_box tbody td:last-child { padding: 0;} #LayerExcelResult .layer_cont .table_box tbody td input[type="text"] {width: 100%; height: 32px; box-sizing: border-box; border: 0; text-align: center; font-size: 14px; background: none; color: #000;} #LayerExcelResult .layer_cont .table_box tbody td input[type="text"].warning {color: #ec2028;} .wg_layer_wrap .btn_center_box {display: inline-block; width: 100%; text-align: center; position:relative; margin: 16px 0 0 0;} #LayerExcelResult .btn_center_box .btn_select_excel_delete {position: absolute; left: 0; top: 0;} #LayerExcelResult .btn_center_box .btn_excel_confirm {display: block; margin: auto; width: 112px; height: 40px; border-radius: 4px; background-color: #ff2c00; font-size: 14px; font-weight: 600; line-height: 38px; letter-spacing: -0.28px; text-align: center; color: #fff;} #layerDim {position: fixed; top: 0; left: 0; z-index: 1000; display: none; width: 100%; height: 100%; background: rgb(0,0,0,0.3);} #LayerSettingBanner {height: auto; max-width: 800px; max-height: 676.38px;} #LayerSettingBanner .layer_cont {padding: 15px 0 0 0;} #LayerSettingBanner .order_area .order-send-info {padding: 0 !important;} #LayerSettingBanner .order_area .order-send-info .upload_box {margin: 16px 0 0 0; padding: 12px; box-sizing: border-box; background-color: #f6f6f6; } #LayerSettingBanner .order_area .order-send-info .upload_box > p {display: inline-block; font-size: 14px; font-weight: bold; line-height: 1.29; letter-spacing: -0.84px; color: #000;} #LayerSettingBanner .order_area .order-send-info .upload_box .file_box {display: inline-block; width: 100%; padding: 6px 0 0 0;} #LayerSettingBanner .order_area .order-send-info .upload_box .file_box .btn_banner_upload {float: right;} #LayerSettingBanner .order_area .order-send-info .upload_box input[type="file"] {height: 30px;line-height: 28px;} #LayerSettingBanner .order_area .order-send-info .upload_box input[type="file"]::file-selector-button, #LayerSettingBanner .order_area .order-send-info .upload_box input[type="file"]::-webkit-file-upload-button {height: 30px;} #LayerSettingBanner .banner_wrap {display: table; width: 100%;} #LayerSettingBanner .banner_wrap .left_box {display: table-cell; vertical-align: top; width: auto;} #LayerSettingBanner .banner_wrap .right_box {display: table-cell; vertical-align: top; width: 270px; position: relative; padding-left: 10px; box-sizing: border-box;} #LayerSettingBanner .banner_wrap .right_box .banner_box {background: #F6F6F6; padding: 0 10px 10px;} #LayerSettingBanner .banner_wrap .right_box .banner_box > h4 {padding: 12px 0 10px 0; text-align: center; color: #000;} #LayerSettingBanner .banner_wrap .right_box .banner_area {max-width: 240px; margin: auto; background: #F6F6F6; position: relative; box-sizing: border-box; min-height: 439.19px; border-radius: 20px; overflow: hidden;} #LayerSettingBanner .banner_wrap .right_box .banner_area .seleted_banner {position: absolute; width: 190px; bottom: 12px; left: 50%; transform: translateX(-50%);} #LayerSettingBanner .banner_wrap .banner_list_area {border: 1px solid #868686; border-top: 0; box-sizing: border-box; padding: 8px 8px 0 8px; height: 228px; overflow: hidden;} #LayerSettingBanner .banner_wrap .banner_list {display: block; flex-direction: column; flex-wrap: wrap; margin: 0px 0 0 0; overflow-y: scroll; height: 212px; font-size: 0;} #LayerSettingBanner .banner_wrap .banner_list .item_box {border: 1px solid transparent; display: inline-block; position: relative; vertical-align: top; position: relative; width: calc(50% - 8px); box-sizing: border-box; margin: 0px 8px 8px 0; aspect-ratio: 640 / 170;} #LayerSettingBanner .banner_wrap .banner_list .item_box img {width: 100%; height: 100%; object-fit: cover; aspect-ratio: 640 / 170; cursor: pointer;} #LayerSettingBanner .banner_wrap .banner_list .item_box.no_data {border: dotted 1px #707070; font-size: 13px; text-align: center;} #LayerSettingBanner .banner_wrap .banner_list .item_box.no_data span {display: flex; justify-content: center; align-items: center; height: 100%;} #LayerSettingBanner .banner_wrap .banner_list .item_box .float_msg {position:absolute; top:3px; left:3px; padding: 2px 6px; box-sizing: border-box; background: #000; font-size: 8px; line-height: normal; color: #fff; border-radius: 7px;} #LayerSettingBanner .banner_wrap .banner_list .item_box.on {border: 1px solid #000;} #LayerSettingBanner .banner_wrap .banner_list .item_box .btn_banner_delete { display: inline-block; position: absolute; top: 5px; right: 5px; font-size: 0; width: 15px; height: 15px; background-color: black; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: background 0.3s; } .close-btn:hover { background-color: #333; } #LayerSettingBanner .banner_wrap .banner_list .item_box .btn_banner_delete::before, #LayerSettingBanner .banner_wrap .banner_list .item_box .btn_banner_delete::after { content: ""; position: absolute; width: 10px; height: 1px; background-color: white; transition: transform 0.3s; } #LayerSettingBanner .banner_wrap .banner_list .item_box .btn_banner_delete::before { transform: rotate(45deg); } #LayerSettingBanner .banner_wrap .banner_list .item_box .btn_banner_delete::after { transform: rotate(-45deg); } #LayerSettingBanner .btn_submit_banner {display: inline-block; box-sizing: border-box; border: 1px solid transparent; line-height: 1; font-weight: bold; text-decoration: none; vertical-align: middle; word-spacing: -0.5px; letter-spacing: 0; text-align: center; white-space: nowrap; color: #fff; background-color: var(--main-color); border-radius: 4px; font-weight: 700; min-width: 135px; padding-left: 15px; padding-right: 15px; word-break: keep-all; word-wrap: break-word; padding: 13px 20px; height: 42px; font-size: 14px; width: auto !important;} #LayerSettingBanner .btn_center_box {margin: 0; padding: 30px 0 0 0;} /* 마이페이지 주문상세 myshop/order/detail */ html.overflow-hidden, body.overflow-hidden {overflow: hidden;} .xans-myshop .ec-base-prdInfo .prdBox .description ul.info {display: none;} #wgSendListLayer {display: none;} #wgSendListLayer .ly_wrap {padding: 20px; box-sizing: border-box; background: #fff; width: 100%; max-width: 1150px; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1001;} #wgSendListLayer .ly_wrap .ly_tit {position: relative;} #wgSendListLayer .ly_wrap .ly_tit > h3 {font-size: 20px; padding-bottom: 10px;} #wgSendListLayer .ly_wrap .ly_tit .btn_close {font-size: 0; position: absolute; top: 0; right: 0; width: 17px; height: 17px; background: url('../img/icon_close_17.svg') no-repeat center center; border:0; } #wgSendListLayer .ly_wrap .ly_cont {} #wgSendListLayer .ly_wrap .ly_cont .ly_scroll {/*max-height: calc(80vh - 80px);*/} #wgSendListLayer .ly_wrap .ly_cont .ly_scroll .ec-base-table {width: 100%; overflow-x: auto; /*-webkit-overflow-scrolling: touch;*/} #wgSendListLayer .ly_wrap .ly_cont .ly_scroll .table_header {position: relative; display: inline-block; width: 100%; padding: 30px 0 0 0; margin: 0 0 10px 0; box-sizing: border-box;} #wgSendListLayer .ly_wrap .ly_cont .ly_scroll .table_header .pull_left {position: absolute; left: 0; bottom: 0;} #wgSendListLayer .ly_wrap .ly_cont .ly_scroll .table_header .pull_left .total_cnt {} #wgSendListLayer .ly_wrap .ly_cont .ly_scroll .table_header .pull_right {float: right;} #wgSendListLayer .ly_wrap .ly_cont .ly_scroll .table_header .desc_box {padding: 0 0 10px 0; color: #999;} #wgSendListLayer .ly_wrap .ly_cont .ly_scroll .table_wrap {position: relative;padding-top: 57.5px; min-width: 1060px; } #wgSendListLayer .ly_wrap .ly_cont .ly_scroll .table_box {min-width: 1060px; height: 420px; max-height: 420px; overflow-x: hidden; overflow-y: auto; border-top: 1px solid #e5e5e5;position: static; -webkit-transform: none; transform: none;} #wgSendListLayer .ly_wrap .ly_cont .ly_scroll #orderSendSearchTb tbody {display: inline-flex; width: 100%;} #wgSendListLayer .ly_wrap .ly_cont .ly_scroll #orderSendSearchTb tr {display: table; flex: 1;} #wgSendListLayer .ly_wrap .ly_cont .ly_scroll #orderSendSearchTb th {display: table-cell; width: 63px;} #wgSendListLayer .ly_wrap .ly_cont .ly_scroll #orderSendSearchTb td {display: table-cell;} .ec-base-table .order_send_table {min-width: 1060px; table-layout: fixed;} .ec-base-table .order_send_table th {padding: 14px 10px; height: auto; padding: 0 0;} .ec-base-table .order_send_table th .th-text {position: absolute; top: 17px; width: inherit; white-space: nowrap;} .ec-base-table .order_send_table td {padding: 14px 10px; text-align: center;} .ec-base-table .order_send_table input[type="checkbox"]:disabled {background-size: 15px 15px; -webkit-transition: .2s ease-out; transition: .2s ease-out; opacity: 0.2;} .order_send_table th .open_result_info_box {position: relative;} .order_send_table th .open_result_info {width: 16px; height: 16px; display: inline-block; vertical-align: sub; background: url('../img/icon_info_30.svg') no-repeat center; border: 0; box-sizing: border-box;} .order_send_table .open_result_info_layer {position: absolute; top: 26px; right: -14px; background: rgba(255 255,255,0.9); color: #000; border: 1px solid; padding: 10px 15px; border-radius: 8px; font-size: 14px; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); opacity: 0; visibility: hidden; transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out; max-width: calc(70vw); width: 500px; text-align: left;} .order_send_table .open_result_info_layer::before {content: ""; position: absolute; bottom: 100%; right: 15px; border-width: 6px; border-style: solid; border-color: transparent transparent rgba(0, 0, 0, 0.8) transparent;} .order_send_table .open_result_info_layer::after {content: ""; position: absolute; top: -9px; right: 16px; border-width: 5px; border-style: solid; border-color: transparent transparent rgba(255, 255, 255, 0.9) transparent;} .order_send_table .open_result_info_layer.on {opacity: 1; visibility: visible;} .order_send_table .open_result_info_layer p {word-break: break-word; white-space: break-spaces;} #wgSendListLayer .ly_wrap .ly_cont .ly_scroll td input[type="text"] {width: 100%;} #wgSendListLayer .ly_wrap .ly_cont .ly_scroll td input[name="receiver_phone"] {width: calc(100% - 80px);} #wgSendListLayer .ly_wrap .ly_cont .ly_scroll td .btn_search {margin-left: 10px; height: 40px; display: inline-block; padding: 12px 20px; height: 40px; font-size: 14px; box-sizing: border-box; border: 1px solid transparent; line-height: 1; font-weight: bold; text-decoration: none; vertical-align: middle; word-spacing: -0.5px; letter-spacing: 0; text-align: center; white-space: nowrap; color: #fff; background-color: var(--main-color); border-radius: 4px; font-weight: 700;} #wgSendMsgLayer {display: none;} #wgSendMsgLayer .ly_wrap {position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1001;} #wgSendMsgLayer .ly_wrap .ly_close {position: absolute; top: -40px; right: -40px;} #wgSendMsgLayer .ly_wrap .ly_close .btn_close {display: inline-block; width: 40px; height: 40px; background: #000 url('../img/btn_close_white.png') no-repeat center center / 13px; border-radius: 100%; font-size: 0;} #wgSendMsgLayer .ly_wrap .ly_cont {width: 280px; padding: 15px 10px 20px 15px; box-sizing: border-box; border: 5px solid #000; border-radius: 30px; background: #fff;} #wgSendMsgLayer .ly_wrap .ly_cont .ly_scroll {width: 100%; height: 450px; overflow: auto;} #wgSendMsgLayer .ly_wrap .ly_cont .ly_scroll .coupon_box {margin-bottom: 10px; margin-right: 10px; position: relative;} #wgSendMsgLayer .ly_wrap .ly_cont .ly_scroll .coupon_box .image img {width: 100%; border-radius: 20px;} #wgSendMsgLayer .ly_wrap .ly_cont .ly_scroll .coupon_box .seleted_banner {position: absolute; width: 180px; bottom: 12px; left: 50%; transform: translateX(-50%);} #wgSendMsgLayer .ly_wrap .ly_cont .ly_scroll .coupon_box .seleted_banner img {width: 100%;} #wgSendMsgLayer .ly_wrap .ly_cont .ly_scroll .msg_info {padding: 10px 15px; box-sizing: border-box; background: #f9f9f9; border-radius: 5px;} #wgSendMsgLayer .ly_wrap .ly_cont .ly_scroll .msg_info > p {padding: 5px 0;} #wgSendMsgLayer .ly_wrap .ly_cont .ly_scroll .msg_info > p.message_title {font-weight: bold;} /* 마이페이지 bk코인 충전 */ .myshopArea .xans-myshop-summary .title {width: auto; font-size: 16px; font-weight: bold;} .myshopArea .xans-myshop-summary .data {width: auto; padding-left: 20px; font-size: 16px; font-weight: bold;} .myshopArea .xans-myshop-summary.ec-base-box.gHalf {border: 0; border-top: 1px solid #000; padding: 20px 0 0 0;} #wgMileageCharge {} #wgMileageCharge .charge_price_box {display: inline-block; position: relative;} #wgMileageCharge .charge_price_box #chargePrice {text-align: right; width: 150px; padding-right: 30px;} #wgMileageCharge .charge_price_box > span {position: absolute; top: 0; right: 20px; line-height: 40px;} #wgMileageCharge div.ec-base-help > h3 {margin-bottom: 10px;} #wgMileageCharge div.ec-base-help ul {margin: 0;} #wgMileageCharge .center_box {text-align: center;} #wgMileageCharge .agree_box {padding: 0 0 20px 0;} #wgMileageCharge .add_price > a, #wgMileageCharge .add_price > button {background: #f9f9f9;} .m_color {color: var(--main-color)} /* 마이페이지 수신자번호 조회 */ #wgCouponList .ec-base-table .table_wrap {position: relative; padding-top: 57.5px; min-width: 1060px;} #wgCouponList .xans-myshop-orderhistoryhead .period {} #wgCouponList .xans-myshop-orderhistoryhead fieldset {flex-direction: row; flex-wrap: wrap;} #wgCouponList .xans-myshop-orderhistoryhead .receiver_box {display: inline-block;} #wgCouponList .xans-myshop-orderhistoryhead .receiver_tit {padding: 0 0 6px 0; font-size: 14px;} #wgCouponList .xans-myshop-orderhistoryhead #receiver_phone {width: 155px;} #wgCouponList .btnReSmsSend {} #wgCouponList .btnReSmsSend[disabled] {background: #f9f9f9; cursor: not-allowed;} #wgCouponList .ec-base-table {overflow-y: hidden;} #wgCouponList .xans-myshop-orderhistoryhead .stateSelect {font-size: 0;} #wgCouponList .xans-myshop-orderhistoryhead .datepicker .picker {font-size: 0; vertical-align: middle;} /* 주문페이지 */ /*/web/upload/appfiles/ZaReJam3QiELznoZeGGkMG/011041b62e07f6e440c9f46b43912689.png*/ #wgOrderform {position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index:1000; background: rgb(0,0,0,0.5); opacity: 0; z-index: -1000;} #wgOrderform.active {opacity: 1; z-index: 1000;} #wgOrderform .orderform_layer {position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 850px; width: calc(100% - 40px); background: #fff; border-radius: 10px; overflow: hidden;} /*#wgOrderform .orderform_layer .layer_scroll:after{position: absolute; left: 50%; bottom: 100px; content: ''; background: url('/web/upload/appfiles/ZaReJam3QiELznoZeGGkMG/011041b62e07f6e440c9f46b43912689.png') no-repeat center center / 100%; width: 200px; height: 80px; transform: translateX(-50%); opacity: 0.1; z-index: -1;}*/ #wgOrderform .orderform_layer .ly_tit {padding: 20px 0 20px 0;} #wgOrderform .orderform_layer .ly_tit > h3 {text-align: center; font-size: 18px;} #wgOrderform .orderform_layer .layer_scroll {height: 550px; height: 630px; overflow-y: auto;} #wgOrderform .orderform_layer #ec-jigsaw-area-orderProduct {display: none !important;} #mCafe24Order #wgOrderform #orderFixItem, #userStyle .wg_layer_orderform #orderFixItem {font-size: 0; margin: 0; padding: 12px 16px; position: fixed; left: 0; bottom: 0; width: 100%; box-sizing: border-box; border-top: 1px solid #dedede; background: #fff; text-align: center;} #mCafe24Order #wgOrderform #orderFixItem button, #userStyle .wg_layer_orderform #orderFixItem button {width: calc(50% - 4px); padding: 0; white-space: nowrap; padding: 0; vertical-align: middle;} #mCafe24Order #wgOrderform #orderFixItem .btn_close_layer, #userStyle .wg_layer_orderform #orderFixItem .btn_close_layer {width: 100px !important; margin-right: 8px; display: inline-block; height: 42px; line-height: 40px; border-radius: 4px; border: solid 1px #707070; box-sizing: border-box; background-color: #fff; font-size: 14px; font-weight: 600; letter-spacing: -0.28px; color: #707070;} #userStyle .wg_layer_orderform #orderFixItem .btnSubmit {background: #FF2B02; font-weight: bold; font-size: 16px; border-radius: 4px; height: 42px; line-height: 40px;} /*#mCafe24Order #wgOrderform .agreeArea .checkNone {display: none !important;}*/ /*#mCafe24Order #wgOrderform .agreeArea .agreement > ul {display: inline-flex;}*/ /*#mCafe24Order #wgOrderform .agreeArea .agreement li {margin: 0;}*/ /*#mCafe24Order #wgOrderform .agreeArea .agreement .agree .check {vertical-align: middle;}*/ /*#mCafe24Order #wgOrderform .agreeArea .agreement .agree .check > label {font-size: 14px; font-weight: 400; margin: 0; line-height: normal; min-height: auto;}*/ /*#mCafe24Order #wgOrderform .agreeArea .agreement .btnAgree {margin: 0;}*/ /*#mCafe24Order #wgOrderform .ec-base-button + .helpArea {padding-top: 10px; padding-bottom: 10px;}*/ /*#mCafe24Order #wgOrderform .discountDetail + .totalPay {display: none !important;}*/ /*#mCafe24Order #wgOrderform .ec-base-fold > .title:before {content: '세부사항'; position: absolute; top: 23px; right: 45px;}*/ /*#mCafe24Order #wgOrderform .ec-base-fold > .title#ec-jigsaw-title-discount {display: none !important;}*/ /*#mCafe24Order #wgOrderform .discountDetail {padding: 10px 16px;}*/ /*#mCafe24Order #wgOrderform .ec-base-fold > .title#ec-jigsaw-title-paymethod {display: none !important;}*/ /*#mCafe24Order #wgOrderform .ec-paymethod-input-detail {padding-top: 6px;}*/ /*#mCafe24Order #wgOrderform .agreeArea .allAgree {padding-top: 6px;}*/ #wgOrderform #wgMileageCharge {padding: 16px 16px 10px 16px; border: 1px solid #dedede; border-radius: 10px; margin: 0 16px 14px;} #wgOrderform #wgMileageCharge .ec-base-help {border-bottom: 0; padding: 0; margin: 0; white-space: nowrap; position: relative;} #wgOrderform #wgMileageCharge .ec-base-help .scroll_box {overflow-x: auto; overflow-y: hidden; padding-bottom: 1px;} #wgOrderform #wgMileageCharge .ec-base-help .scroll_box .heading {float: left; font-size: 16px; font-weight: 400; color: #383838; line-height: 32px; margin-right: 22px;} #wgOrderform #wgMileageCharge .charge_price_box {width: auto; display: flex; margin: 0; padding: 0; line-height: normal;} #wgOrderform #wgMileageCharge .charge_price_box #chargePrice {width: 100%; height: 32px; line-height: 30px; padding-left: 10px; padding-right: 26px; } #wgOrderform #wgMileageCharge .charge_price_box > span {line-height: 32px; right: 16px;} #wgOrderform #wgMileageCharge div.ec-base-help > h3 {padding: 0;} #wgOrderform #wgMileageCharge .ec-base-help button {margin-TOP: 0 !important; height: 42px !important; padding: 12px 20px !important;} #wgOrderform #wgMileageCharge .ec-base-help a {margin-TOP: 0 !important; height: 42px !important; line-height: 40px; padding: 0 20px !important; font-size: 13px !important;} #wgOrderform #wgMileageCharge .add_price {display: inline-block !important;} #wgOrderform #wgMileageCharge .xans-myshop-summary {margin: 0 !important; padding: 10px 0 0 0; text-align: right;} #wgOrderform #wgMileageCharge .xans-myshop-summary .title {display: inline-block; width: auto; padding: 0; font-size: 14px; font-weight: bold;float: none; color: #000;} #wgOrderform #wgMileageCharge .xans-myshop-summary .data {width: auto; padding-left: 20px; font-size: 14px; font-weight: bold;float: none;} #wgOrderform #wgMileageCharge .notice {position: absolute; left: 0; margin-top: 12px; color: red; font-weight: 500;} #wgOrderform #wgMileageCharge .ec-base-fold > .title {margin-top: 10px; margin-bottom: 5px; height: 19px; font-size: 0px;} #wgOrderform #wgMileageCharge .ec-base-fold > .title:before {content: '구매 유의사항'; position: absolute; top: 1px; right: 35px; font-size: 14px; font-weight: normal; color: #666;} #wgOrderform #wgMileageCharge .ec-base-fold > .title:after{position:absolute;top:-2px;right:9px;content:'';width:12px;height:12px;display:inline-block;border:2px solid #BCBCBC;border-right:0;border-bottom:0;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-ms--moz-transform:rotate(-135deg);transform:rotate(-135deg);-webkit-transition:.3s ease-out;-moz-transition:.3s ease-out;-ms-transition:.3s ease-out;-o-transition:.3s ease-out;transition:.3s ease-out;} #wgOrderform #wgMileageCharge .ec-base-fold > .contents{overflow:visible;opacity:0;height:0;border-top-width:0;} #wgOrderform #wgMileageCharge .ec-base-fold.selected > .title:after{top:6px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms--moz-transform:rotate(45deg);transform:rotate(45deg);} #wgOrderform #wgMileageCharge .ec-base-fold.selected > .contents{overflow:visible;opacity:1;height:auto;-webkit-transition:height .3s ease,opacity .3s ease-out;-moz-transition:height .3s ease,opacity .3s ease-out;-ms-transition:height .3s ease,opacity .3s ease-out;-o-transition:height .3s ease,opacity .3s ease-out;transition:height .3s ease,opacity .3s ease-out;} #wgOrderform #wgMileageCharge .contents {position: relative;} #wgOrderform #wgMileageCharge .contents .ec-base-help {padding: 0 0 10px 0; border: 0; position: absolute; top: 10px; right: 0px; background: #fff; z-index: 10; position: relative; right: 0; top: 0; width: 100%; padding: 6px 0 0 0; /*top: 0; right: -17px; padding: 0; width: calc(100% + 34px); border-radius: 0 0 10px 10px; overflow: hidden;*/ } #wgOrderform #wgMileageCharge .contents .ec-base-help .inner {border-top: 0; padding: 10px 16px; border-radius: 0 0 10px 10px; overflow: hidden; border: 0; padding: 0;} #wgOrderform #wgMileageCharge .contents .ec-base-help li {word-break: break-word; white-space: break-spaces;} #userStyle .wg_layer_orderform {padding: 0 !important; background: #fff; background: url('../img/logo_transparency.svg') no-repeat bottom center / 200px #fff !important; } #userStyle .wg_layer_orderform #ec-jigsaw-area-orderProduct {display: none !important;} #userStyle .wg_layer_orderform .agreeArea .checkNone {display: none !important;} #userStyle .wg_layer_orderform .agreeArea .agreement > ul {display: flex; width: 100%; justify-content: space-between; gap: 20px;} #userStyle .wg_layer_orderform .agreeArea .agreement li {margin: 0; border: 0;} #userStyle .wg_layer_orderform .agreeArea .agreement .agree .check {vertical-align: middle;} #userStyle .wg_layer_orderform .agreeArea .agreement .agree .check > label {padding: 3px 0 3px 5px; font-size: 14px; font-weight: 400; margin: 0; line-height: normal; min-height: auto;} #userStyle .wg_layer_orderform .agreeArea .agreement .agree .check > input { top: 2px; } #userStyle .wg_layer_orderform .agreeArea .agreement .btnAgree { position:relative; top:-3px; margin:0px;} #wgOrderform.cpOrderFrm .wg_layer_orderform .agreeArea .agreement .agree .check > input { top: 8px; } #wgOrderform.cpOrderFrm .wg_layer_orderform .agreeArea .agreement .btnAgree { top:3px; } #userStyle .wg_layer_orderform .ec-base-button + .helpArea {padding-top: 10px; padding-bottom: 10px;} #userStyle .wg_layer_orderform .discountDetail + .totalPay {display: none !important;} #userStyle .wg_layer_orderform .ec-base-fold > .title:before {content: '세부사항'; position: absolute; top: 23px; right: 45px;} #userStyle .wg_layer_orderform .ec-base-fold > .title#ec-jigsaw-title-discount {display: none !important;} #userStyle .wg_layer_orderform .discountDetail {padding: 10px 16px;} #userStyle .wg_layer_orderform #ec-jigsaw-area-discount.ec-base-fold {border: 0; margin-bottom: 14px;} #userStyle .wg_layer_orderform #mileage_use_area .summary {display: none;} #userStyle .wg_layer_orderform #mileage_use_area {padding: 16px 16px 10px 16px; border: 1px solid #dedede; border-radius: 10px; margin: 0 16px;} #userStyle .wg_layer_orderform #mileage_use_area .heading {line-height: 32px;} #userStyle .wg_layer_orderform input[type="text"] {height: 32px; color: #000 !important; margin-right: 10px; border: 1px solid #e0e0e0; border-radius: 4px;} #userStyle .wg_layer_orderform input[type="text"][readonly] {background: #f9f9f9;} #userStyle .wg_layer_orderform select {height: 32px; line-height: 30px; border: 1px solid #e0e0e0; border-radius: 4px; padding-left: 10px; padding-right: 10px;} #userStyle .wg_layer_orderform #mileage_use_area .control .btnNormal {height: 32px; line-height: 30px; border: 1px solid #FF2B02;} #userStyle .wg_layer_orderform #mileage_use_area .always_box {text-align: right; padding: 6px 0 0 0;} #userStyle .wg_layer_orderform #mileage_use_area .always_box label {margin-right: 0;} #userStyle .wg_layer_orderform #ec-jigsaw-area-paymethod {border: 0; margin: 0 0 0 0;} #userStyle .wg_layer_orderform .ec-paymethod-input-detail {padding-top: 6px; padding-bottom: 20px;} #userStyle .wg_layer_orderform #payment_input_cash {display: block !important; padding: 11px 0 !important; border: 1px solid #dedede; border-radius: 10px; margin: 0 0; background: #fff;} #userStyle .wg_layer_orderform #payment_input_cash input {height: 32px; line-height: 30px;} #userStyle .wg_layer_orderform #payment_input_cash.ec-base-table.typeWrite tr {display: table-row !important;} #userStyle .wg_layer_orderform #payment_input_cash.ec-base-table.typeWrite th {padding: 14px 0 12px 16px; display: table-cell;} #userStyle .wg_layer_orderform #payment_input_cash.ec-base-table.typeWrite td {display: table-cell;} #userStyle .wg_layer_orderform .saveArea.segment.unique {display: none;} #userStyle .wg_layer_orderform .receiptWrap {border: 0; display: none;} #userStyle .wg_layer_orderform .icoRequired {background: none !important;} #userStyle .wg_layer_orderform select#od_bank_account.ibk {background: url(../img/icon_ibk.svg) no-repeat left 10px center / 18px, url('../img/icon_arrow_bottom_11_gray.svg') no-repeat right 10px center; padding-left: 31px;} #userStyle .wg_layer_orderform select#od_bank_account.woori {background: url(../img/icon_woori.svg) no-repeat left 10px center / 18px, url('../img/icon_arrow_bottom_11_gray.svg') no-repeat right 10px center; padding-left: 31px;} #userStyle .wg_layer_orderform #ec-jigsaw-area-agreement {padding: 0; border: 1px solid #dedede; border-radius: 10px; margin: 0 16px; overflow: hidden;} #userStyle .wg_layer_orderform #ec-jigsaw-area-agreement .agreeArea .allAgree {margin: 0; padding: 11px 16px 11px 16px; border-bottom: 1px solid #dedede;} #userStyle .wg_layer_orderform #ec-jigsaw-area-agreement .agreeArea .agreement {margin: 0; padding: 11px 16px 11px 16px;} #userStyle .wg_layer_orderform #ec-jigsaw-area-agreement .agreement li {padding: 4px 0 5px;} #userStyle .wg_layer_orderform .ec-base-fold > .title#ec-jigsaw-title-paymethod {display: none !important;} #userStyle .wg_layer_orderform .agreeArea .allAgree {padding-top: 6px;} #userStyle .wg_layer_orderform.typeHeader {padding: 0;} #wgOrderViewFrame {max-width: 100%; height: 460px !important;} #wgOrderViewFrame.down {height: 349px !important;} #userStyle .wg_layer_orderform input[type="checkbox"] {-webkit-appearance: none !important; background: #fff /*url(../img/icon_chk_15.svg) no-repeat */!important; width: 15px; height: 15px; margin: 0; vertical-align: middle;} #wgOrderform.cpOrderFrm .wg_layer_orderform input[type="checkbox"] { background: #fff url(../img/icon_chk_15.svg) no-repeat !important; } #userStyle .wg_layer_orderform input:not(:disabled):checked[type="checkbox"] {background: url('../img/icon_chk_on_15.svg') no-repeat !important;} #mCafe24Order .ec-base-table {border: 0;} #mCafe24Order .ec-base-table.typeWrite th {border: 0;} #mCafe24Order .ec-base-table.typeWrite td {border: 0;} #mCafe24Order .ec-base-table th {height: auto; background: none; border: 0;} #mCafe24Order .txtEm {color: #383838;} @media (max-width: 1340px) { #wgCouponList .xans-myshop-orderhistoryhead #receiver_phone {width: 100%; margin-bottom: 0;} } @media (max-width: 1276px) { #wgOrderSend #mCafe24Order {max-width: 900px; margin: auto;} #wgOrderSend #mCafe24Order .float_right_menu {display :none;} #wgOrderSend #mCafe24Order .newWrap {max-width: none; width: 100%;} #wgOrderSend .subcontents.wg_base_reserve {display: block;} #wgOrderSend .subcontents .btn_center_box {display: block;} #wgOrderSend .subcontents .msg_wrap .banner_box {display: table-cell;} #wgOrderSend .order_area .order-send-info .msg-area #message_content {height: 220px;} } @media (max-width: 1024px) { /* 회원가입 member/join */ #wgJoin {padding: 0 20px;} #wgJoin .join-container {padding: 0;} #wgJoin .titleArea {margin: 43px 0 0 0; font-weight: 600;} #wrap #wgJoin .xans-member-join .ec-base-table.typeWrite td.formGroup, #wrap #wgJoin .xans-member-join .ec-base-table.typeWrite th, #wrap #wgJoin .xans-member-join .ec-base-table.typeWrite td {padding-left: 0px; padding-right: 0px;} #wrap #wgJoin .xans-member-join .ec-base-table.typeWrite span.txtInfo {font-size: 13px;} #wrap #wgJoin .ec-base-table.typeWrite td p.txtInfo {font-size: 13px;} #wgJoin .agreeAll {margin-left: 0px; margin-right: 0px;} #wgJoin .agreeInner {padding-left: 0; padding-right: 0;} #wgJoin .ec-base-button.gBottom {margin: 0;} #wgJoin .memberArea .titleArea h3 {font-size: 16px;} #wgJoin .memberArea .titleArea h3 > span {font-size: 14px;} #wgJoin .ec-base-table .wg_company_info {padding: 15px 12px 16px; font-size: 11px; line-height: 1.55; letter-spacing: -0.66px;} #wgJoin .agreeArea .contents {padding: 12px 11px; font-size: 11px; line-height: 1.55; letter-spacing: -0.24px;} /* 주문발송정보 order/order_send */ #wgOrderSend .order_area {display: block; width: 100%; margin-left: 0;} #wgOrderSend .order_area .order-goods-info {display: inline-block; width: 100%;} #wgOrderSend .order_area .order-goods-info ul li .notice_box {display: block;} #wgOrderSend .order_area .order-send-info {display: inline-block; width: 100%; padding: 40px 0 0 0;} #wgOrderSend .subcontents:last-child {padding: 0 16px 0;} /* 마이페이지 주문상세 myshop/order/detail */ #wgSendListLayer .ly_wrap .ly_cont .ly_scroll #orderSendSearchTb tbody {display: table-row-group;} #wgSendListLayer .ly_wrap .ly_cont .ly_scroll #orderSendSearchTb tr {display: table-row;} #wgSendListLayer .ly_wrap .ly_cont .ly_scroll #orderSendSearchTb th {display: table-cell; white-space: nowrap;} #wgSendListLayer .ly_wrap .ly_cont .ly_scroll #orderSendSearchTb td {display: table-cell;} #wgSendListLayer .ly_wrap .ly_cont .ly_scroll .table_box {height: 350px; max-height: 350px;} /* 마이페이지 bk코인 충전 */ #wgMileageCharge {color: #000;} #wgMileageCharge .add_price {display: block; } #wgMileageCharge .add_price > a {margin-top: 10px;} #wgMileageCharge .add_price > button {margin-top: 10px;} } @media (max-width: 780px) { #userStyle .wg_layer_orderform .agreeArea .agreement > ul {display: block;} } @media (max-width: 630px) { /* 주문발송정보 order/order_send */ #wgOrderSend .order-send-info .row-type02 dl dt {width: 74px;} #wgOrderSend .order-send-info .row-type02 dl.send_box dt {display: inline-block; width: 100%; padding-bottom: 0;} #wgOrderSend .order-send-info .row-type02 dl.send_box dd {display: inline-block; width: 100%; padding-top: 6px;} #wgOrderSend .order-send-info .row-type02 dl.send_box dd .form_element label {margin-top: 6px;} #wgOrderSend .order-send-info .row-type02 dl .send_reserve_cont #send_date {width: 136px;} #wgOrderSend .order_area .order-send-info .justify-cont {width: 100%; float: none;} #wgOrderSend .order_area .order-send-info .justify-cont .btn-area > ul {display: table; width: 100%;} #wgOrderSend .order_area .order-send-info .justify-cont .btn-area > ul > li {display: table-cell; padding: 0 10px 0 0;} #wgOrderSend .order_area .order-send-info .justify-cont .btn-area > ul > li > a {width: 100%;} #wgOrderSend .order_area .order-send-info .justify-cont .btn-area > ul > li:last-child {width: 40px; padding: 0;} #wgOrderSend .order_area .order-send-info #table_header colgroup col:nth-child(1) {width: 60px !important;} #wgOrderSend .order_area .order-send-info #table_header colgroup col:nth-child(2) {width: 180px !important;} #wgOrderSend .order_area .order-send-info #table_header colgroup col:nth-child(3) {} #wgOrderSend .order_area .order-send-info .resizable-wrap #resizable #table_body colgroup col:nth-child(1) {width: 60px !important;} #wgOrderSend .order_area .order-send-info .resizable-wrap #resizable #table_body colgroup col:nth-child(2) {width: 180px !important;} #wgOrderSend .order_area .order-send-info .dupli-cont > p {display: block;} #wgOrderSend .order_area .order-send-info .dupli-cont .cbWrap {width: 100%; float: none; padding-top: 14px;} #LayerExcelResult {height: auto; padding-left: 20px; padding-right: 20px;} #LayerExcelResult .layer_cont .top_box {padding-top: 16px; font-size: 0; line-height: 0;} #LayerExcelResult .layer_cont .top_box .result_box {padding: 0 0 19px 0;} #LayerExcelResult .layer_cont .top_box .btn_box {float: none; width: 100%;} #LayerExcelResult .layer_cont .top_box .btn_box ul {display: table; width: 100%;} #LayerExcelResult .layer_cont .top_box .btn_box ul li {display: table-cell; padding: 0 10px 0 0;} #LayerExcelResult .layer_cont .top_box .btn_box ul li button {width: 100%; white-space: nowrap; padding: 0;} #LayerExcelResult .layer_cont .top_box .btn_box ul li:last-child {padding: 0;} #LayerExcelResult .layer_cont .table_box {padding-top: 16px;} #LayerExcelResult .layer_cont .table_box thead th {padding-left: 0px; padding-right: 0px;} #LayerExcelResult .layer_cont .table_box tbody td {padding-left: 4px; padding-right: 4px;} #LayerExcelResult .layer_cont .table_box table colgroup col:nth-child(1) {width: 35px !important;} #LayerExcelResult .layer_cont .table_box table colgroup col:nth-child(2) {width: 46px !important;} #LayerExcelResult .layer_cont .table_box table colgroup col:nth-child(3) {} #LayerExcelResult .layer_cont .table_box table colgroup col:nth-child(4) {width: 60px !important;} #LayerExcelResult .layer_cont .table_box table colgroup col:nth-child(5) {width: 60px !important;} #LayerExcelResult .btn_center_box {margin-top: 27px;} #LayerExcelResult .btn_center_box .btn_select_excel_delete {top: 4px;} /*#wgOrderSend .order_area .order-send-info .charWrap .btnWrap .btn_save_template {display: block; margin: 10px 0 0 0; float: none;}*/ #wgSendListLayer .ly_wrap .ly_cont .ly_scroll .table_header {padding-top: 10px;} #LayerSettingBanner {max-height: 90%; height: 100%;} #LayerSettingBanner .layer_cont {height: calc(100% - 40px); box-sizing: border-box; overflow-x: hidden; overflow-y: auto;} #LayerSettingBanner .banner_wrap {display: block; } #LayerSettingBanner .banner_wrap .right_box .banner_box {width: 100%; padding: 0 0 10px 0;} #LayerSettingBanner .banner_wrap .left_box {display: block; width: 100%;} #LayerSettingBanner .banner_wrap .right_box {display: block; width: 100%; padding: 0; margin: 15px 0 0 0; } } @media (max-width: 520px) { /* 마이페이지 주문상세 myshop/order/detail */ #detailForm #wgBtnSendListLayer {margin: 10px 0 0 0; display: block;} #detailForm .wgBtnSendMsgLayer {padding-left: 10px; padding-right: 10px;} #wgSendMsgLayer .ly_wrap .ly_close {top: -45px; right: 0;} #wgSendListLayer {top: 0; left: 0; height: 100vh;} #wgSendListLayer .ly_wrap .ly_cont .ly_scroll .table_box {height: calc(var(--vh, 1vh) * 100 - 370px); max-height: calc(var(--vh, 1vh) * 100 - 370px);} #wgSendListLayer .ly_wrap .ly_cont .ly_scroll #orderSendSearchTb colgroup col:nth-child(1) {width: 70px !important;} #wgSendListLayer .ly_wrap .ly_cont .ly_scroll #orderSendSearchTb th {padding: 10px; } #wgSendListLayer .ly_wrap .ly_cont .ly_scroll #orderSendSearchTb td {padding: 10px 0 10px 10px;} #wgSendListLayer .ly_wrap .ly_cont .ly_scroll .table_header .pull_left {position: relative; left: auto; bottom: auto;} #wgSendListLayer .ly_wrap .ly_cont .ly_scroll .table_header .pull_right {float: none; padding: 10px 0 0 0;} /* 주문발송정보 order/order_send */ #wgOrderSend .msg_wrap {display: block;} #wgOrderSend .msg_wrap .msg_box {display: block;} #wgOrderSend .subcontents .msg_wrap .banner_box {display: block; width: 100%; padding: 0; max-width: 240px; box-sizing: content-box; margin: auto;} #wgOrderSend .msg_wrap .banner_box .banner_area {margin: 15px 0 0 0; width: 100%; position: relative;} /*#wgOrderSend .order_area .order-send-info .charWrap .btnWrap .btn_save_template {display: block; margin: 10px 0 0 0; float: none;}*/ #wgOrderSend .order_area .order-send-info .template_area .template_list .item_box {width: calc(50% - 8px);} #wgOrderform .orderform_layer {top: 0; left: 0; height: calc(var(--vh, 1vh)* 100); width: 100%; transform: none; border-radius: 0;} #wgOrderform .orderform_layer .layer_scroll {height: auto; max-height: auto;} #wgOrderViewFrame {height: calc(var(--vh, 1vh)* 100 - 170px) !important;} #wgOrderViewFrame.down {height: calc(var(--vh, 1vh)* 100 - 281px) !important;} #mCafe24Order #wgOrderform #orderFixItem .btn_close_layer, #userStyle .wg_layer_orderform #orderFixItem .btn_close_layer {width: calc(50% - 4px);} } @media (max-width: 360px) { /* 주문발송정보 order/order_send */ #wgOrderSend .order_area .order-goods-info ul li .notice_box {padding-top: 5px;} #wgOrderSend .order_area .order-goods-info ul li .notice_box > span {display: block; padding-top: 5px;} #wgOrderSend .order_area .order-goods-info ul li .notice_box > span.bar {display: none;} }