*{margin:0; padding:0; list-style: none;box-sizing: border-box; /* width:1400px; *//* margin:0 auto; */list-style: none;} body{font-size:16px} .inner{width:100%; max-width: 1200px;margin:0 auto;} button{cursor: pointer;} .interested_items h5 { font-size: 2rem; text-align: center; margin-bottom: 30px; } .list_in .no_list_text { padding: 60px 0; text-align: center; border-bottom:1px solid #ddd; color:#888; } /* 탭 */ .shopping_tabSet{ margin-bottom:30px; padding:100px 0; } .shopping_tabSet ul.shopping_tabs { padding:20px 20px 0;display: flex; justify-content: center; border-bottom: 1px solid #000; } .shopping_tabSet ul.shopping_tabs li{ padding:0 2px 0 0; width:50%;transform: translateY(1px); } .shopping_tabSet ul.shopping_tabs li a{ color: #000; background: #fff; display: block; font-weight: normal; font-size:1rem; text-decoration: none; text-align: center; padding: 15px; } .shopping_tabSet ul.shopping_tabs li a.on{ font-weight: bold; background: #fff; cursor: default; color: #000; border-top:1px solid #000; border-right:1px solid #000; border-left:1px solid #000 } .shopping_panels{ background:#fff; min-height:180px; } .panel02{ /* padding:80px 30px; */ font-size:14px; color:#4d4d4d; display:none; } /* .mo_ver .in_body{ border-top:1px solid #ddd} */ .in_body{/* border-top:1px solid #888; border-bottom:1px solid #888*/} .shopping_basket .listsec07{width:100% !important; } .shopping_panels h5{font-size:1.8rem; text-align: left; margin-bottom: 0px;padding-bottom:15px; font-weight: 600;color:#000} .mo_pc_ver .shopping_panels h5{ margin-bottom: 0px !important;} .shopping_basket .in_body ul{justify-content: space-between;display: flex;align-items: center;text-align: center;position: relative; } .shopping_basket .table_head li{font-weight: 600;} .shopping_basket .table_head{padding:16px 0;color:#222; border-bottom: 1px solid #ddd; font-weight: 600;} .address .shopping_basket li{padding:16px 0;} .shopping_basket .listsec01{width: 5%;} .shopping_basket .listsec02{width: 10%;} .shopping_basket .listsec03{width: 10%;} .shopping_basket .listsec04{width: 13%;} .shopping_basket .listsec05{width: 40%;} .shopping_basket .listsec06{width: 13%;} .shopping_basket .listsec06 p{} /* .shopping_basket .table_head{color: #fff; padding: 10px 0; background: #000;} */ /* .shop_event{margin-top: 50px;} */ .shop_event h6{ font-size: 1.25rem;font-weight: 600;padding-bottom: 15px;} .shop_event .shopping_basket.listsec03{width: 25%;} .shopping_basket .table_body .listsec02{display: flex;align-items: center; text-align: left; font-size: 1.125rem;} .shopping_basket .table_body .listsec02 p{font-size:1rem;} .shopping_basket .table_body .listsec02 p:first-child{margin-right:3px;padding-left: 15px; cursor: pointer;} .shopping_basket .table_body .listsec02 >div:first-child i{width: 130px; display: block;height: 130px;border-radius: 10px; overflow: hidden;position:relative;z-index: 99;padding:15px;} .shopping_basket .table_body .listsec02 >div:first-child i img{position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);} .shopping_basket .table_body .listsec02 >div:first-child i::after{content:''; display: block;z-index: -1;width:100%; height:100%; background-color: #f5f5f5; position:absolute;top:0;left:0;} /* .list_in{border-top:1px solid #000;border-bottom:1px solid #000} */ .interested_items .in_body .table_body{display: flex;align-items: center;text-align: center; border-bottom:1px solid #ddd} .order_inquiry .shipping_but > div{margin-top:5px;} .order_inquiry .shipping_but button{border:1px solid #bbb; border-radius: 5px;padding:3px 10px;} /* 배송주소록관리 */ /* .address .shopping_basket .in_body ul{border-bottom: 0;} */ .address .shopping_basket .listsec01{width:5%;} .address .shopping_basket li + li{margin-top: 0;} .address .shopping_basket .listsec02{justify-content: center; min-width: 100px;} .address .shopping_basket .listsec02 p{padding-left:0} .address .shopping_basket .listsec03{width:15%;} .address .shopping_basket .listsec04{width:20%;} .address .shopping_basket .listsec05{width:45%;} .address .shopping_basket .select_but > div:last-child .button button {border-radius: 5px; padding: 12px 40px; background-color: #000; color:#fff; border-color: #000;} .address .shopping_basket .select_but .button:first-child button{border: 1px solid #888; background-color:transparent; color: #000; } .mypage.address .list_in .table_body li {text-align: center;} /* mo_ver */ .mo_ver .shopping_basket .in_body_table > ul{justify-content: flex-start;display: flex;align-items: center;text-align: center;} .mo_ver .shopping_basket .in_body_table > ul:last-child{padding:20px 0 30px;} .mo_ver .shopping_basket .in_body_table > ul:last-child li{width:33.3% } .mo_ver .shopping_basket .in_body_table > ul:last-child li .price_point{font-size:1.25rem; font-weight: bold;} .mo_ver .shopping_basket .listsec01{width: 5%;} .mo_ver .shopping_basket .listsec02{width: 20%;} .payment02_mo.mo_ver .shopping_basket .listsec02{width: 130px;} .payment02_mo.mo_ver .shopping_basket .listsec06{width:calc(100% - 130px);padding-left:20px;} .mo_ver .shopping_basket .listsec03{width: 13%;} .mo_ver .shopping_basket .listsec04{width: 13%;} .mo_ver .shopping_basket .listsec05{width: 13%;} .mo_ver .shopping_basket .listsec06{width: 40%;text-align: left;} .mo_ver .shopping_basket .listsec06 > div:last-child{ display: flex;align-items: center;} .mo_ver .shopping_basket .mo_ver_title{font-size:1.125rem} .mo_ver .shopping_basket .mo_ver_price01{font-size:1rem; color:#bbb;margin-right:10px; position:relative} .mo_ver .shopping_basket .mo_ver_price01::before{content:'';display: block; width:60px; height:1px; background: #bbb; position:absolute; top:50%; left:-2px;} .mo_ver .shopping_basket .mo_ver_price02{font-size:1.4rem; font-weight: 500;} .mo_ver .shopping_basket .table_head{color: #000; padding: 15px 0; } .mo_ver .shopping_basket .table_body .listsec02{display: flex;align-items: center; text-align: left; padding:20px 0;font-size: 1.125rem;} .mo_ver .shopping_basket .table_body .listsec02 > div{width:100%;} .mo_ver .shopping_basket .table_body .listsec02 p{padding-left:20px;} .mo_ver .shopping_basket .table_body .listsec02 i{width: 100%; display: block;height: 270px;position:relative;z-index: 99;} .mo_ver .shopping_basket .table_body .listsec02 i img{position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); padding:30px} .mo_ver .shopping_basket .table_body .listsec02 i::after{content:''; display: block;z-index: -1;width:100%; height:100%; background-color: #f5f5f5; position:absolute;top:0;left:0;} .mo_ver{position:relative} .mo_ver .close{position:absolute; top:10px; right:10px} .mo_ver .close i.fa{font-size:1.25rem} .mo_ver .shopping_basket .select_sec{display: block;margin-bottom:20px;} .mo_ver .shopping_basket .select_sec .select01{display: flex;justify-content: space-between; background-color: #f5f5F5; padding:15px ;width:92%; margin-bottom:10px;margin-left:auto} .mo_ver .shopping_basket .select_sec .select02{display: flex;} .mo_ver .shopping_basket .select_sec .select02 > div{width:50%;} .mo_ver .shopping_basket .select_sec .select02 > div:first-child{margin-right:15px} .mo_ver .shopping_basket .select_sec .select02 > div >button{border:1px solid #ddd; width:100%; padding: 12px; border-radius: 8px;} .mo_ver .shopping_basket .select_sec .select:last-child{padding-bottom: 0;margin-bottom:0px;display: flex;margin-top: 20px; border-top: 1px solid #ddd; padding-top: 20px;} .mo_ver .shopping_basket .select_sec .select > div{width: 100%;align-items: center;font-size:1rem; border-radius: 8px; overflow: hidden;} /* .shopping_basket .in_body{border-bottom:none;} */ .mo_ver .shopping_basket .select_sec .select_in{width:85%; display: flex;} .mo_ver .shopping_basket .select_sec .select_in p:first-child{font-weight: 400;} .mo_ver .shopping_basket .select_sec .select_in p:nth-child(2){padding-left:5px;padding-right:5px;} .mo_ver .shopping_basket .select_sec .munber{width:7%;text-align: right;display: flex;justify-content: space-between;} /* .mo_ver .shopping_basket .in_body_table01{border-bottom:1px solid #000;} */ .mo_ver .shopping_basket .select_sec .close{width:1%;} .mo_ver .shopping_basket .munber{border:1px solid #ddd;background-color: #fff;} .mo_ver .shopping_basket .munber #result{margin:0 10px; font-size: 0.937rem;} .mo_ver .shopping_basket .munber input{border:none;width: 20px;height: 100%; cursor: pointer;} .pc_ver .shopping_basket .select_sec{display: block;margin-bottom:20px;} .pc_ver .shopping_basket .select_sec .select01{display: flex;justify-content: space-between; background-color: #f5f5F5;padding:20px 30px;width:100%; margin-bottom:10px;} .pc_ver .shopping_basket .select_sec .select:last-child{margin-bottom:0px;display: flex;} .pc_ver .shopping_basket .select_sec .select > div{align-items: center;font-size:1rem} .pc_ver .shopping_basket .select_sec .select_in{width:calc(100% - 95px); display: flex;} /* .pc_ver .shopping_basket .select_sec .select_in p:first-child{font-weight: bolder;} */ .pc_ver .shopping_basket .select_sec .select_in p:nth-child(2){padding-left:5px;padding-right:5px;} .pc_ver .shopping_basket .select_sec .munber{width:70px;text-align: right;display: flex;justify-content: space-between;margin-right: 20px;} /* .pc_ver .shopping_basket .in_body_table01{border-bottom:1px solid #000;} */ .pc_ver .shopping_basket .select_sec .close{width:15px; cursor: pointer;} .pc_ver .shopping_basket .munber{border:1px solid #ddd;background-color: #fff;} .pc_ver .shopping_basket .munber #result{margin:0 10px; font-size: 0.937rem;} .pc_ver .shopping_basket .munber input{background: transparent; border-radius: 0 !important;color:#333;border:none;width: 20px;height: 100%;cursor: pointer; padding-bottom: 2px;font-size: 16px;} .pc_ver .payment_top .munber{border:none;background-color: transparent;} /* select_but */ .shopping_basket .select_but{margin-top:20px;display: flex;justify-content: space-between;width: auto;} .shopping_basket .select_but .button a{display: block;} .shopping_basket .select_but>div{width:auto;} .shopping_basket .select_but>div.dis-flex span + span{margin-left: 8px;} .shopping_basket .select_but .button button{padding:12px 20px;width:100%; font-size: 15px; border-radius: 5px;} .shopping_basket .select_but .button:first-child button{border:1px solid #000; background-color: #000; color:#fff;} .shopping_basket .select_but .button:last-child button{border:1px solid #888;background-color: #fff; color:#000;} .shopping_tabSet .sec_in02 > div{display: inline-block;} .sec_in02{/* display: flex; */border:1px solid #000;margin-top:30px;position:relative;display: flex;align-items: center; justify-content: space-around;} .sec_in02 > div{text-align: center; padding:40px 0;font-weight: 500;display: inline-block;margin-left:-4px;} .sec_in02 > div:nth-child(3){border-right:none} .sec_in02 span.monny_span{font-size:2.5em; font-weight: bold; font-weight: 400;} .sec_in02 span.monny_span02{font-size:2.5em; color:#e03434;font-weight: bold; font-weight: 400;} .sec_in02 P.monny{margin-top:10px;} .sec_in02 .total_payment{width:calc((100% - 140px)/3);} .sec_in02 .shipping_fee{width:calc((100% - 140px)/3)} .sec_in02 .amount_payment{width:calc((100% - 140px)/3)} .sec_in02 .sec02_arr{position:absolute;width:100%;top: 50%; transform: translateY(-50%);} .sec_in02 .puls{ font-size:50px;font-weight: 300;width:50px;} .sec_in02 .result{ font-size:50px;font-weight: 300;width:50px;} /* .sec_in02 .sec02_arr .result{width:50px; height:50px; border-radius: 50%; border:1px solid #ddd; background-color: #fff ;position:absolute;top:50%; left:64.5%;transform: translateY(-50%);} .sec_in02 .sec02_arr .result::after{content:'';display:block; width:20px; height:2px; background: #333; position: absolute; top: 40%;left: 50%;transform: translate(-50%, -50%);} .sec_in02 .sec02_arr .result::before{content:'';display:block; width:20px; height:2px; background: #333; position: absolute; top: 60%;left: 50%;transform: translate(-50%, -50%);} */ /* .sec_in03 */ .sec_in03{margin-top:60px; width:100%; text-align: center;display: flex;justify-content: center; } .sec_in03 .button button{padding:20px 80px; margin-right:10px; background: #000; color:#fff;border:none;font-size:1.25rem;} .sec_in03 .button:first-child button{background-color: #000;} .sec_in03 .button:last-child button{background-color: #e03434} /* 체크박스 디자인 */ .d-block{display: flex; align-items: center;} .payment_top .d-block{display: flex; align-items: center;justify-content: center;} .d-block input[type="checkbox"] {display: none;} .d-block input[type="checkbox"] + label { display: inline-block; width:20px; height: 20px; background: #fff;border:1px solid #888; cursor: pointer; border-radius: 4px; float:left; margin-right:7px;} .d-block:after {display:block; clear:both; content:"";} .d-block input[type="checkbox"]:checked + label { background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/BANCHAN_LANDING/164773401794112.png)no-repeat center/20px 20px; float: left;border:1px solid #ffb042;} .d-block span{cursor: pointer;} /* 체크박스 디자인 */ .interested_items .d-block{display: flex; align-items: center;justify-content: center;} .d-block{display: flex; align-items: center;justify-content: center;} .payment_top .d-block{display: flex; align-items: center;justify-content: center;} .d-block input[type="checkbox"] {display: none;} .d-block input[type="checkbox"] + label { display: inline-block; width:20px; height: 20px; background: #fff;border:1px solid #888; cursor: pointer; border-radius: 4px; float:left; margin-right:7px;} .d-block:after {display:block; clear:both; content:"";} .d-block input[type="checkbox"]:checked + label { background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/BANCHAN_LANDING/164773401794112.png)no-repeat center/20px 20px; float: left;border:1px solid #ffb042;} .d-block span{cursor: pointer;} .gift_list .d-block{position:relative} .gift_list .d-block span{cursor: pointer;position: absolute; lefT: 22px;width: 130%; top: -2px; } .address_book{border:1px solid #bbb; padding:2px 10px 0 10px !important; border-radius: 5px; font-size:13px !important; color:#888;} /* 관심상품 */ .mypage .interested_items .list_in .table_body li{text-align: center;} .interested_items.shopping_basket .listsec01 {width: 20px;} .interested_items.shopping_basket .listsec02 {width: 40%;} .interested_items.shopping_basket .listsec03 {width: 10%;} .interested_items.shopping_basket .listsec04 {width: 10%;} .interested_items.shopping_basket .listsec05 {width: 10%;} .interested_items.shopping_basket .listsec06 {width: 10%;} .interested_items.shopping_basket .listsec07 {width: 10% !important;} .interested_items.shopping_basket .table_body .listsec07 button{color:#888;width: 90%;border:1px solid #888; padding:10px 10px; font-size:12px;} .interested_items.shopping_basket .select_but > div:first-child button{background-color: #000; color:#fff;border-color:#000} /* 이벤트 정보 */ .payment .listsec07 .gift_incon{ width:100%;} .payment .listsec07 .gift_incon > div{width:100%;} .payment .listsec07 .pd-sle-con{display: flex;align-items: center;} .payment .listsec07 .pd-sle-con dt{width:150px;} .payment .listsec07 .pd-sle-con dd{width:calc(100% - 150px);} .payment .listsec07 > div:first-child{width:150px; } .payment .listsec07 .gift_title{width:calc(100% - 150px);font-size:1rem} .payment .listsec07 .gift_title select{width:100%; background-color: transparent; border:1px solid #ddd; outline: 0;padding:10px;;} .payment .listsec07 .gift_title dl{margin-bottom:10px;} .payment .listsec07 .gift_select .selec_01{display: flex; background-color: #f5f5f5;font-size:15px; padding:10px ;} .payment .listsec07 .gift_select .selec_01 p::before{content: '/';margin-right:5px;} .payment .listsec07 .gift_select .selec_01 p:first-child::before{display: none;} .payment .listsec07 .gift_select .selec_01 p:nth-child(2)::before{display: none;} /* .payment .listsec07 .gift_select .gift_se{font-weight: 500;} */ .shop_event .list_in{border-bottom:1px solid #bbb; } .shop_event .list_in:last-child{border-bottom:none } /* ********************************************* * * 1400px max * ********************************************* */ @media (max-width:1400px){ .sec_in02 .sec02_arr .puls {left: 31%;} .sec_in02 .sec02_arr .result {left: 64.2%;} } /* ********************************************* * * 1024px max * ********************************************* */ @media (max-width:1024px){ .shopping_panels h5{ margin-bottom: 20px;} .pc_ver .shopping_basket .select_sec .select01 {padding: 15px 15px;} .sec_in02 .sec02_arr .puls {left: 30.5%;} .sec_in02 .sec02_arr .result {left: 63.7%;} } /* ********************************************* * * 960px max * ********************************************* */ @media (max-width:960px){ .shopping_basket .listsec05 { width: 20%; } .sec_in02 .sec02_arr .puls {left: 30%;} .sec_in02 .sec02_arr .result {left: 63.3%;} .payment .listsec07 .pd-sle-con dt {width: 100px;} .payment .listsec07 .pd-sle-con dd {width: calc(100% - 100px); } } /* ********************************************* * * 840px max * ********************************************* */ @media (max-width:840px){ .panel02 {padding: 60px 0 0 0 ;} .sec_in02 .sec02_arr .puls { width: 40px; height: 40px;} .sec_in02 .sec02_arr .result{ width: 40px; height: 40px;} .sec_in02 .sec02_arr .puls::before{height: 15px;} .sec_in02 .sec02_arr .puls::after{width: 15px;} .sec_in02 .sec02_arr .result::before{width: 15px;} .sec_in02 .sec02_arr .result::after{width: 15px;} .sec_in02 span.monny_span02 {font-size: 2em;} .sec_in02 span.monny_span{font-size: 2em;} .sec_in02 .sec02_arr .puls {left: 30.6%;} .sec_in02 .sec02_arr .result {left: 64%;} } /* ********************************************* * * 768px max * ********************************************* */ @media (max-width:768px){ .mo_ver .shopping_basket .table_body .listsec02 i {height: 210px;} .shopping_panels h5 { font-size: 1.5rem;} .interested_items.shopping_basket .listsec07{width: 100px!important;} .mypage .interested_items .list_in .in_body_table{border:none;padding:0;} .interested_items .in_body .table_body {flex-direction: column;} .interested_items .in_body .table_head {display: none;} .mypage .interested_items .list_in .table_body li{padding:0;width:90%; text-align: left;padding-left:150px;} .shopping_basket.interested_items .table_body .listsec02{position:relative;margin-bottom: 10px;} .shopping_basket.interested_items .table_body .listsec02 p{font-size:1.25rem;} .shopping_basket.interested_items .table_body .listsec02 >div:first-child i{position:absolute; left:0; top:-21px;} .shopping_basket.interested_items .table_body .listsec02 p:first-child{padding-left:0;} .interested_items.shopping_basket .listsec03{content: '배송구분';margin-right:5px; display:none;} .interested_items.shopping_basket .listsec05{content: '적립예정 포인트';margin-right:5px; display:none;;} .interested_items.shopping_basket .listsec04{margin-bottom:2px;font-size:14px; color:#888} .interested_items.shopping_basket .listsec06{margin-bottom:2px;font-size:14px; color:#888} .interested_items.shopping_basket .listsec04::before{content: '적립금 : '; /* color:#fff;background-color: #e03434; */} .interested_items.shopping_basket .listsec06::before{content: '주문금액 : '; /* color:#fff;background-color: #000; */} /* .interested_items.shopping_basket .listsec01{position:relative;} */ .interested_items .in_body .table_body{padding:30px 0; position:relative} .interested_items.shopping_basket .listsec01 .d-block{position:absolute;right:0;top:20px;} .interested_items.shopping_basket .listsec07{position:absolute; right:0;bottom:20px; padding-left:0 !important;} .interested_items.shopping_basket .table_body .listsec07 button {padding: 7px 10px;} .mo_pc_ver .pc_ver .table_head{display: none;} .mo_ver.payment_view_mo .shopping_basket .listsec01{display: none;} .mo_ver .shopping_basket .select_sec .select01{width: 100%;} .shopping_basket .table_body .listsec02 {padding: 25px 0px;} .mo_ver .shopping_basket .table_body .listsec02 {padding-top: 0;} .mo_pc_ver .shopping_basket .listsec03 { width: 30%; display: none; } .mo_pc_ver .shopping_basket .in_body ul {align-items: flex-start; text-align: center; flex-direction: column;margin:20px 0;justify-content: center;} .mo_pc_ver .shopping_basket .in_body ul li {text-align: left;padding-left: 150px;} /* .mo_pc_ver .shopping_basket .table_body .listsec02 { display: flex; align-items: flex-start;flex-direction: column;text-align: left;padding: 0;} */ .mo_pc_ver .shopping_basket .table_body .listsec02 p {padding-left: 150px;} .shopping_tabSet.mo_pc_ver .shopping_basket .table_body .listsec02 p {padding-left: 0; } .shopping_tabSet.mo_pc_ver .shopping_basket .table_body .listsec02{padding-left:150px; padding-bottom:0; padding-top:0;;} .mo_pc_ver .shopping_basket .in_body ul{position: relative;height: 130px;} .mo_pc_ver .shopping_basket .table_body .listsec02 >div:first-child i {position: absolute;top:50%;left:0; transform: translateY(-50%);} .mo_pc_ver .shopping_basket .listsec01{width:100%;position: absolute; top: 0; right: 0;} .mo_pc_ver .shopping_basket .listsec02{width:100%;} .mo_pc_ver .shopping_basket .listsec03{width:100%;} .mo_pc_ver .shopping_basket .listsec04{width:100%; display: none;} .mo_pc_ver .shopping_basket .listsec05{width:100%; display: none;} .mo_pc_ver .shopping_basket .listsec06{width:100%;} .mo_pc_ver .d-block {justify-content: flex-end;} .mo_pc_ver .shopping_basket .listsec06 p {display: inline-block;} .mo_pc_ver .shopping_basket .listsec06 p:first-child{padding-right:10px; } .mo_pc_ver .shopping_basket .listsec06 p:last-child {font-size:1.25rem; font-weight: 400;} } /* ********************************************* * * 640px max * ********************************************* */ @media (max-width:640px){ .sec_in02 .sec02_arr .result {left: 63%;} .sec_in02 .sec02_arr .puls { left: 29.5%;} .sec_in03 .button{width:50%; height: 100%;} .sec_in03 .button:first-child{margin-right:10px;} .sec_in03 .button button{padding: 15px 0; width:100%; font-size: 1.05rem;height:52px;} .mo_ver .shopping_basket .table_body .listsec02 i { height: 150px; } .shopping_tabSet {padding: 50px 0;} .payment .listsec07 .pd-sle-con dt {width: 80px} .payment .listsec07 .pd-sle-con dd {width: calc(100% - 80px);} .shopping_basket .table_body .listsec02 {padding:15px 0; } .mypage.address .list_in .table_body li {text-align: left; font-size:14px;} .shopping_basket .table_body .listsec02 p:first-child{padding-left:0;} .mypage.address .list_in .table_body{position:relative} .mypage.address .list_in .table_body li.listsec01{position:absolute;top:12px;right:0; font-weight: 600; width: auto;} .mypage.address .list_in .table_body li.listsec02 p{font-size:1.2rem; color: #ffb042; margin-bottom: 12px;} .mypage.address .list_in .table_body li.listsec03::before{content:'성함: '; margin-right:5px;} .mypage.address .list_in .table_body li.listsec04::before{content:'전화번호: ';margin-right:5px; } .mypage.address .list_in .table_body li.listsec05::before{content:'주소: ';margin-right:5px; } .shopping_basket .table_head{display: none !important;} .pc_ver .shopping_basket .select_sec .select > div p{font-size:14px;color:#666} .sec_in02 .puls{ font-size:30px;font-weight: 300;width:30px;} .sec_in02 .result{ font-size:30px;font-weight: 300;width:30px;} .sec_in02 .total_payment{width:calc((100% - 60px)/3)} .sec_in02 .shipping_fee{width:calc((100% - 60px)/3)} .sec_in02 .amount_payment{width:calc((100% - 60px)/3)} .sec_in02 span.monny_span02 {font-size: 1.8em;} .sec_in02 span.monny_span {font-size: 1.8em;} } /* ********************************************* * * 500px max * ********************************************* */ @media (max-width:500px){ .sec_in02 .sec02_arr .puls { width: 35px; height: 35px;} .sec_in02 .sec02_arr .result{ width: 35px; height: 35px;} .sec_in02 .sec02_arr .result {left: 62.7%;} .sec_in02 .sec02_arr .puls { left: 29.2%;} .sec_in02 span.monny_span02 {font-size: 1.3em;} .sec_in02 span.monny_span{font-size: 1.3em;} .sec_in02 P.monny{margin-top:0;} .mo_ver .shopping_basket .table_body .listsec02 i img {padding: 0px;} .mo_ver .shopping_basket .listsec02 { width: 45%; } .shopping_basket .select_but .button button { padding: 13px; } .shopping_basket.interested_items .table_body .listsec02 >div:first-child i{width:100px; height:100px;top: -3px;} .mypage .interested_items .list_in .table_body li {padding-left: 120px;} .shopping_basket.interested_items .table_body .listsec02 p {font-size: 1.125rem; } .mypage .interested_items .list_in .table_body { padding: 20px 0 !important;} /* .sec_in02 {display: inherit;} */ /* .sec_in02 > div { width: 100%;} */ .sec_in02 .shipping_fee{padding:30px 0} .sec_in02 .sec02_arr .puls{left: 50%;border:none;transform: translateX(-50%);top:-144%;} .sec_in02 .sec02_arr .result{left: 50%;border:none;transform: translateX(-50%);top: 151%;} .sec_in02 > div{border-right:none} .sec_in02{border-color:#ddd} .sec_in02 > div {padding: 21px 0;} .pc_ver .shopping_basket .munber input{padding-bottom: 0;padding-top:1px;} .address .shopping_basket .select_but > div:last-child .button button {height:100%;} .shopping_basket .select_but .button button{padding: 12px 8px;} .address .shopping_basket .select_but > div:last-child .button button{padding: 12px 8px; font-size: 14px;} .shopping_basket .select_but>div span{display: block;} } /* ********************************************* * * 400px max * ********************************************* */ @media (max-width:400px){ .shopping_tabSet.mo_pc_ver .shopping_basket .table_body .listsec02{padding-left:120px; padding-bottom:0; padding-top:0;;} .mo_pc_ver .shopping_basket .table_body .listsec02 >div:first-child i {position: absolute;top:90%;left:0;} .mo_ver .shopping_basket .table_body .listsec02 i { height: 127px;} /* .mo_ver .shopping_basket .listsec06 > div:last-child { display: inherit;} */ .shopping_tabSet ul.shopping_tabs { padding: 20px 10px 0;} .shopping_tabSet ul.shopping_tabs li a {padding: 10px;} .panel02 { padding: 40px 0px; } .shopping_basket .select_but .button button {font-size: 13px;} /* .shopping_basket .select_but > div:last-child{display: none;} */ .pc_ver .shopping_basket .select_sec .select01 {padding: 10px 10px;} .shopping_basket .table_body .listsec02 >div:first-child i {width: 100px;height: 100px;} .mo_pc_ver .shopping_basket .in_body ul {height: 100px;margin-bottom: 10px;} .mo_pc_ver .shopping_basket .table_body .listsec02 p {padding-left: 110px;} .mo_pc_ver .shopping_basket .in_body ul li {padding-left: 120px;} .mo_pc_ver .shopping_basket .listsec06 p:last-child { font-size: 1.125rem;} .payment02_mo.mo_ver .shopping_basket .listsec06 { width: calc(100% - 110px); padding-left: 0; } .mo_ver .shopping_basket .mo_ver_price02 { font-size: 1.25rem; font-weight: 500; } .mo_ver .shopping_basket .table_body .listsec02 {padding: 0;padding-bottom:10px;} .mo_ver .shopping_basket .select_sec .select01 {padding: 10px;} .mo_ver .shopping_basket .select_sec .select_in p:nth-child(2) {padding-left: 5px;} .payment .listsec07 > div:first-child {width: 110px;} .payment .listsec07 .gift_title {width: calc(100% - 110px);} /* .gift_select{position:absolute;bottom:10px;left:0;width: 100%;} */ .payment .listsec07 .gift_title select {padding: 5px;} .payment .listsec07 .gift_incon {margin-top: 5px; } .payment .listsec07 .gift_title dl{ display: flex; flex-direction: column; align-items: flex-start;} .payment .listsec07 .pd-sle-con dd { width: 100%; } .shopping_basket .table_body .listsec02{position:relative;padding-bottom:65px;} .mypage .interested_items .list_in .table_body {padding: 13px 0 65px !important} .interested_items.shopping_basket .listsec07 {width: 100% !important;} .interested_items.shopping_basket .table_body .listsec07 button{width:100%;} .interested_items.shopping_basket .listsec01 .d-block {top: 12px; } .interested_items.shopping_basket .listsec07 {bottom: 10px;} .pc_ver .shopping_basket .select_sec .select:last-child {flex-direction: column;} .pc_ver .shopping_basket .select_sec .select{position: relative;} .pc_ver .shopping_basket .select_sec .close{position:absolute;right:10px;top:50%;transform: translateY(-50%);} .pc_ver .shopping_basket .select_sec .select_in { width: calc(100% - 15px);} .shopping_tabSet .sec_in02 > div .tit{font-size:0.7rem} .sec_in02 .puls { font-size: 20px;width: 20px;} .sec_in02 .result { font-size: 20px;width: 20px;} .sec_in02 .total_payment { width: calc((100% - 40px)/3);} .sec_in02 .shipping_fee { width: calc((100% - 90px)/3);} .sec_in02 .amount_payment { width: calc((100% - 40px)/3);} .sec_in02 {padding: 0 10px;} .sec_in02 span.monny_span02 {font-size: 1.125em;font-weight: 500;} .sec_in02 span.monny_span {font-size: 1.125em;font-weight: 500;} .shopping_basket .select_but{flex-wrap: wrap;} .shopping_basket .select_but>div span{width: 50%;} .address .shopping_basket .select_but > div:last-child{width: 100% !important; margin-top: 12px;} .address .shopping_basket .select_but > div:last-child span {width: 100%;} .shopping_basket .select_but>div{width: 100%;} }