/* 너비 설정 */ .width_24{width:23.5%;} .width_32{width:32%;} .width_49{width:49%;} .width_100{width:100%;} .b_banner_sec {z-index: 1; background-color: #f7f9fb;} /* 서브페이지 css */ .b_sub_sec{padding: 100px 0;} .b_first_sec{margin-top: 120px; padding-top: 50px;} .b_tit_box .b_now_box{display: flex; align-items: center; column-gap: 7px; opacity: .5;} @media screen and (max-width: 1080px){ .b_first_sec{margin-top: 70px;} } @media screen and (max-width: 720px){ .b_first_sec{margin-top: 60px;} } /* 로그인 페이지 */ .b_login_wrap .b_txt_input{border-radius:5px; outline:0; padding:0 10px; font-size: 0.938rem;} #mb_login.b_login_sec{/*background-color: #f7f9fb;*/ margin:0; } #mb_login.b_login_sec .b_inner{max-width:450px;} #mb_login.b_login_sec h1{font-size: 1.5rem; margin:0; margin-bottom:20px; font-weight: 600;} #mb_login.b_login_sec #flogin{margin:0 auto;} #mb_login.b_login_sec #login_frm{padding:0; } #mb_login.b_login_sec .btn_submit{background-color: #021b59; font-size:0.938rem; height:50px; border-radius:5px; line-height: 50px;} #mb_login.b_login_sec .b_txt_input{margin:0; margin-bottom:10px; font-size: 0.938rem;} #mb_login.b_login_sec #login_pw{margin-bottom:0; } #mb_login.b_login_sec .mb_login_join{padding:0; margin-top:10px; } #mb_login.b_login_sec .mb_login_join > div{display:flex; justify-content:space-between; align-items:center; } #mb_login.b_login_sec .mb_login_join a{width:49%; height:50px; border-radius:5px; border:1px solid #ddd; background-color:#fff; display:flex; justify-content:center; align-items:center; color:#7f8d9d; font-weight:500; font-size:0.874rem;} #mb_login.b_login_sec #mb_login_notmb {padding:0 ; margin-top:40px; } #mb_login.b_login_sec #mb_login_notmb h2{font-size: 1.5rem; margin:0; margin-bottom:20px; font-weight: 600; padding:0 ; background:unset; display:none; } #mb_login.b_login_sec #mb_login_notmb #guest_privacy, #mb_login.b_login_sec #mb_login_notmb .chk_box{display:none; } #mb_login.b_login_sec #mb_login_notmb p{color: #7f8d9d;} #mb_login.b_login_sec #login_frm div{margin-top:5px; } #mb_login.b_login_sec #login_info label{font-size:0.874rem;} #mb_login.b_login_sec #mb_login_od_wr {padding:0; margin-top:50px; border:0; } #mb_login.b_login_sec #mb_login_od_wr h2{font-weight: 600;font-size: 1.125rem;margin-bottom: 20px;} #mb_login.b_login_sec #mb_login_odinfo{background:unset; border:0; padding:0; } #mb_login.b_login_sec #mb_login_od_wr p{font-size:0.938rem; font-weight:400; /* word-break:keep-all; */} /* 아이디/비번 찾기 */ #find_info.b_lost_sec .new_win_con{padding:0; } #find_info.b_lost_sec h3{display:block; font-size:1.5rem; font-weight:600; margin-bottom: 20px;} #find_info.b_lost_sec form{max-width:450px; margin:0 auto;} #find_info.b_lost_sec #info_fs p{font-size:1rem; font-weight:400; color:#333; text-align:center; margin-bottom:30px; } #find_info.b_lost_sec .btn_submit{background-color: #021b59; font-size:0.938rem; height:55px; border-radius:5px; width:100%; } #find_info.b_lost_sec #captcha #captcha_key{outline:0; font-size: 0.938rem;} /* 회원가입약관 약관 페이지 */ .b_join_sec{background-color: #f7f9fb; margin-bottom:0; } .b_join_sec .b_inner{max-width:500px; background-color:#fff; padding: 30px; border-radius: 30px;} .b_join_sec h1{margin-top:0; font-size:1.375rem; text-align: center;} .b_join_sec #fregister textarea{resize:none; font-size: 0.874rem; line-height: 1.3; border-radius:3px; } .b_join_sec #fregister textarea:focus{box-shadow:none; border-color:inherit;} .b_join_sec .btn_submit{background-color: #021b59; font-size: 0.938rem; height:50px; border-radius:5px;} .b_join_sec #fregister h2{font-size:1rem; font-weight:600; padding-bottom: 0;} .b_join_sec #fregister .b_top_box{display:flex; align-items:center; padding-bottom: 10px;} .b_join_sec .fregister_agree input[type="checkbox"] + label{display:flex; align-items:center; } .b_join_sec .fregister_agree input[type="checkbox"] + label span{position:unset; margin-right:10px; } .b_join_sec .fregister_agree input[type="checkbox"] + label{color:#111; } .b_join_sec .fregister_agree input[type="checkbox"]:checked + label{color:#2260fc; } .b_join_sec .fregister_agree.chk_all input[type="checkbox"] + label span{width: 25px; height: 25px; background: url(/img/icon/chk_icon.png) no-repeat center / 100%; filter: brightness(0); opacity: .3; border:0; } .b_join_sec .fregister_agree.chk_all input[type="checkbox"]:checked + label span { filter: unset; opacity: 1;} .b_join_sec .fregister_agree input[type="checkbox"] + label span{width: 18px; height: 18px; background: url(/img/icon/chk_icon.png) no-repeat center / 100%; filter: brightness(0); opacity: .3; border:0; border-radius:0; } .b_join_sec .fregister_agree input[type="checkbox"]:checked + label span { filter: unset; opacity: 1;} .b_join_sec .tbl_head01 thead th{padding: 7px 0; border-top: 1px solid #000; font-size: 0.874rem; border-color: #e7e7e7; background-color: #f9f9f9; font-weight:500; } .b_join_sec .tbl_head01 td{font-size: 0.874rem; padding: 7px 5px;} /* 회원가입 폼 */ .b_join_sec #fregisterform {margin-top:20px; } .b_join_sec #fregisterform .frm_input{height: 45px; font-weight: 400; color: #111; border-radius: 5px; border: 1px solid #e7e7e7; background-color: #fff; outline: 0; padding: 0 10px; font-size: 1rem;} .b_join_sec #fregisterform .frm_input::placeholder{font-size:0.938rem; } .b_join_sec #fregisterform .form_01{margin: 0 0 20px 0;} .b_join_sec #fregisterform .form_01 li {margin-bottom:20px; } .b_join_sec #fregisterform .form_01 li.password {margin-bottom:0; } .b_join_sec #fregisterform .form_01 li > label{font-weight: 500; margin-bottom:10px; display:block; color:#7f8d9d; font-size: 0.938rem;} .b_join_sec #fregisterform .form_01 .frm_info{font-weight:400; } .b_join_sec #fregisterform .btn_confirm{margin-bottom:0; } /* 회원가입 완료페이지 */ .b_join_sec#reg_result {padding: 50px 0 100px;} .b_join_sec#reg_result .b_inner{padding: 50px 30px;} .b_join_sec#reg_result h2{font-size:1.5rem; font-weight: 400; margin-bottom: 30px;} .b_join_sec#reg_result h2 figure{width:60px; height:60px; border-radius:50%; background-color:#e5ecff; display:flex; align-items:center; justify-content:center; margin:0 auto; margin-bottom:20px; } .b_join_sec#reg_result h2 img{display:block; margin:0 auto; width:30px; } .b_join_sec#reg_result h2 strong{color:#111; font-weight:bold;} .b_join_sec#reg_result .reg_result_wr{padding:0; } .b_join_sec#reg_result p{word-break:keep-all; text-align:center; } .b_join_sec#reg_result .reg_cong{font-size:1.05rem; font-weight: 400; margin: 0; } .b_join_sec#reg_result .reg_cong strong{color:#2260fc; font-weight: 500;} .b_join_sec#reg_result .btn_confirm {margin-top:30px; margin-bottom: 0; } .b_join_sec#reg_result .btn_confirm a{border:1px solid #7f8d9d; color: #7f8d9d; background-color:#fff; font-weight: 500;} @media screen and (max-width: 720px){ .b_join_sec .b_inner{border-radius: 15px;} } /* 제품상세페이지 (휴대폰 - 기준) */ .b_detail_page {background-color: #f7f9fb; } .b_detail_page .b_bot_box .b_tit_box .b_left_box{display: flex; align-items: center; column-gap: 15px;} .b_detail_page .b_bot_box .b_tit_box .b_brand_list{display: flex; align-items: center; background-color: #fff; border-radius: 20px; height: 30px; border:1px solid #dce2f0; } .b_detail_page .b_bot_box .b_tit_box .b_brand_list li{padding:0 15px; border-radius: 20px; height: 100%; display: flex; align-items: center; color: #888; cursor: pointer;} .b_detail_page .b_bot_box .b_tit_box .b_brand_list li.on{background-color: #111; color: #fff;} .b_detail_page .b_pdt_info {display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap;} .b_detail_page .b_pdt_info .b_info_box{display: flex; background-color: #fff; border-radius: 20px; padding: 35px 20px 35px 35px; width: 71.5%; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; } .b_detail_page .b_pdt_info .b_price_box{width: 26.5%; background-color: #fff; border-radius: 20px; padding-top: 10px; position: relative;} .b_detail_page .b_pdt_info .b_info_box .b_img_box{width: 35%; overflow: hidden;} .b_detail_page .b_pdt_info .b_info_box .b_txt_box{width: 60%; /*overflow: hidden;*/} .b_detail_page .b_pdt_info .b_info_box .b_big_box figure{display: flex; align-items: center; justify-content: center; aspect-ratio: 1 / 1;} .b_detail_page .b_pdt_info .b_info_box .b_big_box figure img{display: block; width: 100%; height: 100%; object-fit: contain;} .b_detail_page .b_pdt_info .b_info_box .b_small_box {margin-top: 30px; padding-right: 2px;} .b_detail_page .b_pdt_info .b_info_box .b_small_box figure{border: 1px solid #e7e7e7; border-radius:5px ; aspect-ratio: 1/1 ; display: flex; align-items: center; justify-content: center; padding: 10px;} .b_detail_page .b_pdt_info .b_info_box .b_small_box img{display: block; width: 100%; /*max-width: 37px;*/ height: auto;} .b_detail_page .b_pdt_info .b_info_box .b_small_box .swiper-slide-thumb-active figure{border-color: #2260fc;} .b_detail_page .b_pdt_info .b_info_box .b_tit_box{flex-direction: column; row-gap: 12px; align-items: flex-start; margin-bottom: 25px;} .b_detail_page .b_pdt_info .b_info_box .b_tit_box .b_model_txt {color: #999;} .b_detail_page .b_pdt_info .b_choice_box > ul{display: flex; flex-direction: column; row-gap:15px;} .b_detail_page .b_pdt_info .b_choice_box > ul > li{display: flex; align-items: center; flex-wrap: wrap;} .b_detail_page .b_pdt_info .b_choice_box > ul > li .b_tit_txt{width: 120px; } .b_detail_page .b_pdt_info .b_choice_box .b_input_wrap{display: flex; align-items: center; width: calc(100% - 120px); justify-content: space-between; flex-wrap: wrap; } .b_detail_page .b_pdt_info .b_choice_box .b_input_wrap figure img {width: 100%;} .b_detail_page .b_pdt_info .b_choice_box .bb_img {width: 100% !important;} .b_detail_page .b_pdt_info .b_choice_box > ul > li.b_color_set .b_input_wrap{column-gap: 5px; justify-content: flex-start;} .b_detail_page .b_pdt_info .b_choice_box > ul > li.b_color_set .b_input_wrap .color_name {margin-right:4px;} .b_detail_page .b_pdt_info .b_choice_box > ul > li.b_color_set input{width: 25px; height: 25px; border-radius: 50%; border:1px solid #d1d1d1; display: inline-block; appearance: none; position: relative;} .b_detail_page .b_pdt_info .b_choice_box > ul > li.b_color_set #color_01{background-color: #000;} .b_detail_page .b_pdt_info .b_choice_box > ul > li.b_color_set #color_02{background-color: #132e96;} .b_detail_page .b_pdt_info .b_choice_box > ul > li.b_color_set #color_03{background-color: #e36f6f;} .b_detail_page .b_pdt_info .b_choice_box > ul > li.b_color_set input::after{content:''; width:25px; height: 25px; background: url(/img/icon/check.png) no-repeat center; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); opacity: 0;} .b_detail_page .b_pdt_info .b_choice_box > ul > li.b_color_set input:checked:after{opacity: 1;} .b_detail_page .b_pdt_info .b_input_wrap .b_input_box{height: 35px;height: 45px;position: relative;display: flex;align-items: center;z-index: 5;font-size: 0.938rem;font-weight: 400;color: #a2a2a2;justify-content: center;} /* [수정됨] 다른 라벨에 영향 주지 않도록 .b_recom_slide 안으로 범위 한정 */ .b_detail_page .b_recom_slide .b_input_wrap .b_input_box label { width: 100%; height: 100%; display: flex; flex-direction: column; /* 뱃지와 텍스트가 겹치지 않도록 여백 확보 */ padding: 25px 12px; border: 1px solid #ddd; border-radius: 8px; position: relative; cursor: pointer; background-color: #fff; transition: all 0.2s; } /* 뱃지 디자인: 추천 옵션 영역 내의 row_price 클래스에만 적용 */ .b_detail_page .b_recom_slide .b_input_wrap .b_input_box.row_price label::after { content: attr(data-badge); position: absolute; top: 0; right: 12px; min-width: 55px; padding: 0 10px; height: 24px; background-color: #2b437f; color: #fff; font-size: 11px; font-weight: 600; display: flex; align-items: center; justify-content: center; border-radius: 0 0 5px 5px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); z-index: 10; } /* 선택 시 테두리 강조 (추천 옵션만) */ .b_detail_page .b_recom_slide .b_input_wrap .b_input_box input:checked + label { border-color: #2b437f; background-color: #f9faff; box-shadow: 0 4px 10px rgba(43, 67, 127, 0.1); } /* 내부 텍스트 정렬 (추천 옵션만) */ .b_detail_page .b_recom_slide .b_input_wrap .b_input_box label p { line-height: 1.4; text-align: left; } .b_detail_page .b_pdt_info .b_input_wrap .b_input_box input[type="radio"]{appearance: none;width: 100%;height: 100%;position: absolute;left: 0;top: 0;border-radius: 5px;border: 1px solid #f1f1f1;background-color: #f9f9f9;z-index: -1;} .b_detail_page .b_pdt_info .b_input_wrap .b_input_box input[type="radio"]:checked{border-color: #c5d1ee; background-color: #e5ecff;} .b_detail_page .b_pdt_info .b_input_wrap .b_input_box input[type="radio"]:checked + label{font-weight: bold; color: #2260fc;} .b_detail_page .b_pdt_info .b_input_wrap .b_alert i{margin-top: 7px; display: none;} .b_detail_page .b_pdt_info .b_input_wrap .b_alert i.on{display: block;} .b_detail_page .b_pdt_info .b_select_wrap {position: relative;} .b_detail_page .b_pdt_info .b_select_wrap > img {position: absolute; right: 15px; top: 50%; z-index: 7; width: 11px; transform: translateY(-50%);} .b_detail_page .b_pdt_info .b_select_wrap .b_input_box{/*color:#2260fc; */ border: 1px solid #c5d1ee; background-color: #e5ecff; height: 45px; border-radius: 5px; appearance: none; padding: 0 15px; outline: 0; font-weight: 500; /**/justify-content: flex-start;} .b_detail_page .b_pdt_info .b_select_wrap .b_input_box option{color:#111;} .b_detail_page .b_pdt_info .b_price_box .b_mo_btn{position: absolute; background-color:#fff; border:1px solid #ddd; border-bottom:0; transform: translateX(-50%); width: 70px; height: 25px; left: 50%; top: -26px; border-radius: 5px 5px 0 0; line-height: 2px; display: none;} .b_detail_page .b_pdt_info .b_price_box .b_mo_btn img{width: 10px; transform:rotate(180deg); transition: transform .3s;} .b_detail_page .b_pdt_info .b_price_box .b_box{padding: 15px 0; width: 85%; margin: 0 auto ; border-bottom: 1px solid #e7e7e7;} .b_detail_page .b_pdt_info .b_price_box .b_price_04{border-bottom: 0;} @media screen and (max-width: 720px){ .b_detail_page .b_pdt_info .b_choice_box > ul > li .b_tit_txt{width: auto;} } /* 제품상세페이지 - 휴대폰 셀렉트 관련 수정 */ .b_phone_detail .b_pdt_info .b_choice_box > ul > li{align-items:flex-start; width: 100%;} .b_phone_detail .b_pdt_info .b_choice_box > ul > li .b_tit_txt{line-height:45px;} .b_phone_detail .b_pdt_info .b_choice_box > ul > .b_color_set {align-items:center;} .b_phone_detail .b_pdt_info .b_choice_box > ul > .b_color_set .b_tit_txt{line-height:unset;} .b_phone_detail .b_pdt_info .b_info_box .b_txt_box{height: 483px; overflow-y: scroll;padding-right: 15px;} .b_phone_detail .b_pdt_info .b_info_box .b_txt_box::-webkit-scrollbar {width: 2px; } /* 1. 스크롤바 전체 너비 설정 (이 공간 안에 막대와 여백이 다 들어갑니다) */ .b_phone_detail .b_pdt_info .b_info_box .b_txt_box::-webkit-scrollbar { width: 8px; /* 너비를 넉넉하게 줍니다 */ } /* 2. 스크롤바 막대 꾸미기 (핵심 부분!) */ .b_phone_detail .b_pdt_info .b_info_box .b_txt_box::-webkit-scrollbar-thumb { background-color: #888; /* 막대 색상 */ border-radius: 10px; /* 막대 끝을 둥글게 */ } /* 3. 스크롤바 트랙 (기존대로 투명하게 유지) */ .b_phone_detail .b_pdt_info .b_info_box .b_txt_box::-webkit-scrollbar-track { background: transparent; } .b_phone_detail .b_pdt_info .b_select_wrap .b_input_box {cursor:pointer;} .b_phone_detail .b_pdt_info .b_select_wrap .b_input_box .plan_txt {color:#2260fc;} .b_phone_detail .b_pdt_info .b_select_wrap .b_input_box .plan_price {color:#333; margin-left:10px; } .b_phone_detail .b_pdt_info .b_select_wrap .b_plans_box{position:absolute; left:0; top:100%; width:100%; border: 1px solid #c5d1ee; border-top:0; background-color: #fff; border-radius: 0 0 5px 5px; padding: 0px 15px; height: 300px; overflow-y: scroll; display:none; z-index:10; } .b_phone_detail .b_pdt_info .b_select_wrap .b_plans_box li{padding: 10px 0; border-bottom: 1px solid #ddd; cursor:pointer;} .b_phone_detail .b_pdt_info .b_select_wrap .b_plans_box li:last-child{border-bottom: 0; } .b_phone_detail .b_pdt_info .b_select_wrap .b_plans_box li > div{display:flex; align-items:center; } .b_phone_detail .b_pdt_info .b_select_wrap .b_plans_box .b_bot_box{margin-top:5px; } .b_phone_detail .b_pdt_info .b_select_wrap .b_plans_box .b_bot_box p{display:flex; align-items:center; margin-right:10px; } .b_phone_detail .b_pdt_info .b_select_wrap .b_plans_box li img{width:12px; margin-right:3px;} .b_phone_detail .b_pdt_info .b_select_wrap .b_plans_box .plan_price{margin-left:10px;} .b_phone_detail .b_pdt_info .b_select_wrap .b_arw{transition: transform .2s;} .b_phone_detail .b_pdt_info .b_select_wrap.on .b_input_box{border-radius: 5px 5px 0 0; border-bottom:0;} .b_phone_detail .b_pdt_info .b_select_wrap.on .b_plans_box{} .b_phone_detail .b_pdt_info .b_select_wrap.on .b_arw{transform:translateY(-50%) rotate(-180deg); transition: transform .2s;} .b_phone_detail .b_pdt_info .b_choice_box > ul > .b_plan_list .b_plan_cont{margin-top:10px; color:#666; } .b_phone_detail .b_pdt_info .b_discount_list_01 .b_input_wrap .b_input_box{height:auto; padding: 13px 0; text-align: center; font-size: 0.874rem;} .b_phone_detail .b_pdt_info .b_discount_list_02 .b_input_box{border: 1px solid #f1f1f1; background-color: #f9f9f9; height: 45px; border-radius: 5px; } .b_phone_detail .b_pdt_info .b_discount_list_02 .b_input_box.on{border: 1px solid #c5d1ee; background-color: #e5ecff; color:#2260fc; } .b_phone_detail .b_pdt_info .b_discount_list_02 .b_input_box.on p{font-weight:700;} @media screen and (max-width: 720px){ .b_phone_detail .b_pdt_info .b_choice_box > ul > li .b_tit_txt{line-height:unset; } .b_phone_detail .b_pdt_info .b_choice_box > ul > .b_color_set {align-items: flex-start;} .b_phone_detail .b_pdt_info .b_info_box .b_txt_box{height:auto; overflow-y:unset; } } /* 제품상세페이지 - 휴대폰 > 할인 더받기 > 팝업 */ .b_discount_pop {position: fixed; left: 0; top: 0; z-index: 20; background-color: rgba(0, 0, 0, .7); width: 100%; height: 100%; display:none;} .b_discount_pop .b_box_wrap{background-color:#f7f9fb; width:94%; margin:0 auto; border-radius:20px; margin-top:150px; position:relative; max-width:500px; padding: 20px 10px; transform:translateY(30px) scale(0.98); opacity:0; transition:.2s; } .b_discount_pop .b_close_btn{width: 25px; height: 25px; position: absolute; right: 12px; top: 10px; display: flex; justify-content: center; align-items: center; opacity: .3;} .b_discount_pop .b_close_btn span{width: 16px; height: 2px; background-color: #111; position: relative; display: block; transform: rotate(45deg);} .b_discount_pop .b_close_btn span::after{content: ''; width: 2px; height: 16px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background-color: #111; } .b_discount_pop .b_tit_box{padding: 5px 0 25px;} .b_discount_pop .b_tit_box h5{display:flex; align-items:center; column-gap:10px; } .b_discount_pop .b_box_wrap.show{transform:translateY(0px) scale(1); opacity:1; transition:.4s; } .b_discount_pop .b_list_box li{cursor:pointer; padding:15px 20px; background-color:#fff; border-radius:5px; margin-bottom:10px; display:flex; justify-content:space-between; align-items:center; box-sizing:border-box; border: 1px solid #fff; transition:.2s; } .b_discount_pop .b_list_box li:last-child{margin-bottom:0; } .b_discount_pop .b_list_box li:hover{border-color: #c5d1ee; background-color: #e5ecff; transition:.2s; } /* 자체지원금 하단 점선 구분선 */ .b_phone_detail .b_pdt_info .b_choice_box > ul > li.border_dash { border-bottom: 1px dashed #d1d1d1; /* 1px 두께의 회색 점선 */ padding-bottom: 7%; /* 내용과 점선 사이의 위쪽 여백 */ margin-bottom: 3.5%; /* 점선과 아래 '할인 더 받기' 사이의 여백 */ } .b_discount_list_02 .b_discount_list {padding-top: 16px;} /* 제품상세페이지 - 휴대폰 > 할인 더받기 > 제휴카드 팝업 */ .b_discount_pop.b_card_pop .b_box_wrap{max-width:1100px; padding: 20px 0px;} .b_discount_pop.b_card_pop .b_slide_box {overflow:hidden; } .b_discount_pop.b_card_pop .b_slide_box li{border-radius:10px; background-color:#fff; padding-top: 20px; overflow:hidden; } .b_discount_pop.b_card_pop .b_slide_box figure img{display:block; width:100%; max-width: 180px; margin: 0 auto; } .b_discount_pop.b_card_pop .b_slide_box .b_box{margin-top:15px; padding: 0 12px;} .b_discount_pop.b_card_pop .b_slide_box .b_top_box{text-align:center; margin-bottom: 15px;} .b_discount_pop.b_card_pop .b_slide_box .b_top_box .b_card_sub {display:block; line-height:1.3; color:#999; } .b_discount_pop.b_card_pop .b_option {margin-bottom:10px; } .b_discount_pop.b_card_pop .b_option:last-child {margin-bottom:0; } .b_discount_pop.b_card_pop .b_option button{width:100%; height:32px; border:1px solid #2260fc; color:#2260fc; border-radius:3px; margin:0 auto; display:block; margin-top:5px;} .b_discount_pop.b_card_pop .b_option span{color:#666; } .b_discount_pop.b_card_pop .b_info_txt{height:110px; overflow-y:scroll; padding:10px; } .b_discount_pop.b_card_pop .b_info_txt::-webkit-scrollbar {width: 2px; } .b_discount_pop.b_card_pop .b_info_txt::-webkit-scrollbar-thumb {background: #ccc; } .b_discount_pop.b_card_pop .b_info_txt::-webkit-scrollbar-track {background: #eaeaea;} .b_discount_pop.b_card_pop .b_alert_txt{margin-top:20px; line-height:1.3; color: #7f8d9d;} .b_discount_pop.b_card_pop .b_option .b_span {font-size: 1.4rem; font-weight: 700; color: #e92f61; line-height: 1.5;} @media screen and (max-width: 1080px){ #b_dis_pop_01 .b_info_txt{height: 70px;} } @media screen and (max-width: 720px){ .b_discount_pop .b_box_wrap{margin-top: 50px; border-radius: 10px; padding: 20px 0;} .b_discount_pop .b_tit_box {padding: 0px 0 15px;} .b_discount_pop .b_tit_box h5 img{width:20px;} .b_discount_pop .b_list_box li{padding: 10px;} } /* 제품상세페이지 - 신청 버튼 */ .b_detail_page .b_pdt_info .b_submit_btn{border-bottom: 0; background-color: #2260fc; color: #fff; width: 100%; border-radius: 0 0 20px 20px;} .b_detail_page .b_pdt_info .b_submit_btn a{display: flex; align-items: center; justify-content: center; height: 53px; width: 100%; column-gap: 12px;} .b_detail_page .b_pdt_info .b_submit_btn img{transform: rotate(-90deg); filter: brightness(0) invert(1);} /* 제품상세페이지 - 가격 박스 */ .b_detail_page .b_pdt_info .b_price_box ul li{display: flex; justify-content: space-between; align-items: center; margin-bottom: 5px; } .b_detail_page .b_pdt_info .b_price_box ul li:last-child{margin-bottom: 0;} .b_detail_page .b_pdt_info .b_price_box .b_tit_txt{margin-bottom: 12px;} .b_detail_page .b_pdt_info .b_price_box .b_price_03 .b_tit_txt{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;} .b_detail_page .b_pdt_info .b_price_box .b_price_03 .b_plan_txt{border-radius: 5px; background-color: #e5ecff; padding: 3px 10px;} .b_detail_page .b_pdt_info .b_price_box .b_price_04 {display: flex; justify-content: space-between; align-items: flex-start; } .b_detail_page .b_pdt_info .b_price_box .b_price_04 .b_tit_txt {margin-bottom: 0;} .b_detail_page .b_pdt_info .b_price_box .b_price_04 .b_tit_txt span{color: #777777; display: block; line-height: 1.5;} .b_detail_page .b_pdt_info .b_price_box .b_price_04 p{line-height: 1;} /* 제품상세페이지 - 상세이미지/내용 */ .b_detail_cont{margin: 80px 0; width: 100%;} .b_detail_img img {width: 100% !important;} /* 제품상세페이지 - 제품 스펙 테이블 */ .b_detail_spec{margin-top: 80px; } .b_detail_spec > h3{margin-bottom: 20px;} .b_detail_spec table{display: flex; align-items: flex-start; flex-wrap: wrap; border-radius: 10px; width: 100%; background-color: #fff; overflow: hidden;} .b_detail_spec tbody{display: flex; flex-wrap: wrap; width: 100%;} .b_detail_spec table tr{/*display: flex; align-items: flex-start; flex-wrap: wrap; */ width: 50%; border-bottom: 1px solid #e7e7e7; } .b_detail_spec table tr:last-child{border-bottom: 0;} .b_detail_spec table td{padding: 0 10px; line-height: 1.2;} .b_detail_spec table .b_tit_txt{width: 180px; padding: 13px 20px; background-color: #edf1f6; color: #7f8d9d;} .b_detail_spec table .b_cont_txt{width: calc(100% - 180px); padding:0 10px; color: #666;} .b_detail_spec .b_alert_txt{margin-top: 10px; line-height: 1.2; color: #7f8d9d;} @media screen and (max-width: 1080px){ .b_detail_page .b_pdt_info .b_info_box{width: 100%; } .b_detail_page .b_pdt_info .b_price_box{width: 100%; position:fixed; left: 0; bottom: 0; z-index: 10; border-top: 1px solid #e7e7e7; border-radius:0; padding-top: 5px; } .b_detail_page .b_pdt_info .b_price_box .b_price_cont{display: none;} .b_detail_page .b_pdt_info .b_price_box .b_box{width: 94%; padding: 8px 0;} .b_detail_page .b_pdt_info .b_price_box .b_tit_txt {margin-bottom: 7px;} .b_detail_page .b_pdt_info .b_price_box ul li{margin-bottom: 3px;} .b_detail_page .b_pdt_info .b_price_box .b_submit_btn{border-radius: 0; height: 48px;} .b_detail_page .b_pdt_info .b_price_box.on{box-shadow: 0 -5px 20px rgba(0, 0, 0, .1);} .b_detail_page .b_pdt_info .b_price_box .b_mo_btn{display: block;} .b_detail_page .b_pdt_info .b_price_box.on .b_mo_btn img{transform: rotate(0); transition: transform .3s;} .b_detail_spec table tr{width: 100%; } .b_detail_spec table .b_tit_txt{width: 140px; padding: 10px 12px;} .b_detail_spec table .b_cont_txt{width: calc(100% - 140px); padding:0 10px;} } @media screen and (max-width: 720px){ .b_detail_cont{margin: 40px 0;} .b_detail_spec {margin-top: 40px;} .b_detail_page .b_tit_box {margin-bottom: 20px;} .b_detail_page .b_bot_box .b_tit_box .b_left_box {column-gap: 10px;} .b_detail_page .b_bot_box .b_tit_box .b_brand_list{height: 25px;} .b_detail_page .b_bot_box .b_tit_box .b_brand_list li {padding: 0 12px;} .b_detail_page .b_pdt_info .b_info_box{padding: 20px; border-radius: 10px; row-gap: 30px;;} .b_detail_page .b_pdt_info .b_info_box .b_tit_box{row-gap: 10px; margin-bottom: 20px;} .b_detail_page .b_pdt_info .b_info_box .b_img_box{width: 100%; padding-top: 20px; } .b_detail_page .b_pdt_info .b_info_box .b_txt_box{width: 100%; } .b_detail_page .b_pdt_info .b_info_box .b_big_box figure{aspect-ratio: unset;} .b_detail_page .b_pdt_info .b_info_box .b_big_box figure img{width:auto; height:auto; max-width: 100%;} .b_detail_page .b_pdt_info .b_info_box .b_small_box figure{border-radius: 4px; padding: 7px;} .b_detail_page .b_pdt_info .b_price_box .b_submit_btn a{column-gap: 5px; height: 100%;} .b_detail_page .b_pdt_info .b_price_box .b_submit_btn img{width: 10px;} .b_detail_page .b_pdt_info .b_input_wrap .b_input_box{font-size: 13px;} .b_detail_page .b_pdt_info .b_choice_box > ul > li{flex-direction: column; align-items: flex-start;} .b_detail_page .b_pdt_info .b_choice_box > ul > li .b_tit_txt {width: auto; margin-bottom: 10px;} .b_detail_page .b_pdt_info .b_choice_box .b_input_wrap{width: 100%;} .b_detail_page .b_pdt_info .b_choice_box li.b_color_set input{width: 15px; height: 15px; } .b_detail_page .b_pdt_info .b_choice_box li.b_color_set input::after{width: 15px; height: 15px; background-size: 14px; /*left: -1px;*/} .b_detail_page .b_pdt_info .b_choice_box .color_name {margin-right: 3px;} .b_detail_page .b_pdt_info .b_input_wrap .b_input_box input[type="radio"]{border-radius: 3px;} .b_detail_page .b_pdt_info .b_select_wrap img{right: 10px;} .b_detail_page .b_pdt_info .b_select_wrap .b_input_box{border-radius: 3px; padding: 0 10px;} .b_detail_page .b_pdt_info .b_price_box .b_price_03 .b_plan_txt{border-radius: 3px;} .b_detail_spec table{border-radius: 5px;} } @media screen and (max-width: 460px){ .b_detail_spec table .b_tit_txt{width: 120px;} .b_detail_spec table .b_cont_txt{width: calc(100% - 120px);} } /* 제품상세페이지 - 제품 옵션 슬라이드 (인터넷 기준) */ .b_detail_page .swiper-button-next, .b_detail_page .swiper-button-prev{position: unset;} .b_detail_page .b_pdt_info .b_choice_box .b_item_slide {position: relative; flex-direction: column; align-items: flex-start; row-gap: 20px; overflow: hidden;} .b_detail_page .b_pdt_info .b_choice_box .b_item_slide .b_input_wrap{flex-wrap: unset; justify-content: flex-start} .b_detail_page .b_pdt_info .b_choice_box .b_item_slide .b_navi_box{position:absolute; right: 0; top:0; display: flex; align-items: center; column-gap: 8px; z-index: 1;} .b_detail_page .b_pdt_info .b_choice_box .b_item_slide .b_navi_box > div{width: 30px; height: 30px; margin:0; border:1px solid #ccc; border-radius: 3px;} .b_detail_page .b_pdt_info .b_choice_box .b_item_slide .b_navi_box .b_prev img{transform: rotate(90deg); width: 11px;} .b_detail_page .b_pdt_info .b_choice_box .b_item_slide .b_navi_box .b_next img{transform: rotate(-90deg); width: 11px;} @media screen and (max-width: 720px){ .b_detail_page .b_pdt_info .b_choice_box .b_item_slide .b_navi_box{column-gap: 5px;} .b_detail_page .b_pdt_info .b_choice_box .b_item_slide .b_navi_box > div {width: 25px; height: 25px;} } /* 인터넷 상세페이지 */ .b_internet_detail {} .b_internet_detail .b_pdt_info .b_info_box .b_txt_box{width: 100%;} .b_internet_detail .b_pdt_info .b_choice_box > ul{row-gap: 55px;} .b_internet_detail .b_pdt_info .b_choice_box > ul > li{flex-direction: column; align-items: flex-start; row-gap: 20px;} .b_internet_detail .b_pdt_info .b_choice_box > ul > li .b_tit_txt{width: auto; margin-bottom: 0;} .b_internet_detail .b_pdt_info .b_choice_box .b_input_wrap{width: 100%; row-gap: 13px; align-items: flex-start;} .b_internet_detail .b_pdt_info .b_input_wrap .b_input_box {height: 70px; } .b_internet_detail .b_pdt_info .b_input_wrap .b_input_box label{flex-direction: column;} .b_internet_detail .b_pdt_info .b_telecom_li .b_input_wrap .b_input_box label{row-gap: 5px;} .b_internet_detail .b_pdt_info .b_internet_li .b_input_wrap .b_input_box {height: 160px;} .b_internet_detail .b_pdt_info .b_internet_li .b_input_wrap .b_input_box label{padding:20px;align-items: flex-start;row-gap: 12px;display: flex;width: 100%;} .b_internet_detail .b_pdt_info .b_internet_li .b_input_wrap .b_input_box label strong{color: #000;} .b_internet_detail .b_pdt_info .b_internet_li .b_input_wrap .b_input_box input[type="radio"]:checked + label p{color: #111;} .b_internet_detail .b_pdt_info .b_internet_li .b_input_wrap .b_input_box input[type="radio"]:checked + label span{color: #111;} .b_internet_detail .b_pdt_info .b_internet_li .b_input_wrap .b_input_box input[type="radio"]:checked + label strong{font-weight: bold; color: #2260fc;} .b_internet_detail .b_pdt_info .b_choice_box .b_sub_input{justify-content: flex-start; column-gap: 20px;} .b_internet_detail .b_pdt_info .b_choice_box .b_sub_input label{display: flex; align-items: center;} .b_internet_detail .b_pdt_info .b_choice_box .b_sub_input label input{margin-right: 4px; width: 15px; height: 15px; appearance: none; border: 1px solid #ccc; border-radius: 3px; position: relative;} .b_internet_detail .b_pdt_info .b_choice_box .b_sub_input label input:checked{background-color: #2260fc; border-color: #2260fc;} .b_internet_detail .b_pdt_info .b_choice_box .b_sub_input label input::after {content: ''; width: 15px; height: 15px; background: url(/img/icon/check.png) no-repeat center; background-size: 18px; position: absolute; left: -1px; top: -1px; opacity: 0;} .b_internet_detail .b_pdt_info .b_choice_box .b_sub_input label input:checked:after {opacity: 1;} .b_internet_detail .b_pdt_info .b_price_box .b_submit_btn a{height: 70px; flex-wrap: wrap; flex-direction: column; row-gap: 5px;} .b_internet_detail .b_pdt_info .b_price_box .b_submit_btn .b_btn_area{display: flex; align-items: center; column-gap: 12px;} .b_internet_detail .b_pdt_info .b_price_box .b_submit_btn .b_number_txt{width: 100%; text-align: center; line-height: 1;} .b_internet_detail .b_pdt_info .b_price_box .b_submit_btn .b_number_txt img{width: 12px; margin-right: 3px; transform: none;} .b_internet_detail .b_pdt_info .b_price_box .b_submit_btn .b_number_txt span{margin-right: 5px;} .b_internet_detail .b_pdt_info .b_choice_box .b_tab_box{display: none;} .b_internet_detail .b_pdt_info .b_choice_box .b_tab_box.on{display: flex;} @media screen and (max-width: 1080px){ .b_internet_detail .b_pdt_info .b_price_box .b_submit_btn{height: auto;} .b_internet_detail .b_pdt_info .b_price_box .b_submit_btn a{height: 53px;} } @media screen and (max-width: 720px){ .b_internet_detail .b_pdt_info .b_choice_box > ul {row-gap: 30px;} .b_internet_detail .b_pdt_info .b_choice_box > ul > li{row-gap: 10px;} .b_internet_detail .b_pdt_info .b_choice_box .b_sub_input{column-gap: 10px;} .b_internet_detail .b_pdt_info .b_choice_box .b_input_wrap{row-gap: 8px;} .b_internet_detail .b_pdt_info .b_telecom_li .b_input_wrap .b_input_box {height: 50px; width: 49%;} .b_internet_detail .b_pdt_info .b_telecom_li .b_input_wrap .b_input_box label {row-gap: 2px;} .b_internet_detail .b_pdt_info .b_input_wrap .b_input_box label img{height: 25px;} .b_internet_detail .b_pdt_info .b_internet_li .b_input_wrap .b_input_box {width: 100%;} .b_internet_detail .b_pdt_info .b_internet_li .b_input_wrap .b_input_box label{padding: 10px 15px; row-gap: 7px;} } /* 제품리스트페이지 - 필터 (정수기 기준) */ .b_filter_box {margin-bottom: 30px; background-color: #fff; border-radius: 15px;} .b_filter_box > ul {padding: 20px;} .b_filter_box > ul > li{display: flex; flex-wrap: wrap; border-bottom:1px solid #e7e7e7; padding: 15px 0;} .b_filter_box > ul > li:first-child{padding-top: 0;} .b_filter_box > ul > li:last-child{border-bottom: 0; padding-bottom: 0;} .b_filter_box .b_filter_tit{width: 120px; padding: 0 10px; border-right: 1px solid #ddd;} .b_filter_box .b_filter_list{width: calc(100% - 120px); display: flex; align-items: center; column-gap: 30px; padding-left: 20px; flex-wrap: wrap; row-gap: 10px;} .b_filter_box .b_filter_list li.on > a{color: #2260fc; font-weight: bold;} @media screen and (max-width: 1080px){ .b_filter_box .b_filter_tit{width: 100px; } .b_filter_box .b_filter_list{width: calc(100% - 100px); row-gap: 5px; column-gap: 20px;} } @media screen and (max-width: 720px){ .b_filter_box{ border-radius: 10px;} .b_filter_box > ul {padding: 20px 15px;} .b_filter_box > ul > li{padding: 12px 0;} .b_filter_box .b_filter_tit {width: 100%; border-right: 0; padding: 0; margin-bottom: 7px;} .b_filter_box .b_filter_list{width: 100%; padding-left:0; column-gap: 10px;} } /* 제품리스트페이지 */ .pdt_list_page {background-color: #f7f9fb; } .pdt_list_page .b_tit_box {margin-bottom: 35px;} .pdt_list_page .b_bot_box .b_tit_box .b_left_box{display: flex; align-items: center; column-gap: 15px;} .pdt_list_page .b_bot_box .b_brand_list{display: flex; align-items: center; background-color: #fff; border-radius: 20px; height: 30px; border:1px solid #dce2f0; } .pdt_list_page .b_bot_box .b_brand_list li{padding:0 15px; border-radius: 20px; height: 100%; display: flex; align-items: center; color: #888; cursor: pointer;} .pdt_list_page .b_bot_box .b_brand_list li.on{background-color: #111; color: #fff;} .pdt_list_page .b_list_num{color:#666; margin-bottom:20px;} .pdt_list_page .b_list_num b{margin: 0 4px;} /* 정수기 제품리스트페이지 */ .b_purifier_list .b_list_box .b_price_box .b_total_price{display: flex; align-items: center; justify-content: space-between;} /* 정수기 상세페이지 */ .b_purifier_detail .b_pdt_info .b_choice_box > ul > li.b_item_slide .b_tit_txt{width:100%; display: flex; align-items: center; } .b_purifier_detail .b_pdt_info .b_choice_box .b_item_slide{row-gap: 10px; padding-top: 10px;} .b_purifier_detail .b_pdt_info .b_choice_box .b_item_slide .b_pop_btn {margin-left:15px; background-color: #fff; color: #999; border:1px solid #d1d1d1; padding:0 5px; border-radius:3px; display:block; height: 25px; line-height: 22px;} .b_purifier_detail .b_pdt_info .b_input_wrap .b_input_box{color: #555;} .b_purifier_detail .b_pdt_info .b_choice_box li.b_color_set #color_01{background-color: #fff;} .b_purifier_detail .b_pdt_info .b_choice_box li.b_color_set #color_02{background-color: #666;} .b_purifier_detail .b_pdt_info .b_choice_box li.b_color_set #color_03{background-color: #f9d5d1;} .b_purifier_detail .b_pdt_info .b_choice_box li.b_color_set #color_04{background-color: #b6c3d6;} /* 컬러셋 흰색일 경우 체크 이미지 반전 */ .b_detail_page .b_pdt_info .b_choice_box li.b_color_set .b_white::after{filter: contrast(0.3);} /* 가격 박스 없는 상세페이지 */ .b_detail_page.no_price_box .b_pdt_info .b_info_box{width: 100%; justify-content: space-around;} .b_detail_page.no_price_box .b_pdt_info .b_info_box .b_img_box{width: 25%; } .b_detail_page.no_price_box .b_pdt_info .b_choice_box .b_item_slide .b_input_wrap{width: 100%; } .b_detail_page.no_price_box .b_pdt_info .b_choice_box .b_item_slide .b_input_wrap .b_input_box {height: auto;} .b_detail_page.no_price_box .b_pdt_info .b_choice_box .b_item_slide .b_input_wrap .b_input_box label{flex-direction: column;padding: 36px 20px 20px 20px;align-items: flex-start;row-gap: 12px;} .b_detail_page.no_price_box .b_pdt_info .b_choice_box .b_item_slide .b_input_wrap .b_input_box label p{line-height: 1.3;} .b_detail_page.no_price_box .b_pdt_info .b_choice_box .b_item_slide .b_input_wrap .b_input_box label span{line-height: 1.3;} .b_detail_page.no_price_box .b_pdt_info .b_choice_box .b_item_slide .b_input_wrap .b_input_box label p b{margin-right: 10px;} .b_detail_page.no_price_box .b_pdt_info .b_input_wrap .b_input_box input[type="radio"]:checked + label{color:#111;} .b_detail_page.no_price_box .b_pdt_info .b_input_wrap .b_input_box input[type="radio"]:checked + label strong{color:#2260fc;} .b_detail_page.no_price_box .b_pdt_info .b_submit_btn{border-radius: 5px;} @media screen and (max-width: 1080px){ .b_detail_page.no_price_box .b_pdt_info .b_info_box .b_img_box {width: 35%;} } @media screen and (max-width: 720px){ .pdt_list_page .cate_tit_box .b_tit_box{flex-direction: column-reverse; align-items: flex-start; } .pdt_list_page .b_tit_box .b_now_box{margin-bottom: 7px;} .pdt_list_page .b_tit_box {margin-bottom: 20px;} .b_detail_page.no_price_box .b_pdt_info .b_info_box .b_img_box{width: 100%; } .b_detail_page.no_price_box .b_pdt_info .b_choice_box .b_item_slide .b_input_wrap .b_input_box label{padding: 10px 15px; row-gap: 7px;} .b_purifier_detail .b_pdt_info .b_choice_box > ul > li.b_item_slide .b_tit_txt{margin-bottom:0; } .b_purifier_detail .b_pdt_info .b_choice_box .b_item_slide .b_navi_box{top: 6px;} } /* 쇼핑몰 상세페이지 */ .b_shop_detail .b_pdt_info .b_info_box{width: 100%; justify-content: space-around;} /*.b_shop_detail .b_pdt_info .b_info_box .b_img_box{width: 45%;}*/ .b_shop_detail .b_pdt_info .b_info_box .b_txt_box {width: 50%;} .b_shop_detail .b_pdt_info .b_info_box .b_tit_box .b_sub_txt{color:#7f8d9d; display: flex; align-items: center; column-gap:5px;} .b_shop_detail .b_pdt_info .b_info_box .b_tit_box .b_sub_txt img{transform:rotate(-90deg); width:11px; } .b_shop_detail .b_info_box .b_input_wrap span{line-height:1.5; } .b_shop_detail .b_info_box .b_sale_price{margin-bottom:20px;} .b_shop_detail .b_info_box .b_sale_price .b_percent{margin-right:8px; } .b_shop_detail .b_info_box .b_sale_price .b_cost_txt{color:#999; text-decoration: line-through ;} .b_shop_detail .b_info_box .b_sale_price .b_sale_txt{margin-top: 10px;} .b_shop_detail .b_info_box .b_txt_box .b_tot_price{display:flex; align-items:center; justify-content:space-between; margin:30px 0;} .b_shop_detail .b_info_box .b_txt_box .b_btn_box{display: flex; align-items: center; justify-content: space-between; } .b_shop_detail .b_info_box .b_txt_box .b_btn_box .b_btn{height: 53px; display:flex; align-items:center; justify-content:center ; border-radius:5px; } .b_shop_detail .b_info_box .b_txt_box .b_btn_box .b_cart_btn{background-color:#edf1f6; color: #7f8d9d;} .b_shop_detail .b_info_box .b_txt_box .b_btn_box .b_submit_btn{width:49%; } .b_shop_detail .b_pdt_info .b_price_box{width: 100%; } @media screen and (max-width: 720px){ .b_shop_detail .cate_tit_box{margin-bottom:0; } .b_shop_detail .b_pdt_info .b_info_box .b_txt_box{width: 100%; margin-top: 20px;} .b_shop_detail .b_info_box .b_sale_price .b_sale_txt {margin-top: 0px;} .b_shop_detail .b_pdt_info .b_price_box{padding-top:10px; } .b_shop_detail .b_info_box .b_txt_box .b_tot_price{width: 94%; margin: 0 auto; padding-bottom:10px;} .b_shop_detail .b_info_box .b_txt_box .b_btn_box .b_btn{width: 100%; border-radius:0; height: 48px;} } .b_shop_list .cate_tit_box .b_cate_list{justify-content: flex-start; column-gap: 1.8%;} .b_shop_list .b_list_box .b_total_price {text-align: right;} .b_shop_list .b_list_box .b_total_price b{margin-right: 5px;} .b_shop_list .b_list_num{display: flex; align-items: center; justify-content: space-between; } .b_shop_list .b_list_filter{display: flex; align-items: center; column-gap: 20px;} .b_shop_list .b_list_filter li span{opacity:.6; } .b_shop_list .b_list_filter li.on a span{opacity:1; font-weight:700; text-decoration:underline; } @media screen and (max-width: 720px){ .b_shop_list .b_list_filter{column-gap: 10px;} } /* 렌탈신청페이지 */ .b_form_page {background-color: #f7f9fb; } .b_form_page .b_inner{max-width: 500px; } .b_form_page .b_step_list {margin-bottom: 60px;} .b_form_page .b_step_list ul{display: flex; align-items: flex-start; column-gap: 50px; justify-content: center; position: relative;} .b_form_page .b_step_list ul::after{content: ''; width: 72%; height: 1px; background-color: #7f8d9d; position: absolute; left: 50%; top: 15px; transform: translateX(-50%); z-index: 1; opacity: .2;} .b_form_page .b_step_list ul li{display: flex; align-items: center; flex-direction: column; row-gap: 10px; position: relative; z-index: 3;} .b_form_page .b_step_list .b_num{width: 31px; height: 31px; border-radius: 50%; border: 4px solid rgba(34,96,252,.15); color: #7f8d9d; background-color: #fff; display: flex; align-items: center; justify-content: center; text-align: center;} .b_form_page .b_step_list li p{color: #7f8d9d;} .b_form_page .b_step_list li.on .b_num{border-color: #2260fc; color: #2260fc;} .b_form_page .b_step_list li.on p{color: #2260fc;} .b_form_page .b_step_box{padding: 30px; border-radius: 10px; background-color: #fff;} .b_form_page .b_step_box .b_tit_box{margin-bottom: 20px;} .b_form_page .b_step_cont .b_price_box{display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; padding-top: 15px; border-top: 1px solid #e7e7e7;} .b_form_page .b_step_cont .b_price_box span strong{color: #999; margin-top: 5px; display: block;} .b_step_cont .b_form_list {display: flex; flex-direction: column; row-gap: 20px;} .b_step_cont .b_form_list li.b_other_box{display: none;} .b_step_cont .b_form_list .b_tit_txt{margin-bottom: 10px; display: flex; align-items: flex-start;} .b_step_cont .b_form_list .b_tit_txt .b_required{display: block; width: 4px; height: 4px; border-radius: 50%; background-color: #2260fc; margin-left: 3px;} .b_step_cont .b_form_list .b_input_wrap{flex-wrap: wrap; display: flex; width: 100%; row-gap: 13px; align-items: flex-start; justify-content: space-between;} .b_step_cont .b_form_list .b_input_box{height: 45px; position: relative; display: flex; justify-content: center; align-items: center; z-index: 5; font-size: 0.938rem; font-weight: 400; color: #a2a2a2; } .b_step_cont .b_form_list .b_input_box label {} .b_step_cont .b_form_list .b_input_box input[type="radio"]{appearance: none; width: 100%; height: 100%; position: absolute; left: 0; top: 0; border-radius: 5px; border: 1px solid #e7e7e7; background-color: #fff; z-index: -1; } .b_step_cont .b_form_list .b_input_box input[type="radio"]:checked{border-color: #c5d1ee; background-color: #e5ecff;} .b_step_cont .b_form_list .b_input_box input[type="radio"]:checked + label p{font-weight: bold; color: #2260fc;} /* 렌탈신청페이지 > 버튼 */ .b_form_page .b_btn_box{margin-top: 20px; display: flex; align-items: center; justify-content: space-between;} .b_form_page .b_btn_box .b_btn{border-radius: 5px; display: flex; align-items: center; justify-content: center; height: 53px; border: 1px solid #e1e1e1; color: #888;} .b_form_page .b_btn_box .b_back_btn {} .b_form_page .b_btn_box .b_submit_btn{background-color: #2260fc; color: #fff; column-gap: 12px; border: 0;} .b_form_page .b_btn_box .b_submit_btn img{transform: rotate(-90deg); filter: brightness(0) invert(1);} /* 렌탈신청페이지 폼 텍스트 input */ .b_form_list .b_txt_input{height: 45px; font-weight: 400; color: #111; border-radius: 5px; border: 1px solid #e7e7e7; background-color: #fff; outline: 0; padding: 0 10px; font-size: 1rem;} .b_form_list .b_txt_input::placeholder{opacity: .7; font-size: 0.938rem;} /* 렌탈신청페이지 폼 셀렉트 */ .b_form_list .b_select_wrap {position: relative;} .b_form_list .b_select_wrap img {position: absolute; right: 15px; top: 50%; z-index: 7; width: 11px; transform: translateY(-50%);} .b_form_list .b_select_wrap .b_input_box{color: #666; border: 1px solid #e7e7e7; background-color: #fff; border-radius: 5px; appearance: none; padding: 0 15px; outline: 0; } /* 렌탈신청페이지 1 - 상품 신청서 (수정됨) */ .b_step_01 .b_step_cont .b_tit_txt{margin-bottom: 20px; padding: 5px 20px; color: #2260fc; border: 1px solid #2260fc; width: fit-content; border-radius: 50px;} /* 상품 리스트 스타일 */ .b_step_01 .b_product_info {border-top: 2px solid #333; margin-bottom: 20px;} .b_step_01 .b_product_info li { display: flex; align-items: center; justify-content: space-between; padding: 15px 5px; border-bottom: 1px solid #f0f0f0; } .b_step_01 .b_product_info li .label { width: 80px; color: #444; font-weight: 600; font-size: 16px; } .b_step_01 .b_product_info li .data { width: calc(100% - 80px); display: flex; justify-content: space-between; align-items: center; } .b_step_01 .b_product_info li .data .val {color: #666; font-size: 15px;} .b_step_01 .b_product_info li .data .price {color: #333; font-weight: 700; font-size: 16px;} /* 요금 상세 박스 스타일 */ .b_step_01 .b_calc_info { background-color: #f7f9fb; padding: 20px; border-radius: 8px; margin-bottom: 15px; } .b_step_01 .b_calc_info .row { display: flex; justify-content: space-between; margin-bottom: 10px; font-size: 15px; color: #666; } .b_step_01 .b_calc_info .row:last-child {margin-bottom: 0;} .b_step_01 .b_calc_info .row.discount {color: #2260fc;} .b_step_01 .b_calc_info .row.highlight {font-weight: 700;} /* 렌탈신청페이지 2 - 가입자 정보 입력 */ .b_post_wrap .b_post_btn{height:45px; width:100px; background-color: #eaeaea; border-radius: 5px; margin-right: 5px; font-size: 0.938rem; color: #555;} .b_post_wrap .b_readonly{width: calc(100% - 105px);} .b_step_02 .b_alert i{display: none;} .b_step_02 .b_alert i.on{display: block;} /* 렌탈신청페이지 3 - 사은품 받는 분 */ .b_step_03 .b_tit_box .b_alert{margin-top:15px; display: block; line-height: 1.3;} /* 렌탈신청페이지 5 - 약관 동의 */ .b_chk_wrap {margin-bottom: 30px; } .b_chk_wrap .b_all_chk{height: 50px;display: flex;column-gap: 10px;padding: 10px 15px;border: 1px solid #e7e7e7;border-radius: 5px;position: relative;cursor: pointer;user-select: none;align-items: center;} .b_all_chk label {cursor: pointer;display: inline-block;width: 85%; /* 화살표 제외하고 넓게 클릭 되도록 설정 */} .b_chk_wrap .b_all_chk.check{border: 1px solid #2260fc; background-color: #e5ecff; color: #2260fc;} .b_chk_wrap .b_all_chk input{appearance: none; position: relative; width: 25px; height: 25px; } .b_chk_wrap .b_all_chk input::after{content:''; width: 25px; height: 25px; background: url(/img/icon/chk_icon.png) no-repeat center / 100%;cursor:pointer; position: absolute; left: 0; top: 0; filter: brightness(0); opacity: .3;} .b_chk_wrap .b_all_chk input:checked:after{filter:unset; opacity: 1;} .b_chk_wrap .b_all_chk .b_toggle{position: absolute;right: 10px;width: 18px;height: 18px;cursor: pointer;transition: transform 0.3s ease;} .b_chk_wrap .b_all_chk .b_toggle.on {transform: rotate(180deg);} .b_chk_wrap .b_all_chk .b_toggle img{opacity: .7;} .b_chk_wrap .b_terms_list {display: none; /* 처음에 안 보이게 설정 */padding-top: 15px; /* 펼쳐졌을 때 간격 */border-top: 1px solid #eee; /* 구분선 (선택사항) */margin-top: 15px; /* 구분선 위 간격 (선택사항) */} .b_chk_wrap .b_terms_list li{display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px;} .b_chk_wrap .b_terms_list li:last-child{margin-bottom: 0;} .b_chk_wrap .b_terms_list label{display: flex;align-items: center;column-gap: 24px;cursor:pointer;} .b_chk_wrap .b_terms_list input{appearance: none; position: relative; width: 16px; height: 16px; } .b_chk_wrap .b_terms_list input::after{content:'';width: 16px;height: 16px;background: url(/img/icon/chk_icon.png) no-repeat center / 100%;position: absolute;left: 16px;top: 0;filter: brightness(0);opacity: .3;} .b_chk_wrap .b_terms_list input:checked:after{filter:unset; opacity: 1;} .b_step_05 .b_form_list .b_write_box .b_input_box{height: auto;} .b_step_05 .b_form_list textarea.b_txt_input{height: 120px; resize: none; padding: 10px;} /* 렌탈신청페이지 6 - 가입 신청 완료 */ .b_step_06 {text-align: center;} .b_step_06 .b_cont_box p{line-height: 1.5;} /* 이용약관/개인정보처리방침 */ .add_pop_wrap {display: none; /* 중요: 로딩 시 숨김 */position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.6); /* 배경을 조금 더 진하게 */z-index: 9999;backdrop-filter: blur(2px); /* (선택사항) 배경 흐림 효과 추가 */} /* 팝업 내부 박스 */ .add_pop_inner { position: absolute; top: 50%;left: 50%;transform: translate(-50%, -50%);width: 90%;max-width: 600px; /* 최대 너비 */background: #fff;border-radius: 15px; /* 모서리를 더 둥글게 */box-shadow: 0 10px 25px rgba(0,0,0,0.2); /* 그림자 더 부드럽게 */overflow: hidden; } /* [수정됨] 팝업 타이틀 영역 - 포인트 컬러 적용 */ .add_pop_tit { display: flex; justify-content: space-between; align-items: center; padding: 20px; background-color: #2260fc; /* 사이트 메인 파란색 적용 */ color: #fff; /* 글자색 흰색 */ } /* [수정됨] 타이틀 제목 */ .add_pop_tit h4 { margin: 0; font-size: 18px; font-weight: bold; color: #fff; /* 흰색으로 변경 */ } /* [수정됨] 닫기 버튼 (X 모양) - 흰색으로 변경 */ .add_pop_close { width: 30px; height: 30px; position: relative; background: none; border: none; cursor: pointer; opacity: 0.8; /* 약간 투명하게 */ transition: opacity 0.2s; } .add_pop_close:hover { opacity: 1; } .add_pop_close span { display: block; position: absolute; width: 100%; height: 2px; background: #fff; /* 흰색으로 변경 */ top: 50%; left: 0; } .add_pop_close span:first-child { transform: rotate(45deg); } .add_pop_close span:last-child { transform: rotate(-45deg); } /* 팝업 내용 영역 */ .add_pop_con { padding: 25px; height: 400px; overflow-y: auto; font-size: 14px; line-height: 1.7; color: #444; text-align: left; } /* 스크롤바 디자인 (크롬, 사파리 등) */ .add_pop_con::-webkit-scrollbar { width: 6px; } .add_pop_con::-webkit-scrollbar-thumb { background-color: rgba(34, 96, 252, 0.3); border-radius: 10px; } .add_pop_con::-webkit-scrollbar-track { background-color: rgba(0,0,0,0.05); } .add_pop_con h5 { font-size: 16px; font-weight: bold; margin-top: 25px; margin-bottom: 10px; color: #2260fc; /* 소제목도 파란색 포인트 */ } @media screen and (max-width: 720px){ .b_form_page .b_step_list {margin-bottom: 30px;} .b_form_page .b_step_list ul{column-gap: 30px;} .b_form_page .b_step_list ul::after{width: 260px;} .b_form_page .b_step_box{padding: 20px;} .b_form_page .b_btn_box{margin-top: 15px;} .b_form_page .b_submit_btn{height: 45px; column-gap: 5px;} .b_form_page .b_submit_btn img{width: 10px;} .b_form_page .b_step_01 .b_step_cont .b_tit_txt{margin-bottom: 15px; padding: 5px 12px;} .b_form_page .b_step_01 .b_step_cont .b_price_box{padding-top: 8px;} .b_step_01 .b_list_box li{margin-bottom: 8px;} .b_step_01 .b_list_box li span{width: 60px;} .b_chk_wrap .b_all_chk input{width: 16px; height: 16px; } .b_chk_wrap .b_all_chk input::after{width: 16px; height: 16px; } .b_chk_wrap .b_terms_list input{width: 13px; height: 13px; } .b_chk_wrap .b_terms_list input::after{width: 13px; height: 13px; } } /* 251125 영카트 커스텀 */ /* 쇼핑몰 상세페이지 */ .b_shop_detail .b_pdt_info .b_select_wrap .b_input_box{color: #111; margin: 0;} .b_shop_detail .b_pdt_info .get_item_options {width:100%; margin-bottom:15px; display: flex; align-items: center; flex-wrap: wrap;} .b_shop_detail .b_pdt_info .get_item_options:last-child{margin-bottom:0; } .b_shop_detail .b_pdt_info .get_item_options label{font-size: 0.938rem;font-weight: 500; width: 120px; margin: 0;} .b_shop_detail .b_pdt_info .get_item_options span{position:relative; width:calc(100% - 120px); } .b_shop_detail .b_pdt_info .get_item_options span:after{content:''; position:absolute; background:url(/img/icon/down_arw.png) no-repeat center; right: 15px; top: 50%; z-index: 7; width: 11px; transform: translateY(-50%); height:6px; } .b_shop_detail .b_info_box .b_txt_box .b_btn_box #sit_btn_cart{font-size:0; border:0; width:100%; height:100%; margin:0; line-height:unset; border-radius:0; background-color:transparent;} .b_shop_detail .b_info_box .b_txt_box .b_btn_box #sit_btn_buy{font-size:0; border:0; width:100%; height:100%; margin:0; line-height:unset; border-radius:0; background-color:transparent;} .b_shop_detail .b_info_box .b_txt_box .b_btn_box > a{position:relative; } .b_shop_detail .b_info_box .b_txt_box .b_btn_box input{position:absolute; left:0; top:0; width:100%; height:100%;} .b_shop_detail .b_info_box .sit_opt_subj{font-size:0.938rem; font-weight:500; } .b_shop_detail .b_pdt_info .b_info_box #sit_ov_wrap{display: flex; align-items: flex-start; flex-wrap: wrap; width: 100%; justify-content: space-around; margin-bottom: 0;} .b_shop_detail .b_pdt_info .b_info_box #sit_ov .sit_ov_wr{border:0; } .b_shop_detail .b_pdt_info .b_info_box .sit_ov_tbl{border:0; display: none;} .b_shop_detail .b_pdt_info .b_info_box{position:relative;} .b_shop_detail .deco_box{right:unset; left:25px; } .b_shop_detail #sit_ov{padding:0; } .b_shop_detail #sit_tot_price strong{font-weight:bold; } .b_shop_detail #sit_title{margin:0; } .b_shop_detail #sit_desc{margin:0; } .b_shop_detail #sit_btn_wish{display: none;} .b_shop_detail #sit_ov_btn {display: flex; align-items: flex-start; flex-wrap: wrap; width: 100%; justify-content: space-between; column-gap:2%;} .b_shop_detail #sit_ov_btn > input{width:49%; margin:0; border-radius: 5px;} .b_shop_detail #sit_ov_btn #sit_btn_cart{margin:0; background-color: #edf1f6; color: #7f8d9d; border: 1px solid #d1d1d1;} .b_shop_detail #sit_ov_btn #sit_btn_buy{background-color: #2260fc; color: #fff;} .b_shop_detail .sit_option{display: flex; align-items: flex-start; flex-direction:column; } .b_shop_detail #sit_sel_option{margin:0; } .b_shop_detail #sit_tot_price {margin:20px 0; font-weight:500; display: flex; align-items: center; justify-content: flex-end;} .b_shop_detail #sit_tot_price span{font-size:1rem; font-weight:500; margin-right:10px; } .b_shop_detail #sit_tot_price strong{margin-right:3px; } .b_shop_detail #sit_opt_added li .opt_name{padding-bottom:10px; } .b_shop_detail #sit_tab{width: 100%; padding:35px; border-radius:20px; background-color:#fff; margin-top: 50px;} .b_shop_detail #sit_tab .tab_tit li .selected{color: #2260fc;} .b_shop_detail #sit_tab .tab_tit li .selected:before{background-color: #2260fc;} .b_shop_detail #sit_rel{display:none;} .b_shop_detail #sit_tab .tab_tit li button{font-weight:500; font-size: 0.938rem;} .b_shop_detail #sit_tab .tab_tit li .selected{font-weight:600; } .b_shop_detail #sit_opt_added button i{font-size:10px; } .b_shop_detail #sit_opt_added .sit_opt_del i{font-size:12px; } .b_shop_detail #sit_opt_added .sit_opt_prc{font-size:0.938rem; font-weight:400; } .b_shop_detail #sit_use_wbtn .qa_wr, .b_shop_detail #sit_qa_wbtn .qa_wr{border: 1px solid #2260fc; color:#2260fc; background-color:#fff; line-height: 50px; font-weight:500; border-radius: 5px;} .b_shop_detail #sit_use_wbtn .btn01, .b_shop_detail #sit_qa_wbtn .btn01{line-height: 50px; border-radius: 5px; border: 1px solid #ccc; border-bottom: 1px solid #ccc;} .b_shop_detail #sit_inf_open{font-size:0.938rem; } @media screen and (max-width: 1280px){ .b_shop_detail .b_pdt_info .b_info_box .b_txt_box{width: 60%;} .b_shop_detail #sit_tab{margin-top: 30px;} } @media screen and (max-width: 720px){ .b_shop_detail .b_pdt_info .b_info_box .b_tit_box{margin-bottom: 10px;} .b_shop_detail .b_info_box .b_sale_price{display: flex; align-items: center; margin-bottom: 10px;} .b_shop_detail .b_info_box .b_sale_price .b_sale_txt{margin-left:10px; } .b_shop_detail .b_pdt_info .b_info_box .b_txt_box{width: 100%;} .b_shop_detail .b_pdt_info .b_choice_box > ul > li{flex-direction:row; align-items: center;} .b_shop_detail .b_pdt_info .b_choice_box > ul > li .b_tit_txt{width:80px; margin-bottom:0; } .b_shop_detail .b_pdt_info .b_choice_box .b_input_wrap{width: calc(100% - 80px);} .b_shop_detail .b_pdt_info .get_item_options label{width:80px; } .b_shop_detail .b_pdt_info .get_item_options span{width: calc(100% - 80px);} .b_shop_detail .b_pdt_info .b_info_box .b_img_box{padding-top: 0px;} .b_shop_detail #sit_tab{padding: 20px; border-radius: 10px; margin-top: 20px;} } /* 쇼핑몰 리스트 */ .b_shop_list .b_wrap_box .b_list_box > li{width: 23.5% !important;} .sct_10{margin:0;} .sct_10 .sct_txt{border-bottom:0; padding:0; margin:0;} .sct_10 .sct_li{margin:0;} .b_plan_txt {color:#333; } #sct_sortlst{border-bottom:0; } #sct_sort .b_list_filter{display: flex; border:0; right:0; top:-35px; } #sct_sort ul:before, #sct_sort ul:after{display:none; } #sct_lst{display:none; } #sct_sort li{border:0; } #sct_sort li a{background: transparent; opacity: .6; font-weight: 500; line-height: 1; padding:0; } .deco_box{position:absolute; right:15px; top:0; background-color:#111; color:#fff; padding:7px 10px; border-radius:0 0 8px 8px; font-size:0.874rem; font-weight:bold; } /* 상품 특징 아이콘(추천, 인기 등) */ #best_item{display:none; } .sct_10 .sit_icon{display: flex; flex-wrap: wrap; align-items: center; column-gap: 3px;} .shop_icon {font-weight: 500; font-size: 0.75rem; border-radius: 10px; padding: 3px 8px; line-height:1; margin:0;} .shop_icon_1 {background:#3ec1d3} .shop_icon_2 {color: #2260fc; background-color: rgba(34, 96, 252, .15);} .shop_icon_3 {background:#2dd49f} .shop_icon_4 {color: #ff8a00; background-color: rgba(255, 138, 0, .15);} .shop_icon_5 {background:#ff5081} @media screen and (max-width: 960px){ .b_shop_list .b_wrap_box .b_list_box {column-gap: 2%; row-gap: 15px;} .b_shop_list .b_wrap_box .b_list_box > li{width: 32% !important;} } @media screen and (max-width: 720px){ .b_shop_list .b_wrap_box .b_list_box {column-gap: 3%;row-gap: 10px;} .b_shop_list .b_wrap_box .b_list_box > li {width: 48.5% !important;padding: 20px 15px;} } /* 장바구니 커스텀 */ .sod_list{border-radius: 10px; overflow:hidden; margin: 0;} .sod_list .li_op_wr .chk_box{left: 15px;} .sod_list .total_img{left: 41px;} .sod_opt li:before{line-height: 15px;} .sod_list .sod_li{display: flex; align-items: center; justify-content: space-between; margin: 0; border-bottom: 0; padding: 12px 0 18px; border-bottom:1px solid #eaeaea; flex-wrap: wrap;} .sod_list .sod_li:last-child{border-bottom:0; } .sod_list .li_name{font-weight:bold; } .sod_list .mod_options{font-size:0.75rem; margin-top:0; font-weight:400; line-height: unset; padding: 3px 5px;} .sod_opt{padding-left:0; } .sod_opt li{font-weight:400; font-size:0.874rem; color:#333; } .sod_list .li_prqty_sp{display: flex; flex-direction: column; border-right: 0; font-size:0.938rem; align-items: center; text-align: center; width: 25%; padding: 0;} /* .sod_list .total_point {display:none; } */ .sod_list .li_op_wr{width: 50%; padding: 10px 10px 0 130px;} .sod_list .li_prqty{border-top: 0; display: flex; align-items: center; padding:0; width: 35%;} .sod_list .total_price{background:unset; width: 15%; text-align: center; padding: 0; margin: 0;} .sod_list .total_price strong{color: #111; font-weight:600; font-size: 0.938rem;} .sod_list .total_price b{font-weight:500; } .sod_list .total_price span{display: block; margin-bottom:7px; color:#7f8d9d; opacity:.8; width: 100%; font-size:0.938rem; font-weight:400; display:none; } .sod_list .li_prqty_sp span{font-weight:400; display:block; margin-bottom:7px; color:#7f8d9d; opacity:.8; display:none;} .sod_list .li_prqty_sp b{ font-weight:500;} #sod_bsk .btn_del_wr{margin:0; display: flex; column-gap: 5px; align-items: center; } #sod_bsk button.btn01{display: flex; align-items: center; justify-content: center; border: 1px solid #d1d1d1; padding: 7px 12px; border-radius: 5px; color: #999; font-size: 0.874rem;} #m_sod_bsk_tot{background: #fff; border-radius: 5px; } #m_sod_bsk_tot .sod_bsk_cnt{margin-top:0; background: unset; color: #333; padding: 20px; } #m_sod_bsk_tot .sod_bsk_cnt strong{color: #2260fc; } #mod_option_frm{left: 50%; max-width: 500px; transform:translateX(-50%); } #mod_option_frm h2{color: #111; font-weight:600; font-size: 1em;} #mod_option_frm h3{display:none; } #mod_option_frm .option_wr .get_item_options{margin-bottom:10px; } #mod_option_frm .option_wr label{font-size: 0.938rem; font-weight: 400; margin-bottom:10px; } #mod_option_frm .option_wr select{font-size: 0.874rem; height:40px; outline:0; padding:0 7px; } #sit_opt_added li .opt_name{font-size: 0.938rem; font-weight: 400;} #sit_opt_added button i{font-size: 10px;} #sit_opt_added .sit_opt_del i{font-size: 12px;} #sit_opt_added .sit_opt_prc{font-size: 0.938rem; font-weight: 400;} #mod_option_frm #sit_tot_price{text-align: right;} #mod_option_frm #sit_tot_price span{margin-right:5px; } #mod_option_frm #sit_tot_price strong{font-weight:600;} #mod_option_frm .btn_confirm .btn_submit{background: #2260fc; font-size: 1rem;} #sod_bsk .go_shopping{margin:0; } #sod_bsk .go_shopping .btn01{color: #2260fc; border:1px solid #2260fc; border-radius:5px; font-size: 1rem; } #sod_bsk_act{position: unset; box-shadow:none; background:unset; border-top:0; padding:0; margin-top:20px; } #sod_bsk_act .total{position: unset; display:none;} #sod_bsk_act .btn_submit{border-radius: 5px; background: #fff; height:50px; max-width:300px; color: #2260fc; border:1px solid #2260fc; margin-left:auto; font-size: 1rem; } .sod_list_tit{display: flex; align-items: center; justify-content: space-between; margin-bottom:15px; } .sod_list_tit li{display: flex; align-items: center; justify-content: center; text-align:center; font-weight:400; color:#7f8d9d; opacity:.8;} .sod_list_tit li.li_op_wr{width:50%;} .sod_list_tit li.li_prqty{width:35%;} .sod_list_tit li.li_prqty p{width:25%;} .sod_list_tit li.total_price{width:15%;} #sod_bsk .b_btn_wrap{display: flex; align-items: center; justify-content: space-between; margin:15px 0; } #sod_bsk #sod_chk{margin:0;} @media screen and (max-width: 720px){ #sod_bsk .b_list_wrap{overflow-x: scroll;} #sod_bsk .b_list_box{width:600px;} } /* 주문서 작성 */ #sod_frm .tbl_head03{margin:0; } .tbl_head03 table{border-bottom:0; } .tbl_head03 tbody {position:relative;z-index: 5;} .tbl_head03 tbody:after {content:''; width:100%; height:100%; border-radius: 10px; position:absolute; left:0; top:0; z-index:-1; background: #fff;} .tbl_head03 tbody tr{position:relative;} .tbl_head03 tbody tr:after {content:''; width:100%; height:1px; border-radius: 10px; position:absolute; left:0; bottom:0; background: #eaeaea;} .tbl_head03 tbody tr:last-child:after{display:none;} .tbl_head03 thead th{border-top:0; border-bottom:0; padding:0 0 15px; text-align: center; font-weight: 400; color: #7f8d9d; font-size:1rem; opacity: .8; } .tbl_head03 thead th.item_name{width:50%; } .tbl_head03 thead th.item_price{width:8.75%; } .tbl_head03 thead th.item_num{width:8.75%; } .tbl_head03 thead th.item_dvr{width:8.75%; } .tbl_head03 thead th.item_point{width:8.75%; } .tbl_head03 thead th.item_tot_price{width:15%; } .tbl_head03 td{border-top:0; border-left:0; font-weight: 500; border-bottom: 1px solid #eaeaea; background:unset; position:relative;z-index: 5;} .tbl_head03 tr:last-child td{border-bottom: 0;} .od_prd_list .td_prd{padding-left: 120px;} .od_prd_list .td_prd .sod_name{font-weight: bold;font-size: 1.083em;} .od_prd_list .td_prd .sod_img{left: 21px;} #sod_frm_taker h2, #sod_frm_orderer h2{font-weight:600; color:#111; margin-bottom:20px; padding: 0 10px;} .sod_frm_pc td .frm_input{border-radius:4px; font-size: 0.938rem; padding:0 10px; } .tbl_frm01 .frm_info{font-size: 0.874rem;} .sod_frm_pc #sod_frm_orderer .tbl_frm01 th, .sod_frm_pc #sod_frm_taker .tbl_frm01 th{font-weight: 400;} #sod_frm .tbl_frm01 th, #sod_frm .tbl_frm01 td{padding:0; } #sod_frm .tbl_frm01 th{line-height: 40px;} #sod_frm .tbl_frm01 td{padding-bottom: 5px;} #sod_frm .b_box_wrap{display:flex; align-items:flex-start; justify-content:space-between; margin-top:30px;} #sod_frm .b_box_wrap .sod_left{width: 60%; background-color:#fff; border-radius: 10px; overflow:hidden;} #sod_frm .b_box_wrap .sod_right{width: 38%;} #sod_frm_orderer{border-bottom:0; padding:20px 20px 0 20px; margin-bottom:30px; } #sod_frm_taker{border-bottom:0; padding:20px; border-top:0; } #sod_frm #od_memo{resize:none; border-radius:4px; font-size: 0.938rem; padding:10px; } #sod_frm .btn_confirm{margin:0; margin-top:10px; } #sod_frm .btn_confirm{margin-bottom:0; display:flex; align-items:center; justify-content:space-between; } #sod_frm .btn_submit{background: #2260fc; height:50px; font-size: 1rem; cursor:pointer; width: 49%;} #sod_frm .btn01{font-size: 1rem; width: 49%; height:50px; line-height:50px; color:#999; border:1px solid #d1d1d1; } #sod_frm .tbl_frm01 td .btn_address{height:40px; border-radius:4px; font-size: 0.938rem; margin-left: 2px; background-color: #eaeaea; color: #555; width: 100px; font-weight: 400;} #sod_frm_taker .order_choice_place{background:unset; border:0; padding:0; } #sod_frm #sod_bsk_tot .sod_bsk_cnt strong{color: #111; font-weight: 600;} #od_tot_price strong{color: #2260fc; font-weight: 600;} #forderform .sod_right #sod_bsk_tot{margin:0; } #sod_frm #sod_bsk_tot .sod_bsk_coupon:before, #sod_frm #sod_bsk_tot .sod_bsk_dvr:before{color: #7f8d9d; } #sod_frm #sod_bsk_tot .sod_bsk_point, #sod_frm #sod_bsk_tot .sod_bsk_cnt{padding: 0 10px; } .sod_frm_pc #sod_frm_pay{margin:0; } #sod_frm_pay{border-top:0; } #sod_frm_pay .pay_tbl{border-right: 1px solid #e3e5e8; border-left: 1px solid #e3e5e8;} #sod_frm_pay .pay_tbl th{border-bottom:0; } #sod_frm_pay .pay_tbl td{border-bottom:0; } #od_tot_price{border-right: 1px solid #e3e5e8; border-left: 1px solid #e3e5e8; margin:0; padding: 15px 10px; } #forderform .od_pay_buttons_el h3{font-weight:600; color:#111;} #sod_frm_pt_alert{background:unset; color: #7f8d9d; padding:0; word-break:keep-all; font-size: 0.874rem;} #sod_frm_pt_alert::before{display:none; } #od_pay_sl input[type="radio"]:checked+.lb_icon{border: 1px solid #2260fc;} .sod_frm_pc #settle_bank{border-top:0; } .sod_frm_pc #sod_frm_pay input[type="radio"]:checked+.lb_icon{color: #2260fc; font-weight: 400;} .sod_frm_pc #sod_frm_pay .lb_icon{border: 1px solid #d4d8dd; } #settle_bank #od_deposit_name{box-shadow:none; } @media screen and (max-width: 1080px){ #sod_frm #od_name, #sod_frm #od_tel, #sod_frm #od_hp, #sod_frm #od_pwd, #sod_frm #od_b_name, #sod_frm #od_b_tel, #sod_frm #od_b_hp, #sod_frm #ad_subject, #sod_frm #od_hope_date{width:100%; } } @media screen and (max-width: 720px){ #sod_frm .tbl_head03{overflow-x: scroll;} .tbl_head03 table{width:600px;} #sod_frm .b_box_wrap{flex-wrap:wrap; } #sod_frm .b_box_wrap .sod_left{width:100%; margin-bottom:20px; } #sod_frm .b_box_wrap .sod_right{width:100%; } #sod_frm_taker h2, #sod_frm_orderer h2{margin: 0 0 15px; padding:0; } #sod_frm div.tbl_frm01, #sod_frm_taker div.tbl_frm01{padding:0 !important; } } /* 주문 내역 */ #sod_fin_no{margin:0 0 20px; border: 1px solid #d6e2f4; font-weight: 400;} #sod_fin_no strong{font-weight:bold; color:#111; margin-left:10px; } #sod_list_inq .sod_opt{padding: 0;} #sod_fin .sod_list .li_total{width:15%; } #sod_fin .sod_list .li_total .total_price{width:100%; } #sod_fin #sod_list_inq .li_op_wr {padding-left: 120px;} #sod_fin #sod_list_inq .total_img {left: 29px;} #sod_fin #m_sod_bsk_tot{color:#333; border-radius: 0; border: 1px solid #e3e5e8;} #sod_fin .sod_opt .opt_name:before{line-height: 15px;} #sod_fin .sod_fin_list .prqty_stat{font-weight:500; font-size:0.874rem; } #sod_fin .sod_list .sod_li{font-weight: 500;} #sod_sts_wrap{margin:10px 0; } #sod_sts_explan_open{font-size:0.874rem; font-weight:500; } #sod_fin_legend{font-size:0.938rem; } #sod_fin_pay, #sod_fin_orderer, #sod_fin_receiver, #sod_fin_receiver, #sod_fin_dvr{margin: 10px 0 ;} #sod_fin_view h3{font-weight:bold;} #sod_fin_tot{margin: 10px 0 ;} #sod_fin_cancel{margin: 10px 0 ;} #sod_fin_cancel button{color: #777; } #sod_fin_cancelfrm .frm_input{font-size:0.938rem; border-radius: 5px; } #sod_fin_cancelfrm .btn_frmline{font-size:0.938rem; border-radius: 5px;} #sod_fin_tot h2{font-weight:bold;} #sod_fin_view table th{padding: 5px 0 5px 10px;} #sod_fin_view table td{padding: 5px 10px;} #sod_fin #m_sod_bsk_tot .sod_bsk_dvr{border-bottom:1px solid #eaeaea; } #sod_fin #m_sod_bsk_tot .sod_bsk_point{border-bottom:1px solid #eaeaea; } #sod_fin #m_sod_bsk_tot .sod_bsk_cnt{padding:10px; } #sod_fin #sod_list_inq .sod_opt{font-weight: 400; font-size: 0.874rem; color: #333;} #sod_fin #m_sod_bsk_tot dt{font-weight: 400; } #sod_fin #sod_fin_tot li{border-bottom:1px solid #eaeaea;} #sod_fin #sod_fin_tot li:last-child{border-bottom:0;} #sod_fin_cancel p{border: 1px solid #d50c0c; font-size: 1rem;} @media screen and (max-width: 720px){ #sod_fin .b_list_wrap{overflow-x: scroll;} #sod_fin .b_list_box{width:600px;} } /* 마이페이지 */ #smb_my_ov .b_my_tit{display:flex; flex-wrap:wrap; align-items:center; border-radius:10px; overflow:hidden; border-bottom:1px solid #eaeaea; } #smb_my_ov .my_name{padding:0; width:50%; border-bottom:0; padding: 0 20px;} #smb_my_ov .my_name .b_info_wrap{display:flex; align-items:flex-start; column-gap:10px; } #smb_my_ov .my_name .b_info_wrap p{font-weight:bold;} #smb_my_ov .smb_my_act{position:unset; margin-top: 5px;} #smb_my_ov .smb_my_act li a{display: flex;align-items: center; justify-content: center; border: 1px solid #d1d1d1; padding: 5px 9px; border-radius: 3px; color: #666; font-size: 0.874rem; line-height: unset; height:auto; } #smb_my_ov .my_pocou{width:50%; } #smb_my_ov .my_pocou li{text-align:center; border-right:0; border-left:1px solid #eaeaea; padding: 30px 0;} #smb_my_ov .my_pocou li span{font-weight: 400; font-size: 0.938rem; display: block; margin-bottom: 5px;} #smb_my_ov .my_pocou li a{color: #2260fc; font-weight:500;} #smb_my_ov .my_ov_btn{border-top:0; } #smb_my_ov .my_ov_btn button{text-align:center; border-bottom:0; } #smb_my_ov .my_ov_btn button span{font-size:0.938rem; margin-right:7px; font-weight:400;color:#7f8d9d; } #smb_my_ov .my_ov_btn button i{float:unset; color:#7f8d9d; opacity:.4;} #smb_my_ov .my_info{border-top:1px solid #eaeaea;} #smb_my_ov .my_info_wr strong{color:#7f8d9d; font-weight: 400; font-size: 0.874rem; } #sod_inquiry{ border-bottom:0;} #sod_inquiry li{border-top:0; border-radius:10px; overflow:hidden; padding: 20px 25px;} #sod_inquiry li .inquiry_price{color: #2260fc; font-size: 1.125em;} #sod_inquiry li .idtime_link{font-size: 1em;} #sod_inquiry li .idtime_time{margin-left:10px; font-size:0.938rem; } #smb_my .b_tit_box{margin-bottom:0; } #smb_my .btn_more{line-height:unset; margin:0 ; height:auto; color: #5f6d7d; display: flex; align-items: center; column-gap: 8px; background:unset; border-raidus:0; } #smb_my_od h2{font-weight:bold;} @media screen and (max-width: 720px){ #smb_my_ov .my_name{width:100%; padding:20px; } #smb_my_ov .my_pocou{width:100%; border-top: 1px solid #eaeaea;} #smb_my_ov .my_pocou li{padding: 15px 0;} #smb_my_ov .my_pocou li:first-child{border-left:0; } } /* 최근 주문내역 */ #sod_v_info{background:unset; font-size: 1rem; padding:0; margin:0; color: #7f8d9d; font-weight:500; margin-bottom:10px; } #sod_v_info:before{display:none; } #fregisterform .btn_confirm .btn_submit, #fregisterform .btn_confirm .btn_cancel{font-size:0.938rem; } /* 사용후기 페이지 */ #sps_sch{margin:0; } #sps_sch .sch_wr{font-size: 0.938rem; border: 1px solid #d0d3db; border-radius: 5px;} #sps_sch select{padding: 0 7px; border: 0; border-radius: 5px; } #sps_sch .sch_input{border-radius: 5px; } #sps_sch a{color:#2260fc;} .review_detail_cnt{background: rgba(0, 0, 0, 0.7);} .review_detail_in{left: 50%; width: 96%; padding: 0; max-width: 500px; height: 600px; transform: translateX(-50%); } .review_detail_inner{border-radius:20px; } .review_detail_inner h3{font-size:1.125rem; font-weight:bold;} .review_tp_cnt>span{ margin-bottom:5px;} .review_tp_cnt{padding-top: 10px;} /* 슬라이드 박스 기준 */ .b_slide_box { position: relative; /* 만약 버튼이 잘린다면 아래 속성을 주석 처리하거나 visible로 바꾸세요 */ /* overflow: hidden; */ } /* 1. 버튼 껍데기 스타일 */ .b_discount_pop .swiper-button-next, .b_discount_pop .swiper-button-prev { position: absolute !important; top: 17.5% !important; transform: translateY(-50%) !important; width: 32px !important; height: 32px !important; margin-top: 0 !important; z-index: 999 !important; /* 배경색 (진한 회색) */ background-color: #555 !important; border-radius: 50%; /* (선택사항) 원형으로 만들기 */ /* 내부 화살표 중앙 정렬 */ display: flex !important; align-items: center; justify-content: center; } /* 2. 좌우 위치 조정 */ /* -10px로 하면 화면 밖으로 나가서 안 보일 수 있으므로 우선 0으로 테스트해보세요 */ .b_discount_pop .swiper-button-next { right: 0 !important; } .b_discount_pop .swiper-button-prev { left: 0 !important; } /* 3. 화살표 직접 그리기 (CSS Border 방식) */ .b_discount_pop .swiper-button-next::after, .b_discount_pop .swiper-button-prev::after { content: '' !important; display: block !important; /* 이 속성이 없으면 크기가 안 잡힐 수 있음 */ width: 10px !important; /* 크기 약간 조정 */ height: 10px !important; border-top: 2px solid #fff !important; /* [중요] 검은색(#000) -> 흰색(#fff) 변경 */ border-right: 2px solid #fff !important; /* [중요] 검은색(#000) -> 흰색(#fff) 변경 */ font-size: 0 !important; /* 기존 폰트 아이콘 제거 */ } /* 오른쪽 화살표 회전 */ .b_discount_pop .swiper-button-next::after { transform: rotate(45deg); margin-left: -2px; /* 시각적 중앙 보정 */ } /* 왼쪽 화살표 회전 */ .b_discount_pop .swiper-button-prev::after { transform: rotate(-135deg); margin-right: -2px; /* 시각적 중앙 보정 */ }