#contents .c_mypage .cm_wrap {display:flex; opacity:0; border-radius:10px; background:var(--white_t3); box-shadow:0 40px 80px rgba(28, 28, 32, .08); transition:opacity 0.3s ease;} #contents .c_mypage .cm_wrap.show {opacity:1;} #contents .c_mypage .cm_menu {flex-shrink:0; width:280px; border-right:1px solid var(--gray_t3); text-align:left;} #contents .c_mypage .cm_menu .cmm_prof {display:flex; align-items:center; justify-content:space-between; width:100%; height:80px; box-sizing:border-box; padding:25px 20px; border-radius:10px 0 0 0; background:var(--blue);} #contents .c_mypage .cm_menu .cmm_prof a {color:var(--white); font-size:16px; letter-spacing:-1.28px; line-height:30px;} @media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) { #contents .c_mypage .cm_menu .cmm_prof a:hover {text-decoration:underline; text-underline-position:under;} } #contents .c_mypage .cm_menu .cmm_prof a strong {font-weight:700;} #contents .c_mypage .cm_menu .cmm_prof div {display:flex; align-items:center;} #contents .c_mypage .cm_menu .cmm_prof div > i {width:30px; aspect-ratio:1/1; margin-right:20px; border-radius:100%; background:url(../images/newbird/common/icon_user.svg) center center no-repeat var(--white); background-size:100%;} #contents .c_mypage .cm_menu .cmm_prof .cmmp_logout {display:none;} #contents .c_mypage .cm_menu .cmm_prof > button {display:flex; align-items:center; justify-content:center; width:30px; aspect-ratio:1/1; transition:0.3s;} #contents .c_mypage .cm_menu .cmm_prof > button:hover {transform:translateX(5px);} #contents .c_mypage .cm_menu .cmm_prof > button i {opacity:.3; display:block; width:20px; aspect-ratio:1/1; background:url(../images/newbird/common/icon_arrowright_t1.svg) center center no-repeat; background-size:100%;} #contents .c_mypage .cm_menu .cmm_nav > li > a {display:block; padding:15px 20px; border-bottom:1px solid var(--gray_t3); font-size:18px; letter-spacing:-1.44px; line-height:30px;} #contents .c_mypage .cm_menu .cmm_nav > li.on > a {background:var(--white_t1); color:var(--blue); font-weight:700;} #contents .c_mypage .cm_menu .cmm_nav > li ul {padding:15px 40px; padding-right:30px; border-top:1px solid var(--white_t1); border-bottom:1px solid var(--gray_t3);} #contents .c_mypage .cm_menu .cmm_nav > li ul a {display:block; position:relative; color:var(--gray_t1); font-size:15px; letter-spacing:-1.2px; line-height:30px;} #contents .c_mypage .cm_menu .cmm_nav > li li.on a {color:var(--blue); font-weight:700;} @media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) { #contents .c_mypage .cm_menu .cmm_nav > li ul a:hover, #contents .c_mypage .cm_menu .cmm_nav > li > a:hover {color:var(--blue); font-weight:700;} } #contents .c_mypage .cm_menu .cmm_nav > li ul a::after {content:""; display:block; position:absolute; right:0; top:50%; width:12px; aspect-ratio:1/1; margin-top:-6px; background:url(../images/newbird/common/icon_arrowright_t2.svg) center center no-repeat; background-size:100%;} #contents .c_mypage .cm_menu .cmm_nav > li li + li {margin-top:10px;} #contents .c_mypage .cm_menu .cmm_nav > li li a i {position:absolute;} #contents .c_mypage .cm_menu .cmm_nav.mo {display:none;} #contents .c_mypage .cm_content {width:calc(100% - 280px)} #contents .c_mypage .cm_content .cmc_head {padding-left:30px; border-bottom:1px solid var(--gray_t3);} #contents .c_mypage .cm_content .cmc_head ul {display:flex; align-items:center; gap:10px; height:80px;} #contents .c_mypage .cm_content .cmc_head li {display:flex; align-items:center; gap:10px; font-size:16px; letter-spacing:-0.64px;} #contents .c_mypage .cm_content .cmc_head li:last-child {font-weight:700; color:var(--blue);} #contents .c_mypage .cm_content .cmc_head li::after {content:""; width:18px; aspect-ratio:1/1; margin-top:-1px; background:url(../images/newbird/common/icon_arrowright_t3.svg) center center no-repeat; background-size:100%;} #contents .c_mypage .cm_content .cmc_head li:last-child::after {display:none;} #contents .c_mypage .cm_content .cmc_head li:nth-child(1) > i {width:24px; aspect-ratio:1/1; background:url(../images/newbird/common/icon_home_t1.svg) center center no-repeat; background-size:100%;} #contents .c_mypage .cm_content .cmc_body {padding:70px 30px 80px 30px;} #contents .c_mypage .cm_content .cmc_body .cmcb_title {display:flex; justify-content:center; margin-bottom:50px; text-align:center; word-break:keep-all;} #contents .c_mypage .cm_content .cmc_body .cmcb_title strong {font-size:30px; color:var(--blue); font-weight:700; letter-spacing:-2.4px; line-height:60px;} #contents .c_mypage .cm_content .cmc_body .cmcb_title + .btnwrap {max-width:1200px; margin:0 auto;} #contents .c_mypage .cm_main .cmm_status {max-width:1200px; box-sizing:border-box; margin:0 auto 60px; padding:50px; border-radius:10px; background:var(--white); box-shadow:0 20px 80px rgba(0,0,0,0.08);} #contents .c_mypage .cm_main .cmm_status > div {display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:center; gap:50px; width:100%;} #contents .c_mypage .cm_main .cmm_status > div > div:nth-child(1) {display:flex; gap:50px; flex-shrink:0;} #contents .c_mypage .cm_main .cmm_status .cmms_title {display:flex; align-items:center; justify-content:space-between; margin-bottom:10px; font-size:18px; line-height:30px; letter-spacing:-0.72px; font-weight:700; color:var(--blue); text-align:left;} #contents .c_mypage .cm_main .cmm_status .cmms_card .cmms_title a {display:flex; align-items:center; gap:5px; padding:0 15px; border:1px solid var(--blue); border-radius:30px; color:var(--blue); font-size:13px; line-height:28px;} #contents .c_mypage .cm_main .cmm_status .cmms_card .cmms_title a i {width:16px; aspect-ratio:1/1; margin-right:-3px; background:url(../images//newbird/common/icon_download.svg) center center no-repeat; background-size:100%;} #contents .c_mypage .cm_main .cmm_status .cmms_card .cmmsc_box {position:relative; width:285px; color:var(--white);} #contents .c_mypage .cm_main .cmm_status .cmms_card .cmmsc_num {position:absolute; top:44.444%; left:10.526%;} #contents .c_mypage .cm_main .cmm_status .cmms_card .cmmsc_num ul {display:flex; justify-content:space-between; width:190px;} #contents .c_mypage .cm_main .cmm_status .cmms_card .cmmsc_num li {font-size:15px; font-weight:400; letter-spacing:1px; line-height:20px;} #contents .c_mypage .cm_main .cmm_status .cmms_card .cmmsc_name {position:absolute; bottom:16.666%; left:10.526%; font-size:16px; font-weight:400; letter-spacing:3px; line-height:18px;} #contents .c_mypage .cm_main .cmm_status .cmms_mileage {width:305px;} #contents .c_mypage .cm_main .cmm_status .cmms_mileage ul {padding:30px; border-radius:10px; background:var(--white_t1);} #contents .c_mypage .cm_main .cmm_status .cmms_mileage li {display:flex; align-items:center; justify-content:space-between; position:relative; line-height:20px;} #contents .c_mypage .cm_main .cmm_status .cmms_mileage li + li {margin-top:20px;} #contents .c_mypage .cm_main .cmm_status .cmms_mileage li:last-child {padding-top:19px; border-top:1px solid var(--gray_t3);} #contents .c_mypage .cm_main .cmm_status .cmms_mileage li:last-child span {font-size:16px; font-weight:700; color:var(--purple);} #contents .c_mypage .cm_main .cmm_status .cmms_mileage li:last-child i {width:20px; aspect-ratio:1/1; margin-left:0; background:url(../images/newbird/common/icon_mileage.svg) center center no-repeat; background-size:100%;} #contents .c_mypage .cm_main .cmm_status .cmms_mileage li span {display:flex; align-items:center; gap:5px; font-size:14px;} #contents .c_mypage .cm_main .cmm_status .cmms_mileage li span mark {display:flex; align-items:center; justify-content:center; width:24px; height:16px; border-radius:20px; background:var(--blue); color:var(--white); font-size:10px;} #contents .c_mypage .cm_main .cmm_status .cmms_mileage li strong {font-weight:600;} #contents .c_mypage .cm_main .cmm_status .cmms_mileage li:last-child strong {font-size:17px; font-weight:700; color:var(--skyblue_t1);} #contents .c_mypage .cm_main .cmm_status .cmms_mileage .cmcsm_tip {display:none; position:absolute; top:20px; left:30px; z-index:1; padding:10px 15px; background:var(--white); border-radius:5px; box-shadow:0 10px 20px rgba(0,0,0,0.1); font-size:12px; line-height:20px; text-align:left;} #contents .c_mypage .cm_main .cmm_status .cmms_mileage .cmcsm_tip.on {display:block;} #contents .c_mypage .cm_main .cmm_status .cmms_order {width:calc(100% - 690px); max-width:640px;} #contents .c_mypage .cm_main .cmm_status .cmms_order ul {display:flex; align-items:center; justify-content:center; gap:10px; padding:30px; border-radius:10px; background:var(--white_t1);} #contents .c_mypage .cm_main .cmm_status .cmms_order li {display:flex; justify-content:center; width:100%;} #contents .c_mypage .cm_main .cmm_status .cmms_order a {display:flex; flex-direction:column; align-self:center;} @media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) { #contents .c_mypage .cm_main .cmm_status .cmms_order a:hover span {text-decoration:underline; text-underline-position:under;} } #contents .c_mypage .cm_main .cmm_status .cmms_order a i {display:flex; align-items:center; justify-content:center; width:50px; aspect-ratio:1/1; margin-bottom:10px; border-radius:100%; background:var(--blue);} #contents .c_mypage .cm_main .cmm_status .cmms_order a i::after {content:""; width:30px; aspect-ratio:1/1; background-image:url(../images/newbird/common/icon_order.svg); background-repeat:no-repeat; background-size:100% auto;} #contents .c_mypage .cm_main .cmm_status .cmms_order li:nth-child(1) i::after {background-position:0 0;} #contents .c_mypage .cm_main .cmm_status .cmms_order li:nth-child(2) i::after {background-position:0 33.33%;} #contents .c_mypage .cm_main .cmm_status .cmms_order li:nth-child(3) i::after {background-position:0 66.66%;} #contents .c_mypage .cm_main .cmm_status .cmms_order li:nth-child(4) i::after {background-position:0 100%;} #contents .c_mypage .cm_main .cmm_status .cmms_order a span {margin-bottom:20px; font-size:14px;} #contents .c_mypage .cm_main .cmm_status .cmms_order a div {font-size:14px;} #contents .c_mypage .cm_main .cmm_status .cmms_order a div mark {font-size:18px; font-weight:700; color:var(--blue);} #contents .c_mypage .cm_main .cmm_title {font-size:18px; letter-spacing:-0.72px; font-weight:700; color:var(--blue);} #contents .c_mypage .cm_main .cmm_order {max-width:1200px; margin:0 auto; margin-bottom:40px; text-align:left;} #contents .c_mypage .cm_main .cmm_order ul {display:flex; align-items:center; justify-content:space-between; padding:40px 25px; margin-top:15px; border-radius:10px; background:var(--white); box-shadow:0 40px 80px rgba(28, 28, 32, .08);} #contents .c_mypage .cm_main .cmm_order a {display:flex; flex-direction:column; align-items:center; position:relative;} #contents .c_mypage .cm_main .cmm_order a i {position:relative; width:60px; aspect-ratio:1/1; background-image:url(../images/newbird/common/icon_process.svg); background-repeat:no-repeat; background-size:100% auto;} #contents .c_mypage .cm_main .cmm_order a:hover strong {text-decoration:underline; text-underline-position:under;} #contents .c_mypage .cm_main .cmm_order li {display:flex; justify-content:center; position:relative; width:100%;} #contents .c_mypage .cm_main .cmm_order li:nth-child(1) i {background-position:0 0;} #contents .c_mypage .cm_main .cmm_order li:nth-child(2) i {background-position:0 25%;} #contents .c_mypage .cm_main .cmm_order li:nth-child(3) i {background-position:0 50%;} #contents .c_mypage .cm_main .cmm_order li:nth-child(4) i {background-position:0 75%;} #contents .c_mypage .cm_main .cmm_order li:nth-child(5) i {background-position:0 100%;} #contents .c_mypage .cm_main .cmm_order li::after {content:""; display:block; position:absolute; right:-30px; top:50%; width:60px; aspect-ratio:1/1; margin-top:-30px; background:url(../images/newbird/common/icon_arrowright_t4.svg) center center no-repeat; background-size:100%;} #contents .c_mypage .cm_main .cmm_order li:last-child::after {display:none;} #contents .c_mypage .cm_main .cmm_order span {display:flex; align-items:center; justify-content:center; position:absolute; right:-2px; top:5px; width:20px; aspect-ratio:1/1; border-radius:100%; background:var(--skyblue_t2); font-size:12px; font-weight:700; color:var(--white); line-height:1;} #contents .c_mypage .cm_main .cmm_order ul strong {margin-top:15px; font-size:16px; font-weight:600; color:var(--blue);} #contents .c_mypage .cm_content .cmc_body .no_data_area2 {max-width:1200px; margin:0 auto;} #contents .c_mypage .cm_main .cmm_order ~ .no_data_area2 {max-width:1200px; box-sizing:border-box; padding:160px 0 73px; margin:0 auto; border:none; border-top:1px solid var(--blue); border-bottom:1px solid var(--gray_t3); border-radius:0; color:var(--gray_t2); font-size:14px; line-height:30px; background:url(../images/newbird/common/icon_document.svg) center 70px no-repeat; background-size:90px auto;} #contents .c_mypage .cm_coupon .mpgTblWrp .ordCll02 {text-align:left;} #contents .c_mypage .cm_coupon .mpgTblWrp .ordCll02 b {font-weight:700;} .mpgTblWrp {max-width:1200px; margin:0 auto;} .mpgTblWrp table {table-layout:fixed;} .mpgNav {display:none;} /* etc */ #contents .c_etc .ce_nav {display:block; border-bottom:1px var(--gray_t3) solid;} #contents .c_etc .ce_nav > ul {display:flex; max-width:1200px; margin:0 auto;} #contents .c_etc .ce_nav > ul > li {width:100%;} #contents .c_etc .ce_nav > ul > li > a {display:block; position:relative; text-align:center; width:100%} #contents .c_etc .ce_nav > ul > li > a::before {top:calc(50% - 10px); left:-1px; width:1px; height:20px; background-color:var(--gray_t3); position:absolute; content:""; display:block;} #contents .c_etc .ce_nav > ul > li:last-child > a::after {top:calc(50% - 10px); right:-1px; width:1px; height:20px; background-color:var(--gray_t3); position:absolute; content:""; display:block;} #contents .c_etc .ce_nav > ul > li > a > span {display:inline-block; line-height:80px; font-size:18px; color:var(--black); letter-spacing:-1.44px; position:relative;} #contents .c_etc .ce_nav > ul > li > a > span::after {content:""; display:block; position:absolute; top:calc(100% - 2px); left:50%; width:0; height:3px; background-color:var(--blue); transform:translateX(-50%); transition:all 0.5s; opacity:0;} #contents .c_etc .ce_nav > ul > li > a.on > span {font-weight:700; color:var(--blue);} @media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) { #contents .c_etc .ce_nav > ul > li > a:hover > span {font-weight:700; color:var(--blue);} #contents .c_etc .ce_nav > ul > li > a:hover > span::after {width:100%; transition:all 0.5s; opacity:1;} } #contents .c_etc .ce_nav > ul > li > a.on > span::after {width:100%; transition:all 0.5s; opacity:1;} #contents .c_etc .ce_contents .cec_title {padding:80px 0 70px 0; font-size:2.500em; line-height:1.333em; color:var(--blue); letter-spacing:-0.08em; text-align:center;} #contents .c_etc .ce_contents .cec_title * {font-weight:700; letter-spacing:-0.08em;} #contents .c_etc .ce_contents {max-width:1200px; width:calc(100% - 60px); margin-left:auto; margin-right:auto;} #contents .c_etc .ce_contents .cec_wrap {max-width:1200px; margin-left:auto; margin-right:auto; padding:0 20px; text-align:left;} #contents .c_etc .ce_contents .cec_wrap > dt {padding-bottom:10px;} #contents .c_etc .ce_contents .cec_wrap > dt strong {display:block; padding-bottom:10px; font-size:20px; font-weight:700; color:var(--blue); letter-spacing:-0.8px; font-weight:700;} #contents .c_etc .ce_contents .cec_wrap > dt span {display:block; padding-bottom:10px; font-size:16px; color:var(--black); letter-spacing:-0.64px;} #contents .c_etc .ce_contents .cec_wrap > dd {padding:40px; margin-bottom:60px; border:1px var(--gray_t3) solid; border-radius:5px;} #contents .c_etc .ce_contents .cec_wrap > dd:last-child {margin-bottom:0;} #contents .c_etc .ce_contents .cec_wrap > dd > ul > li {overflow:hidden; padding-top:30px;} #contents .c_etc .ce_contents .cec_wrap > dd > ul > li:first-child {padding-top:0;} #contents .c_etc .ce_contents .cec_wrap > dd > ul > li > b {display:block; width:30px; color:var(--blue); font-weight:700; font-size:14px; float:left; line-height:24px;} #contents .c_etc .ce_contents .cec_wrap > dd > ul > li > div {float:right; width:calc(100% - 30px);} #contents .c_etc .ce_contents .cec_wrap.agreement > dd > ul > li > div {width:100%; float:none;} #contents .c_etc .ce_contents .cec_wrap > dd > ul > li > div > strong {display:block; padding-bottom:10px; font-weight:700; font-size:14px; letter-spacing:-0.56px; line-height:24px;} #contents .c_etc .ce_contents .cec_wrap > dd > ul:last-child > li:last-child > div:last-child > strong:last-child {padding-bottom:0;} #contents .c_etc .ce_contents .cec_wrap > dd > ul > li > div > ul > li {font-size:14px; color:var(--gray_t1); letter-spacing:-0.56px; line-height:24px;} #contents .c_etc .ce_contents .cec_wrap > dd > ul > li > div > ol > li {padding-left:20px; margin-top:5px; font-size:14px; text-indent:-20px; font-weight:700; color:var(--gray_t1); letter-spacing:-0.56px; line-height:26px;} #contents .c_etc .ce_contents .cec_wrap > dd > ul > li > div > ol > li:first-child {margin-top:0;} #contents .c_etc .ce_contents .cec_wrap > dd > ul > li > div > ol > li > p {text-indent:0; font-weight:normal;} #contents .c_etc .ce_contents .cec_wrap > dd > ul > li > div > ol > li > p > span {display:block; padding-left:15px; font-weight:700; color:var(--gray_t2);} #contents .c_etc .ce_contents .cec_wrap > dd > ul > li > ol > li {padding-left:20px; font-size:14px; color:var(--gray_t1); letter-spacing:-0.56px; line-height:30px; text-indent:-20px;} #contents .c_etc .ce_contents .cec_wrap > dd > ul > li > ol > li > p {padding-left:25px;} #contents .c_etc .ce_contents .cec_wrap > dd > ul > li > ol > li > p > span {display:block; font-weight:500; color:var(--gray_t2);} #contents .c_etc .ce_contents .cec_wrap > dd .lneHgh-30 {line-height:30px;} #contents .c_etc .ce_contents .cec_wrap > dd b {font-weight:700;} #contents .c_etc .ce_contents .cec_email {display:flex; flex-direction:column; align-items:center; width:calc(100% - 40px); box-sizing:border-box; max-width:1200px; padding:50px 0; margin-left:auto; margin-right:auto; padding-left:20px; padding-right:20px; border:1px var(--gray_t3) solid; border-radius:5px; text-align:center;} #contents .c_etc .ce_contents .cec_email div {display:flex; align-items:center; justify-content:center; width:220px; aspect-ratio:1/1; margin-bottom:20px; background-color:var(--white_t1); border-radius:110px;} #contents .c_etc .ce_contents .cec_email div s {width:100px; aspect-ratio:1/1; background:url("../images/newbird/common/icon_info.svg") no-repeat; background-size:100%;} #contents .c_etc .ce_contents .cec_email strong, #contents .c_etc .ce_contents .cec_email span {display:block; text-align:center; word-break:keep-all;} #contents .c_etc .ce_contents .cec_email strong {font-size:16px; font-weight:700; color:var(--black); line-height:30px; letter-spacing:-0.64px;} #contents .c_etc .ce_contents .cec_email span {padding-top:5px; font-size:14px; color:var(--gray_t1); line-height:30px; letter-spacing:-0.56px; padding-bottom:10px;} #contents .c_etc .ce_contents .cec_email i {display:inline-block; position:relative; padding-left:10px; font-size:14px; color:var(--black); line-height:30px; letter-spacing:-0.56px; font-style:normal;} #contents .c_etc .ce_contents .cec_email i::after {width:3px; height:3px; border-radius:1.5px; background-color:var(--gray_t1); content:""; display:block; position:absolute; left:0; top:calc(50% - 1.5px);} #contents .c_etc .ce_contents .cec_table {border-top:1px var(--blue) solid;} #contents .c_etc .ce_contents .cec_table table {width:100%;} #contents .c_etc .ce_contents .cec_table thead th {height:40px; border-left:1px var(--gray_t3) solid; background-color:var(--white_t1); color:var(--black); font-size:1.167em; font-weight:700; text-align:center; letter-spacing:-0.04em;} #contents .c_etc .ce_contents .cec_table thead th:first-child {border-left:0;} #contents .c_etc .ce_contents .cec_table tbody td {padding:8px 20px; border-left:1px var(--gray_t3) solid; border-bottom:1px var(--gray_t3) solid; line-height:24px; font-size:1.167em; color:var(--black); letter-spacing:-0.04em;} #contents .c_etc .ce_contents .cec_table tbody td:first-child {border-left:0;} #contents .c_etc .ce_contents .cec_top {max-width:1200px; padding-bottom:60px; margin-left:auto; margin-right:auto; padding-left:20px; padding-right:20px; text-align:left;} #contents .c_etc .ce_contents .cec_top strong {display:block; padding-bottom:10px; font-size:25px; color:var(--black); letter-spacing:-1px; line-height:40px; font-weight:700;} #contents .c_etc .ce_contents .cec_top p {padding:20px 40px; background-color:var(--white_t1); border-radius:5px; font-size:16px; color:#2d2d3b; line-height:25px; letter-spacing:-0.64px;} .table .t_product a {display:flex; align-items:center; gap:20px;} .table .t_product .tp_img {overflow:hidden; display:flex; align-items:center; justify-content:center; width:60px; aspect-ratio:1/1; background:var(--white); border-radius:10px;} .table .t_product .tp_img img {width:100%;} .table .t_product .tp_name {font-size:16px;} .mpgFrm {position:relative; border-radius:8px; background-color:var(--white); box-shadow:0px 40px 80px 0px rgba(28, 28, 32, 0.08);} #contents .c_mypage .cm_content .mpgFrm {max-width:1200px; margin:0 auto; margin-bottom:40px;} .mpgFrmItm {display:flex; border-top:1px var(--gray_t3) solid;} .mpgFrmItm:first-child {border-top:0;} .mpgFrmItmTtl {flex-shrink:0; position:relative; width:100px; box-sizing:border-box; padding-left:20px; font-size:12px; text-align:left; line-height:60px; color:var(--gray_t2); letter-spacing:-0.08em; font-weight:500;} .mpgFrmItmTtl::after {content:""; display:block; position:absolute; top:20px; right:-1px; width:1px; height:18px; background-color:var(--gray_t3);} .mpgFrmItmCnt {display:flex; justify-content:space-between; flex-wrap:wrap; row-gap:15px; width:calc(100% - 100px); padding:10px;} .mpgFrmItmCnt > div {display:flex;} .mpgFrmItmCnt input.mpgFrmIpt[type=text] {width:300px; box-sizing:border-box; outline:none;} .mpgFrmItmCnt .ctmChk {display:flex; align-items:center;} .mpgFrmItmCnt .mpgChkWrp .ctmChk:not(:first-child) {margin-left:30px;} @media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) { .mpgFrm input.mpgFrmIpt:hover {border-color:var(--gray_t4); box-shadow:0px 15px 30px 0px rgba(28, 28, 32, 0.05);} } .mpgFrm .mpgFrmFlt input.mpgFrmIpt {width:120px; text-align:center; cursor:pointer;} input.mpgFrmIpt[type=text], input.mpgFrmIpt[type=password], input.mpgFrmIpt[type=email], input.mpgFrmIpt[type=tel], input.mpgFrmIpt[type=number] {outline:none; height:40px; padding:0 18px; border:1px var(--gray_t3) solid; border-radius:20px; color:var(--black); font-weight:500; font-size:14px; font-weight:600;} .mpgFrmIpt.on {border-color:var(--gray_t4); box-shadow:0px 15px 30px 0px rgba(28, 28, 32, 0.05);} @media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) { .mpgFrmIpt:hover {border-color:var(--gray_t4); box-shadow:0px 15px 30px 0px rgba(28, 28, 32, 0.05);} input:read-only:hover {box-shadow:none;} } .mpgFrmIpt:focus {border-color:var(--gray_t4); box-shadow:0px 15px 30px 0px rgba(28, 28, 32, 0.05);} .mpgFrmSbm {width:96px; height:36px; margin-left:10px; border:2px var(--blue) solid; border-radius:20px; background-color:var(--white); text-align:center; color:var(--blue); font-weight:700;} .mpgFrmSbmFll {background-color:var(--blue); color:var(--white); box-shadow:0px 15px 30px 0px rgba(23,42,126, 0.2);} .mpgFrmSbmFll i {display:none;} input[type="submit"].mpgFrmSbm, button[type="submit"].mpgFrmSbm {height:40px; cursor:pointer;} @media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) { input[type="submit"].mpgFrmSbm:hover, button[type="submit"].mpgFrmSbm:hover {text-decoration:underline; text-underline-position:under;} } .mpgFrmTrm {display:flex; flex-wrap:wrap; row-gap:5px;} .mpgFrmTrm a {display:block; width:76px; margin-right:5px; border:2px var(--gray_t4) solid; border-radius:20px; font-size:14px; font-weight:700; color:var(--black); letter-spacing:-0.56px; text-align:center; line-height:36px;} @media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) { .mpgFrmTrm a:hover {border-color:var(--gray_t1); color:var(--gray_t1);} } .mpgFrmTrm a.on {border-color:var(--gray_t1); color:var(--gray_t1);} .mpgFrmFlt {display:flex;} .mpgFrmFlt span {line-height:40px; font-size:14px; font-weight:600; color:var(--black);} .mpgTblWrp {border-top:1px var(--blue) solid;} .mpgTbl {width:100%;} .mpgTblInf {font-size:14px; font-weight:600; color:var(--black);} .mpgTbl th {height:60px; border-bottom:1px var(--gray_t3) solid; font-size:14px; font-weight:700; color:var(--black); letter-spacing:-0.56px; text-align:center;} .mpgTbl td {height:60px; box-sizing:border-box; padding:10px; border-bottom:1px var(--gray_t3) solid; text-align:center;} .mpgTbl td.price {text-align:right;} .mpgTbl td.mileage span {display:flex; justify-content:flex-end; gap:5px;} .mpgTbl td.mileage span i {width:20px; aspect-ratio:1/1; background:url("../images/newbird/common/icon_mileage.svg") no-repeat; background-size:100% auto;} .mpgTbl td.algLft {text-align:left;} .mpgTbl td .boardTit {text-align:left; cursor:pointer;} @media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) { .mpgTbl td .boardTit:hover {font-weight:700; color:var(--blue);} } .mpgTbl td .boardTit span {display:block; width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} @media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) { .mpgTbl td a.cm:hover {text-decoration:underline; text-underline-position:under;} } .mpgTbl td .btnSkyTxtBtn, .mpgTbl td .btnBluTxtBtn, .mpgTbl td .btnGryTxtBtn {min-width:50px; text-align:center; box-sizing:border-box;} .mpgTblWrp tr.empty {display:none !important;} .mpgMlgIco {display:inline-block; vertical-align:middle; width:20px; height:20px; background:url("../images/newbird/common/icon_mileage.svg") no-repeat; background-size:100% auto;} .commonTextarea {width:calc(100% - 40px); padding:12px 20px !important; border:1px solid var(--gray_t3); font-size:14px; color:var(--gray_t2); resize:none;} .mpgTblRow tbody th {height:50px; background-color:var(--white_t1); border-bottom:1px var(--gray_t3) solid; font-weight:700; font-size:14px; color:var(--black); text-align:center;} @media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) { .mpgTbl.mpgTblRow tbody tr:hover {background:transparent;} } .mpgTblRow td {height:50px; padding:15px;} .mpgTblPdrItm {display:none; position:relative; box-sizing:border-box; width:100%; min-height:60px;} .mpgTblPdrItm:first-child {display:block;} .mpgTblPdrItm > a {display:flex; align-items:center; gap:20px;} @media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) { .mpgTblPdrItm > a:hover span {text-decoration:underline; text-underline-position:under;} } .mpgTblPdrItm i {display:block; font-style:normal; font-size:12px; line-height:18px; color:var(--gray_t2);} .mpgTblPdrItm span {display:block; line-height:20px; font-size:16px; letter-spacing:-1.28px; text-align:left;} .mpgTblPdrItm span strong {font-weight:700;} .mpgTblPdrItm span + i {margin-top:5px; text-align:left; color:var(--gray_t2); font-size:12px; line-height:15px;} .mpgTblPdrItm .img_area + div {display:flex; flex-direction:column; align-items:flex-start; width:calc(100% - 80px);} .mpgTblPdrItm > a div > span {width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .mpgTblPdrItm .ordCll38 > span {width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} #bbslist .mpgTblPdrItm {max-width:280px; margin-left:0;} .mpgTblPdrItm .img_area {overflow:hidden; display:flex; align-items:center; justify-content:center; flex-shrink:0; position:relative; width:60px; height:60px; border-radius:10px;} .mpgTblPdrItm .img_area img {width:100%; height:100%; object-fit:contain;} .mpgTblPdrItm .img_area::after {content:""; display:block; position:absolute; top:0; left:0; width:100%; aspect-ratio:1/1; background:rgba(0,0,0,0.03);} .mpgTblPdrItm .info_area .name {display:-webkit-box; max-height:38px; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical; width:100%; line-height:38px; font-size:16px;} .mpgTblPdrItm .info_area .name strong {font-weight:700;} .mpgTblPdrItm .info_area i {display:block; font-style:normal; font-size:12px; line-height:18px; color:var(--gray_t2);} .mpgBluBnn {display:flex; justify-content:center; text-align:center;} .mpgBluBnn > ul {display:flex; justify-content:center; gap:30px; width:100%; max-width:870px;} .mpgBluBnn > ul.iconMyOrder {max-width:1200px;} .mpgBluBnn > ul > li {width:100%;} .mpgBluBnn > ul > li > a {display:flex; flex-direction:column; align-items:center; position:relative; height:100%; box-sizing:border-box; padding-top:60px; padding-bottom:30px; padding-left:15px; padding-right:15px; background-color:var(--white); box-shadow:0px 40px 80px rgba(28, 28, 32, 0.08); border-radius:10px; overflow:hidden; word-break:keep-all;} .mpgBluBnn > ul > li > a > strong {display:block; text-align:center; font-size:25px; color:var(--blue); line-height:35px; font-weight:700;} @media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) { .mpgBluBnn > ul > li > a:hover > span {color:var(--skyblue_t1); transition:0.3s;} } .mpgBluBnn > ul > li > a > .iconIndex {width:74px; aspect-ratio:1/1; margin-bottom:40px;} .mpgBluBnn > ul > li > a > .iconIndex {background-repeat:no-repeat; background-size:100%;} .mpgBluBnn > ul > li:nth-child(1) > a > .iconIndex {background-position:0 0;} .mpgBluBnn > ul > li:nth-child(2) > a > .iconIndex {background-position:0 33.3333%;} .mpgBluBnn > ul > li:nth-child(3) > a > .iconIndex {background-position:0 66.6666%;} .mpgBluBnn > ul > li:nth-child(4) > a > .iconIndex {background-position:0 100%;} @media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) { .mpgBluBnn > ul > li > a:hover {background-image:linear-gradient(135deg, #0858c5, var(--blue)); box-shadow:0px 60px 120px rgba(23,42,126,0.35);} .mpgBluBnn > ul > li > a:hover > strong {color:var(--white);} } .mpgBluBnn > ul > li > a > span {display:block; text-align:center; margin-top:10px; font-size:12px; letter-spacing:-0.48px; color:var(--gray_t2); line-height:20px;} .mpgBluBnn > ul.iconMyActivity {max-width:1200px;} .mpgBluBnn > ul.iconMyOrder > li > a > .iconIndex {background-image:url('/data/skin/responsive_ver1_default_gl/images/newbird/sub/mypage/icon_myorder_b.svg');} .mpgBluBnn > ul.iconMybenefits > li > a > .iconIndex {background-image:url('/data/skin/responsive_ver1_default_gl/images/newbird/common/icon_mybenefit_b.svg');} .mpgBluBnn > ul.iconMyActivity > li > a > .iconIndex {background-image:url('/data/skin/responsive_ver1_default_gl/images/newbird/common/icon_myactivity_b.svg');} .mpgBluBnn > ul.iconMyInfo > li > a > .iconIndex {background-image:url('/data/skin/responsive_ver1_default_gl/images/newbird/common/icon_myinfo_b.svg');} @media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) { .mpgBluBnn > ul.iconMyInfo > li > a:hover > .iconIndex {background-image:url('/data/skin/responsive_ver1_default_gl/images/newbird/common/icon_myinfo_w.svg');} .mpgBluBnn > ul.iconMyOrder > li > a:hover > .iconIndex {background-image:url('/data/skin/responsive_ver1_default_gl/images/newbird/sub/mypage/icon_myorder_w.svg');} .mpgBluBnn > ul.iconMybenefits > li > a:hover > .iconIndex {background-image:url('/data/skin/responsive_ver1_default_gl/images/newbird/common/icon_mybenefit_w.svg');} .mpgBluBnn > ul.iconMyActivity > li > a:hover > .iconIndex {background-image:url('/data/skin/responsive_ver1_default_gl/images/newbird/common/icon_myactivity_w.svg');} } /* 배송조회 / 구매확정 */ .orderNum {max-width:1200px; margin:0 auto; line-height:30px; font-size:18px; color:var(--gray_t2); font-weight:300; margin-bottom:20px; text-align:left;} .orderNum .num {color:var(--blue); font-weight:600;} .whtBdy460 {max-width:460px; margin:0 auto;} .suboptions:empty {display:none; padding:0;} .mpgSubTtl {display:none;} .orderViewTop.btnwrap {justify-content:flex-end; max-width:1200px; margin:0 auto; margin-bottom:30px;} .orderViewTop.btnwrap > .btn {max-width:150px;} .cmnInf {display:flex; max-width:1200px; margin:0 auto; margin-top:20px; border-radius:10px; background-color:var(--white); box-shadow:0px 40px 80px 0px rgba(28, 28, 32, 0.08); text-align:left;} .cmnInfFll {padding:35px 30px; width:100%;} .cmnInfLft {width:100%; padding:28px 30px 20px 30px; border-right:1px var(--gray_t3) solid;} .cmnInfRgt {flex-shrink:0; position:relative; width:440px; box-sizing:border-box; padding:28px 30px 28px 30px;} .cmnInfTtl {display:block; padding-bottom:18px; font-size:18px; color:var(--blue); letter-spacing:-0.5px; font-weight:700;} .cmnInfTtl button {min-width:50px;} .cmnInfLst {font-size:14px; font-weight:400; line-height:25px; color:var(--black); letter-spacing:-0.5px;} .cmnInfLst.fntWgh-600 {font-weight:700;} .cmnInfLst li {line-height:30px;} .cmnInfDsc {display:block; padding-top:15px; font-size:14px; color:var(--gray_t2); letter-spacing:-0.5px;} .cmnInfDsc:empty {display:none;} .cmnInfDtl {display:flex; flex-wrap:wrap;} .cmnInfDtl dt {width:110px; min-height:40px; font-weight:700; font-size:14px; letter-spacing:-0.5px; color:var(--black); line-height:25px;} .cmnInfDtl dd {width:calc(100% - 110px); padding-bottom:10px; font-weight:500; font-size:14px; letter-spacing:-0.5px; color:var(--black); line-height:25px;} .cmnInfDtl dd:last-child {padding-bottom:0;} .cmnInfDtl dd:empty {padding-bottom:0;} .cmnInfDtl dd.fntWgh-600 {font-weight:600;} .cmnInfDtl dd strong {font-weight:700;} .cmnInfDtl .ctmRdo strong {font-weight:400;} .cmnInfDtl .ctmRdo input:checked strong {font-weight:700;} .cmnInfDtlRadioWrap .ctmRdo {margin-right:40px;} .cmnInfDtlRadioWrap .ctmRdo:last-of-type {margin-right:0;} .cmnInfDtl dt:nth-child(1), .cmnInfDtl dd:nth-child(2) {padding-top:0;} .cmnInfDtl input {text-overflow:ellipsis;} .cmnInfDtl input, .cmnInfDtl textarea, .cmnInfDtl select {color:var(--black); font-weight:600; padding:0 20px;} .cmnInfDtl input[readonly] {background:transparent;} .cmnInfDtl textarea {height:90px; padding:10px 20px;} .cmnInfDtl .zipWrap {margin-bottom:10px;} .cmnInfDtl .zipWrap > div {margin-top:10px;} .cmnInfDtl .zipWrap > div:first-child {margin-top:0;} .cmnInfDtl .zipWrap .zipBtnWrap input[type="text"] {float:left; width:calc(100% - 110px); margin-right:10px;} .cmnInfDtl .zipWrap .zipBtnWrap .btn {float:right; width:100px; box-shadow:none;} .cmnInfDtl .zipWrap .zipBtnWrap .btn.btnZibun {width:130px; color:var(--white); cursor:pointer;} .cmnInfPrcTtl {display:flex; align-items:center; justify-content:space-between; margin-bottom:20px;} .cmnInfPrcTtl .cmnInfTtl {padding-bottom:0;} .cmnInfPrcTtl span {font-size:18px; font-weight:700;} .cmnInf ~ .btnwrap {justify-content:center; margin-top:40px;} .cmnInf ~ .btnwrap .btn {max-width:225px;} .odrPrcDtl {display:flex; padding-top:5px;} .odrPrcDtl.cel3 {display:flex; max-width:870px; width:100%; margin:0 auto; padding-bottom:20px !important;} .odrPrcDtl > li {position:relative; width:20%; padding-top:75px;} .odrPrcDtl > li:last-child {margin-right:0;} .odrPrcDtl > li i {display:none;} .odrPrcDtl.cel3 > li {width:calc(33.3333% - 10px); margin-right:20px;} .odrPrcDtl.cel3 > li:last-child {margin-right:0;} .odrPrcDtl > li img {position:absolute; top:15%; left:44.5%; transform:scale(0.5) translateX(-75%) translateY(-50%);} .odrPrcDtl > li img:nth-child(1) {opacity:1;} .odrPrcDtl > li img:nth-child(2) {opacity:0;} .odrPrcDtl > li.on img:nth-child(1) {opacity:0;} .odrPrcDtl > li.on img:nth-child(2) {opacity:1;} .odrPrcDtl > li strong {display:block; text-align:center; font-size:16px; font-weight:700; color:var(--gray_t2); letter-spacing:-0.64px; padding-bottom:8px;} .odrPrcDtl > li span {display:block; text-align:center; font-size:14px; color:var(--gray_t2); letter-spacing:-0.64px; word-break:keep-all; padding:0 5px;} .odrPrcDtl > li.on strong {color:var(--blue)} .odrPrcDtl > li.on span {color:var(--black);} .odrPrcDtl > li::after {content:""; display:block; position:absolute; top:calc(50% - 15px); left:100%; width:27px; height:53px; transform:translateY(-50%); background:url("../images/newbird/sub/mypage/img_odrPrcSgn.png") no-repeat; background-size:100%;} .odrPrcDtl > li:last-child::after {display:none;} .odrPrcDtl > li .processImg {position:absolute; top:0; left:50%; transform:translateX(-50%); width:60px; aspect-ratio:1/1; background-size:100%; background-repeat:no-repeat; background-image:url('/data/skin/responsive_ver1_default_gl/images/newbird/common/icon_process_g.svg'); background-position-x:50%;} .odrPrcDtl > li.on .processImg {background-image:url('/data/skin/responsive_ver1_default_gl/images/newbird/common/icon_process.svg');} .odrPrcDtl > li:nth-child(1) .processImg {background-position-y:0;} .odrPrcDtl > li:nth-child(2) .processImg {background-position-y:25%;} .odrPrcDtl > li:nth-child(3) .processImg {background-position-y:50%;} .odrPrcDtl > li:nth-child(4) .processImg {background-position-y:75%;} .odrPrcDtl > li:nth-child(5) .processImg {background-position-y:100%;} .odrPrcDtl.odrprcReturn > li .processImg {background-image:url('/data/skin/responsive_ver1_default_gl/images/newbird/common/icon_return.svg');} .odrPrcDtl.odrprcReturn > li.on .processImg {background-image:url('/data/skin/responsive_ver1_default_gl/images/newbird/common/icon_return_b.svg');} .odrPrcDtl.odrprcRefund > li .processImg {background-image:url('/data/skin/responsive_ver1_default_gl/images/newbird/common/icon_refund.svg');} .odrPrcDtl.odrprcRefund > li.on .processImg {background-image:url('/data/skin/responsive_ver1_default_gl/images/newbird/common/icon_refund_b.svg');} .ordPrcStp {display:flex;} .ordPrcStp li {position:relative; width:40%;} .ordPrcStp li:first-child {width:20%;} .ordPrcStp li p {padding-top:50px;} .ordPrcStp li div {position:absolute; top:25px; left:10px; width:calc(100% - 20px); height:1px; background-color:var(--blue);} .ordPrcStp li div span {position:absolute; top:0; width:6px; height:1px; border-radius:2px; background-color:var(--blue);} .ordPrcStp li div span:nth-child(1) {left:0; transform-origin:center left; transform:rotate(45deg);} .ordPrcStp li div span:nth-child(2) {left:0; transform-origin:center left; transform:rotate(-45deg);} .ordPrcStp li div span:nth-child(3) {right:0; transform-origin:center right; transform:rotate(45deg);} .ordPrcStp li div span:nth-child(4) {right:0; transform-origin:center right; transform:rotate(-45deg);} .ordPrcStp li p {text-align:center; font-size:14px; color:var(--black); font-weight:700; letter-spacing:-0.56px;} .ordPrcStp li p span {color:var(--gray_t2);} .ordDesc {max-width:1200px; box-sizing:border-box; margin:0 auto; padding-left:30px; margin-top:30px; font-size:14px; font-weight:400; color:var(--gray_t2); line-height:25px; text-align:left;} .cmnSmlPopWrp {display:none; position:fixed; top:0; left:0; z-index:5000; width:100vw; height:100vh; background-color:rgba(0,0,0,0.8);} .cmnSmlPop {position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); background-color:var(--white); border-radius:10px; box-shadow:0px 80px 160px 0px rgba(28, 28, 32, 0.6);} .cmnSmlPop > div {padding:30px;} .cmnSmlPopTtl {display:block; position:relative; margin-bottom:20px; color:var(--blue); font-size:20px; letter-spacing:-1.6px; line-height:20px;} .cmnSmlPopCls {position:absolute; top:-10px; right:-10px; padding:10px;} .cmnSmlPopCls img {width:16px;} .ctmRdo.pr45 {padding-right:45px;} .y_scroll_auto2 {max-height:inherit !important; padding-bottom:0; margin-bottom:0;} .fndAdd {position:absolute; top:50%; transform:translateY(-50%); right:20px;} .algLft {text-align:left;} .algCnt {text-align:center;} .fntSze-16 {font-size:16px;} .clrGry {color:var(--gray_t2);} .clrBlk {color:var(--black);} .empRst {padding:40px 0;} .empRst div {position:relative; width:200px; height:200px; margin:0 auto; border-radius:100px; box-shadow:0px 40px 80px 0px rgba(28, 28, 32, 0.08); background-color:var(--white);} .empRst div s {display:block; position:absolute; top:50%; left:50%; width:80px; height:96px; background:url("../images/newbird/asset/img_noresult.png") no-repeat; background-size:100%; transform:translateX(-50%) translateY(-50%);} .empRst p {padding-top:30px; text-align:center; font-size:2.083em; color:var(--gray_t2);} .empRst p strong {color:var(--blue);} .empRst p span {color:var(--black_t2);} .schFrm {position:relative; margin-bottom:90px;} .schFrm input[type="text"] {box-sizing:border-box; width:calc(100%); height:75px; padding:15px 20px; border:none; border-radius:0 !important; border-bottom:2px var(--blue) solid; color:var(--blue); font-weight:700; font-size:20px; letter-spacing:-0.8px;} .schFrm input[type="text"]::placeholder {color:var(--blue);} .schFrm button[type="submit"] {position:absolute; top:50%; transform:translateY(-50%); right:20px; width:40px; height:40px; background:url("../images/newbird/asset/img_blueSearch.png") no-repeat; background-size:100% calc(100% + 1px);} .schFrm + .btnwrap {max-width:460px; margin:0 auto;} #contents .c_mypage .mltTabWrp {width:100%; max-width:1200px; margin:0 auto;} .mpgTblWrp .ordCll57 {text-align:left;} .btnDelBasic {display:inline-block; flex-shrink:0; width:48px; height:18px; border-radius:2px; border:1px solid var(--blue); line-height:16px; font-size:12px; color:var(--blue); text-align:center;} .popCon460 {width:100%; max-width:460px; margin:0 auto;} #inAddress .save_delivery_address {margin-left:15px;} #inAddress .lgnFrmIpt > div > i, #inAddress .lgnFrmIpt > div > span {width:90px;} #inAddress .btnwrap {justify-content:center;} #cihMbrWrp {display:flex; justify-content:center; align-items:center; width:100%; max-width:1200px; margin:0 auto; border-radius:10px; box-shadow:0 20px 80px rgba(0,0,0,0.08); margin-bottom:60px; color:var(--black); padding:50px 0;} #cihMbrWrp img {width:100%; vertical-align:top;} #cihMbrWrp .mbrTtl {display:flex; align-items:center; justify-content:space-between; margin-bottom:10px; color:var(--blue); font-size:18px; font-weight:700; line-height:30px;} #cihMbrWrp .mbrTtl > a {display:flex; align-items:center; padding:0 15px; padding-right:10px; border:1px var(--blue) solid; border-radius:12px; line-height:24px; color:var(--blue); font-size:12px; font-weight:bold; letter-spacing:-0.04em;} #cihMbrWrp .mbrTtl > a > s {width:13px; height:13px; margin-left:5px; background:url("../images/membership/donwload.png") no-repeat; background-size:100% auto; background-position:center center;} #cihMbrWrp .popHlp {display:none; position:absolute; top:20px; left:30px; z-index:9; padding:10px 15px; box-shadow:0 8px 21px rgba(0,0,0,0.1); border-radius:5px; background-color:var(--white); text-align:left;} #cihMbrWrp .popHlp.on {display:block;} #cihMbrWrp .popHlp > p {font-size:12px; line-height:20px;} #cihMbrWrp .popHlp > p > strong {font-weight:600;} #cihMbrWrp .cardBx {margin-right:50px;} #cihMbrWrp .cardBx .cardArea {overflow:hidden; position:relative; width:285px; border-radius:13px; box-shadow:0 10px 30px rgba(0, 0, 0, 0.1); color:var(--white);} #cihMbrWrp .cardBx .cardArea > img {position:relative; width:100%;} #cihMbrWrp .cardBx .cardArea .cardNum {position:absolute; top:44.444%; left:10.526%;} #cihMbrWrp .cardBx .cardArea .cardNum > ul {display:flex; width:190px; justify-content:space-between;} #cihMbrWrp .cardBx .cardArea .cardNum > ul > li {font-size:15px; font-weight:400; letter-spacing:1px; line-height:20px;} #cihMbrWrp .cardBx .cardArea .cardName {position:absolute; bottom:16.666%; left:10.526%; font-size:16px; font-weight:400; letter-spacing:3px; line-height:18px;} #cihMbrWrp .emnBx > ul {box-sizing:border-box; background-color:var(--white_t1); width:305px; border-radius:10px; padding:30px;} #cihMbrWrp .emnBx > ul > li {display:flex; justify-content:space-between; align-items:center;} #cihMbrWrp .emnBx > ul > li:not(:last-child) {margin-bottom:20px;} #cihMbrWrp .emnBx > ul > li:nth-child(2) {position:relative;} #cihMbrWrp .emnBx > ul > li:last-child {line-height:15px;} #cihMbrWrp .emnBx > ul > li > span {display:flex; font-size:14px; font-weight:400; align-items:center;} #cihMbrWrp .emnBx > ul > li > span > i {display:flex; align-items:center; justify-content:center; width:24px; height:16px; margin-left:5px; border-radius:20px; background:var(--blue); color:var(--white); font-size:10px;} #cihMbrWrp .emnBx > ul > li > p {font-size:14px; font-weight:600; font-family:'Montserrat',sans-serif;} #cihMbrWrp .emnBx > ul > li > h6 {display:flex; align-items:center; gap:5px; color:var(--purple); font-size:16px; font-weight:700;} #cihMbrWrp .emnBx > ul > li > h6 > i {width:22px; margin-top:2px;} #cihMbrWrp .emnBx > ul > li > h4 {color:var(--skyblue_t1); font-size:17px; font-weight:700; font-family:'Montserrat',sans-serif;} #cihMbrWrp .emnBx > ul .emnLine {display:inline-block; width:100%; height:1px; margin:0 auto; background-color:var(--gray_t3);} @media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) { .fkeSlc2Wrap .fkeSlc2OPtion .option:hover {font-weight:bold; color:var(--blue);} .fkeSlc2Wrap:hover .fkeSlc2Tit {border-color:var(--gray_t4); box-shadow:0px 15px 30px rgba(28, 28, 32, 0.05);} .fkeSlc2Wrap:hover .fkeSlc2OPtion {border-color:var(--gray_t4); box-shadow:0px 15px 30px rgba(28, 28, 32, 0.05); border-top:1px solid #f7f8f9;} } .tblWrp tbody > tr td:first-child {color:var(--gray_t2); font-weight:600; font-size:14px;} .tblScr {display:inline-block; vertical-align:middle; width:100px; height:20px; background:url("../images/newbird/common/bg_star2.svg") repeat-x; background-size:auto 20px;} .tblScr > div {height:20px; min-width:20%; background:url("../images/newbird/common/img_star2.svg") repeat-x; background-size:auto 20px;} .tblScrTxt {display:inline-block; vertical-align:middle; margin-left:5px; color:var(--skyblue_t2); font-weight:700; font-size:16px; line-height:20px;} #contents .c_mypage .mpgFrmBottom {max-width:1200px; margin:0 auto; margin-bottom:20px;} #contents .c_mypage .cm_review .mpgFrmItmCnt {justify-content:flex-start;} #contents .c_mypage .cm_content.t1 .mpgFrmItmCnt button[type="submit"] {width:100px;} #contents .c_mypage .boardWriteBox {width:100%; max-width:1200px; margin:0 auto;} #contents .c_mypage .cm_review .boardWriteBoxTable .board_goods_select .brdSlcWrp {flex-wrap:wrap; gap:10px; margin:0;} #contents .c_mypage .cm_qna .boardWriteBoxTable .board_goods_select .brdSlcWrp {margin:0;} #contents .c_mypage .cm_content.t1 .form_multi_row2 > li {display:flex; align-items:center; flex-wrap:wrap;} #contents .c_mypage .board_goods_select .mpgTblPdrItm .info_area {width:calc(100% - 80px);} #contents .c_mypage .cm_delivery .listBtnWrap {display:flex; align-items:center; gap:10px;} div.bbswrite_division {padding:0;} .boardWriteBoxTable .board_goods_select .brdSlcWrp {gap:10px;} .boardWriteBoxTable .board_goods_select select ~ .res_st_desc {width:auto; margin-left:0; padding:0;} .file_add_table.boardWriteBoxTable tr {border-bottom:0;} .boardWriteBtns .btn {margin-left:0;} .goodsSelectorSearchForm {width:100%; max-width:500px; margin:0 auto;} #selectformdisplayGoodsSelect {padding:0 20px;} .searchTypeBlue {position:relative; width:100%; border-radius:30px; background:var(--blue); padding:0 60px 0 20px; overflow:hidden; font-size:14px; box-sizing:border-box;} .searchTypeBlue input {width:100%; height:60px; border:0; background:transparent; outline:none; box-shadow:0 30px 60px rgba(23,42,126,0.08); font-size:14px; line-height:40px; color:var(--white);} .searchTypeBlue input::placeholder {color:var(--white); font-size:14px;} .searchTypeBlue input::-webkit-input-placeholder {color:var(--white); font-size:14px;} /* IE */ .searchTypeBlue input:-ms-input-placeholder {color:var(--white); font-size:14px;} /* Firefox */ .searchTypeBlue input:-mos-input-placeholder {color:var(--white); font-size:14px;} .searchTypeBlue .searchBtnWh {overflow:hidden; position:absolute; right:0; top:0; width:60px; height:60px; background:url('../images/newbird/sub/icon_search_wh.png') no-repeat center; background-size:20px; text-indent:-9999999px;} .goodsSelectBox {overflow:hidden; margin:0 0 30px; border-radius:10px; background:var(--white); box-shadow:0px 15px 30px 0px rgba(28, 28, 32, 0.05);} .goodsSelectTable th, .goodsSelectTable td {min-height:60px; border-bottom:1px solid var(--gray_t3);} .goodsSelectTable tr:last-child th, .goodsSelectTable tr:last-child td {border-bottom:0;} .goodsSelectTable th {padding:20px; padding-right:0; text-align:left; color:var(--gray_t2); font-size:12px; vertical-align:top;} .goodsSelectTable th p {position:relative; word-break:keep-all;} .goodsSelectTable th p:after {content:""; position:absolute; right:0; top:0; width:1px; height:12px; background:var(--gray_t3);} .goodsSelectTable td {padding:10px; font-size:14px; color:var(--black);} .goodsSelectTable td.name input[readonly] {border:0; outline:0; background:transparent; padding:0 20px;} .goodsSelectTable tr.cate01 td, .goodsSelectTable tr.cate02 td, .goodsSelectTable tr.cate03 td, .goodsSelectTable tr.cate04 td {font-size:0;} .goodsSelectTable tr.cate01 {display:table-row !important;} .searchGoodsResult .searchGoodsTitWrap {margin-bottom:10px; padding-left:40px; line-height:30px; text-align:left;} .searchGoodsResult .searchGoodsTit {display:inline-block; font-size:16px; font-weight:700; color:var(--blue);} .searchGoodsResult .desc {display:inline-block; margin-left:5px; font-size:14px; color:var(--gray_t2);} #contents .c_mypage .boardDetailContents {max-width:1200px; box-sizing:border-box; margin:0 auto; margin-top:20px;} #contents .c_mypage .boardDetailBtns {max-width:1200px; margin:0 auto; margin-top:40px;} #contents .c_mypage .boardPrevNext {max-width:1200px; margin:0 auto; margin-top:20px;} #contents .c_mypage .boardTit img {display:none;} #contents .c_mypage .cm_refund .lgnFrmIpt > div {border-bottom:1px solid var(--gray_t3);} #contents .c_mypage .cm_refund .lgnFrmIpt > .lgnFrmIptCmt {padding:5px; border:0;} .dsgCvr {display:none;} /* 선택 모달 팝업 */ .ui-widget-overlay {display:block; background:rgba(28,28,32,0.8); opacity:1;} body .ui-dialog {position:fixed; top:50% !important; left:50% !important; width:calc(100% - 120px) !important; max-width:860px; box-sizing:border-box; padding:80px 50px; border:0 !important; border-radius:10px !important; transform:translate(-50%, -50%);} .ui-widget-header.ui-dialog-titlebar {background:var(--white) !important; overflow:visible;} .ui-dialog-titlebar.ui-widget-header {padding:0; color:var(--blue);} .ui-dialog .ui-dialog-title {width:100%; margin:0; font-size:30px; text-align:center; letter-spacing:-2.4px; color:var(--blue);} .ui-dialog a.ui-dialog-titlebar-close {display:flex; align-items:center; justify-content:center; top:-50px; right:-20px; width:50px; height:50px; border-radius:100%; box-shadow:10px 10px 20px rgba(23,42,126, 0.2); background:var(--blue);} .ui-dialog a.ui-dialog-titlebar-close::after {content:""; width:24px; aspect-ratio:1/1; background:url(../images/newbird/common/icon_close.svg) center center no-repeat; background-size:100%; transition:0.3s;} @media screen and (min-width: 768px) and (hover: hover) and (pointer: fine) { .ui-dialog a.ui-dialog-titlebar-close:hover::after {transform:rotate(90deg);} } .ui-dialog .ui-dialog-content {background-color:#fff0; overflow:visible;} #openDialogLayer {height:auto !important; padding:0 !important;} #openDialogLayerMsg {margin-top:60px; font-size:16px; letter-spacing:-0.64px; color:var(--gray_t2);} #openDialogLayerBtns {display:flex; flex-direction:row-reverse; justify-content:center; gap:10px; margin-top:40px;} #openDialogLayerBtns button {max-width:225px;} .board_comment_area {padding-top:0;} .trxRplWrp {max-width:1200px; box-sizing:border-box; margin:0 auto; padding:30px 30px 30px 30px; box-shadow:0 40px 80px rgb(28 28 32 / 8%); border-radius:10px; background:var(--white); font-size:16px;} .trxRplAra {overflow:hidden; position:relative; margin-bottom:10px; border-radius:10px;} .trxRplAra > textarea {display:block; width:100%; border:0; background-color:#f5f5f5; padding:20px; font-size:16px; color:var(--black); padding-right:120px;} .trxRplAra > button {position:absolute; top:0; right:0; width:100px; height:100%; background-color:var(--blue); color:var(--white); text-align:center; font-size:16px;} .trxRplLst {position:relative; padding:20px 15px; border-bottom:1px #eee solid;} .trxRplLst:first-child {border-top:1px #eee solid;} .trxRplLst .trxRplAra {display:none; margin-top:10px;} .trxRplLst.on .trxRplAra {display:block;} .trxRplLstInf {display:flex; align-items:center;} .trxRplLstInf > img {align-self:center; margin-right:10px;} .trxRplLstInf > strong {margin-right:10px; line-height:20px;} .trxRplLstInf > span {font-size:12px; line-height:20px; margin-right:10px;} .trxRplLstInf > button {margin-right:5px; padding:5px; background-color:var(--blue); color:var(--white); border-radius:5px;} .trxRplLst.mdf > .trxRplLstInf > button {display:none;} .trxRplLstCnt {margin-top:5px; width:calc(100% - 120px);} .trxRplLstCnt, .trxRplLstCnt * {word-break:break-all; text-align:justify;} .trxRplLst.mdf > .trxRplLstCnt {display:none;} .trxRplLstMod {display:none; margin-top:5px; width:calc(100% - 120px);} .trxRplLst.mdf > .trxRplLstMod {position:relative; display:block; width:100%;} .trxRplLst.mdf > .trxRplLstMod button {top:0; height:100%;} .trxRplLstMod textarea {display:block; width:100%; border:0; background-color:#f5f5f5; padding:20px; font-size:16px; color:var(--black); border-radius:10px;} .trxRplLst.mdf > .trxRplLstMod textarea {padding-right:120px;} .trxRplLstBtn {display:flex; align-items:center; justify-content:center; position:absolute; top:25px; right:0; width:100px; height:40px; border-radius:10px; background-color:var(--blue); color:var(--white); font-size:16px;} .trxRplLst.on .trxRplLstBtn {background-color:#e5e5e5;} .trxRplAns {margin-top:10px; padding:15px; background-color:#f5f5f5; border-radius:10px;} .trxRplAns.mdf {position:relative;} .trxRplAns.mdf > .trxRplLstInf > button {display:none;} .trxRplAns.mdf > .trxRplLstCnt {display:none;} .trxRplAns.mdf > .trxRplLstMod {display:block;} .trxRplAns.mdf .trxRplLstBtn {top:0; height:100%;} .trxRplAns:nth-child(6) {margin-top:20px;} .trxRplLst.on .trxRplAns:nth-child(6) {margin-top:10px;} .trxRplAns .trxRplLstCnt {padding-left:18px;} /* 교환 신청 */ .ctmChk.marginNone strong::before { margin:0 !important;} .returnFee {font-size:14px; margin-left:20px;} .returnList {max-width:1200px; margin:0 auto; text-align:left;} .returnList .lgnFrmTtlSub {padding-left:0;} .returnList .lgnFrmIptCmt {display: block; text-align:left; padding: 10px;} .returnList .lgnFrmIpt > div > input {font-size:14px;} #recipient_zipId {z-index:10020;} .commonTextarea2 {padding:20px 30px; background:var(--white); border-radius:10px; box-shadow:0px 15px 30px 0px rgba(28, 28, 32, 0.05); font-size:14px; border:0;} .onlMob {display:none;} #contents .c_mypage .cm_withdrawal .mileDesign {display:inline-block; min-height:20px; padding-right:25px; background:url('/data/skin/responsive_ver1_default_gl/images/newbird/common/icon_mileage.svg') no-repeat right center; background-size:22px;} #contents .c_etc {padding-bottom:80px; border-radius:10px; background-color:#fff; box-shadow:0px 40px 80px 0px rgba(28, 28, 32, 0.08); max-width:1720px; margin-left:auto; margin-right:auto; overflow:hidden;} #errWrp {position:relative; text-align:center; overflow:hidden; height:100vh;} #errWrp > p {position:absolute; top:23.5%; left:0; color:#ffffff; font-size:25.000em; line-height:100%; font-weight:600; width:2700px;} #errWrp > p::after {content:"PAGE NOT FOUND"; position:absolute; top:0; left:calc(100% + 50px); width:100%;} #errWrp > div {position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%);} #errWrp > div > strong {font-size:16.667em; line-height:0.735em; letter-spacing:-0.08em; color:transparent; display:inline-block; background:url("../images/newbird/asset/img_error.png") no-repeat; font-weight:900; background-size:calc(100% + 40px) auto; background-position:left 20px center; -webkit-background-clip:text; -moz-background-clip:text; -o-background-clip:text; background-clip:text; max-width:713px; text-align:center; width:100%; text-shadow:0px 30px 60px rgba(23,42,126, 0.25); position:relative;} #errWrp > div > span {display:block; color:var(--black); font-size:1.333em; line-height:1.875em; padding-top:45px; font-weight:700; letter-spacing:-0.04em; padding-bottom:35px;} #errWrp > div > a {display:inline-block; line-height:90px; font-size:1.333em; color:var(--blue); font-weight:600;} #errWrp > div > a > span {width:80px; height:80px; border-radius:50%; background-color:var(--blue); position:relative; display:inline-block; vertical-align:top; margin:5px 10px; box-shadow:0px 30px 60px 0px rgba(23,42,126, 0.25); transition:0.25s;} #errWrp > div > a > span > s {display:block; width:45px; height:2px; background:#fff; position:absolute; left:0; top:50%; transform:translateY(-50%); transition:0.25s;} #errWrp > div > a > span > s:before {content:""; display:block; width:2px; height:10px; transform:rotate(-45deg); position:absolute; left:100%; bottom:calc(100% - 1.5px); background:#fff; transition:0.25s; transform-origin:center bottom;} #errWrp > div > a > span > s:after {content:""; display:block; width:2px; height:10px; transform:rotate(45deg); position:absolute; left:100%; top:calc(100% - 1.5px); background:#fff; transition:0.25s; transform-origin:center top;} #errWrp > div > a:hover > span {width:90px; height:90px; margin:0 5px;} #errWrp > div > a:hover > span > s {width:55px;} #errWrp > div > a:hover > span > s:before,#errWrp > div > a:hover > span > s:after {height:25px;} @media screen and (max-width:1680px) { #contents .c_mypage .cm_main .cmm_status > div {flex-wrap:wrap; gap:40px;} #contents .c_mypage .cm_main .cmm_status .cmms_order {width:640px;} } @media screen and (max-width:1440px) { .mpgTbl .ordCll02 a {display:block; width:100px; margin:0 auto; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .mpgTblPdrItm > a div > span {overflow:hidden; display:-webkit-box; white-space:normal; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:break-all;} .mpgTblWrp table:not(.mpgTblRow) col:nth-child(2) {width:130px;} .mpgTblWrp.t1 table col:nth-child(2) {width:100px;} .mpgTblWrp.t2 table col:nth-child(2) {width:50px;} .mpgTblWrp.t2 .mpgTblPdrItm > a {gap:10px;} .mpgTblWrp.t2 .mpgTblPdrItm .img_area + div {width:calc(100% - 70px);} .mpgTblWrp.t3 table col:nth-child(2) {width:160px;} .mpgTblWrp.t4 table col:nth-child(2) {width:200px;} .mpgTblWrp table col.ItmTit {width:200px;} #contents .c_mypage .cm_coupon .mpgTblWrp table {display:block; table-layout:auto;} #contents .c_mypage .cm_coupon .mpgTblWrp tbody {display:block;} #contents .c_mypage .cm_coupon .mpgTblWrp thead {display:none;} #contents .c_mypage .cm_coupon .mpgTblWrp tr {display:flex; flex-wrap:wrap; padding:10px 0; border-bottom:1px solid var(--gray_t3);} #contents .c_mypage .cm_coupon .mpgTblWrp td {height:auto; padding-top:0; border-bottom:none; text-align:left; box-sizing:border-box;} #contents .c_mypage .cm_coupon .mpgTblWrp .onlPsc2 {display:none;} #contents .c_mypage .cm_coupon .mpgTblWrp .ordCll02, #contents .c_mypage .cm_coupon .mpgTblWrp .ordCll17, #contents .c_mypage .cm_coupon .mpgTblWrp .ordCll18, #contents .c_mypage .cm_coupon .mpgTblWrp .ordCll19, #contents .c_mypage .cm_coupon .mpgTblWrp .ordCll20, #contents .c_mypage .cm_coupon .mpgTblWrp .ordCll21 {display:flex; align-items:center; width:100%; text-align:left;} #contents .c_mypage .cm_coupon .mpgTblWrp .ordCll01 {padding-bottom:7px;} #contents .c_mypage .cm_coupon .mpgTblWrp .ordCll17 br {display:none;} #contents .c_mypage .cm_coupon .mpgTblWrp .ordCll18 br {display:none;} #contents .c_mypage .cm_coupon .mpgTblWrp .ordCll02 {font-weight:700 !important;} #contents .c_mypage .cm_coupon .mpgTblWrp .ordCll17::before {content:"혜택"; min-width:60px; margin-right:15px; border-right:1px solid var(--gray_t3); font-size:12px; color:var(--gray_t2); font-weight:400;} #contents .c_mypage .cm_coupon .mpgTblWrp .ordCll18::before {content:"유효기간"; min-width:60px; margin-right:15px; border-right:1px solid var(--gray_t3); font-size:12px; color:var(--gray_t2); font-weight:400;} #contents .c_mypage .cm_coupon .mpgTblWrp .ordCll19::before {content:"제한금액"; min-width:60px; margin-right:15px; border-right:1px solid var(--gray_t3); font-size:12px; color:var(--gray_t2); font-weight:400;} #contents .c_mypage .cm_coupon .mpgTblWrp .ordCll20::before {content:"상태"; min-width:60px; margin-right:15px; border-right:1px solid var(--gray_t3); font-size:12px; color:var(--gray_t2); font-weight:400;} #contents .c_mypage .cm_coupon .mpgTblWrp .ordCll21::before {content:"적용대상"; min-width:60px; margin-right:15px; border-right:1px solid var(--gray_t3); font-size:12px; color:var(--gray_t2); font-weight:400;} #contents .c_mypage .cm_coupon .mpgFrmItmCnt > div {width:100%;} .mpgFrmItmCnt {row-gap:10px; width:100%;} .mpgFrmItmCnt.t1 {padding-right:0;} .mpgFrmFlt {position:relative; bottom:0; right:0; width:calc(100% + 120px); padding-top:10px; margin-left:-110px; border-top:1px var(--gray_t3) solid;} .mpgFrmFlt::before {content:"기간"; display:block; flex-shrink:0; position:relative; width:90px; padding-left:20px; font-size:12px; line-height:40px; color:var(--gray_t2); letter-spacing:-0.08em; font-weight:500; text-align:left;} .mpgFrmFlt::after {content:""; display:block; position:absolute; top:calc(50% - 4px); left:100px; width:1px; height:18px; background-color:var(--gray_t3);} .mpgFrmSbm {min-width:70px;} .mpgFrmTrm {flex-wrap:nowrap; gap:5px; width:100%; padding-right:10px;} .mpgFrmTrm li {width:100%;} .mpgFrmTrm li a {width:100%; box-sizing:border-box; margin-right:0;} .mpgFrmItmCnt input.mpgFrmIpt[type=text] {width:280px;} .mpgFrm .mpgFrmFlt input.mpgFrmIpt {width:120px;} #contents .c_mypage .cm_rental .ordCll29 span {display:block; margin:0 auto;} #contents .c_mypage .cm_rental .ordCll30 a {display:block; max-width:62px; margin:0 auto;} #contents .c_mypage .cm_rental .ordCll30 a:not(:first-child) {margin-top:5px;} #contents .c_mypage .cm_rental .mpgTblWrp table:not(.mpgTblRow) col:nth-child(5) {width:110px;} #contents .c_mypage .cm_rental .mpgTblWrp table:not(.mpgTblRow) col:nth-child(6) {width:100px;} #contents .c_etc {padding-bottom:60px;} #contents .c_etc .ce_contents {width:100%; max-width:inherit; box-sizing:border-box; padding:0 60px;} #contents .c_etc .ce_contents .cec_wrap {max-width:inherit; margin:0; padding:0;} #contents .c_etc .ce_contents .cec_email {width:100%; padding:20px;} } @media screen and (max-width:1280px) { #contents .c_mypage .cm_menu {width:220px;} #contents .c_mypage .cm_content {width:calc(100% - 220px);} .mpgTblWrp table:not(.mpgTblRow) {display:block; table-layout:auto;} .mpgTblWrp table:not(.mpgTblRow) tbody {display:block;} .mpgTblWrp table:not(.mpgTblRow) col:nth-child(1) {width:100%;} .mpgTblWrp table:not(.mpgTblRow) thead {display:none;} .mpgTblWrp table:not(.mpgTblRow) tr {display:flex; flex-wrap:wrap; padding:10px 0; border-bottom:1px solid var(--gray_t3);} .mpgTblWrp table:not(.mpgTblRow) td {height:auto; padding-top:0; border-bottom:none; text-align:left; box-sizing:border-box;} .mpgTblWrp table:not(.mpgTblRow) td:first-child {padding-top:10px;} #contents .c_mypage .mpgTblWrp table:not(.mpgTblRow) td:first-child {padding-top:0;} .mpgTblWrp table:not(.mpgTblRow) td:last-child {padding-bottom:10px;} .mpgTblWrp td .btnGryTxtBtn {margin-top:0 !important; margin-left:5px;} .mpgTblWrp td .btnSkyTxtBtn {margin-top:0 !important; margin-left:5px;} .mpgTblWrp td .btnBluTxtBtn {margin-top:0 !important; margin-left:5px;} /* .mpgTblWrp td .btnSkyTxtBtn:first-child {margin-left:0;} */ .mpgTblWrp .ordCll59 .btnBluTxtBtn {margin-left:0; margin-bottom:0 !important;} .mpgTblWrp .ordCll21 .btnSkyTxtBtn {margin-left:0;} .mpgTblWrp.t3 td {padding-top:10px;} .mpgTblWrp.t3 td:nth-child(1) {font-weight:700;} .mpgTblWrp.t3 td:nth-child(1)::before {content:"[";} .mpgTblWrp.t3 td:nth-child(1)::after {content:"]";} .mpgTblWrp.t3 td:nth-child(3)::after {content:"개";} .mpgTblWrp.t3 td:nth-child(4)::after {content:"원";} .mpgTblWrp .besong_group2 .btnBluTxtBtn {margin-left:0} .mpgTblWrp .ordCll01 {display:flex; align-items:center;} .mpgTblWrp .ordCll01 span {font-size:12px;} .mpgTblWrp .ordCll02 {display:flex; align-items:center; gap:5px; padding-top:10px;} .mpgTblWrp .ordCll02 a {width:auto; padding:1px 10px; padding-top:2px; border-radius:30px; background:var(--blue); color:var(--white) !important; font-size:12px;} .mpgTblWrp .ordCll03, .mpgTblWrp .ordCll04, .mpgTblWrp .ordCll05, .mpgTblWrp .ordCll06, .mpgTblWrp .ordCll07, .mpgTblWrp .ordCll08, .mpgTblWrp .ordCll09, .mpgTblWrp .ordCll10, .mpgTblWrp .ordCll11, .mpgTblWrp .ordCll15, .mpgTblWrp .ordCll16, .mpgTblWrp .ordCll18, .mpgTblWrp .ordCll24, .mpgTblWrp .ordCll29, .mpgTblWrp .ordCll30, .mpgTblWrp .ordCll31, .mpgTblWrp .ordCll31_1, .mpgTblWrp .ordCll32, .mpgTblWrp .ordCll33, .mpgTblWrp .ordCll34, .mpgTblWrp .ordCll35, .mpgTblWrp .ordCll36, .mpgTblWrp .ordCll37, .mpgTblWrp .ordCll38, .mpgTblWrp .ordCll39, .mpgTblWrp .ordCll51, .mpgTblWrp .ordCll52, .mpgTblWrp .ordCll53, .mpgTblWrp .ordCll54, .mpgTblWrp .ordCll58, .mpgTblWrp .ordCll58, .mpgTblWrp .ordCll59, .mpgTblWrp .ordCll60, .mpgTblWrp .ordCll61, .mpgTblWrp .ordCll62, .mpgTblWrp .ordCll63, .mpgTblWrp .ordCll64, .mpgTblWrp .ordCll65, .mpgTblWrp .ordCll68 {display:flex; align-items:center; width:100%; text-align:left;} .mpgTblWrp .ordCll25, .mpgTblWrp .ordCll26, .mpgTblWrp .ordCll28, .mpgTblWrp .ordCll50, .mpgTblWrp .ordCll57, .mpgTblWrp .ordCll66 {display:flex; align-items:flex-start; width:100%; text-align:left; line-height:25px;} .mpgTblWrp .ordCll25::before, .mpgTblWrp .ordCll26::before, .mpgTblWrp .ordCll28::before, .mpgTblWrp .ordCll50::before, .mpgTblWrp .ordCll57::before, .mpgTblWrp .ordCll66::before {margin-top:5px; line-height:16px;} .mpgTblWrp .ordCll04::before {content:"주문금액"; min-width:70px; margin-right:20px; border-right:1px solid var(--gray_t3); font-size:12px; color:var(--gray_t2); font-weight:400;} .mpgTblWrp .ordCll05::before {content:"예상적립"; min-width:70px; margin-right:20px; border-right:1px solid var(--gray_t3); font-size:12px; color:var(--gray_t2); font-weight:400;} .mpgTblWrp .ordCll06::before {content:"상태"; min-width:70px; margin-right:20px; border-right:1px solid var(--gray_t3); font-size:12px; color:var(--gray_t2); font-weight:400;} .mpgTblWrp .ordCll07::before {content:"수량"; min-width:70px; margin-right:20px; border-right:1px solid var(--gray_t3); font-size:12px; color:var(--gray_t2); font-weight:400;} .mpgTblWrp .ordCll08::before {content:"제품금액"; min-width:70px; margin-right:20px; border-right:1px solid var(--gray_t3); font-size:12px; color:var(--gray_t2); font-weight:400;} .mpgTblWrp .ordCll09::before {content:"할인금액"; min-width:70px; margin-right:20px; border-right:1px solid var(--gray_t3); font-size:12px; color:var(--gray_t2); font-weight:400;} .mpgTblWrp .ordCll10::before {content:"할인적용금액"; min-width:70px; margin-right:20px; border-right:1px solid var(--gray_t3); font-size:12px; color:var(--gray_t2); font-weight:400;} .mpgTblWrp .ordCll11::before {content:"적립"; min-width:70px; margin-right:20px; border-right:1px solid var(--gray_t3); font-size:12px; color:var(--gray_t2); font-weight:400;} .mpgTblWrp .ordCll15::before {content:"주문상태"; min-width:70px; margin-right:20px; border-right:1px solid var(--gray_t3); font-size:12px; color:var(--gray_t2); font-weight:400;} .mpgTblWrp .ordCll16::before {content:"배송비"; min-width:70px; margin-right:20px; border-right:1px solid var(--gray_t3); font-size:12px; color:var(--gray_t2); font-weight:400;} .mpgTblWrp .ordCll18::before {content:"유효기간"; min-width:70px; margin-right:20px; border-right:1px solid var(--gray_t3); font-size:12px; color:var(--gray_t2); font-weight:400;} .mpgTblWrp .ordCll24::before {content:"지급/차감"; min-width:70px; margin-right:20px; border-right:1px solid var(--gray_t3); font-size:12px; color:var(--gray_t2); font-weight:400;} .mpgTblWrp .ordCll25::before {content:"사유"; min-width:70px; margin-right:20px; border-right:1px solid var(--gray_t3); font-size:12px; color:var(--gray_t2); font-weight:400;} .mpgTblWrp .ordCll26::before {content:"내역"; min-width:70px; margin-right:20px; border-right:1px solid var(--gray_t3); font-size:12px; color:var(--gray_t2); font-weight:400;} .mpgTblWrp .ordCll28::before {content:"문의사항"; min-width:70px; margin-right:20px; border-right:1px solid var(--gray_t3); font-size:12px; color:var(--gray_t2); font-weight:400;} .mpgTblWrp .ordCll29::before {content:"상담 요청시간"; min-width:70px; margin-right:20px; border-right:1px solid var(--gray_t3); font-size:12px; color:var(--gray_t2); font-weight:400;} .mpgTblWrp .ordCll30::before {content:"관리"; min-width:70px; margin-right:20px; border-right:1px solid var(--gray_t3); font-size:12px; color:var(--gray_t2); font-weight:400;} .mpgTblWrp .ordCll31::before {content:"반품종류"; min-width:70px; margin-right:20px; border-right:1px solid var(--gray_t3); font-size:12px; color:var(--gray_t2); font-weight:400;} .mpgTblWrp .ordCll31_1::before {content:"환불종류"; min-width:70px; margin-right:20px; border-right:1px solid var(--gray_t3); font-size:12px; color:var(--gray_t2); font-weight:400;} .mpgTblWrp .ordCll32::before {content:"완료일"; min-width:70px; margin-right:20px; border-right:1px solid var(--gray_t3); font-size:12px; color:var(--gray_t2); font-weight:400;} .mpgTblWrp .ordCll33::before {content:"반품수량"; min-width:70px; margin-right:20px; border-right:1px solid var(--gray_t3); font-size:12px; color:var(--gray_t2); font-weight:400;} .mpgTblWrp .ordCll34::before {content:"접수일시"; min-width:70px; margin-right:20px; border-right:1px solid var(--gray_t3); font-size:12px; color:var(--gray_t2); font-weight:400;} .mpgTblWrp .ordCll35::before {content:"완료일시"; min-width:70px; margin-right:20px; border-right:1px solid var(--gray_t3); font-size:12px; color:var(--gray_t2); font-weight:400;} .mpgTblWrp .ordCll36::before {content:"반품종류"; min-width:70px; margin-right:20px; border-right:1px solid var(--gray_t3); font-size:12px; color:var(--gray_t2); font-weight:400;} .mpgTblWrp .ordCll37::before {content:"반품상태"; min-width:70px; margin-right:20px; border-right:1px solid var(--gray_t3); font-size:12px; color:var(--gray_t2); font-weight:400;} .mpgTblWrp .ordCll38::before {content:"사유"; min-width:70px; margin-right:20px; border-right:1px solid var(--gray_t3); font-size:12px; color:var(--gray_t2); font-weight:400;} .mpgTblWrp .ordCll39::before {content:"환불신청수량"; min-width:70px; margin-right:20px; border-right:1px solid var(--gray_t3); font-size:12px; color:var(--gray_t2); font-weight:400;} .mpgTblWrp .ordCll50::before {content:"제목"; min-width:70px; margin-right:20px; border-right:1px solid var(--gray_t3); font-size:12px; color:var(--gray_t2); font-weight:400;} .mpgTblWrp .ordCll51::before {content:"평가"; min-width:70px; margin-right:20px; border-right:1px solid var(--gray_t3); font-size:12px; color:var(--gray_t2); font-weight:400;} .mpgTblWrp .ordCll52::before {content:"날짜"; min-width:70px; margin-right:20px; border-right:1px solid var(--gray_t3); font-size:12px; color:var(--gray_t2); font-weight:400;} .mpgTblWrp .ordCll53::before {content:"조회 수"; min-width:70px; margin-right:20px; border-right:1px solid var(--gray_t3); font-size:12px; color:var(--gray_t2); font-weight:400;} .mpgTblWrp .ordCll54::before {content:"상태"; min-width:70px; margin-right:20px; border-right:1px solid var(--gray_t3); font-size:12px; color:var(--gray_t2); font-weight:400;} .mpgTblWrp .ordCll57::before {content:"주소"; min-width:70px; margin-right:20px; border-right:1px solid var(--gray_t3); font-size:12px; color:var(--gray_t2); font-weight:400;} .mpgTblWrp .ordCll58::before {content:"연락처"; min-width:70px; margin-right:20px; border-right:1px solid var(--gray_t3); font-size:12px; color:var(--gray_t2); font-weight:400;} .mpgTblWrp .ordCll59::before {content:"상태"; min-width:70px; margin-right:20px; border-right:1px solid var(--gray_t3); font-size:12px; color:var(--gray_t2); font-weight:400;} .mpgTblWrp .ordCll60::before {content:"주문수량"; min-width:70px; margin-right:20px; border-right:1px solid var(--gray_t3); font-size:12px; color:var(--gray_t2); font-weight:400;} .mpgTblWrp .ordCll61::before {content:"가능수량"; min-width:70px; margin-right:20px; border-right:1px solid var(--gray_t3); font-size:12px; color:var(--gray_t2); font-weight:400;} .mpgTblWrp .ordCll62::before {content:"신청수량"; min-width:70px; margin-right:20px; border-right:1px solid var(--gray_t3); font-size:12px; color:var(--gray_t2); font-weight:400;} .mpgTblWrp .ordCll63::before {content:"주문상태"; min-width:70px; margin-right:20px; border-right:1px solid var(--gray_t3); font-size:12px; color:var(--gray_t2); font-weight:400;} .mpgTblWrp .ordCll64::before {content:"발송수량"; min-width:70px; margin-right:20px; border-right:1px solid var(--gray_t3); font-size:12px; color:var(--gray_t2); font-weight:400;} .mpgTblWrp .ordCll65::before {content:"제품후기"; min-width:70px; margin-right:20px; border-right:1px solid var(--gray_t3); font-size:12px; color:var(--gray_t2); font-weight:400;} .mpgTblWrp .ordCll66::before {content:"발송정보"; min-width:70px; margin-right:20px; border-right:1px solid var(--gray_t3); font-size:12px; color:var(--gray_t2); font-weight:400;} .mpgTblWrp .ordCll68::before {content:"주문금액"; min-width:70px; margin-right:20px; border-right:1px solid var(--gray_t3); font-size:12px; color:var(--gray_t2); font-weight:400;} .mpgTbl td.ordCll65 .btn {display:inline-block; width:auto; min-width:inherit !important; height:20px; padding:0 12px; border-radius:10px; border:0; line-height:16px; font-size:12px; letter-spacing:-0.96px; font-weight:400; box-shadow:none;} .mpgTblWrp td .onlPc768 {display:none;} .mpgTblWrp.t4 .ordCll67 {width:100%;} #contents .c_mypage .cm_main .cmm_status {padding:25px;} #contents .c_mypage .cm_main .cmm_status > div > div:nth-child(1) {gap:30px;} #contents .c_mypage .cm_main .cmm_status .cmms_card .cmmsc_box, #contents .c_mypage .cm_main .cmm_status .cmms_mileage {width:270px;} #contents .c_mypage .cm_main .cmm_status .cmms_mileage ul {padding:25px;} #contents .c_mypage .cm_main .cmm_status .cmms_order {width:570px;} .mpgBluBnn > ul {gap:20px;} .mpgBluBnn > ul.iconMyOrder, .mpgBluBnn > ul.iconMyActivity {flex-wrap:wrap;} .mpgBluBnn > ul.iconMyOrder li, .mpgBluBnn > ul.iconMyActivity li {width:calc(50% - 20px);} .mpgTbl td.price {text-align:left;} .odrPrcDtl > li {padding-top:70px;} .odrPrcDtl > li::after {width:20px; height:42px;} .odrPrcDtl > li .processImg {width:50px;} #contents .c_mypage .cm_rental .mpgTblWrp .ordCll02 {padding-top:10px;} #contents .c_mypage .cm_rental .ordCll29 span {margin:0; margin-left:5px;} #contents .c_mypage .cm_rental .ordCll30 a {margin:0;} #contents .c_mypage .cm_rental .ordCll30 a:not(:first-child) {margin-left:5px;} #contents .c_mypage .cm_mileage .mpgTblWrp .ordCll01 {display:none;} #contents .c_mypage .cm_mileage .mpgTblWrp .ordCll02 {padding-top:10px;} #cihMbrWrp .popHlp {width:200px; padding:10px 0 10px 20px;} #cihMbrWrp .popHlp > p {line-height:18px;} #cihMbrWrp .cardBx .cardArea {width:270px;} #cihMbrWrp .cardBx .cardArea .cardNum > ul > li {font-size:14px;} #cihMbrWrp .emnBx > ul {width:270px; padding:25px;} #cihMbrWrp .cardBx {margin-right:30px;} #cihMbrWrp .mbrTtl {margin-bottom:8px; line-height:25px;} #contents .c_mypage #bbslist .mpgTblPdrItm {max-width:inherit;} #contents .c_mypage .boardPrevNext .hideTablet {display:none;} #contents .c_mypage .boardPrevNext td.iconPrev, #contents .c_mypage .boardPrevNext td.iconNext {width:50px;} #contents .c_mypage .boardPrevNext td.boardTitWrp {width:calc(100% - 50px);} #contents .c_mypage .boardDetailBtns .btn {width:110px;} #contents .c_mypage .hideTablet {display:none;} #contents .c_mypage .cm_refund tr {position:relative;} #contents .c_mypage .cm_refund .ordCll_chk {position:absolute; top:10px; left:10px; padding:0;} #contents .c_mypage .cm_refund .ordCll03 {margin-left:40px;} .btnDelBasic {margin-top:3px;} /* 에러페이지 */ #errWrp > p {font-size:220px;} #errWrp > div > strong {font-size:120px;} #errWrp > div > a {font-size:14px;} #errWrp > div > a > span {width:60px; height:60px;} #errWrp > div > a > span > s {width:40px;} #errWrp > div > a:hover > span {width:70px; height:70px;} #errWrp > div > a:hover > span > s {width:45px;} #errWrp > div > a:hover > span > s:before, #errWrp > div > a:hover > span > s:after {height:20px;} } @media screen and (max-width:1024px) { #contents .c_mypage .cm_wrap {flex-direction:column; background:none; box-shadow:none;} #contents .c_mypage .cm_menu {width:100%; border-right:0;} #contents .c_mypage .cm_menu .cmm_nav.pc {display:none;} #contents .c_mypage .cm_menu .cmm_nav.mo {display:block; margin-top:20px; border-radius:5px; box-shadow:0 20px 40px rgba(28,28,32,0.06);} #contents .c_mypage .cm_menu .cmm_prof {height:70px; padding:0 20px; border-radius:10px;} .companyTab_dep01 {display:none;} #contents .c_mypage .cm_menu .cmm_prof .cmmp_logout {display:block; position:relative; margin-left:10px; padding:0 15px; color:var(--white); line-height:30px; font-size:11px;} #contents .c_mypage .cm_menu .cmm_prof .cmmp_logout::before {content:""; display:block; position:absolute; left:0; top:5px; width:100%; height:20px; border-radius:10px; background-color:rgba(255,255,255,0.3);} .comNavTit {overflow:hidden; display:flex; align-items:center; justify-content:space-between; height:50px; padding-left:20px; border-radius:5px; background:var(--white); font-size:16px; font-weight:700; color:var(--blue); cursor:pointer;} .comNavTit > s {width:50px; aspect-ratio:1/1; background:url(../images/newbird/common/icon_menuarrow.svg) center center no-repeat var(--blue); background-size:24px;} .comNavTit.on {border-radius:5px 5px 0 0;} .comNavTit.on > s {background-image:url(../images/newbird/common/icon_close.svg); background-size:20px;} #mypageLnbBasic {position:relative;} #contents .c_mypage .cm_menu .cmm_nav.pc.on {display:block; position:absolute; left:0; top:100%; z-index:2; width:100%; border-top:1px solid var(--gray_t3); background:var(--white); box-shadow:0 20px 40px rgba(28,28,32,0.06);} #contents .c_mypage .cm_content .cmc_head {display:none;} #contents .c_mypage .cm_content {width:100%;} #contents .c_mypage .cm_content .cmc_body {position:relative; z-index:1; margin-top:20px; border-radius:10px; background:var(--white); box-shadow:0px 40px 80px 0px rgba(28, 28, 32, 0.08);} #contents .c_mypage .cm_content .cmc_body .cmcb_title {margin-bottom:30px;} #contents .c_mypage .boardDetailBtns .btn {width:110px;} #contents .c_mypage .cm_coupon .mltTabWrp {margin-bottom:30px !important;} .ordDesc {padding-left:10px;} body .ui-dialog {width:calc(100% - 11.7188vw) !important;} #contents .c_etc .ce_nav > ul > li > a > span {font-size:16px; line-height:65px;} #contents .c_etc .ce_contents .cec_email strong br {display:none;} } @media screen and (max-width:768px) { #contents .c_mypage .cm_content .cmc_body {padding:40px 25px 40px 25px;} #contents .c_mypage .cm_main .cmm_order ul {flex-direction:column; padding:0; background:none; box-shadow:none;} #contents .c_mypage .cm_main .cmm_order li {background:var(--white); box-shadow:0px 40px 80px 0px rgba(28, 28, 32, 0.08); border-radius:10px;} #contents .c_mypage .cm_main .cmm_order li + li {margin-top:10px;} #contents .c_mypage .cm_main .cmm_order ul strong {margin-top:0;} #contents .c_mypage .cm_main .cmm_order a {flex-direction:row; gap:10px; width:100%; padding:10px 15px;} #contents .c_mypage .cm_main .cmm_order a i {width:30px;} #contents .c_mypage .cm_main .cmm_order span {top:0; right:-4px; width:16px; font-size:10px;} #contents .c_mypage .cm_main .cmm_order li::after {right:15px; width:14px; margin-top:-7px; background-image:url(../images/newbird/common/icon_arrowright_t2.svg);} #contents .c_mypage .cm_main .cmm_order li:last-child::after {display:block;} #contents .c_mypage .cm_main .cmm_status > div {flex-direction:column; align-items:center;} #contents .c_mypage .cm_main .cmm_status > div > div:nth-child(1) {flex-direction:column;} #contents .c_mypage .cm_main .cmm_status .cmms_order {width:270px;} #contents .c_mypage .cm_main .cmm_status .cmms_order ul {flex-wrap:wrap; gap:20px; column-gap:0;} #contents .c_mypage .cm_main .cmm_status .cmms_order li {width:50%;} #contents .c_mypage .cm_main .cmm_status .cmms_order a span {margin-bottom:10px;} .mpgBluBnn > ul > li > a {padding-top:30px; transition:0s;} .mpgBluBnn > ul > li > a > .iconIndex {width:60px; margin-bottom:20px; transition:0s;} .mpgBluBnn > ul > li > a > strong {font-size:20px; line-height:26px; transition:0s;} .mpgFrmItmCnt > div {width:100%;} .mpgFrmItmCnt input.mpgFrmIpt[type=text] {width:100% !important;} .mpgFrmFlt {width:calc(100% + 120px) !important; padding-right:10px;} .mpgFrmFlt span {margin:0;} .mpgFrm .mpgFrmFlt input.mpgFrmIpt {width:100% !important;} .mpgFrmItmCnt .mpgChkWrp .ctmChk:not(:first-child) {margin-left:20px;} .odrPrcDtl {display:block;} .odrPrcDtl > li {width:100%; margin-top:25px; padding-top:60px;} .odrPrcDtl > li:first-child {margin-top:0;} .odrPrcDtl > li::after {display:none;} .odrPrcDtl > li i {display:block; margin-top:15px; border-radius:15px; background-color:var(--white_t1); line-height:30px; font-weight:700; color:var(--black); font-size:12px; text-align:center; font-style:normal;} .odrPrcDtl > li i s {text-decoration:none; color:var(--gray_t2);} .ordPrcStp {display:none;} .odrPrcDtl > li strong {padding-bottom:4px;} .odrPrcDtl.cel3 {flex-direction:column;} .odrPrcDtl.cel3 > li {width:100%;} .cmnInfFll {padding:20px;} #contents .c_mypage .cm_coupon .cmcb_title + .btnwrap {height:auto !important; margin-bottom:30px !important;} #contents .c_mypage .cm_coupon .cmcb_title + .btnwrap > a {max-width:inherit !important;} .mpgFrmItmCnt.t1 {padding-right:0;} #cihMbrWrp {flex-direction:column; height:auto; padding:40px 0; margin-bottom:50px;} #cihMbrWrp .cardBx {margin-right:0; margin-bottom:40px;} #contents .c_mypage .cm_content.t1 .mpgFrmItmCnt button[type="submit"] {flex-shrink:0; width:40px; margin-right:5px; border:none; background:url(../images/newbird/common/icon_search_b.svg) center center no-repeat !important; background-size:20px !important; background-color:transparent !important; box-shadow:none;} #contents .c_mypage .cm_review .mpgFrmItmCnt button[type="submit"] span {display:none;} #contents .c_mypage .cm_review .mpgFrmBottom > .fright button {height:40px;} #contents .c_mypage .cm_review .mpgFrmBottom > .fleft, .mpgFrmBottom > .fright:first-child {margin-top:0;} #contents .c_mypage .cm_content .mpgFrm {margin-bottom:15px;} #contents .c_mypage .boardDetailBtns.t1 .btn {width:84px;} .mpgFrmBottom > .fright button {height:40px; line-height:38px;} body .ui-dialog {width:calc(100% - 60px) !important;} #inAddress .save_delivery_address {width:100%; margin-top:5px; margin-bottom:0;} .lgnFrmIpt > div > .lgnFrmIptRight.t1 {display:block; flex-wrap:wrap;} #inAddress .lgnFrmIpt > div > i, #inAddress .lgnFrmIpt > div > span {width:auto; padding-top:10px;} #inAddress .lgnFrmIpt > div > input {height:40px; margin-bottom:10px;} #inAddress .lgnFrmIpt > div > span, #inAddress .lgnFrmIpt > div > span.lgnFrmIptTtl, #inAddress .lgnFrmIpt > div > input::placeholder, #inAddress .lgnFrmIpt > div > .lgnFrmIptRight input[type="text"]::placeholder {font-size:12px !important;} #inAddress .lgnFrmIpt > div > .lgnFrmIptRight {width:100%; height:40px; min-height:40px; padding:0 15px;} #inAddress .lgnFrmIpt > div > .lgnFrmIpGroup {height:auto; margin-top:10px;} #inAddress .lgnFrmIpt > div > .lgnFrmIptRight input[type="text"] {width:calc(100% - 70px); padding-right:0;} #inAddress .fndAdd {right:15px;} #contents .c_mypage .cm_withdrawal .lgnFrmIpt > div > span {font-size:12px !important;} #withdrawalChk {padding-left:15px;} #contents .c_etc .ce_nav {margin-bottom:30px; border-bottom:0; border-radius:5px; background:var(--white); box-shadow:0 20px 40px rgba(28,28,32,0.06);} #contents .c_etc .ce_nav > ul {flex-direction:column;} #contents .c_etc .ce_nav > ul > li + li {border-top:1px solid var(--gray_t3);} #contents .c_etc .ce_nav > ul > li > a > span {line-height:50px;} #contents .c_etc {padding-bottom:0; background:none; box-shadow:none; overflow:visible;} #contents .c_etc .ce_contents {width:100%; padding:0 20px; padding-bottom:20px; border-radius:5px; background:var(--white); box-shadow:0 20px 40px rgba(28,28,32,0.06);} #contents .c_etc .ce_contents .cec_title {font-size:25px; line-height:30px; padding:40px 0 30px 0 !important;} #contents .c_etc .ce_contents .cec_wrap > dt strong {font-size:18px;} #contents .c_etc .ce_contents .cec_wrap > dt span {font-size:15px;} #contents .c_etc .ce_contents .cec_wrap > dd {padding:20px; margin-bottom:30px;} #contents .c_etc .ce_contents .cec_top {padding:0; padding-bottom:30px;} #contents .c_etc .ce_contents .cec_top strong {font-size:20px; line-height:35px;} #contents .c_etc .ce_contents .cec_top p {padding:15px 30px; font-size:15px;} #contents .c_etc .ce_contents .cec_top p br {display:none;} #contents .c_etc .ce_contents .cec_email {width:100%; padding:20px; margin:0;} #contents .c_etc .ce_contents .cec_email div {width:150px;} #contents .c_etc .ce_contents .cec_email div s {width:70px;} #contents .c_etc .ce_contents .cec_table th, #contents .c_etc .ce_contents .cec_table td {font-size:13px !important; line-height:18px !important;} #contents .c_etc .ce_contents .cec_table tbody td {padding:5px;} #changeGate {padding:40px 30px; padding-top:50px; box-sizing:border-box;} #changeGate .lgnFrmIpt > div {display:flex; flex-direction:column; padding:15px 20px;} #changeGate .lgnFrmIpt > div > span.fntSze-12, #changeGate .lgnFrmIpt > div > input {padding:0;} #changeGate .lgnFrmIpt > div > input {height:30px;} #changeGate .cmnTtl {padding-bottom:30px;} #contents .cm_refund .lgnFrmIpt > div {display:flex; flex-direction:column; padding:15px 20px;} #contents .cm_refund .lgnFrmIpt > div > span.fntSze-12, #contents .cm_refund .lgnFrmIpt > div > input {padding:0;} #contents .cm_refund .lgnFrmIpt > div > input {height:30px;} #contents .cm_refund .cmnTtl {padding-bottom:30px;} #contents .cm_refund .lgnFrmIpt > div > textarea.textareaS {width:100%; margin:0;} #contents .cm_refund .lgnFrmTtlSub {margin-top:20px;} #contents .cm_refund .res_board_boxad {margin:0;} #export_buy_confirm_msg .lgnFrmIpt > div > .lgnFrmIptRight.pl10 {padding-left:15px;} /* 검색결과 - 결과없음 */ .empRst div {width:100px; height:100px; border-radius:50%;} .empRst div s {width:35px; height:43px;} .empRst p {font-size:14px;} } @media screen and (max-width:600px) { .mpgBluBnn > ul {flex-direction:column;} .mpgBluBnn > ul.iconMyOrder li, .mpgBluBnn > ul.iconMyActivity li {width:100%;} .mpgFrmItmTtl {display:none;} .mpgFrmItm {border-top:0;} .mpgFrmFlt {position:relative; width:100% !important; margin-left:0; padding-bottom:50px; padding-top:0; border-top:0;} .mpgFrmFlt::before, .mpgFrmFlt::after {display:none;} .mpgFrmFlt .mpgFrmSbm {position:absolute; bottom:0; width:calc(100% - 10px); margin-left:0 !important; font-size:14px;} .mpgFrmItmCnt input.mpgFrmIpt[type=text] {height:40px;} .mpgFrmSbmFll {display:flex; align-items:center; justify-content:center; flex-shrink:0; width:40px; min-width:inherit; border:0; background:none; box-shadow:none;} .mpgFrmSbmFll span {display:none;} .mpgFrmSbmFll i {display:block; width:20px; aspect-ratio:1/1; background:url(../images/newbird/common/icon_search_b.svg) center center no-repeat; background-size:100%;} .mpgFrmItm:first-child .mpgFrmItmCnt {padding-bottom:0;} .mpgFrmItm:first-child .mpgFrmItmCnt > div {border:1px var(--gray_t3) solid; border-radius:40px;} #contents .c_mypage .cm_content.t1 .mpgFrmItm:first-child .mpgFrmItmCnt > div {border:0;} .mpgFrmItm:first-child .mpgFrmItmCnt input.mpgFrmIpt[type=text] {border:0;} .mpgTblWrp.t3 td {padding-top:0;} .mpgTblWrp.t3 td:nth-child(2) {width:100%;} .mpgTblWrp.t3 td:nth-child(3), .mpgTblWrp.t3 td:nth-child(4), .mpgTblWrp.t3 td:nth-child(5) {padding-bottom:0;} #contents .c_mypage .cm_coupon .mpgFrm {padding-bottom:10px;} #contents .c_mypage .cm_coupon .mpgTblWrp .ordCll17 {align-items:flex-start;} #contents .c_mypage .cm_coupon .mpgTblWrp .ordCll18 {align-items:flex-start;} #contents .c_mypage .cm_coupon .mpgTblWrp .ordCll17 br {display:block;} #contents .c_mypage .cm_coupon .mpgTblWrp .ordCll18 br {display:block;} #contents .c_mypage .cm_coupon .mpgFrmItmCnt {padding:10px; padding-bottom:0;} #contents .c_mypage .cm_coupon .mpgFrmItmCnt.t1 {padding-right:0;} .schFrm {width:100% !important;} .schFrm input[type="text"] {height:60px; padding:10px; font-size:18px;} .schFrm + .btnwrap {padding-bottom:10px;} #contents .c_mypage .cm_content.t1 .boardDetailBtns .btn {width:100%;} #contents .c_mypage .cm_content.t1 .boardDetailBtns .fright .btn {margin-bottom:0;} body .ui-dialog {width:calc(100% - 40px) !important; padding:50px 30px; padding-bottom:30px;} .ui-dialog a.ui-dialog-titlebar-close {top:-30px; right:-10px; width:40px; height:40px;} .ui-dialog a.ui-dialog-titlebar-close::after {width:20px;} #openDialogLayerMsg {margin-top:45px;} #openDialogLayerBtns {margin-top:35px;} .ui-dialog .ui-dialog-title {font-size:26px;} .onlMob {display:block;} #errWrp > p {font-size:140px;} #errWrp > div > strong {font-size:60px;} #errWrp > div > a {font-size:14px;} #errWrp > div > a > span {width:60px; height:60px;} #errWrp > div > span {padding-right:20px; padding-left:20px; word-break:keep-all;} .boardDetailContents {padding:20px;} .trxRplWrp {padding:20px;} .trxRplAra > button {position:static; width:100%; height:40px;} .trxRplLstBtn {position:static; width:100%; margin-top:10px;} .trxRplAns:nth-child(6) {margin-top:10px;} .trxRplLst {padding:20px 0;} .trxRplLstCnt {width:100%;} .trxRplLstMod {width:100%;} .trxRplLst.mdf > .trxRplLstMod {background-color:#f5f5f5; border-radius:10px;} .trxRplLst.mdf > .trxRplLstMod textarea {padding-right:20px;} .trxRplLst.mdf > .trxRplLstMod button {height:40px; border-radius:0 0 10px 10px;} .trxRplAns.mdf .trxRplLstBtn {height:40px;} .trxRplAns.mdf textarea {padding:20px 0;} } @media screen and (max-width:425px) { #contents .c_mypage .cm_main .cmm_status > div > div:nth-child(1), #contents .c_mypage .cm_main .cmm_status .cmms_card .cmmsc_box, #contents .c_mypage .cm_main .cmm_status .cmms_mileage {width:100%;} #contents .c_mypage .cm_main .cmm_status .cmms_title {font-size:15px;} #contents .c_mypage .cm_main .cmm_status {padding:20px;} #contents .c_mypage .cm_main .cmm_status > div {flex-direction:initial;} #contents .c_mypage .cm_main .cmm_status .cmms_card .cmms_title a {padding:0 10px; font-size:12px;} #contents .c_mypage .cm_main .cmm_status .cmms_card .cmmsc_num ul {width:144px;} #contents .c_mypage .cm_main .cmm_status .cmms_card .cmmsc_num li {font-size:12px;} #contents .c_mypage .cm_main .cmm_status .cmms_card .cmmsc_name {font-size:15px;} #contents .c_mypage .cm_main .cmm_status .cmms_mileage ul {padding:20px;} #contents .c_mypage .cm_main .cmm_status .cmms_order ul {padding:20px;} .mpgTblWrp .ordCll02 {width:100%; padding-top:0;} .mpgTbl .ordCll02 a {margin:0;} .mpgTblWrp td:first-child {padding-top:5px;} .mpgFrm {box-shadow:none;} .mpgFrmItmCnt {padding:0;} .mpgFrmTrm a {font-size:12px;} .mpgFrmFlt span {padding:0 5px;} .mpgFrmItm:first-child .mpgFrmItmCnt {padding-bottom:10px;} .mpgFrmItm:first-child .mpgFrmItmCnt input.mpgFrmIpt[type=text] {padding-right:0; padding-left:10px; text-overflow:ellipsis;} #contents .c_mypage .cm_content .cmc_body {padding:40px 20px 20px 20px;} .mpgFrmItmCnt input.mpgFrmIpt[type=text] {padding:0 10px;} .mpgFrmSbmFll {margin-left:5px !important;} .mpgFrmTrm, .mpgFrmFlt {padding-right:0;} .mpgFrmFlt .mpgFrmSbm {width:100%;} #contents .c_mypage .cm_coupon .mpgFrm {box-shadow:0px 40px 80px 0px rgba(28, 28, 32, 0.08);} #contents .c_mypage .cm_coupon .mpgFrmItmCnt.t1 {padding-right:10px;} .mltTab a {display:flex; flex-direction:column; justify-content:center; width:100%; height:50px; font-size:14px; line-height:1.5;} #contents .c_mypage .cm_rental .mpgTblWrp .ordCll02 {padding-top:0;} #cihMbrWrp {padding:20px; box-sizing:border-box;} #cihMbrWrp .popHlp {width:190px; padding:10px 0 10px 15px; left:28px;} #cihMbrWrp .popHlp > p {line-height:17px;} #cihMbrWrp .cardBx .cardArea, #cihMbrWrp .emnBx > ul {width:100%;} #cihMbrWrp .cardBx .cardArea .cardNum {width:100%;} #cihMbrWrp .cardBx .cardArea .cardNum > ul {width:170px;} #cihMbrWrp .cardBx .cardArea .cardNum > ul > li {letter-spacing:0.02em;} /* #cihMbrWrp .cardBx .cardArea .cardNum > ul > li:not(:last-child) {margin-right:4.561%;} */ #cihMbrWrp .cardBx .cardArea .cardName {font-size:15px;} #cihMbrWrp .emnBx {width:100%;} #cihMbrWrp .emnBx > ul > li:not(:last-child) {margin-bottom:4vw;} #cihMbrWrp .mbrTtl {font-size:15px;} #cihMbrWrp .emnBx > ul > li > h6 {font-size:14px;} #cihMbrWrp .emnBx > ul > li > h4 {font-size:15px;} #cihMbrWrp .emnBx > ul > li > span > i {width:22px;} #cihMbrWrp .emnBx > ul > li > h6 > i {width:15px;} #cihMbrWrp .cardBx .cardArea .cardNum > ul {width:160px;} #cihMbrWrp .cardBx .cardArea .cardNum > ul > li {font-size:12px;} } @media screen and (max-width:360px) { .mpgBluBnn > ul > li > a {padding:20px 15px;} .mpgBluBnn > ul > li > a > .iconIndex {width:44px; margin-bottom:10px;} .mpgBluBnn > ul > li > a > span {margin-top:5px;} }