#layout_body {padding:0 !important; margin:0 !important; background:var(--white) !important;} #contents .cs_order {box-sizing:border-box; width:100%; padding-top:80px; padding-bottom:90px; padding-left:40px; padding-right:40px; background-color:var(--white); box-shadow:0px 40px 80px 0px rgba(28, 28, 32, 0.08); border-radius:10px;} #contents .cs_order > .title {display:block; margin-bottom:10px; font-weight:700; color:var(--blue); text-align:center;} #contents .cs_order h3.text {margin-bottom:20px;} #contents .cs_order .cso_wrap {display:inline-block; width:100%; max-width:1200px; margin:0 auto;} #contents .cs_order > p {font-size:16px; color:var(--black); line-height:30px; text-align:center;} /* orderStep */ #contents .cs_order .ordStep {display:flex; align-items:center; justify-content:center; margin-top:50px; padding-bottom:50px;} #contents .cs_order .ordStep > li {position:relative; width:140px; height:140px; margin:0 40px; border-radius:20px;} #contents .cs_order .ordStep > li::before {content:""; position:absolute; left:-40px; top:calc(50% - 7px); width:8px; height:14px; background:url("../images/newbird/cart/icon_stepsign.svg") no-repeat; background-size:100% auto;} #contents .cs_order .ordStep > li:first-child::before {display:none;} #contents .cs_order .ordStep > li.on {background-color:var(--blue); box-shadow:0px 20px 40px 0px rgba(2, 31, 147, 0.3);} #contents .cs_order .ordStep > li i {position:absolute; left:50%; top:25px; width:70px; height:70px; margin-left:-35px; background:url("../images/newbird/cart/icon_cartstep.svg") no-repeat; background-size:200% auto; background-position:right 0;} #contents .cs_order .ordStep > li:nth-child(2) i {background-position:right 50%;} #contents .cs_order .ordStep > li:nth-child(3) i {background-position:right 100%;} #contents .cs_order .ordStep > li.on i {background-position:left 0;} #contents .cs_order .ordStep > li.on:nth-child(2) i {background-position:left 50%;} #contents .cs_order .ordStep > li.on:nth-child(3) i {background-position:left 100%;} #contents .cs_order .ordStep > li > span {position:absolute; left:0; bottom:18px; width:100%; font-size:16px; font-weight:500; color:var(--gray_t6); text-align:center;} #contents .cs_order .ordStep > li.on > span {color:var(--white);} /* cart Start */ #contents .cs_order .cartTabWrap {display:flex; max-width:1200px; margin-left:auto; margin-right:auto;} #contents .cs_order .crtTbl {width:100%; max-width:1200px ; margin-left:auto; margin-right:auto; margin-top:20px; border-top:1px var(--blue) solid;} #contents .cs_order .crtTbl th {height:60px; border-bottom:1px var(--gray_t3) solid; font-size:14px; font-weight:700; color:var(--black); text-align:center;} #contents .cs_order .crtTbl td {height:80px; border-bottom:1px var(--gray_t3) solid; text-align:center;} #contents .cs_order .crtTbl td > b {display:block; font-size:14px; font-weight:600; color:var(--black); text-align:right;} #contents .cs_order .crtTbl td > strong {display:block; font-size:14px; font-weight:600; color:var(--blue); text-align:right;} #contents .cs_order .crtTbl td > mark {display:block; font-size:14px; color:var(--skyblue_t2); font-weight:normal; font-style:normal; text-align:center;} #contents .cs_order .crtTbl td > .motitle {display:none;} #contents .cs_order .cartbtnWarp {display:flex; max-width:1200px; margin-left:auto; margin-right:auto; margin-top:10px; width:100%; align-items:center; flex-wrap:wrap;} #contents .cs_order .cartbtnWarp li .btn {padding:0 25px; font-weight:700;} #contents .cs_order .crtPrc {display:flex; max-width:1200px; box-sizing:border-box; margin-left:auto; margin-right:auto; margin-top:70px; justify-content:space-between; align-items:center; min-height:120px; box-shadow:0px 40px 80px 0px rgba(28, 28, 32, 0.08); padding:0 30px; border-radius:10px;} #contents .cs_order .crtPrc > strong {font-size:18px; color:var(--blue); font-weight:700;} #contents .cs_order .crtPrc > div {display:flex; align-items:center;} #contents .cs_order .crtPrc > div > span {margin-right:20px; font-size:16px; font-weight:400; color:var(--gray_t2);} #contents .cs_order .crtPrc > div > b {color:var(--black); font-size:18px; font-weight:700;} #contents .cs_order .crtPrc > div > i {width:20px; margin:0 40px; font-size:0; line-height:0;} #contents .cs_order .crtPrc > div > i > img {width:100%; height:auto;} #contents .cs_order .crtPrc > div > strong {margin-left:30px; font-size:18px; font-weight:800; color:var(--blue);} #contents .cs_order .peaCtr {margin:0 auto !important;} #contents .cs_order .pdrInf01 {display:block; overflow:hidden; position:relative; box-sizing:border-box; width:100%; height:100%; min-height:100px; padding:20px 10px; padding-left:80px;} #contents .cs_order .pdrInf01 > b {overflow:hidden; position:absolute; left:0; top:calc(50% - 40px); width:60px; height:60px; border-radius:10px; background:none;} #contents .cs_order .pdrInf01 > b img {position:absolute; top:50%; left:50%; width:60px; max-height:100%; transform:translateX(-50%) translateY(-50%); object-fit:contain;} #contents .cs_order .pdrInf01 > b::after {content:""; display:block; position:absolute; top:0; left:0; width:100%; aspect-ratio:1/1; background:rgba(0,0,0,0.03);} #contents .cs_order .pdrInf01 > p {display:block; padding-bottom:5px; margin-top:0; font-size:16px; color:var(--black); font-style:normal; letter-spacing:-1.28px; text-align:left;} #contents .cs_order .pdrInf01:hover > p {text-decoration:underline; text-underline-position:under;} #contents .cs_order .pdrInf01 > p > strong {font-weight:700;} #contents .cs_order .pdrInf01 > span {display:block; padding-bottom:5px; font-size:12px; color:var(--gray_t2); text-align:left;} #contents .cs_order .pdrInf01 > strong {display:block; font-size:16px; font-weight:700; color:var(--skyblue_t1);} #contents .cs_order .pdrInf01 > strong > span {background:url(../images/newbird/bg_sale02.png) no-repeat center right; background-size:12px auto; padding-right:20px; margin-right:10px; color:var(--gray_t2); font-weight:500; text-decoration:line-through;} #contents .cs_order .crtTbl .cart_amount.t1 {display:none;} #contents .cs_order .crtTbl .cart_goods.t1 td:first-child {bottom:76px;} .tblTtl01 {display:inline-block; font-size:22px; font-weight:700; color:var(--black_t2); letter-spacing:-0.88px; line-height:50px;} .tblTtl01 span {color:var(--blue);} .infTbl01 > table {position:relative; width:100%;} .infTbl01 > table:before {content:""; position:absolute; left:0; right:0; top:0; height:1px; background-color:var(--blue);} .infTbl01 th, .infTbl01 td {border:1px var(--gray_t3) solid;} .infTbl01 thead th {vertical-align:middle; padding:30px; font-size:14px; font-weight:700; color:var(--black); text-align:left;} .infTbl01 thead td {padding:30px; text-align:center; vertical-align:middle;} .infTbl01 thead td img {width:41px;} .infTbl01 th {font-size:14px; color:var(--black); letter-spacing:-0.56px;} .infTbl01 td {font-size:14px; color:var(--gray_t1); letter-spacing:-0.56px;} .infTbl01 tbody th, .infTbl01 tbody td {height:40px; padding:0 20px; text-align:left;} .infTbl01 tbody th {font-weight:700;} .compareWrap {margin-left:80px; margin-right:80px;} /* #detailSpecBlankTable {overflow:auto;} */ .tblTtl01 {margin-top:30px;} .cmpPopBtns table {border-collapse:collapse; table-layout:fixed; width:100%;} .cmpPopBtns table td {padding:0 20px;} .cmpPopBtns {margin-top:30px; padding-bottom:80px;} .no_data_area2 {border-top:1px var(--gray_t3) solid;} .crtBtnWrp {display:flex; justify-content:center; margin-top:40px;} .crtBtnWrp > a, .crtBtnWrp > input {width:225px; margin:0 10px;} /* cart End */ /* settle Start */ .resp_layer_pop .btn_view_coupons, .renewpop .btn_view_coupons {position:absolute; right:60px; top:22px;} .subpage_wrap.order_payment.flyingMode .order_payment_right .order_subsection {position:fixed; right:0; top:0; z-index:100; width:100%; /*width:calc(40% - 20px); */} .subpage_wrap.order_payment.flyingMode .order_payment_right .order_subsection .right_flying_wrap1 {max-width:1260px; padding-left:40px; padding-right:40px; margin:0 auto;} .subpage_wrap.order_payment.flyingMode .order_payment_right .order_subsection .right_flying_wrap2 {width:100%; position:relative;} .subpage_wrap.order_payment.flyingMode .order_payment_right .order_subsection .right_flying_wrap3 {position:absolute; right:0; top:0; width:calc(40% - 20px); background:var(--white); box-shadow:0 0 4px rgba(0, 0, 0, 0.2);} #contents .cs_order .mpgTbl td > .motitle {display:none;} #contents .cs_order .mpgTbl .mpgTblPdrItm i {line-height:25px;} .mltTabWrp {border-bottom:1px var(--gray_t4) solid;} .mltTab {display:inline-flex; margin-bottom:-1px;} .mltTab a {width:200px; margin-left:-1px; border:1px var(--gray_t4) solid; border-radius:5px 5px 0 0; background-color:var(--white_t1); font-size:1.333em; letter-spacing:-0.04em; line-height:3.125em; text-align:center; color:var(--gray_t2); transition:all 0.5s;} .mltTab a.on strong {color:var(--blue); font-weight:700; transition:all 0.5s;} .mltTab a:first-child {margin-left:0;} .mltTab a.on {border-bottom-color:var(--white); background-color:var(--white); color:var(--black_t2); transition:all 0.5s;} .mltTab a.on span {color:var(--blue); transition:all 0.5s; font-weight:700;} .cmnInf .btn {display:inline-block;} .cmnInfDtlRadioWrap .ctmRdo {margin-right:40px;} .cmnInfDtlRadioWrap .ctmRdo:last-of-type {margin-right:0;} .cmnInfDtlRadioWrap .ctmRdo strong:before {margin-right:10px;} .cmnInfDtl.ipt dt {padding-bottom:10px; line-height:2.857em;} .cmnInfDtl.ipt dd {min-height:2.857em; padding-bottom:10px; line-height:2.857em; text-align:left;} .cmnInfDtl.ipt #payment_type {display:flex; flex-wrap:wrap; column-gap:50px; box-sizing:border-box; padding-left:20px;} .cmnInfDtl.ipt #apply_type {display:flex; flex-wrap:wrap; column-gap:50px; box-sizing:border-box; padding-left:20px} .cmnInfDtl.ipt #typereceipttablelay {margin-left:-20px;} .cmnInfDtl.ipt > div {width:100%;} .cmnInfDtl.ipt > div > dt {float:left;} .cmnInfDtl input ,.cmnInfDtl textarea,.cmnInfDtl select {padding:0 20px; color:var(--black); font-weight:600;} .cmnInfDtl input[readonly] {background:transparent;} .cmnInfDtl textarea {height:90px; padding:10px 20px;} .cmnInfPrc {display:flex; flex-wrap:wrap; align-content:flex-start; min-height:220px;} .cmnInfPrc dt {width:50%; padding-top:1.250em; color:var(--black); font-size:1.333em; letter-spacing:-0.04em; line-height:1.250em;} .cmnInfPrc dd {width:50%; padding-top:1.250em; color:var(--black); font-size:1.333em; letter-spacing:-0.04em; line-height:1.250em; text-align:right; font-weight:600;} .cmnInfPrc dt:nth-child(1), .cmnInfPrc dd:nth-child(2) {padding-top:0.625em;} .cmnInfPrcSum {overflow:hidden; position:absolute; bottom:26px; right:30px; width:calc(100% - 60px); padding-top:27px; border-top:1px #efeff1 solid;} .cmnInfPrcSum > strong {float:left; font-weight:700; color:var(--blue); font-size:1.500em; letter-spacing:-0.04em;} .cmnInfPrcSum > span {float:right; font-weight:800; color:var(--skyblue_t1); font-size:1.500em;} .cmnInfPrcSum > span > span {font-weight:700;} .cmnInfLst {font-size:14px; line-height:30px; color:var(--black); letter-spacing:-0.5px; font-weight:700;} #odAgreeList {margin-top:50px;} .sttAgrAll {padding:30px; background-color:var(--white_t1); border-radius:5px; font-size:1.333em;} .sttAgr {padding:10px 0; padding-bottom:0; font-size:1.333em;} .sttAgr > div {position:relative;} .agrDtl {position:absolute; top:0; right:0; font-weight:700; font-size:0.875em; color:var(--blue); letter-spacing:-0.04em; line-height:30px;} .agrDtl::after {content:""; display:block; position:absolute; top:calc(100% - 7px); left:0; width:100%; height:1px; background-color:#ccd2e9;} .agrDtl:hover {color:var(--skyblue_t1);} #shipMessage.fkeSlc2Wrap {width:100%;} #shipMessage.fkeSlc2Wrap .fkeSlc2Tit {height:40px; line-height:40px;} #shipMessage.fkeSlc2Wrap .fkeSlc2Tit input {background-image:none !important;} #shipMessage.fkeSlc2Wrap .ship_message_txt {display:block; height:100%; border:0; padding:0; font-size:14px;} #shipMessage.fkeSlc2Wrap .fkeSlc2OPtion .option {padding:0 30px; font-size:14px; cursor:pointer;} #shipMessage.fkeSlc2Wrap .fkeSlc2OPtion .option:hover {color:var(--blue); font-weight:700;} .fkeSlc.fkeSlcSml select {height:40px; font-size:14px;} .cmnInf {text-align:left;} /* 배송비 내역 팝업 */ #besongDetailList, #couponDeatilLayer, #saleDetailList {overflow-y:auto;} /* settle End */ /* complete Start */ .ordWrn {padding:30px; padding-bottom:0; font-size:14px; font-weight:300; color:var(--gray_t2); line-height:30px; letter-spacing:-0.5px; text-align:left;} .ordWrn li {position:relative; padding-left:10px;} .ordWrn li::before {display:block; content:""; position:absolute; top:13px; left:0; width:3px; height:3px; background-color:#d1d2d4; border-radius:3px;} @media screen and (max-width:1440px) { #contents .cs_order .crtPrc > div > img {margin:0 30px;} /* settle Start */ .cmnInfRgt {flex-shrink:0; box-sizing:border-box;} /* settle End */ } @media screen and (max-width:1280px) { /* cart Start */ #contents .cs_order .pdrInf01 {padding-left:90px;} #contents .cs_order .pdrInf01 > b {left:10px} #contents .cs_order .crtTbl col {display:none;} #contents .cs_order .crtTbl th:nth-child(1), #contents .cs_order .crtTbl th:nth-child(3), #contents .cs_order .crtTbl th:nth-child(4), #contents .cs_order .crtTbl th:nth-child(5), #contents .cs_order .crtTbl th:nth-child(6), #contents .cs_order .crtTbl th:nth-child(7) {display:none !important} #contents .cs_order .crtTbl tr, #contents .cs_order .crtTbl th, #contents .cs_order .crtTbl td {display:inline-block; position:relative; box-sizing:border-box; width:100%;} #contents .cs_order .crtTbl tr th {line-height:60px;} #contents .cs_order .crtTbl td {height:auto; border-bottom:none; padding-bottom:5px; line-height:20px;} #contents .cs_order .crtTbl td:first-child {position:absolute; left:10px; bottom:117px; z-index:1; pointer-events:none;} #contents .cs_order .crtTbl td:last-child {border-bottom:1px var(--gray_t3) solid; padding-bottom:15px;} #contents .cs_order .crtTbl td.t2 {position:relative; left:auto; bottom:auto; border-bottom:none; padding-bottom:0;} #contents .cs_order .crtTbl td:nth-child(n + 3) {padding-left:170px;} #contents .cs_order .crtTbl td > b, #contents .cs_order .crtTbl td > strong, #contents .cs_order .crtTbl td > mark {text-align:left;} #contents .cs_order .crtTbl td .checkbox {pointer-events:auto;} #contents .cs_order .crtTbl .peaCtr {height:30px; margin:0 !important; margin-top:-5px !important; margin-bottom:5px !important;} #contents .cs_order .crtTbl td > .motitle {display:inline-block; position:absolute; left:90px; top:0; font-size:12px; font-weight:400; color:var(--gray_t1);} #contents .cs_order .crtPrc {justify-content:flex-end; padding:20px 30px; margin-top:40px;} #contents .cs_order .crtPrc > strong {display:none;} #contents .cs_order .crtPrc > div > span {margin-right:15px;} #contents .cs_order .crtPrc > div > i {margin:0 15px;} #contents .cs_order .crtPrc > div > strong {margin-left:15px;} #contents .cs_order .crtBtnWrp {margin-top:30px;} .compareWrap {margin-left:50px; margin-right:50px;} /* cart End */ .cmnInf {flex-wrap:wrap;} .cmnInfLft {width:100%; border-bottom:1px var(--gray_t3) solid; border-right:none;} .cmnInfRgt {width:100%;} #odAgreeList {margin-top:0;} .cmnInfPrc {min-height:inherit;} .cmnInfPrcSum {position:inherit; bottom:inherit; right:inherit; width:100%; margin-top:30px;} /* settle End */ } @media screen and (max-width:1024px) { /* cart Start */ #contents .cs_order {padding:40px 20px;} #contents .cs_order .crtPrc > div {flex-wrap:wrap; justify-content:flex-end;} #contents .cs_order .crtPrc > div > b, #contents .cs_order .crtPrc > div > span {margin-left:0; margin-right:0; text-align:right;} #contents .cs_order .crtPrc > div > b {margin-left:15px;} #contents .cs_order .crtPrc > div > i {display:inline-block; width:100%; margin:10px 0;} #contents .cs_order .crtPrc > div > i > img {float:right; width:20px;} /* cart End */ /* settle Start */ .subpage_wrap.order_payment.flyingMode .order_payment_right .order_subsection .right_flying_wrap1 {padding-left:10px; padding-right:10px;} .subpage_wrap.order_payment.flyingMode .order_payment_right .order_subsection .right_flying_wrap3 {width:290px;} /* settle End */ .tableGet {overflow-x:scroll;} } @media screen and (max-width:768px) { /* orderStep */ #contents .cs_order h3.text {margin-bottom:10px;} #contents .cs_order .ordStep {margin-top:30px;} #contents .cs_order .ordStep {flex-wrap:wrap; gap:20px; padding-bottom:30px;} #contents .cs_order .ordStep > li {width:100%; height:50px; margin:0; border-radius:25px; border:var(--blue01) solid 1px;} #contents .cs_order .ordStep > li.on {border-color:var(--blue); box-shadow:none;} #contents .cs_order .ordStep > li::before {left:50%; top:-18px; margin-left:-4px; transform:rotate(90deg);} #contents .cs_order .ordStep > li > span {bottom:0; right:20px; width:auto; font-size:14px; line-height:50px; text-align:right;} #contents .cs_order .ordStep > li i {left:15px; top:50%; width:36px; height:36px; margin-left:0; margin-top:-18px;} /* cart Start */ #contents .cs_order .cartIframeInner {padding:0 50px;} #contents .cs_order .pdrInf01 {padding:0 0 0 90px;} #contents .cs_order .pdrInf01 {padding-top:15px; padding-bottom:15px; width:calc(100%);} .optPopWrp {overflow:hidden; right:0; width:100%; min-width:360px; max-width:360px; border-radius:10px;} .optPopWrp .lgnFrmIpt > div {display:flex;} .optPopWrp .fndFrmCnt {margin:0;} .optPopWrp .goods_option_table {display:block;} .optPopWrp .goods_option_table > dt:nth-child(1) {width:100%; padding-bottom:0;} .optPopWrp .goods_option_table > dd:nth-child(2) {width:100%; padding:0 20px 10px;} .optPopWrp .goods_option_table > dd:nth-child(2) .sbHolder {width:100%;} .optPopWrp .goods_option_table > dd:nth-child(2) .sbOptions {overflow:auto; max-height:150px !important;} .optPopWrp .quantity_cell {display:flex; justify-content:space-between; padding:10px 20px !important; align-items:center;} .optPopWrp .quanity_row .option_text {width:auto; padding:0;} .optPopWrp .quanity_row .option_text::after {display:none;} .optPopWrp .goods_quantity_table .num_price {width :auto; padding:0; height:40px; min-height:40px;} .optPopWrp .lgnFrmIpt > div {display:flex; justify-content:space-between; padding:0 20px; align-items:center;} .optPopWrp .lgnFrmIpt > div .lgnFrmIptTtl {padding:0; width:auto; font-size:12px !important;} .optPopWrp .lgnFrmIpt > div .lgnFrmIptRight {display:flex; padding:0; width:auto;} .optPopWrp .lgnFrmIpt > div.btnwrap {display:flex; padding:10px 20px;} /* cart End */ /* settle Start */ .subpage_wrap.order_payment {display:block; width:auto;} .subpage_wrap.order_payment .subpage_container {display:block; padding:10px 0 40px;} .subpage_wrap.order_payment .subpage_container.v2 {display:block; padding:10px 0 40px;} .subpage_wrap.order_payment .order_payment_right {width:auto; padding-left:0;} /* padding:0 55px; */ .mltTab {width:100%;} .mltTab a {width:50%; font-size:15px; line-height:50px;} .mltTab a:hover {color:var(--black_t2); background-color:var(--white); border-bottom-color:var(--white); transition:all 0.5s;} .mltTab a:hover span {color:var(--blue); transition:all 0.5s; font-weight:700;} .mltTab a:hover strong {color:var(--blue); transition:all 0.5s; font-weight:700;} .ctmChk {margin-left:-20px;} .sttAgr {padding:0;} .cmnInfDtl.ipt dt {width:100%; padding-bottom:0; line-height:30px; min-height:30px;} .cmnInfDtl dd {width:100%;} .cmnInfDtl dt {line-height:40px;} .cmnInfDtl.ipt dd.Mlgtxt {line-height:25px; word-break:keep-all;} .cmnInfDtl.ipt dd.apply_docu .ml20 {display:inline-block; margin-left:0 !important; line-height:25px; word-break:keep-all;} .cmnInfDtl.ipt dd {padding-bottom:20px;} .cmnInfDtl.ipt dd:last-child {padding-bottom:0;} .szeTyp01 {width:100%;} input.size_email_full, input.size_zip_all {width:100%;} input.size_zip_all.complete, input.size_zip_all.address {float:left; width:calc(100% - 111px);} .emnBtn a, .emnBtn .cartpromotioncodeinputlay, .emnBtn .ccartpromotioncodedellay {float:left; width:calc(50% - 5px) !important; margin:0 !important;} .emnBtn a:nth-child(2) {margin-bottom:0; margin-right:10px !important;} .emnBtn .cartpromotioncodeinputlay, .emnBtn .ccartpromotioncodedellay {margin-right:10px !important;} .emnBtn .cartpromotioncodeinputlay button, .emnBtn .ccartpromotioncodedellay button {width:100% !important;} .ship_message {margin-top:0;} .onlPsc {display:none;} .onlPsc2 {display:none;} .onlMob2 {display:inline-block;} .ctmChk strong::before {margin-top:-2px;} .cmnInfDtl.ipt #payment_type, .cmnInfDtl.ipt #apply_type {column-gap:35px; padding-left:0;} input[name="emoney_view"], #total_coupon_sale, #cartpromotioncode {margin-bottom:10px;} .crtBtnWrp {padding-top:0;} .fkeSlc {width:100%;} .cmnInfLft, .cmnInfRgt {padding:20px !important;} .cmnInfPrc dt {font-size:14px; line-height:20px; padding-top:20px;} .cmnInfPrc dd *, .cmnInfPrc dd {font-size:16px !important; line-height:20px; padding-top:20px;} .cmnInfPrc dt:nth-child(1), .cmnInfPrc dd:nth-child(2) {padding-top:0;} .cmnInfPrcSum > strong, .cmnInfPrcSum > span {font-size:18px; line-height:25px;} .crtBtnWrp {display:flex; gap:10px;} .crtBtnWrp a {margin:0 !important;} /* 팝업 내용 */ .gryBrdBox {margin-left:20px; margin-right:20px; padding:25px 15px;} .gryBrdBox .dlvPrcPop {max-width:400px; margin:0 auto;} .dlvPrcPop > span, .dlvPrcPop > strong {font-size:16px; line-height:22px;} .dlvPrcPop > table th, .dlvPrcPop > table td {height:auto; padding:15px 10px; font-size:13px;} .cmpPopWrp > div {padding:30px;} .cmpPopWrp .tableGet {width:100%; overflow:auto;} .infTbl01 > table {min-width:600px;} .infTbl01 thead th, .infTbl01 tbody th, .infTbl01 tbody td {font-size:12px;} .infTbl01 td {font-size:12px;} /* settle End */ /* compete Start */ .ordWrn {padding:15px; font-size:13px; line-height:25px;} .ordWrn li::before {top:11px;} /* compete End */ .cmnInfDtl.ipt #typereceipttablelay {margin-left:0;} } @media screen and ( max-width:600px) { .cartIframeInner {padding:0 10px;} /* cart Start */ #contents .cs_order .pdrTbl01 > table > tbody > tr {display:block; position:relative; padding:40px 10px 20px; border-bottom:1px solid #ddd; margin:0;} #contents .cs_order .pdrTbl01 > table > tbody > tr > td {display:block; padding:0; border:0;} #contents .cs_order .pdrTbl01 > table > tbody > tr > td:nth-child(1) {position:static;} #contents .cs_order .pdrTbl01 > table > tbody > tr > td:nth-child(2) {text-align:right; margin-top:10px;} #contents .cs_order .pdrTbl01 > table > tbody > tr > td:nth-child(3) {position:absolute; right:10px; top:15px; width:30px; height:30px;} #contents .cs_order .pdrTbl01 > table > tbody > tr > td .peaCtr {display:inline-block;} #contents .cs_order .pdrTbl01 > table > tbody > tr > td .pdrDel {width:30px; height:30px;} #contents .cs_order .pdrTbl01 > table > tbody > tr > td .fkeChk {top:20px; left:10px;} #contents .cs_order .pdrInf01 > p {font-size:14px;} #contents .cs_order .cartbtnWarp li {width:100%;} .optionNece {font-size:13px;} .optionNece .btnOption {font-size:13px;} .pdrStt {padding:0;} .cartTabTrg .btnwrap .btn {box-shadow:none;} .cartTabTrg .btnwrap .btn:hover {box-shadow:none;} .optPopWrp {top:40px; right:auto; left:calc(50% - 5px); transform:translateX(-50%); width:calc(100% - 40px); min-width:300px; text-align:left;} .compareWrap {padding-left:10px; padding-right:10px; margin-left:0; margin-right:0;} /* cart End */ .mltTab a {font-size:14px; line-height:40px;} .sttAgrAll {padding:15px;} .sttAgrAll #all_agree + span > span {display:none;} .agrDtl {font-size:14px;} .agrDtl > span {display:none;} } @media screen and ( max-width:425px) { #contents .cs_order .pdrInf01 {padding-left:80px;} #contents .cs_order .pdrInf01 > b {width:50px; height:50px;} #contents .cs_order .pdrInf01 > b img {width:50px;} #contents .cs_order .crtTbl td:nth-child(n + 3) {padding-left:160px;} #contents .cs_order .crtTbl td > .motitle {left:80px;} }