/*공통*/ .fa-star{ color: #FFD966; margin: 0;} a.submit_btn, .submit_btn{ display:block; width:92%; border-radius:10px; background:#00b5d0; color:#fff; line-height:40px; height:40px; text-align:center; font-size:1.2em; margin: 0 auto; } a.btn_all_cancel{text-align: right; margin-bottom: 10px; font-size: 13px; background: #00B5D0; color: #fff; padding: 2px 12px;} /*좌우배너*/ .fixed_bn{position: fixed; top: 50%; transform: translateY(-50%); z-index: 999; left: 50%; width: 150px; height: 500px; background: #fff; border: 1px solid #ddd;} .fixed_bn a{display: block; width: 100%; height: 100%; cursor: pointer;} .fixed_bn img{width: 100%; height: 100%; object-fit: cover;} #left_bn{margin-left: -520px;} #right_bn{margin-left: 370px;} @media (max-width: 1000px) { .fixed_bn{display: none;} } /*카피라이터*/ #ft_copy{ font-size:0.8em; line-height:1.6em; border-top:1px solid #eee; padding:15px 20px;} #ft_copy p{margin-bottom:5px;} #ft_copy p:first-child{opacity:0.8;} #ft_copy p a:first-child{font-weight:600; color:#00b5d0;} /*메인*/ #visual{margin-bottom:0px; background:#f5f5f5;} #visual .swiper-button-next, #visual .swiper-button-prev{display:none;} #visual .swiper-slide{ display:flex; align-items: center; justify-content: space-between;} #visual .swiper-pagination-bullet-active{ background:#005d6c;} #visual .img{width:100%;} #visual .img img{ width:100%;} #visual .text p{ color:#005d6c; font-weight:700; font-size:1.3em;} #idx_cate h2{margin-bottom:5px; font-weight: 600; margin-left: 5px; margin-top: 15px; font-size: 1.1em;} #idx_cate ul{display:flex; align-items: center; justify-content: space-between; flex-wrap: wrap; background:#00b5d0; border-radius:10px; padding:20px; margin-bottom:10px} #idx_cate li{width:33%; text-align:center; padding:10px 0;} #idx_cate li a{display:block; color:#fff;} #idx_cate li i{font-size:2.5em; line-height:50px; display: none;} #idx_cate li img{ height: 90px;} #idx_cate li a p{margin-top:5px;} #idx_cate ul:first-child>li:first-child a i{ background:#fff; border-radius:50%; width:50px; height:50px; line-height:50px; color:#00b5d0;} #idx_cate ul.sup{ border:1px solid #bfbfbf; background:#f7fafa; color:#646062;} #idx_cate ul.sup li a{color:#646062;} #idx_cate ul.sup li i{color:#3e393b;} #copy{ padding: 20px; font-size: 0.9em;} #copy p{line-height: 1.4em; margin-right: 10px;} #copy p.co{ margin-top: 5px; font-size: 0.9em;} #ft_company p{line-height: 1.4em;} /*사용량계산기 모달*/ #wrapper #calculatorModal .modal-dialog {width:428px;margin:0 auto;} #wrapper #calculatorModal .modal-body {padding:24px 20px 30px;gap:0;} #calculatorModal .modal-body h4{margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #F0F0F0;text-align:left;font-size:16px;font-weight:bold;color:#333D4B;} #calculatorModal dl dt {margin-bottom:12px;line-height:1.6;font-size:14px;font-weight:400;color:#333D4B;} #calculatorModal dl + dl {margin-top:34px;} #calculatorModal dl dd {display:flex;flex-wrap:wrap;gap:7px 20px;} #calculatorModal dl dd > div {width:100%;} #calculatorModal .radio_style + label {font-weight:400;font-size:13px;} #calculatorModal .direct_input {display:inline-flex;gap:7px;align-items:center;margin-left:10px;} #calculatorModal .direct_input .frm_input {width: 80px;} #calculatorModal .expect {margin-top:30px;} #calculatorModal .expect_title {display:block;margin-bottom:12px;font-size:14px;;color:#00B5D0;} #calculatorModal .expect_count {display:flex;font-size:1.1em;justify-content:space-between;padding:10px;background-color:#fff;border-radius:6px;border:1px solid #f0f0f0;align-items:center;} #calculatorModal .expect_count_left {flex:1;display:flex;gap:6px;flex-wrap:wrap;} #calculatorModal .expect_count_left > span {border-radius: 6px;background: #f9f9f9;font-weight: bold;padding:8px 14px;color:#969696;font-size:14px;display:inline-block;} #calculatorModal .expect_count_right {color:#646062;font-size:14px;font-weight:bold;margin-right:6px;} #calculatorModal .modal-footer {display:flex;} #calculatorModal .modal-footer > * {flex: 1 1 0;margin:0;border-radius:0;} #calculatorModal .btn-sky { padding:0 12px; background: #00B5D0; color:#fff; border: 0; outline: none; font-weight: 600; line-height: 40px; font-size: 14px; } #calculatorModal .btn-gray { padding:5px 12px; background: #fff; border: 0; outline: none; border-top:1px solid #f0f0f0; font-weight: 600; line-height: 40px; font-size: 14px; } @media (max-width: 700px) { #wrapper #calculatorModal .modal-dialog {width:90%;} } /*전화상담요청 모달*/ #callModal .modal-body{ padding: 30px;} #callModal .modal-body h4{margin-bottom: 20px;} #callModal .modal-body .frm textarea{ line-height: 1.8em; padding: 10px; text-indent: 5px; word-break: break-word; outline: none} /*카테고리 모달*/ #categoryModal .modal-content {max-width:706px;} #categoryModal .category-wrap {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-top:20px;} #categoryModal .category-wrap .category-item {width:182px;height:182px;border-radius: 8px;text-align:center;display:flex;justify-content:center;align-items:center;transition:background .3s ease;flex-direction:column;justify-content:center;align-items:center;} #categoryModal .category-wrap .category-item.active {background: rgba(74, 202, 214, 0.20);} #categoryModal .category-wrap .category-item img {height:105px;width:auto;} #categoryModal .category-wrap .category-item span {display:block;text-align:center;color:#646062;font-size:15px;} #categoryModal h4 {margin-top:20px;color: #333D4B;font-size: 20px;font-weight: 700;text-align:center;} #categoryModal .modal-footer {padding:0;margin-top:40px;display:flex;gap:10px;} #categoryModal .modal-footer .mod_btn {flex: 1 1 0;font-size:15px;font-weight:500;line-height:1;padding:16px 0;} #categoryModal .modal-footer .btn-line {background-color:#fff;border: 1px solid #DDD;color:#646062;} @media (max-width: 706px) { #categoryModal .modal-dialog {width: auto !important;} #categoryModal .category-wrap .category-item {width:45%;height:auto;padding-bottom:16px;} .category-item.active {background: rgba(74, 202, 214, 0.20);} } /*카테고리 모달*/ #recommendModal .modal-content {max-width:706px;} #recommendModal .rc-wrap {margin-top:20px;} #recommendModal .rc-wrap .rc-item {margin-top:20px;display:flex;gap:40px;padding:30px 20px;align-items:center;border-radius: 8px;background: #F9FAFB;position:relative;transition:all .3s ease;cursor:pointer;} #recommendModal .rc-wrap .rc-item-title {color:#333D4B;font-size:15px;font-weight:600;} #recommendModal .rc-wrap .rc-item-text {color:#333D4B;font-size:15px;font-weight:normal;} #recommendModal .rc-wrap .rc-item.active {background: #4ACAD6;} #recommendModal .rc-wrap .rc-item.active .rc-item-title {color:#fff;} #recommendModal .rc-wrap .rc-item.active .rc-item-text {color:#fff;} #recommendModal .rc-wrap .rc-item:hover {background: #4ACAD6;} #recommendModal .rc-wrap .rc-item:hover .rc-item-title {color:#fff;} #recommendModal .rc-wrap .rc-item:hover .rc-item-text {color:#fff;} #recommendModal .rc-wrap .rc-label {position:absolute;left:20px;top:10px;font-size:9px;color:#fff;display:inline-block;line-height:1;padding:4px 8px 3px;border-radius:3px;} #recommendModal .rc-wrap .rc-label.best {background-color:#ED7D31;} #recommendModal .rc-wrap .rc-label.new {background-color:#EDC531;} #recommendModal .rc-wrap .rc-label.speed {background-color:#4A9BFF;} #recommendModal h4 {margin-top:20px;color: #333D4B;font-size: 20px;font-weight: 700;text-align:center;} #recommendModal .modal-footer {padding:0;margin-top:40px;display:flex;gap:10px;} #recommendModal .modal-footer .mod_btn {flex: 1 1 0;font-size:15px;font-weight:500;line-height:1;padding:16px 0;} #recommendModal .modal-footer .btn-line {background-color:#fff;border: 1px solid #DDD;color:#646062;} @media (max-width: 706px) { #recommendModal .modal-dialog {width: auto !important;} #recommendModal .category-wrap .category-item {width:45%;height:auto;padding-bottom:16px;} .category-item.active {background: rgba(74, 202, 214, 0.20);} } /**렌탈구매견적**/ #buy_rental{padding:15vh 20px; text-align:center;} #buy_rental .text{ margin-bottom:30px; font-size:1.2em;} #buy_rental .text p{font-size: 1.2em; margin-bottom: 10px;} #buy_rental .btn_set{ text-align:center;} #buy_rental .btn_set a{display:inline-block; font-size: 1.2em; background:#00AC9D; color:#fff; border-radius:5px; text-align:center; padding:10px 10px; width:25%; margin:15px;} #buy_rental .btn_set a i{font-size:2em;} #buy_rental .btn_set a p{font-size:1.4em; line-height: 1.4em; font-weight:500; margin:5px 0 0px;} #buy_rental .btn_set a span{opacity:0.8;} /*#buy_rental.step02 .btn_set a{width:80%; font-size:1.3em;}*/ #buy_rental.step02 .btn_set a{font-size: 1.8em; line-height: 1.2em;} /*견적요청서*/ #buy_rental .area_top{ width: 80%; margin: 0 auto 20px auto;} .buy_rental .area_top {display: flex; align-items: center; line-height: 1.2em; margin-bottom: 20px; border-bottom: 1px solid #eee; padding-bottom: 20px;} .buy_rental .area_top .img{ margin-right: 20px; width: 70px; height: 70px; background: #eee; border-radius: 10px; padding: 10px;} .buy_rental .area_top .img img{ object-fit:cover; width: 100%; height: 100%;} .buy_rental .area_top p{font-size: 1em; font-weight: 500; margin-bottom: 5px; text-align: left;} .buy_rental .area_top span{ opacity: 0.8; font-size:11px; display: block; text-align: left;} .frm .text{margin-bottom:10px;} .frm .frm_input.none{ background-color: #eee!important;} /* .frm .frm_btn{display:inline-block; background:#f0f9fa; border:1px solid #4acad6;color:#4acad6; font-size:0.9em; font-weight:500; padding:0 10px; border-radius: 10px; height:40px; line-height:40px;} */ .frm .frm_btn{display:inline-block; background:#84ccc9;color:#FFF; font-size:0.9em; font-weight:500; padding:0 10px; border-radius: 10px; height:40px; line-height:40px;} .frm .nav-tabs{border-bottom:0; font-size:0.9em; display:flex; margin-bottom:20px; border-radius:50px; overflow:hidden;} .frm .nav-tabs>li{float:none; flex-grow:1; position:relative; text-align:center; margin-bottom:0 !important;} .frm .nav-tabs>li>a{padding:3px 0px 0px 0px; border:0; border-radius:0; font-size:0.8em; line-height:1.4em; letter-spacing:-0.5px; margin:0; display:block; color:#333; background:#F3F3F3; width:100%; position:inherit;} .frm .nav-tabs>li>a.done{color:rgba(255,255,255,0.5); background:#12bcbb;} .frm .nav-tabs>li>a.active{color:#fff; background:#000; padding-left:3px; padding-right:3px;} .frm .nav-tabs>li>a.active span{font-weight:600;} .frm .nav-tabs>li>a.active:after{} .frm .tab-content>.tab-pane{visibility: visible; display: block; width: 100%;} .frm .tab-content .tab-pane{background:#fff; padding:10px 0px; min-height:200px;} .frm .tab-content .tab-pane .inr{visibility: visible; display: block;} .frm dl{display:flex; justify-content: flex-start; align-items: baseline; border-bottom:1px solid #eee; padding-bottom:20px; margin-bottom:20px;} .frm dl:last-child{margin-bottom:0;} .frm dt{margin-bottom:10px; margin-right:15px; font-size:1.2em; width:90px; color: #000;} .frm dt.ver2{width:120px} .frm .ver2{ flex-wrap: wrap;} .frm .ver2 dt{width:105px} .frm .ver2 dd{width:calc(100% - 120px)} .frm .search_btn{ display: block; text-align: center; background:#00AC9D;color:#FFF; font-size:1.2em; font-weight:500; padding:0 10px; border-radius: 10px; height:40px; line-height:40px;} .frm dt.required:before{content: "*"; display: inline-block; margin-left: -10px; font-weight: 500; color: #84ccc9} .frm dt .que{font-size: 0.8em;} .frm dd{ width:calc(100% - 55px);} .frm dt .note{font-size:12px;margin-left:5px;color: #00B5D0;display:inline-block;} .frm dd .note{font-size: 0.9em; margin-bottom: 5px; color: #4ACAD7;} .frm dd .btn{background: #333; color: #fff; border-radius: 6px;} .frm dd.box_in input[type=radio] + label{width:calc((100% / 2) - 8px);} /*.frm dd.box_in input[type=radio] + label:nth-child(4n){ margin-right: 0;}*/ /*.frm dd.box_in input[type=radio] + label{width:30%;}*/ .frm .frm_input.op{line-height: 30px; height: 30px; width: calc((100% / 2) - 50px); border-radius: 8px; margin-right: 5px; border: 2px solid #84ccc9; text-align: right; text-indent: 0; padding: 0 10px;} .frm .sch_result{margin-top: 10px; font-size: 0.9em;} .frm .sch_result li{border-top: 1px dotted #eee; padding: 10px 0;} .frm .sch_result li:last-child{padding-bottom:0;} .frm .sch_result .info{margin-bottom: 5px; display: flex; justify-content: space-between; padding-right: 8px;} .frm .sch_result .box_in input[type=radio] + label{padding-top: 4px; padding-bottom: 4px;} /*모델*/ .frm #select_chk input[type=checkbox] + label{font-size: 1em; margin: 0 0 0 5px; padding:0; height: 40px; line-height: 40px; font-weight: 500; float: right;} .frm input[type=checkbox] + label > div{width: 15px; height: 15px;} .frm input[type=checkbox] + label > div:before{ font-weight: 500;} .frm input[type=checkbox]:checked + label{ color: #84ccc9; font-weight: 500!important;} .frm input[type=checkbox]:checked + label > div{ background: #84ccc9;} /*엘베유무*/ .frm input[type=radio] + label > div{width: 14px; height: 14px;} .frm input[type=radio] + label > div:before{ font-weight: 500;} .frm input[type=radio]:checked + label{ color: #84ccc9; font-weight: 500!important;} .frm input[type=radio]:checked + label > div{ background: #84ccc9;} .frm .ele_chk{display: flex; align-items: center;} .frm .ele_chk p{ margin-left: 10px;} /*옵션*/ .frm .flex{display: flex;} .frm .toolbar{margin-top:0px;} .frm .toolbar button{margin-left:10px;} .frm .toolbar .sw-btn-prev{ background:#fff; border:1px solid #ddd; color:#333;} .frm .toolbar .sw-btn-next{ background:#00B5D0; color:#fff;} .frm .toolbar .btn-secondary {background:#f8f8f8;color:#333D4B;} .frm .toolbar .btn-contact{ background:#333; color:#fff;} .frm .toolbar .disabled{ display:none;} .rental_estimate .btn_expert_counsel {position:absolute;right:0;top:0;background:#00B5D0;color:#fff;outline:none;border:0;padding:8px 10px;line-height:1;border-radius:6px;font-size:.9em} .rental_estimate .tab-content .tab-pane {position:relative;} @media screen and (max-width:768px){ .rental_estimate .btn_expert_counsel {font-size:.85em;} } .rental_estimate input[type='checkbox'].radio_style { display: none; } .rental_estimate input[type='checkbox'].radio_style + label { cursor: pointer; margin:5px 0; font-size:1em; font-weight:500;} .rental_estimate input[type='checkbox'].radio_style + label > div { display: inline-block; cursor: pointer; vertical-align: middle; background: ; box-sizing: border-box; width: 20px; height: 20px; margin-top: -4px; border-radius:50%; margin-right:5px; position:relative; border: 1px solid #a5a5a5; } .rental_estimate input[type='checkbox'].radio_style + label > div:before { font-family: "Font Awesome 5 Pro"; color: #fff; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-weight:900; } .rental_estimate input[type='checkbox'].radio_style:checked + label{font-weight:600 !important; color:#00b5d0;} .rental_estimate input[type='checkbox'].radio_style:checked + label > div:before{content: "\f00c";} .rental_estimate input[type='checkbox'].radio_style:checked + label > div{ background:#00b5d0; border:0; } .rental_estimate input[type='checkbox'].radio_style + label:hover > div { border-width: 2px; } .rental_estimate input[type='checkbox'].radio_style + label > div{width: 14px; height: 14px;} .rental_estimate input[type='checkbox'].radio_style + label > div:before{ font-weight: 500;} .rental_estimate input[type='checkbox'].radio_style:checked + label{ color: #84ccc9; font-weight: 500!important;} .rental_estimate input[type='checkbox'].radio_style:checked + label > div{ background: #84ccc9;} .rental_estimate input[type='radio'].radio_style { display: none; } .rental_estimate input[type='radio'].radio_style + label { cursor: pointer; margin:5px 0; font-size:1em; font-weight:500;} .rental_estimate input[type='radio'].radio_style + label > div { display: inline-block; cursor: pointer; vertical-align: middle; background: ; box-sizing: border-box; width: 20px; height: 20px; margin-top: -4px; border-radius:50%; margin-right:5px; position:relative; border: 1px solid #a5a5a5; } .rental_estimate input[type='radio'].radio_style + label > div:before { font-family: "Font Awesome 5 Pro"; color: #fff; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-weight:900; } .rental_estimate input[type='radio'].radio_style:checked + label{font-weight:600 !important; color:#00b5d0;} .rental_estimate input[type='radio'].radio_style:checked + label > div:before{content: "\f00c";} .rental_estimate input[type='radio'].radio_style:checked + label > div{ background:#00b5d0; border:0; } .rental_estimate input[type='radio'].radio_style + label:hover > div { border-width: 2px; } .rental_estimate input[type='radio'].radio_style + label > div{width: 14px; height: 14px;} .rental_estimate input[type='radio'].radio_style + label > div:before{ font-weight: 500;} .rental_estimate input[type='radio'].radio_style:checked + label{ color: #84ccc9; font-weight: 500!important;} .rental_estimate input[type='radio'].radio_style:checked + label > div{ background: #84ccc9;} .rental_estimate input[type=radio].radio_style2 { display: none; } .rental_estimate input[type=radio].radio_style2 + label { cursor: pointer; margin:5px 0; font-size:1em; } .rental_estimate input[type=radio].radio_style2 + label > div { display: inline-block; cursor: pointer; vertical-align: middle; background: ; box-sizing: border-box; width: 20px; height: 20px; margin-top: -4px; border-radius:50%; margin-right:5px; position:relative; border: 1px solid #a5a5a5; } .rental_estimate input[type=radio].radio_style2 + label > div:before { font-family: "Font Awesome 5 Pro"; color: #fff; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-weight:900; } .rental_estimate input[type=radio].radio_style2:checked + label{font-weight:600 !important; color:#00b5d0;} .rental_estimate input[type=radio].radio_style2:checked + label > div:before{content: "\f00c";} .rental_estimate input[type=radio].radio_style2:checked + label > div{ background:#00b5d0; border:0; } /* .rental_estimate input[type='radio'].radio_style2 { display: none; } .rental_estimate input[type='radio'].radio_style2 + label { cursor: pointer; margin:5px 0; font-size:1em; font-weight:600;} .rental_estimate input[type='radio'].radio_style2 + label > div { display: inline-block; cursor: pointer; vertical-align: middle; background: ; box-sizing: border-box; width: 20px; height: 20px; margin-top: -4px; border-radius:50%; margin-right:5px; position:relative; border: 1px solid #a5a5a5; } .rental_estimate input[type='radio'].radio_style2 + label > div:before { font-family: "Font Awesome 5 Pro"; color: #fff; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-weight:900; } .rental_estimate input[type='radio'].radio_style2:checked + label{font-weight:600 !important; color:#00b5d0;} .rental_estimate input[type='radio'].radio_style2:checked + label > div:before{content: "\f00c";} .rental_estimate input[type='radio'].radio_style2:checked + label > div{ background:#00b5d0; border:0; } .rental_estimate input[type='radio'].radio_style2 + label:hover > div { border-width: 2px; } .rental_estimate input[type='radio'].radio_style2 + label > div{width: 14px; height: 14px;} .rental_estimate input[type='radio'].radio_style2 + label > div:before{ font-weight: 500;} .rental_estimate input[type='radio'].radio_style2:checked + label{ color: #84ccc9; font-weight:600!important;} .rental_estimate input[type='radio'].radio_style2:checked + label > div{ background: #84ccc9;} .rental_estimate input[type=radio].radio_style2 + label{font-size: 1.1em;} .rental_estimate input[type=radio].radio_style2:disabled + label{ opacity: 0.6;} .rental_estimate input[type=radio].radio_style2:disabled + label > div{background:#a5a5a5 } @media screen and (max-width:700px) { .rental_estimate input[type=radio].radio_style2 + label{width:calc((100% / 2) - 10px);} } @media screen and (max-width:300px) { .rental_estimate input[type=radio].radio_style2 + label{width:calc((100% / 1) - 10px);} } */ .rental_estimate .fhb {display:flex;gap:10px;align-items:center;} .rental_estimate .fhb + .sch_result {margin-top:0;} .rental_estimate .fhb > * {flex:1 1 0;} @media screen and (max-width:768px){ .rental_estimate .fhb {flex-direction:column;gap:2px;align-items:start;} } .rental_estimate dd.box_in.use_period input[type=radio] + label {width:calc((100% - 15px)/4);float:left;} .rental_estimate dd.box_in.use_period #use_month_box {text-align:right;} .rental_estimate dd.box_in.use_period #use_month_box input {width:calc((100% - 15px)/4);text-indent:12px;text-align:center;} .rental_estimate input[name='use_month_check'] + label {position:relative;} .rental_estimate input#use_month_check36 + label:before {content:'BEST';position:absolute;left:8px;top:-9px;color:#fff;background:#f64747;padding:3px 4px;line-height:1;font-size:0.8em;border-radius:4px;} .rental_estimate input#use_month_check48 + label:before {content:'요금절감';position:absolute;left:8px;top:-9px;color:#fff;background:#545454;padding:3px 4px;line-height:1;font-size:0.8em;border-radius:4px;} .rental_estimate input#use_month_check60 + label:before {content:'요금절감';position:absolute;left:8px;top:-9px;color:#fff;background:#545454;padding:3px 4px;line-height:1;font-size:0.8em;border-radius:4px;} @media screen and (max-width:768px){ .rental_estimate dd.box_in.use_period input[type=radio] + label {width:calc((100%/2) - 3px);} .rental_estimate dd.box_in.use_period input[type=radio] + label:nth-of-type(even) {margin-right:0;} .rental_estimate dd.box_in.use_period #use_month_box input {width:calc((100%/2) - 3px);text-indent:12px;text-align:center;} .rental_estimate input#use_month_check36 + label:before, .rental_estimate input#use_month_check48 + label:before, .rental_estimate input#use_month_check60 + label:before {left:4px;top:-9px;} } .rental_estimate .sch_result .product {display:flex;gap:10px;border:1px solid #ddd;padding:12px;border-radius:6px;margin-top:5px;align-items:center;flex-wrap:wrap;position:relative;} .rental_estimate .sch_result .product .title {font-weight: 600; font-size: 1.3em;margin:0 0 8px;color:#111;} .rental_estimate .sch_result .product .product_sub li {padding:0;border:0;line-height:1.6;} .rental_estimate .sch_result .product .product_thumnail {border-radius:10px;width:120px;height:120px;} .rental_estimate .sch_result .product .product_thumnail img {object-fit:contain;width:100%;height:100%;padding:10px;} .rental_estimate .sch_result .product .product_delete {position:absolute;right:10px;top:10px;border-radius:4px;color:#fff;background-color:#00AC9D;padding:3px 10px;font-size:13px;border:0;} .rental_estimate .calculator {font-size:.7em;display:block;border-radius:4px;padding:4px 0;border:1px solid #aaa;line-height:1;color:#666;margin-top:-4px;text-align:center;cursor:pointer;} .rental_estimate .pre_question {margin-top:16px;font-size:.9em;} .rental_estimate .pre_question .frm_input {height:30px;line-height:30px;font-size:0.95em;text-indent:10px;margin-bottom:0;} .rental_estimate.frm .toolbar .btn-add {float:left;margin-left:0;} .rental_estimate.frm .toolbar .sw-btn-next {float:right;} .rental_estimate .options span {display:inline-block;} .rental_estimate .btn.btn_option_show {outline:none;border-radius:6px;padding:8px 10px;font-size:0.95em;border:none;line-height:1;background-color:transparent;color:#4ACAD7;} .rental_estimate .btn.btn_option_show:active {box-shadow:none;} .rental_estimate .btn.btn_option_show i.fa-chevron-down:before {margin:0;} .rental_estimate #option_text {height:30px;line-height:30px;font-size:0.95em;text-indent:10px;margin-bottom:0;} .rental_estimate .buy_selection {display:flex;gap:10px;} .rental_estimate .buy_selection > div {flex: 1 1 0;} .est_box {margin-bottom:20px;} .est_tab {margin-top:14px;} .est_tab .tab-content .tab-pane {min-height:unset;padding:0;display: none;visibility: hidden;} .est_tab .tab-content>.active {display: block;visibility: visible;} .est_tab .est_tab_head {display:flex;gap:12px;align-items: center;border-bottom: 1px solid #efefef;} .est_tab .est_tabs_carousel {width:100%;} .est_tab .est_tabs {display:flex;align-items:end;} .est_tab .est_tabs_toggle {text-align:center;padding:11px 12px;background:#535353;color:#fff;flex:none;text-align:center;border:0;font-size:.9em;line-height:1;border-radius:6px 6px 0 0;} .est_tab .est_tabs_toggle .fa-chevron-down:before {margin-right:0;} .est_tab .est_tabs_toggle.active .fa-chevron-down {transform:rotate(180deg);margin-left:3px;vertical-align:1px;} .est_tab .est_tabs a {display:block;padding:10px 20px;border-radius:6px 6px 0 0;border:1px solid #efefef;margin-bottom:-1px;background:#fff;font-size:.9em;color:#C6C6C6;line-height:1;} .est_tab .est_tabs .swiper-slide {width:auto !important;margin-left:-1px;} .est_tab .est_tabs .swiper-slide:first-child {margin-left:0;} .est_tab .est_tabs .active a {font-weight:600;border-bottom:1px solid #fff;color:#00AC9D;} .est_table {border-radius:0 0 8px 8px;border: 1px solid #efefef;overflow:hidden;border-top:0;} .est_table .est_table_title {display:block;font-size:18px;font-weight:bold;color:#333D4B;margin-bottom:12px;} .est_table table{width: 100%; box-sizing: border-box;} .est_table tr{padding: 10px 0; border-bottom: 1px solid #efefef; } .est_table tr:last-child {border-bottom:0;} .est_table td{ padding:1px; line-height: 1.6em;} .est_table .est_table_row { padding:20px; line-height: 1.4;} .est_table .est_table_row .est_table_contents {border:1px solid #efefef;border-radius:6px;padding:6px 16px;} .est_table .est_table_row .est_table_contents_start {border-radius:6px 6px 0 0;border-bottom:0;} .est_table .est_table_row .est_table_contents_end {border-radius:0 0 6px 6px; } .est_table .est_table_row .align {position:relative;} .est_table .est_table_row .est_table_product_title {font-size:16px;font-weight:bold;margin-bottom:6px;} .est_table .est_table_row .est_table_product_text {font-size:13px;line-height:1.8;color:#333D4B;} .est_table .est_table_row .align .est_table_delete {position:absolute;right:0;top:6px;background: #424242;padding: 6px 5px;line-height: 1;color:#fff;height:auto;border-radius:3px;font-size:14px;} .est_table .est_table_row .align td:nth-child(1) {width:25%;font-weight:bold;font-size:13px;color:#535353;padding:5px 0;} .est_table .est_table_row .align td:nth-child(2) {width:75%;font-size:13px;color:#333D4B;padding: 6px 0;} .est_table th{background: #00AC9D; color: #fff; width: 10.5%; text-align: center; } .est_table .product {display:flex;gap:15px;background:#F9FAFB;padding:20px 15px;border-radius:8px;margin-bottom:10px;align-items:center;flex-wrap:wrap;} .est_table .product_thumnail {border-radius:10px;width:150px;height:150px;background:#fff;border-radius:10px;padding:5px;} .est_table .product_thumnail img {object-fit:contain;width:100%;height:100%;} .est_table .product_sub {font-size:.9em;color:#646062;} .est_table .product .title {font-weight: 600; font-size: 1.2em;margin:8px 0;} .est_table .info_list {font-weight:300;} .est_table .info_list .line:after {content:'|';margin-left:6px;opacity:.5;font-size:.9em;margin-right:1px;color:#efefef;} .est_table .addition {margin-top:14px;} .est_table .addition > strong {display:block;margin-bottom:3px;font-size:1.1em} @media screen and (max-width:768px){ .est_table .est_table_row {padding:14px;} .est_table .est_table_title {font-size:16px;margin-bottom:8px;} .est_table .est_table_row .align td {font-size:12px;} .est_table .est_table_row .align td:nth-child(1) {width:96px;} .est_table .est_table_row .align td:nth-child(2) {width:auto;} .est_table .est_table_row .align td img {width:70px !important;} } .rental_estimate #tg1 {padding-top:20px;} .rental_estimate .est_detail {border-radius:5px;padding:20px 0;border-radius:16px;margin-bottom:20px;background:#fff;} .rental_estimate .est_detail strong {display:block;font-weight:600;text-align:center;color:#2196f3;font-size:1.2em;} .rental_estimate .est_detail .btn {background-color:#2196f3;color:#fff;outline:none;display:block;margin:16px auto 0;} .rental_estimate .est_detail .btn .fa-chevron-down:before {margin-right:0;font-size:.9em;} .rental_estimate .est_detail .btn.active .fa-chevron-down {transform:rotate(180deg);} .rental_estimate .est_detail .est_detail_frm table {width: 100%; box-sizing: border-box;} .rental_estimate .est_detail .est_detail_frm table tr {border-bottom:1px solid #eee;} .rental_estimate .est_detail .est_detail_frm table th {width:100px;padding: 15px 0;font-size:1.1em;vertical-align:top;color:#000;} .rental_estimate .est_detail .est_detail_frm table td {padding: 14px 0; } .rental_estimate .est_detail .est_detail_frm .frm_input {margin-bottom:0;} .rental_estimate .est_detail .rental_calculator {padding:6px 7px;border:1px solid #ddd;background:transparent;border-radius:4px;margin-left:5px;font-size:.9em;line-height:1;} .rental_estimate .est_detail .ques-check {display:flex;flex-wrap:wrap;gap:14px 0;} .rental_estimate .est_detail .ques {font-weight:700;font-size:14px;display:block;margin-bottom:14px;color:#00B5D0;} .rental_estimate .est_detail input[type=checkbox] { display: none; } .rental_estimate .est_detail input[type=checkbox] + label {margin:0 18px 0 0;font-weight:400;font-size:13px;} .rental_estimate .est_detail input[type=checkbox] + label > div {display:inline-block;width:16px;height:16px;border-radius:4px;border:1px solid #ddd;margin-top:-2px;margin-right:6px;} .rental_estimate .est_detail input[type=checkbox]:checked + label {color:#00B5D0;} .rental_estimate .est_detail input[type=checkbox]:checked + label > div {background:#00B5D0;border-color:#00B5D0;} .rental_estimate .est_detail input[type=checkbox]:checked + label > div:before {font-size:10px;} @media screen and (max-width:768px){ .rental_estimate .est_detail .est_detail_frm table th {display:block;padding:20px 0 0;} .rental_estimate .est_detail .est_detail_frm table td {display:block;padding-top:6px;} .rental_estimate .est_detail .ques-check {grid-template-columns:repeat(2, 1fr);} } .est_modal {position:fixed;display:none;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,.45);align-items:start;justify-content: center;padding:20px;overflow:auto;z-index:-1;} .est_modal.active {display:flex;overflow:auto;z-index:10001;} .est_modal_box {width:600px;max-width:100%;background:#fff;padding:20px;border-radius:14px;box-shadow:0 0 10px rgba(0,0,0,.15);} .est_modal_box .est_modal_title {text-align:center;font-size:1.3em;font-weight:600;color:#111;display:block;margin-bottom:10px;} .est_modal_box .est_btn {text-align:center;margin-top:20px;} .est_modal_box .est_btn .return {} .est_modal_box .est_btn .apply {background:#111;color:#fff;margin-left:4px;} /*설명 모달*/ #queModal .modal-body{padding: 15px;} #queModal .modal-body h5{font-size: 1.5em; font-weight: 600; text-align: center; margin-bottom: 15px} #queModal .modal-body ul{ margin-bottom: 20px;} #queModal .modal-body li{border: 0; text-align: center;} #queModal .modal-body .recom{ text-align: center; font-size: 1.1em; font-weight: 600;} #queModal .modal-body .recom strong{ display: block; color: #4ACAD7;} #queModal #queModal01 ul{ display: flex; justify-content: center; text-align: center; position: relative;} #queModal #queModal01 ul:after{ content: ""; display: block; position: absolute; bottom: 0; left: 50%; transform: translateX(-54%); width: 143px; height: 1px; background-color: #ddd;} #queModal #queModal01 ul li{font-size: 0.9em; padding:0 10px 20px 10px; position: relative;} #queModal #queModal01 ul li:after{ content: ""; display: block; width: 1px; height: 20px; background-color: #ddd; position: absolute; left: 50%; bottom: 0;} #queModal #queModal01 ul li p{font-size: 1.1em; font-weight: 600;} #queModal #queModal02 .recom p{margin-bottom: 5px;} #queModal #queModal02 .recom span{margin: 0 5px; display: inline-block; background: #eee; padding: 0 10px; border-radius: 10px;} #queModal #queModal02 .graph{ margin-top: 20px;} #queModal #queModal02 .graph dl{display: flex; flex-wrap: wrap; align-items: center;} #queModal #queModal02 .graph dt{ width: 50px; margin-bottom: 5px;} #queModal #queModal02 .graph dd{width: calc(100% - 65px); margin-bottom: 5px; display: flex;} #queModal #queModal02 .graph dd:before{ content: ""; display:block; height: 15px; background:#4ACAD7; margin-right: 5px;} #queModal #queModal02 .graph dd:nth-child(2):before{width: 3%;} #queModal #queModal02 .graph dd:nth-child(4):before{width: 7%;} #queModal #queModal02 .graph dd:nth-child(6):before{width: 54%;} #queModal #queModal02 .graph dd:nth-child(8):before{width: 19%;} #queModal #queModal02 .graph dd:nth-child(10):before{width: 11%;} #queModal #queModal02 .graph dd:nth-child(12):before{width: 4%;} #queModal #queModal03 .faq dl{ display: block;} #queModal #queModal03 .faq dt, #queModal #queModal03 .faq dd{ width: 100%; padding-left: 30px;} #queModal #queModal03 .faq dt:before, #queModal #queModal03 .faq dd:before{content: ""; display: inline-block; margin-left: -30px; width: 25px; height: 25px; line-height: 24px; border-radius: 50%; text-align: center; margin-right: 5px;} #queModal #queModal03 .faq dt:before{content: "Q"; background: #4ACAD7; color: #fff;} #queModal #queModal03 .faq dd:before{content: "A"; background: #eee;} #queModal #queModal03 .recom{margin-top: 20px} /*소모품마켓*/ #market .info_area{ font-size: 1em; display: flex; justify-content: center; align-items: center; background: #F3F3F3; margin: -20px -20px 20px -20px; padding: 0 20px;} #market .info_area dt{} #market .info_area dd{padding:10px;} #market .info_area .btn{width:120px; background: #ddd; display: inline-block; font-size: 1em;} #market .tab{} @media screen and (max-width:300px) { #market .info_area dd{display: flex;} #market .info_area .btn{width: 100%; margin-right: 2px} } #market .nav-tabs{display: flex; justify-content: space-between; align-items: center; margin: 0 -20px; padding: 0 20px; border-bottom: 1px solid #ddd;} #market .nav-tabs>li{float: none; width: calc(100% / 2);} #market .nav-tabs>li>a{all: unset; display: block; text-align: center; border: 1px solid #ddd; padding: 10px; border-radius: 6px 6px 0 0; margin: -1px; background: #FBFBFB; opacity: 0.8;} #market .nav-tabs>li.active>a, #market .nav-tabs>li.active>a:focus, #market .nav-tabs>li.active>a:hover{border-bottom: 1px solid #fff; color: #005E6C; background: #fff; opacity: 1; font-weight: 500; font-size: 1.1em;} #market .tab-content{ padding: 30px 0 0;} #market .start{ padding: 10%; text-align: center;} #market .frm dd input[type=radio] + label{width:calc((100% / 4) - 10px); font-size: 1.1em;} #market .frm dd input[type=radio]:disabled + label{ opacity: 0.6;} #market .frm dd input[type=radio]:disabled + label > div{background:#a5a5a5 } @media screen and (max-width:700px) { #market .frm dd input[type=radio] + label{width:calc((100% / 2) - 10px);} } @media screen and (max-width:300px) { #market .frm dd input[type=radio] + label{width:calc((100% / 1) - 10px);} } #market .frm dl{padding-bottom:15px; margin-bottom:15px; border-bottom: 1px solid #eee;} #market .frm dl:last-child{margin-bottom:0; border-bottom: 0;} #market .panel-default>.panel-heading{background-color:transparent; padding:15px 0px;} #market .panel{border-left:0; border-right:0; margin-top:0; border-bottom:0;} #market .panel-title strong{display:inline-block; margin-right:5px; vertical-align:middle; font-size:1.2em;} #market .panel-title span{ display:inline-block; font-size:10px; line-height:1.8em; background:#666; border-radius:30px; padding:0 8px; color:#fff; vertical-align:middle; margin-right:1px;} #market .panel-title span.gr{ background:#46c387;} #market .panel-title span.or{ background:#ed633b;} #market .panel-default>.panel-heading+.panel-collapse>.panel-body{border-top:0;} #market .panel-body{ padding:0px 0 10px 0;} #market .panel-default>.panel-heading+.panel-collapse>.panel-body li{ display:flex; justify-content: space-between; align-items: center;} #market .panel-default>.panel-heading+.panel-collapse>.panel-body li p{ font-size:1.2em; font-weight:600; color:#4acad6;} #market .total{ text-align:center; margin-top: 20px;} #market .total p:first-child{font-size:1.3em; font-weight:600; margin:15px 0 5px 0;} #market .total p strong{color:#49c3ce; font-size: 1.3em; display: inline-block; margin: 0 3px;} #market .total p span{font-weight: normal; font-size: 0.8em;} #market #prev_item_li{margin-bottom:10px;} #ft_btn{height:65px;} #ft_btn ul{position:fixed; left:50%; transform: translateX(-50%); bottom:10px; display:flex; justify-content: flex-end z-index:1000; background:#4acad6; max-width:650px; width: 100%; border-radius: 6px; overflow: hidden;} #ft_btn li{width:calc(100% - 180px); width: 100%;} #ft_btn li:nth-child(2){ width: 120px} #ft_btn li:last-child{ width:25%;} #ft_btn a{display:block; text-align:center; color:#fff; font-size:1.5em; padding:15px; cursor: pointer;} #ft_btn a.estimate{ background-color: #000;} #ft_btn a.cart{ background:#4a4a4a; padding: 12px 25px; text-align: center; width:100%;} #ft_btn a.cart i{font-size: 0.8em;} #ft_btn a.cart p{font-size: 14px; line-height: 1.2em; display: block;} @media (max-width: 600px) { #ft_btn ul{position:fixed; border-radius: 0; left:0; transform: translateX(0); bottom:0; max-width: 100%;} #ft_btn a.cart p{font-size: 12px;} #ft_btn a.cart{padding: 13px; text-align: center;} #ft_btn li:last-child{min-width:100px;} } @media (max-width: 300px) { } #market .info{/* background:#F7F7F7; */ padding:10px;} #market .info dl{overflow:hidden ; margin-bottom:5px; display: flex;} #market .info dt{margin-right:10px} #market .info dd{} #market .search_result{ margin-bottom: 20px;} #market .search_result:last-child{margin-bottom: 0;} #market .price2 ul{margin-bottom:20px; border-top:1px solid #eee;} #market .price2 li{padding:8px 0; border-bottom:1px solid #eee; display:flex; align-items: center; justify-content: space-between;} #market .price2 li:last-child{border-bottom: 0;} #market .price2 li .title{width: 250px;} #market .price2 li p{ text-align:left; vertical-align:middle; line-height:1.2em; padding: 0 5px;} #market .price2 li p.date{font-size: 0.85em; text-align: left;} #market .price2 li p.brand{ font-weight: 600; text-align: left;} #market .price2 li p.option{ text-align:left} #market .price2 li p.price3{ text-align: right; width: 70px;} #market .price2 li p.opt{ width: 60px;} #market .price2 li p span{font-size: 0.9em;} #market .price2 li p span:after{content: ""; display: inline-block; width: 1px; height: 12px; background: #eee; vertical-align: middle; margin: 0 5px;} #market .price2 li p span:last-child:after{display: none;} #market .price2 li .num{font-weight:600;} #market .price2 li .price p:last-child{ color:#49c3ce; font-weight:600; font-size:1.1em;} #market .price2 input.frm_input{ width:50px; vertical-align:middle; margin-bottom:0; text-indent:0; text-align:center;} /* #market .price2 button{display:inline-block; background:#f0f9fa; border:1px solid #4acad6;color:#4acad6; vertical-align:middle; margin-left:5px; font-size:0.9em; font-weight:500; padding:0 10px; border-radius: 10px; height:40px; line-height:40px;} */ #market .price2 button{display:inline-block; background:#4acad6; color:#FFF;border:0; vertical-align:middle; margin-left:5px; font-size:0.9em; font-weight:500; padding:0 10px; border-radius: 10px; height:40px; line-height:40px;} #market .price2 .basic_tab th{font-weight:normal;text-align:center;padding:5px 0} #market .price2 .basic_tab .opt span{display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-align: center; -ms-flex-align: center; align-items: center;-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} #market .price2 .basic_tab .opt input{width: 35px;border: 1px solid #CCC;line-height: 27px;} #market .price2 .basic_tab .opt button{width:auto; display: inline-block; line-height: 28px;height: 28px;text-align: center;margin-left: 3px;padding: 0 5px;} #market .price2 table.basic_tab{border-left:1px solid #DDD;border-top:1px solid #DDD;} #market .price2 table.basic_tab thead{border-bottom:1px solid #DDD;} #market .price2 table.basic_tab thead th{border-right:1px solid #DDD;} #market .price2 .basic_tab td{font-size:12px;border-right:1px solid #DDD;border-bottom:1px solid #DDD;padding:5px 0;text-align: center;} #market .price2 .basic_tab td.td_color{ text-align: left; padding-left: 5px;} .market_bn img{ width: 100%;} #market .pro_chk{background: #FBFBFB; border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 15px 20px; margin:0 -20px;} #market .pro_chk li{ display: flex; justify-content: space-between; align-items: center; padding: 10px 0; border-top: 1px solid #eee;} #market .pro_chk li:last-child{border-bottom: 1px solid #eee;} #market .pro_chk li button{ border: 0; border-radius: 6px; width: 18px; height: 18px; line-height: 16px; background: #4acad6; color: #fff;} #market .pro_chk li button.del_btn{ color: #343434; background: #eee; border: 1px solid #ddd;} #market .pro_chk h3{ font-size: 1.2em; margin-bottom: 5px; font-weight: normal;} #market .pro_chk p{padding-right: 2px; line-height: 1.6em;} #market .pro_chk li>div.area1{width: 100%;} #market .pro_chk li>div.area2{text-align: right; width: calc(50% - 20px); padding: 0 10px;} #market .pro_chk .c_info{display: block;} #market .pro_chk p.c_info{font-size: 0.95em; display:inline-block;} #market .pro_chk p.c_info strong{ margin-right: 5px; /*display: block;*/} #market .pro_chk p.c_price{ font-weight: 600; font-size: 1.1em; text-align: right; margin-right: 9px; } #market .pro_chk p.c_num{text-align: right; font-size: 0.9em; min-width: 85px} #market .pro_chk p.c_num button{ display: inline-block; border: 0; border-radius: 6px; width: 20px; height: 20px; line-height: 20px; background: #4acad6; color: #fff; text-align: center;} #market .pro_chk p.c_num .item_cnt_frm{width: 35px;border: 1px solid #CCC; line-height: 20px; text-align: center; border-radius: 6px; font-weight: 600; margin: 0px} #market .pro_chk p.btn_wrap{ padding: 0; width: 20px; vertical-align: middle;} #market .pro_chk .c_info span{font-size: 1em;} #market .pro_chk .c_info span:after{ content: ""; display: inline-block; width: 1px; height: 10px; background: #eee; margin: 0 0 0 5px;} #market .pro_chk .c_info span:last-child:after{display:none;} #price_modal .modal-dialog.mod_center{ transform: translateY(-50%);} #price_modal .modal-dialog{margin: 0 10px; width: calc(100% - 20px); height: 90%; max-height: 600px;} #price_modal .modal-content{ height: 100%;} #price_modal .modal-header button.close{top: 0;} #price_modal .modal-body{ padding: 5px; height: calc(100% - 50px); overflow-y: auto;} #price_modal .tbl{width: 100%; min-height: 550px; font-size: 0.9em;} #price_modal .tbl th{ background: transparent;} /*마이페이지*/ #mypage #hd_info{ background:#F3F3F3; padding:20px 30px; text-align:center;} #mypage #hd_info .mb_box{display: flex; align-items: center; justify-content: space-between; position: relative; } #mypage #hd_info .mb_bo > .flex{width: calc(100% - 70px);} #mypage #hd_info .mb_box a.modi_btn{font-size: 11px; width: 70px; opacity: 0.5; display: flex; align-items: center; justify-content: right; line-height: 20px;} #mypage #hd_info .mb_box a.modi_btn i{font-size: 18px; margin-left: 5px; vertical-align: middle;} /*#mypage #hd_info .mb_box:after{content: "\f054"; font-family: "Font Awesome 6 Pro"; font-weight: 300;display: block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-size: 2em; opacity: 0.5;}*/ #mypage #hd_info .mb_photo{ width: 70px; height: 70px; border-radius: 20px; text-align: center;vertical-align:middle; background: #ddd; margin-right: 20px; overflow: hidden;} #mypage #hd_info .mb_photo img{vertical-align:middle; width: 100%; height: 100%; object-fit: cover;} #mypage #hd_info .mb_info{text-align: left;} #mypage #hd_info .mb_info strong{ font-size:1.2em; font-weight:600;} #mypage #hd_info .mb_info p{font-size:0.9em;line-height: 1.8em;} #mypage #hd_info .mb_info p span{font-size: 1.2em; font-weight: 600; color: #00ac9d;} #mypage #hd_info .mb_info a{ display:inline-block; font-size:0.9em; background:#84ccc9; color:#fff; padding:0 10px; border-radius:5px;} #mypage #hd_info .login .btn_wrap{margin-top: 10px;} #mypage #hd_info .login .btn_wrap a{ display: block; margin-bottom: 2px; font-weight: 600; font-size: 1.1em; border: 1px solid RGBA(0, 94, 108, 0.4); background:#fff; color: #005E6C; border-radius: 5px; padding: 10px; width: 80%; margin: 3px auto;} #mypage #hd_info .login .btn_wrap a.btn_green{background: #005E6C; color: #fff; border: 0;} #mypage #menu dl{ padding:15px 30px; font-size:1em; border-bottom: 1px solid #ddd} #mypage #menu dl:last-child{border-bottom: 0;} #mypage #menu dt{ font-size: 1.15em; margin: 10px 0;} #mypage #menu dd{padding: 3px 10px; font-size:1.05em;} /*내견적확인*/ .est li{border-bottom:1px solid #ddd; position:relative;} .est li a{display:block; padding:20px 25px;} .est li span:after{content:""; display:inline-block; width:1px; height:13px; vertical-align:middle; background:#eee; margin:0 5px;} .est li span:last-child:after{display:none;} .est li .title{margin-bottom:5px;} .est li .title p{ font-weight:600; font-size:1.1em;} .est li .title span{ font-size:0.9em; opacity:0.8;} .est li .info p{margin-bottom:3px;} .est li .info strong{ display:inline-block; padding:0 10px; border-radius:30px; margin-right:5px; margin-left:-2px; font-weight:400; font-size:0.9em; background:#fff; border:1px solid #ddd;} .est li .info .blue{border:0; color:#fff; background:#4ACAD7;} .est li .info .pink{border:0; color:#9E8C94; background:#F9E2EC;} .est li .info .grey{border:0; color:#fff; background:#A5A5A5;} #myest .filter{ padding: 20px; border-bottom: 1px solid #ddd; background-color: #eee; font-size: 0.9em;} #myest .filter dl{display: flex; align-items: center;} #myest .filter dt{ margin-right: 10px;} #myest .filter dd{display: flex; align-items: center; width:calc(100% - 100px)} #myest .filter > div{display: flex; align-items: center; margin-top: 3px;} #myest .filter select{margin-right:3px; text-indent:0; height: 30px; line-height: 30px; margin-bottom: 0;} #myest a.modal_btn{ display:block; position:absolute; right:20px; top:20px; width:20px; line-height:20px; text-align:center; padding:0;} #myest_view .est{background:#F3F3F3;} #price_list{padding:20px;} #price_list .area_top ul{ display: flex; justify-content: flex-end; align-items: center; font-size: 0.9em; margin-bottom: 5px;} #price_list .area_top li:before{content: ""; display: inline-block; width: 1px; height: 10px; background: #eee; vertical-align: middle; margin: auto 8px;} #price_list .area_top li:first-child:before{display: none;} #price_list .list dl{ border-radius: 10px; border: 1px solid #ddd; margin-bottom: 5px; padding: 15px 10px;} #price_list .list dt{display: flex; align-items: center; justify-content: space-between; font-weight: normal; border-bottom: 1px solid #eee; padding-bottom: 10px;} #price_list .list dt .company span{ font-weight: normal; display: inline-block; margin-left: 10px; font-size: 0.9em;} #price_list .list dt .price{color:#00b5d0;} #price_list .list dt .price strong{font-size: 1.2em;} #price_list .list dd{ padding-top: 10px; display: flex; align-items: center; justify-content: space-between} #price_list .list .review{} #price_list .list .review .star{ font-size: 1.5em; font-weight: 600; color: #343434} #price_list .list a.modal_btn{ display: inline-block; background: #eee; font-size: 0.85em; border-radius: 10px; padding: 0 10px;} #price_list ul{ margin-bottom:20px;} #price_list li{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #price_list li .price{color:#00b5d0} #price_list li .modal_btn{ display: inline-block; border: 1px solid #DDD; border-radius: 50px; line-height: 23px; padding: 0 13px; margin: 0 8px; font-size: .8em; padding-right: 17px; background: url(../img/common/btn_more.png) no-repeat 89% center; background-size: 6px; } #price_list .submit_btn{width: 100%;} #price_list .btn_view{ background: #fff; border: 1px solid #eee; padding: 5px 10px; border-radius:10px; font-size: 0.85em; } /*업체선정 상세보기*/ #myest_view2{} #myest_view2 .area_top{padding: 30px 25px; border-bottom:1px solid #ddd; background-color: #FBFBFB; position:relative;} #myest_view2 .area_top .title{ display: flex; justify-content: space-between; align-items: center; font-size: 1.3em; margin-bottom: 20px;} #myest_view2 .area_top .title p{ color: #00b5d0; font-weight: 600;} #myest_view2 .area_top .info dl{ display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap;} #myest_view2 .area_top .info dt{ width: 65px; display: flex; justify-content: space-between; padding-right: 10px; font-weight: 500; margin-top: 10px;} #myest_view2 .area_top .info dd{ width: calc(100% - 65px); opacity: 0.8;} #myest_view2 .area_tabs{ margin: 20px 25px;} #myest_view2 .nav-tabs>li{ width: 50%; text-align: center;} #myest_view2 .nav-tabs>li a{display: block;} #myest_view2 .area_tabs #tab01 dl{display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap; padding: 25px 0; font-size: 0.9em;} #myest_view2 .area_tabs #tab01 dt{ width:70px; display: flex; justify-content: space-between; padding-right: 10px; margin-top: 10px; font-weight: 500;} #myest_view2 .area_tabs #tab01 dd{ width:calc(100% - 70px); text-align: justify; opacity: 0.8;} #myest_view2 .area_tabs #tab02 .total{ display: flex; justify-content:center; padding: 20px 0;} #myest_view2 .area_tabs #tab02 .total p{margin: 0 5px;} #myest_view2 .area_tabs #tab02 .total p:first-child{font-size: 1.3em; margin-right: 10px; font-weight: 600;} #myest_view2 .area_tabs #tab02 .list h3{ font-size: 1.2em; padding-bottom: 10px; border-bottom: 1px solid #eee;} #myest_view2 .area_tabs #tab02 .list dl{border-bottom: 1px solid #eee; padding: 10px 0;} #myest_view2 .area_tabs #tab02 .list dt{font-weight: 500; margin-bottom: 5px;} #myest_view2 .area_tabs #tab02 .list dt .star{ font-size: 0.9em;} #myest_view2 .area_tabs #tab02 .list dd{ display: flex;} #myest_view2 .area_tabs #tab02 .list dd .img{ max-width: 20%; margin-right: 10px;} #myest_view2 .area_tabs #tab02 .list dd .img img{ width: 100%; height: 100%; object-fit:cover;} /*환경설정*/ .setting ul.alert_switch li {position: relative; padding:15px; border-bottom:1px solid #ddd} .setting input[type="checkbox"] {width: 65px; height: 30px; display: inline-block; -webkit-appearance: none; margin-right: 3px; background-color: #eee; border-radius: 50px; position: absolute; right: 10px; top: 50%; margin-top: -15px; transition: all .3s ease; cursor:pointer;} .setting input[type="checkbox"]:after {content:''; display:inline-block; width:20px; height:20px; background-color:#fff; border-radius: 50px; position: absolute; top: 50%; left: 6px; margin-top: -10px; transition: all .3s ease;} .setting input[type="checkbox"]:before {content: 'OFF'; position: absolute; right: 8px; top: 50%; margin-top: -7px; opacity: .5;} .setting input:checked[type="checkbox"] {background-color:#00ac9d; transition: all .3s ease;} .setting input:checked[type="checkbox"]:before {content:'ON'; right: auto; left:8px; color:#fff;} .setting input:checked[type="checkbox"]:after {left: 40px; transition: all .3s ease;} .setting ul.alert_switch li label {position: absolute; font-size:0; width:1px; height:1px; opacity:0;} /* soundonly */ .setting input[type="checkbox"]:focus {outline:none;} @media screen and (min-width:768px){ #hd_wrapper .row{margin: 0 auto;} #visual .text{font-size: 1.8em; line-height: 1.5em; padding-right: 50px;} } /*소모품마켓 금액 등록*/ #market_frm .nav-tabs{ margin-bottom: 10px;} #market_frm .nav-tabs>li.active>a, #market_frm .nav-tabs>li.active>a:focus, #market_frm .nav-tabs>li.active>a:hover{ font-weight: 600; color: #49c3ce;} #market_frm .area_list li{ border-bottom: 1px solid #eee; display: flex; justify-content: space-between; align-items: center; padding: 10px 0;} #market_frm .area_list li .brand{ width: 25%; font-weight: 600;} #market_frm .area_list li .info{ width: 45%;} #market_frm .area_list li .info span{margin-right:5px;} #market_frm .area_list li .price{width: 45%; text-align: right;} /* width 수정 - DOBBY(220927)*/ /*#market_frm .area_list li .price{width: 30%; text-align: right;}*/ #market_frm .area_list li .btn{ background: #666; color: #fff; padding:3px; margin-left: 8px; font-size: 0.9em; line-height: 1.2em;} #market_frm .area_list li .btn.blue{background: #49c3ce;} #market_frm #tab02 .area_list li .title{width: 70%;} #market_frm #tab02 .area_list li .title .brand{ width: 100%;} #market_frm #tab02 .area_list li .info{width: 100%; font-size: 0.9em;} #market_frm #tab02 .area_list li .info .exc{font-size: 0.8em; line-height: 1.6em; background: #F7F7F7; padding: 5px; margin: 0 -5px;} #market_frm #tab02 .area_list li .info .exc i{font-weight: 600; color: #49c3ce; font-style: normal; background: #ddd; margin: 0 5px 0 0; padding: 0px 3px; border-radius: 4px;} /* #tab03 추가 - DOBBY(220928) */ #market_frm #tab03 .area_list li .title{width: 70%;} #market_frm #tab03 .area_list li .title .brand{ width: 100%;} #market_frm #tab03 .area_list li .info{width: 100%; font-size: 0.9em;} #market_frm #tab03 .area_list li .info .exc{font-size: 0.8em; line-height: 1.6em; background: #F7F7F7; padding: 5px; margin: 0 -5px;} #market_frm #tab03 .area_list li .info .exc i{font-weight: 600; color: #49c3ce; font-style: normal; background: #ddd; margin: 0 5px 0 0; padding: 0px 3px; border-radius: 4px;} /* #tab03 추가 - DOBBY(220928) */ #market_frm .modal .products{text-align: center; font-weight: 500; font-size: 1.1em;} #market_frm .modal .mod_inp{} #market_frm .modal .mod_inp input{margin: 10px 0 0 0;} /*장바구니*/ #cart{ padding: 20px 0;} .cart_list li{border-bottom: 1px solid #eee; padding: 20px; position: relative; display: flex; /*justify-content: space-between;*/ align-items: center;} .cart_list li.all{ padding-top: 5px; padding-bottom: 5px; border-top:0; } .cart_list .info{width: 50%; line-height: 1.4em;} .cart_list .info strong span{font-size: 0.9em;} .cart_list .info p span{font-size: 0.9em;} .cart_list .info p span:after{ content: ""; display: inline-block; width: 1px; height: 10px; background: #eee; margin: 0 5px;} .cart_list .info p span:last-child:after{display:none;} .cart_list .num{ display: flex; justify-content: right; align-items: center;} .cart_list .num input{width: 35px;border: 1px solid #CCC; line-height: 20px; text-align: center; border-radius: 6px; font-weight: 600; margin: 0 2px} /* .cart_list .num a{margin: 0 -1px; z-index: 999; display: inline-block; line-height: 27px; border: 1px solid #CCC; border-radius:3px; width: 25px; text-align: center;} */ .cart_list .num a{ display: inline-block; border: 0; border-radius: 6px; width: 20px; height: 20px; line-height: 20px; background: #4acad6; color: #fff; text-align: center;} .cart_list .price{ text-align: right; font-size: 1.1em;} .cart_list .num_price{ padding: 0 10px; width: calc(50% - 40px)} .cart_list .btn_wrap{ width: 20px;} .cart_list .del_btn{ display: block;border-radius: 6px; width: 18px; height: 18px; text-align: center; line-height: 18px; color: #343434; background: #eee; border: 1px solid #ddd;} #cart .total{margin: 20px 8%; text-align: center;} #cart .total .deli{} #cart .total .price{ font-size: 1.4em; font-weight: 600;} #cart .total .price strong{font-size: 1.1em; color: #49c3ce;} #cart .total .price span{font-weight: normal; font-size: 0.8em;} #estimateModal .modal-body{ padding: 40px;} #estimateModal .modal-body ul.list{border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin-bottom: 10px;} #estimateModal .modal-body .list li{padding:10px 0px;} #estimateModal .modal-body .list dl{display: flex; padding: 4px 10px;} #estimateModal .modal-body .list dl:nth-child(even){background: #F7F7F7;} #estimateModal .modal-body .list dl:last-child{border-bottom: 0;} #estimateModal .modal-body .list dt{width: 60px;} #estimateModal .modal-body .list dd span:after{content: ""; display: inline-block; width: 1px; height: 8px; vertical-align: middle; background: #ddd; margin: 0 6px;} #estimateModal .modal-body .list dd span:last-child:after{display: none;} #estimateModal .modal-body .total{display: flex; align-items: center; justify-content: space-between; margin-bottom: 40px;} #estimateModal .modal-body .total dd{font-size: 1.2em; font-weight: 600;} #estimateModal .modal-body .total dd strong{color: #4acad6;} #estimateModal .modal-body .btn{width: 100%; background: #333; color: #fff; font-size: 1.4em;} @media (max-width: 1000px) { #estimateModal .modal-body{ padding: 40px 20px;} #estimateModal .modal-body .list dd strong{display: block;} } #order_list .list li{border-bottom: 1px solid #eee; padding: 20px; position: relative;} #order_list .area_top{ display: flex; justify-content: space-between; font-size: 0.9em; margin-bottom: 5px;} #order_list .area_top a{ display: inline-block; } #order_list .flex{display: flex; justify-content: space-between; align-items: center;} #order_list .info strong {font-size: 1em;} #order_list .info p span:after{ content: ""; display: inline-block; width: 1px; height: 10px; background: #eee; margin: 0 5px;} #order_list .info p span:last-child:after{display:none;} #order_list .price{font-size: 1.15em; color: #00ac9d;} #order_list .right{ text-align: center;} #order_list .right p{margin-bottom: 5px; font-weight: 600;} #order_list .right .btn{display:block; color: #00ac9d; border: 1px solid #00ac9d; margin-bottom: 3px; font-size: 0.9em; font-weight: 600;} #order_view { padding: 20px;} #order_view h2{font-size: 1.2em; margin-bottom: 10px;} .order_view{margin-bottom: 20px;} .order_view .submit_btn{ width: 100%; margin: 12px 0px; } .order_view .view_hd{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px} .order_view .view_hd p{line-height: 1.2em;} .order_view .view_hd p:last-child{text-align: center; font-size: 0.9em;} .order_view li{ border-radius: 4px; margin-bottom: 5px; border: 1px solid #eee; padding: 10px 20px; position: relative;} .order_view .info{width: 100%; margin-bottom: 3px;} .order_view .info strong{display: inline-block; margin-right: 10px;} .order_view .info strong span{font-size: 0.9em;} .order_view .info p{font-size: 0.9em;} .order_view .date{font-size: 0.9em; opacity: 0.8;} .order_view .products{ font-size: 1.1em; margin: 5px 0; font-weight: 600;} .order_view .price{ margin-left: 5px;} .order_view .state{ text-align: center;} .order_view .state p{margin-bottom: 10px; font-size: 1em; line-height: 1.4em; font-weight: 600; color:#00AC9D;} .order_view .state .btn{ display:block; border: 1px solid #00AC9D; color:#00AC9D; font-size: 0.9em; margin-bottom: 2px; padding: 2px 12px;} .order_view .state .btn.red{ color: red; border: 1px solid red;} #order_view .order_view .total{border: 0; padding: 0; margin: 0; margin-top: 20px; display: flex; justify-content: flex-end;} #order_view .order_view .total p{margin-left: 5px;} #order_view .total{border: 1px solid #eee; border-radius: 4px; margin-bottom: 5px; padding: 10px 20px; margin-bottom: 20px;} #order_view .total .deli{} #order_view .total .price{ font-size: 1.2em; font-weight: 600; margin-bottom: 10px;} #order_view .total .price strong{font-size: 1.1em;} #order_view .total .state{color: #49c3ce; font-weight: 600; font-size: 1.1em;} #order_view .order_info{border: 1px solid #eee; border-radius: 4px; padding: 10px 20px; margin-bottom: 20px; } #order_view .addr{ display: flex; justify-content: flex-start; flex-wrap: wrap; margin-bottom: 10px;} #order_view .addr dt{ width: 70px; font-weight: 500;} #order_view .addr dd{ width: calc(100% - 70px);} #order_view .bill {display: flex; justify-content:flex-start; flex-wrap: wrap; margin-bottom: 10px;} #order_view .bill dt{ width: 100px; font-weight: 500;} #order_view .bill dd{ width: calc(100% - 100px);} #order_view .tax_bill{border: 1px solid #eee; border-radius: 4px; padding: 10px 20px; margin-bottom:20px;} #order_view .tax_bill p{margin-bottom: 10px;} #order_view .tax_bill dl{display: flex; justify-content:flex-start; flex-wrap: wrap; margin-bottom: 10px; background: #F3F3F3; padding: 10px;} #order_view .tax_bill dt{ width: 100px; font-weight: 500;} #order_view .tax_bill dd{ width: calc(100% - 100px);} #order_view .receipt{margin-bottom: 20px} #order_view .receipt ul{display: flex; flex-wrap: wrap; /*justify-content: space-between;*/ align-items: center;} #order_view .receipt ul li{ width: 25%; padding: 2px;} #order_view .receipt ul li a{background: #49c3ce; color: #fff; display: block; width: 100%;} /*주문페이지*/ .order_frm h3{display: flex; align-items: center; color: #000; font-size: 1.1em;} .order_frm h3 .checkbox_custom{margin-left: 10px;} .order_frm .order_info{padding: 20px; background:#FBFBFB; border-bottom: 1px solid #eee;} .order_frm .order_info dl{display: flex; justify-content: space-between; align-items: baseline; padding: 5px 0; font-size: 1.1em;} .order_frm .order_info dt{margin-bottom: 3px; width: 70px; font-weight: 500; color: #000;} .order_frm .order_info dd{width: calc(100% - 70px)} .order_frm .order_info dd li{ display: flex; font-size: 1.1em;} .order_frm .order_info dd li p{padding-right: 2px; line-height: 1.6em; font-size: 0.9em;} .order_frm .order_info dd li p.c_info{width: 70%;} .order_frm .order_info dd li p.c_info strong{ margin-right: 5px;} .order_frm .order_info dd li p.c_price{ width: 32%; text-align: right;} .order_frm .order_info dd li p.c_num{width: 15%; text-align: right;} .order_frm .order_info dd li .c_info span{font-size: 0.9em;} .order_frm .order_info dd li .c_info span:after{ content: ""; display: inline-block; width: 1px; height: 10px; background: #eee; margin: 0 2px;} .order_frm .order_info dd li .c_info span:last-child:after{display:none;} .order_frm .order_info .info{margin-bottom: 5px; border-bottom: 1px solid #ddd;} .order_frm .order_info .info i{margin-right: 0px;} /*.order_frm .order_info .info:after{ content: "\f078" ; font-family: "Font Awesome 5 Pro";color: #215bab;font-weight:600; display: inline-block; font-size: 0.9em;}*/ .order_frm .order_info .well{border: 0; padding: 0; background:none; -webkit-box-shadow:none; box-shadow:none!important; border-radius: 0; margin-bottom: 0;} .order_frm .order_info .price{text-align: right; font-size: 1.1em; margin-right:22px;} .order_frm .area_frm{padding: 20px; border-bottom: 1px solid #ddd;} .order_frm .area_frm .form-control{border-radius: 10px;} .order_frm h3{font-size: 1.2em; line-height: 45px; margin-bottom: 10px;} .order_frm h3 .btn{font-size: 0.8em; margin-right: 10px;} .order_frm input[type=checkbox] + label{font-size: 12px; font-weight: normal;} .order_frm input[type=checkbox] + label > div{ width: 15px; height: 15px; margin-right: 3px;} .order_frm input[type=checkbox] + label > div:before{ font-weight: 400; font-size: 11px;} .order_frm input[type=radio] + label{margin-right: 10px;} .order_frm .card_without .pay_status{ width: 100%; margin-top: 10px; } .order_frm .pay{ border-top:1px solid #ddd;} .order_frm .pay input[type=radio] + label > div{ margin-top: -2px;} .order_frm .od_frm{display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 5px;} .order_frm .od_frm dt{width: 80px; line-height: 1.2em; margin-right: 20px;} .order_frm .od_frm .required:before{content: "*"; display: inline-block; margin-left: -20px; margin-right:3px; padding-left: 20px; color: red;} .order_frm .od_frm dd{width: calc(100% - 100px)} .order_frm .od_frm dd .form-control{/*font-size: 16px;*/} .order_frm .od_frm dd div.form-control{border-radius: 10px; display: flex; align-items: center; padding:0 12px;} .order_frm .od_frm dd div.form-control input.form-control{border: 0; background-color: transparent; box-shadow: none; padding-left: 0; padding-right: 0;} .order_frm .od_frm dd div.form-control input.form-control::placeholder{background: url("../img/magnifying-glass-light.svg") no-repeat 55px center/auto 16px;} .order_frm {padding: 0; border: 0;} .order_frm .area_agree{margin: 20px 0;} .order_frm .area_agree .flex{display: flex; align-items: center; justify-content: center;} .order_frm .area_agree strong{font-weight: normal;} .order_frm .area_agree .od_frm{padding: 3px 10px;} .order_frm .area_agree .od_frm a{cursor: pointer;} .order_frm .area_agree .od_frm .btn{ font-size: 0.9em; padding: 6px 5px; margin-left: 6px; border: 1px solid #ddd; background-color: transparent; font-size: 0.9em;} #info_modal .no_data{ padding: 20px; text-align: center;} #info_modal .no_data::marker{display: none;} .area_frm .without{ margin-bottom: 20px;} .area_frm .without dd p{font-size: 1.1em; margin-top: 10px;} .sign_info{ margin-top: 10px; } .sign_info .red{ color: #ff3030; } .card_without{padding-left: 100px;} /*.area_frm .card_without{ text-align: center;}*/ /*.area_frm .radio_custom, #order_sign_frm1 .def_tax_save{ padding-left:100px; }*/ #layer.post_wrap{display:none;position:fixed; max-width: 600px; width:80%; height:80%; left:50%; transform: translateX(-50%); top: 10%; bottom: 10%; overflow:hidden;z-index:9999;-webkit-overflow-scrolling:touch; border: 1px solid #ddd; border-radius: 10px;} #layer.post_wrap .hd{ color: #fff; height: 60px; line-height: 60px; text-align: center; font-size: 1.4em; background: #343434; position:relative;} #layer.post_wrap .hd .btn_close{cursor:pointer;position:absolute;right:15px;top:50%; transform: translateY(-50%); z-index:1; color: #fff;} #layer.post_wrap .hd .btn_close i{color: #fff;} .panel-group .panel-title a{ display: block;} .panel-group .panel-body{display: flex; justify-content: space-between; align-items: first; width: 100%;} .panel-group .panel-body .info{ width: 100%;} .panel-group .panel-body .btn_wrap{ text-align: right;/*display: flex; justify-content: space-around; align-items: center; flex-direction: column;*/ } .panel-group .panel-body .btn{background: #A2ABB9; color: #fff; margin-bottom: 5px;} #estimate.frm dl{align-items: revert;} #estimate.frm dt{line-height: 40px;} /*견적관리*/ #estimate_list .nav-tabs>li{float: none; width:calc(100%/4)} #estimate_list .filter{ padding: 10px 20px; border-bottom: 10px solid #eee; position: relative; font-size: 0.9em;} #estimate_list .filter .frm_input{margin-right: 2px; line-height: 30px; height: 30px;} #estimate_list .filter:after{content: ""; display: block; width: 100%; height: 1px; background: #ddd; position: absolute;bottom: 0; left: 0;} #estimate_list .sort_list{ padding: 10px 20px; border-bottom: 1px solid #eee;} #estimate_list ul.list li{ padding: 10px 20px; border-bottom: 1px solid #eee;} #estimate_list ul.list li .date{font-size: 0.9em; opacity: 0.8;} #estimate_list ul.list li .title{font-weight: 600; font-size: 1.2em; margin: 5px 0;} #estimate_list ul.list li .info p{line-height: 1.2em; margin-top: 5px;} #estimate_list ul.list li .info p strong{font-weight: 500;} #estimate_list ul.list li .info p span{opacity: 0.8;} #estimate_list ul.list li .btn{background: #fff; border: 1px solid #4ACAD7; color: #4ACAD7; font-weight: 600;} #estimate_list .state{font-size: 1.2em; font-weight: 600; color:#4ACAD7} #estimate_list .del{ display: inline-block;font-size: 1.5em; line-height: 1em; vertical-align: middle;} #estimate_list .filter_row3_left {display:flex;} #estimate_list .filter_row3_left input[type="date"] {font-size:15px;} #estimate_list .filter_row3_left input[type="text"] {font-size:15px;text-indent:12px;} #estimate_list .sort_list.flex.js label {margin-right:4px;} #estimate_list .sort_list.flex.js input[type=checkbox] {margin-top:0;} #estimate_list .est_item .asap {margin-left: 4px;color: red;font-weight: 700;border: 1px solid #f12626;padding: 2px;border-radius: 3px;font-size: 11px;vertical-align: 1px;} #estimate_list .est_item .bidding {margin-right: 4px;color:#00b5d0;border: 1px solid #00b5d0;padding: 2px 8px;border-radius: 10px;font-size: 12px;vertical-align: 1px;} @media screen and (max-width:768px){ #estimate_list .filter .flex.js {flex-wrap:wrap;} } /*견적상세*/ #estimate_view{padding:0;} #estimate_view #estimate_name {font-size:20px;font-weight:bold;color:#333D4B;margin:20px 0 40px;padding:0;} #estimate_view .area_top{background: #fff; border-radius: 5px; margin-bottom: 10px; padding: 20px;} #estimate_view .area_top .date{font-size: 13px;color:#969696;margin-bottom:2px;} #estimate_view .area_top .title{font-weight:bold; font-size: 20px;color:#222;} #estimate_view .area_top .icon {margin-bottom:7px;} #estimate_view .area_top .icon i {border-radius:4px;font-size:13px;line-height:28px;padding:0 12px;color:#969696;border:1px solid #f0f0f0;} #estimate_view .area_top .icon i.blue {background:#00B5D0;color:#fff;} #estimate_view .area_top .icon i.red {background:#FF7070;color: #fff;} .estimate_view_inner {padding:20px;border-bottom:12px solid #F0F4FA;background:#fff;} .estimate_view_inner.form_inner {padding:20px 0 40px;} .estimate_view_inner.form_inner .sw-btn-next {border-radius: 6px;background: #00B5D0;color:#fff;font-weight:500;padding:10px 25px;font-size:14px;} .estimate_view_inner:last-child {border-bottom:0;} .advertising-list {display:flex;gap:20px;margin-top:20px;padding-top:20px;border-top:1px solid #f0f0f0;} .advertising-list .advertising-btn {width:100%;border-radius: 6px;padding:13px 60px 12px 14px;position:relative;line-height:1.4;border:0;outline:none;text-align:left;background-size:300% 300%;animation:advertisingBtncolorChange 3s ease infinite;} .advertising-list .advertising-btn > img {position:absolute;right:14px;top:50%;transform:translateY(-50%);max-height:85%;object-fit:contain;} .advertising-list .advertising-btn strong {display:inline-block;width:100%;font-size:16px;color:#fff;font-weight:bold;} .advertising-list .advertising-btn span {display:inline-block;width:100%;font-size:12px;color:#fff;font-weight:bold;} .advertising-list .advertising-btn1 {background-image: linear-gradient(101deg, #27DDF9 1.51%, #99A2FF 98.49%);} .advertising-list .advertising-btn2 {background-image: linear-gradient(96deg, #70DC73 0.42%, #61D3ED 99.58%);} .advertising-list .advertising-btn3 {background-image: linear-gradient(96deg, #FFAD72 1.04%, #FFA7A7 98.96%);} @keyframes advertisingBtncolorChange{ 0%{ background-position: 0% 50%; } 50%{ background-position: 100% 50%; } 100%{ background-position: 0% 50%; } } #estimate_view .est_info{margin-bottom: 10px; border-radius: 10px;background: #fff; padding: 20px;} #estimate_view .est_info .tbl2 table{width: 100%; box-sizing: border-box;} #estimate_view .est_info .tbl2 table:last-child{border-bottom: 0;} #estimate_view .est_info .tbl2 tr{padding: 10px 0; border-bottom: 1px solid #eee; } #estimate_view .est_info .tbl2 th, #estimate_view .est_info .tbl2 td{ padding: 5px 10px; line-height: 1.2em; font-weight: 500;} #estimate_view .est_info .tbl2 td:last-child{ opacity: 0.8; font-weight: 300;} #estimate_view .est_info .tbl2 th{background: #00AC9D; color: #fff; width: 20%; text-align: center; border-radius: 6px;} #estimate_view .est_frm{padding: 0;} #estimate_view .est_frm dl{ display: flex; border-bottom: 1px solid #eee;padding:32px 20px 26px;border:1px solid #f0f0f0;border-width:0 0 1px;flex-direction:column;gap:14px;} #estimate_view .est_frm dl:first-child{border-top: 1px solid #f0f0f0;} #estimate_view .est_frm dl:last-child{border-bottom: 0;} #estimate_view .est_frm dt{font-size:18px;} #estimate_view .est_frm dd{} #estimate_view .est_frm strong{margin-right: 5px; font-weight: bold;} #estimate_view .est_frm .frm_input{margin-right: 5px;} #estimate_view .est_frm .box_in input[type=radio]:checked + label{ margin-right: 0;background-color:#00B5D0;border-color:#00B5D0;} #estimate_view .est_frm #brand {width:180px;} #estimate_view .est_frm #print_sch {width:180px;} #estimate_view .est_frm #month_deposit_price {width:100px;} #estimate_view .frm_agree ul {margin-bottom:16px;} #estimate_view .frm_agree li{line-height:1.4; margin-bottom:7px;color:#333D4B;font-size:12px;} /* #estimate_view .frm_agree li:before{ content: "-"; display: inline-block;} */ #estimate_view .box_in input[type=radio]+label {border-radius:6px;padding:8px 15px;} #estimate_view dt.required:before{content: "*"; display: inline-block; font-weight: 500; color: #FD3737;margin-right:2px;} #estimate_view .note{font-size:12px; color: #4ACAD7;display:inline-block;margin-left:10px;} #estimate_view .rental_price_frm {display:flex;gap:5px;} #estimate_view .retal_price_total {font-size:.9em;line-height:1.5em;color:red;} #estimate_view .est_price_table {margin-bottom:20px;border-radius: 6px;border: 1px solid #F0F0F0;overflow:auto;} #estimate_view .est_price_table table {width:100%;font-size:.95em;border-collapse:collapse;} #estimate_view .est_price_table thead th {text-align:center;background:#F9FAFB;color:#333D4B;border:1px solid #f0f0f0;border-top:0;} #estimate_view .est_price_table thead tr th:first-child {border-left:0;} #estimate_view .est_price_table thead tr th:last-child {border-right:0;} #estimate_view .est_price_table th {padding:9px;} #estimate_view .est_price_table td {padding:9px;width:20%;} #estimate_view .est_price_table tbody th {text-align:center;border:1px solid #f0f0f0;} #estimate_view .est_price_table tbody td {text-align:center;border:1px solid #f0f0f0;font-size:14px;color:#333D4B;} #estimate_view .est_price_table tfoot th {text-align:center;background:#f8f8f8;border:1px solid #fff;color: #00B5D0;} #estimate_view .est_price_table tfoot td {background:#f8f8f8;font-weight:600;text-align:center;border:1px solid #fff;color:#00B5D0;} #estimate_view .area_top.posi {position:relative;padding:0 110px 0 0;margin-bottom:0;} #estimate_view .area_top.posi .deadline {position:absolute;right:20px;top:20px;font-size:.9em;color:#888;} #estimate_view .area_top.posi .distance {position:absolute;right:0;top:50%;text-align:center;color:#fff;line-height:1.6;padding:6px 12px 4px;background:#00B5D0;border-radius:6px;font-size:12px;transform:translateY(-50%);} #estimate_view .area_top.posi .distance > em {font-weight:600;font-style:normal;color:#fff;font-size:14px;} #estimate_view .add_price {display:flex;gap:14px;white-space:nowrap;flex-direction: column;align-items:start;} #estimate_view .add_price .frm_input {margin-bottom:0;} @media screen and (max-width:768px){ #estimate_view .add_price {flex-direction:column;gap:6px;} .estimate_view_inner {padding:15px;} .advertising-list {flex-direction:column;gap:10px;} #estimate_view .est_frm dl {padding:20px 15px;} #estimate_view .est_frm dt {font-size:16px;} #estimate_view .area_top .title {font-size:16px;} } #estimate_view .est_detail {border-radius:5px;padding:20px;border-radius:16px;margin-bottom:20px;background:#fff;} #estimate_view .est_detail strong {display:block;font-weight:600;text-align:center;color:#2196f3;font-size:1.2em;} #estimate_view .est_detail .btn {background-color:#2196f3;color:#fff;outline:none;display:block;margin:16px auto 0;} #estimate_view .est_detail .btn .fa-chevron-down:before {margin-right:0;font-size:.9em;} #estimate_view .est_detail .btn.active .fa-chevron-down {transform:rotate(180deg);} #estimate_view .est_detail .est_detail_frm table {width: 100%; box-sizing: border-box;} #estimate_view .est_detail .est_detail_frm table tr {border-bottom:1px solid #eee;} #estimate_view .est_detail .est_detail_frm table th {width:100px;padding: 15px 0;font-size:1.1em;vertical-align:top;color:#000;} #estimate_view .est_detail .est_detail_frm table td {padding: 14px 0; } #estimate_view .est_detail .est_detail_frm .frm_input {margin-bottom:0;} #estimate_view .est_detail .rental_calculator {padding:6px 7px;border:1px solid #ddd;background:transparent;border-radius:4px;margin-left:5px;font-size:.9em;line-height:1;} #estimate_view .est_detail .ques-check {display:flex;flex-wrap:wrap;gap:14px 0;} #estimate_view .est_detail .ques {font-weight:700;font-size:14px;display:block;margin-bottom:14px;color:#00B5D0;} #estimate_view .est_detail input[type=checkbox] { display: none; } #estimate_view .est_detail input[type=checkbox] + label {margin:0 18px 0 0;font-weight:400;font-size:13px;} #estimate_view .est_detail input[type=checkbox] + label > div {display:inline-block;width:16px;height:16px;border-radius:4px;border:1px solid #ddd;margin-top:-2px;margin-right:6px;} #estimate_view .est_detail input[type=checkbox]:checked + label {color:#00B5D0;} #estimate_view .est_detail input[type=checkbox]:checked + label > div {background:#00B5D0;border-color:#00B5D0;} #estimate_view .est_detail input[type=checkbox]:checked + label > div:before {font-size:10px;} #estimate_view .save-check {display:flex;align-items: center;margin:8px 0 0;} #estimate_view .save-check input[type=checkbox] { display: none; } #estimate_view .save-check i {display:inline-block;width:16px;height:16px;border-radius:4px;border:1px solid #F0F0F0;margin-top:-2px;margin-right:6px;background:#fff;} #estimate_view .save-check input[type=checkbox]:checked + i {border-color: #00B5D0;background: #00B5D0 url(../img/check.svg) no-repeat center;background-size: 10px auto;} #estimate_view .save-check input[type=checkbox]:checked ~ em {color:#00B5D0;} #estimate_view .save-check em {text-decoration:none;color:#535353;font-weight:500;font-size:14px;font-style:normal;} @media screen and (max-width:768px){ #estimate_view .est_detail .ques-check {grid-template-columns:repeat(2, 1fr);} } @media screen and (max-width:768px){ #estimate_view .est_detail .est_detail_frm table th {display:block;padding:20px 0 0;} #estimate_view .est_detail .est_detail_frm table td {display:block;padding-top:6px;} #estimate_view .est_detail .ques-check {grid-template-columns:repeat(2, 1fr);} } #estimate_view .btn_area {text-align:center;margin:14px 0 24px;} #estimate_view .btn_area .edit {margin-right:6px;color:#fff;background-color:#00ac9d;outline:none;} #estimate_view .btn_area .stop {background-color:#8e8e8e;color:#fff;outline:none;} #estimate_view #time_limit .btn.stop {color:#2196f3;} /*내견적확인*/ #estimate_list .total{ text-align: center; /*border: 1px solid #eee; border-radius: 10px; padding: 15px;*/} #estimate_list .total p{ font-size: 2.5em; line-height: 1.2em; margin-bottom: 5px; font-weight:600;} #estimate_list .total span{ font-size: 0.85em; line-height: 1.2em; display: block;} #estimate_view #time_limit .time{ text-align: center; width: 100%; background: #FF7070; color: #fff; border-radius: 6px; padding: 5px;} #estimate_view #time_limit .time p{ opacity: 0.8;} #estimate_view #time_limit .time strong{ font-size: 1.5em;} #estimate_view #time_limit .btn{border-radius: 6px; border: 1px solid #ddd; color: #FF7070; background: #fff; margin-left: 5px; padding: 10px 15px; font-weight: 500;} .myest_list{/*padding: 20px; background: #fff; margin: 0 -20px;*/} .myest_list .frm_input{font-size: 0.9em; line-height: 30px; height: 30px; margin-bottom: 0;} .myest_list ul{ background: #fff; border-radius: 6px; margin-top: 5px; padding: 5px 0; margin-bottom: 10px; } .myest_list li{ font-size: 0.9em; padding: 14px 10px; border-bottom: 1px solid #eee;} .myest_list li.title{padding: 5px 10px 10px 10px; border-bottom: 1px solid #eee; margin-bottom: 5px;} .myest_list li p{line-height: 1.2em;} .myest_list li .img{width: 60px; height: 60px; margin-right: 10px; border: 1px solid #eeeeee56;} .myest_list li .name{font-weight: 600; font-size: 1.1em;} .myest_list li .km{margin-right: 5px;} .myest_list li .km strong{color: #00AC9D; font-size: 1.5em;} .myest_list li .price{margin-right: 10px;} .myest_list li .price strong{ font-size: 1.6em; color: #00AC9D;} .myest_list li .color strong{color: #00AC9D;} .myest_list li p.info{font-size: 0.9em;} .myest_list li .box{margin-top: 10px; background: #F7F7F7; padding: 10px; border-radius: 6px; } .myest_list li .box i{background: #ccc; border: 0; color: #fff; font-size: 0.9em;} /*판매자 견적상세*/ #seller_view{padding: 20px;} #seller_view .exp{ text-align: center; padding: 20px; background: #fff; border-radius: 6px; margin-bottom: 10px;} #seller_view .nav-tabs {border-bottom:0;margin-bottom:20px;} #seller_view .nav-tabs>li>a {border-radius: 6px;border: 1px solid #F0F0F0;background: #FFF;margin-right:10px;line-height:1;padding:12px 15px;color:#969696;} #seller_view .nav-tabs>li.active>a, #seller_view .nav-tabs>li.active>a:focus, #seller_view .nav-tabs>li.active>a:hover {background: #00B5D0;color:#fff;border-color:#00b5d0} #seller_view .tab-content{ } #seller_view .tab-content #profile{padding: 20px;} #seller_view .tab-content #review li{padding: 0 14px; border-bottom:1px solid #ddd; position: relative;} #seller_view .submit_btn{width: 100%;} #seller_view #profile .img{height: 200px;} #seller_view .seller_info{padding: 20px 0;} #seller_view .seller_info dl{ display: flex; align-items: baseline; margin-bottom: 5px;} #seller_view .seller_info dt{ margin-right: 10px;width:95px;} #seller_view .seller_est_title {text-align:center;font-size:25px;margin:10px 0 28px;font-weight:bold;letter-spacing:4px;} #seller_view .seller_est_info {display:flex;justify-content:space-between;margin-bottom:27px;flex-wrap:wrap;} #seller_view .est_info_table {width:266px;border-top:2px solid #a8a8a8;} #seller_view .est_info_table table {width:100%;} #seller_view .est_info_table tr {border-bottom:1px solid #ddd;} #seller_view .est_info_table th {padding:5px 10px;} #seller_view .est_info_table td {text-align:right;padding:5px 10px;} #seller_view .est_info_table .ta_left {text-align: left;} #seller_view .est_info_table .ta_right {text-align: right;} #seller_view .est_info_table td strong {font-weight:600;font-size:1.09em;margin-right:4px;color:#111;} #seller_view .seller_est_desc {border: 1px solid #F0F0F0;background: #FFF;padding:20px;} #seller_view .seller_est_desc_item {display:flex;gap:20px;margin-bottom:20px;align-items: center;} #seller_view .seller_est_desc_item:last-child {margin-bottom:0;} #seller_view .seller_est_desc_img {width:30%;border-radius:6px;height:240px;overflow:hidden;} #seller_view .seller_est_desc_img img {object-fit:contain;width:100%;height:100%;} #seller_view .seller_est_desc_tb {flex:1;} #seller_view .seller_est_desc_tb th {width:100px;} #seller_view .seller_est_desc_name {font-size:18px;font-weight:700;display:block;margin-bottom:10px;} #seller_view .seller_est_desc_name span {color:#00b5d0;} #seller_view .seller_est_etc {font-size:16px;text-align:right;margin-bottom:9px;} #seller_view .est_price_table {margin-bottom:20px;overflow: auto;} #seller_view .est_price_table table {width:100%;font-size:.95em;border-collapse:collapse;} #seller_view .est_price_table thead th {text-align:center;background:white;color:#111; border: 1px solid #f0f0f0;} #seller_view .est_price_table th {padding:6px;white-space:nowrap;} #seller_view .est_price_table td {padding:1px;width:16%;white-space:nowrap;} #seller_view .est_price_table tbody th {text-align:center;border:1px solid #f0f0f0;} #seller_view .est_price_table tbody td {text-align:right;border:1px solid #f0f0f0;} #seller_view .est_price_table tfoot th {text-align:center;background:white;border: 1px solid #f0f0f0;} #seller_view .est_price_table tfoot td {background:white;font-weight:600;text-align:right; border: 1px solid #f0f0f0;} #seller_view .seller_btn {display:flex;justify-content:space-between;margin-top:20px;margin-bottom:30px;align-items: end;} #seller_view .seller_btn .btn_confirm {line-height:1;padding:12px 19px;border-radius:6px;text-align:center;border:0;background:#00b5d0;color:#fff;font-weight:bold;font-size:14px;} #seller_view .seller_btn .btn_sub {line-height:1;padding:12px 19px;border-radius:6px;text-align:center;border:0;text-align:center;background-color:#f9f9f9;color:#333D4B;font-size:14px;} #seller_view .seller_btn .seller_btn_right {text-align:right;} #seller_view .seller_btn .seller_btn_right span {display:block;font-size:.96em;color:#00b5d0;} #seller_view .review_btn{ background: #d9d955; margin-bottom: 5px; } @media screen and (max-width:768px){ #seller_view .seller_est_info {gap:20px;} #seller_view .est_info_table {width:100%;gap:20px;} #seller_view .seller_est_title {font-size:24px;letter-spacing:3px;margin-bottom:20px;} #seller_view .seller_btn .btn_confirm {padding:12px 12px;} #seller_view .seller_btn .btn_sub {padding:12px 12px;margin-right:4px;} #seller_view .est_info_table td {text-align:right !important;} #seller_view .seller_est_desc_img {display:none;} } #estimate_print {padding:20px;} #estimate_print .seller_info{padding: 20px 0;} #estimate_print .seller_info dl{ display: flex; align-items: baseline; margin-bottom: 5px;} #estimate_print .seller_info dt{ margin-right: 10px;width:95px;} #estimate_print .seller_est_title {text-align:center;font-size:20px;margin:10px 0 28px;font-weight:bold;letter-spacing:4px;} #estimate_print .seller_est_title:before {content:'';display:block;margin:0 auto;width:36px;height:4px;background-color:#00b5d0 !important;margin-bottom:11px;} #estimate_print .seller_est_info {display:flex;justify-content:space-between;margin-bottom:27px;flex-wrap:wrap;} #estimate_print .est_info_table {width:240px;border-top:2px solid #a8a8a8;} #estimate_print .est_info_table table {width:100%;} #estimate_print .est_info_table tr {border-bottom:1px solid #ddd;} #estimate_print .est_info_table th {padding:5px 10px;} #estimate_print .est_info_table td {text-align:right;padding:5px 10px;} #estimate_print .est_info_table .ta_left {text-align:left;} #estimate_print .est_info_table .ta_right {text-align:right;} #estimate_print .est_info_table td strong {font-weight:600;font-size:1.09em;margin-right:4px;color:#111;} #estimate_print .seller_est_desc {border:1px solid #dedede;min-height:140px;overflow:auto;padding:14px;} #estimate_print .est_price_table {margin-bottom:20px;overflow: auto;} #estimate_print .est_price_table table {width:100%;font-size:.95em;border-collapse:collapse;} #estimate_print .est_price_table thead th {text-align:center;background:#ecf7f6 !important;color:#111;border:1px solid #fff;} #estimate_print .est_price_table th {padding:6px;white-space:nowrap;} #estimate_print .est_price_table td {padding:6px;width:17%;white-space:nowrap;} #estimate_print .est_price_table tbody th {text-align:center;border:1px solid #f0f0f0;} #estimate_print .est_price_table tbody td {text-align:right;border:1px solid #f0f0f0;} #estimate_print .est_price_table tfoot th {text-align:center;background:#f8f8f8 !important;border:1px solid #fff;} #estimate_print .est_price_table tfoot td {background:#f8f8f8 !important;font-weight:600;text-align:right;border:1px solid #fff;} @media print { body {-webkit-print-color-adjust: exact;} } /*업체소개정보 등록*/ #seller_form{padding: 20px;} #seller_form .seller_info{padding: 20px 0;} #seller_form .frm .img{ border: 0; font-size: 2em; width: 100%; border: 1px solid #ccc;} #seller_form .frm .img img{width: 100%; height: 100%; object-fit: cover;} #seller_form .seller_info dl{ display: flex; align-items: center;padding: 0; margin: 0; margin-bottom: 5px;} #seller_form .seller_info dt{ margin-bottom:0 ;margin-right: 10px;} #seller_form .seller_info input[type=date].frm_input{text-indent: 8px; font-size: 1em;} #seller_form .seller_info textarea{min-height: 150px;} /*주문관리*/ #receive_list{padding-bottom: 20px} #receive_list .sort_list{ padding: 10px 20px; border-bottom: 1px solid #eee;} #receive_list .sort_list input[type=radio] + label{margin-right: 5px;} #receive_list .filter{padding: 10px 13px; border-bottom: 10px solid #eee; position: relative; font-size: 0.9em;} #receive_list .filter:after{content: ""; display: block; width: 100%; height: 1px; background: #ddd; position: absolute;bottom: 0; left: 0;} #receive_list .filter .btn_search{ width: 100%; height: 40px; line-height: 40px; text-indent: 20px; margin-bottom: 5px; padding: 0; border-radius: 10px; background: #00AC9D; border: 1px solid #00AC9D; color: #fff; } #receive_list .filter span{margin: 0 5px} #receive_list .filter select.frm_input{width: 100px;} #receive_list .filter input[type=search].frm_input{ width: calc(100% - 100px);} #receive_list .filter .box_in input[type=radio] + label:last-child{margin-right: 0;} #receive_list ul.list li.total{border:0; padding:10px 10px; border-bottom: 1px solid #eee;} #receive_list ul.list li{padding: 20px 10px; border: 1px solid #8a8a8a; margin: 5px; border-radius: 6px;} #receive_list ul.list li .icon{margin-left: -3px; margin-bottom: 5px;} #receive_list ul.list li .date{font-size: 0.9em !important; opacity: 0.8 !important; font-weight:unset !important;} /* #receive_list ul.list li .products p{font-weight: 600; font-size: 1.2em; margin: 5px 0;} */ #receive_list ul.list li .products .flex_end{ display: flex; margin: 0 14px 0 auto;} #receive_list ul.list li .products .item{margin-bottom: 10px;} #receive_list ul.list li .price{ text-align: right; font-size: 1.1em; margin: 10px 0 5px 0;} #receive_list ul.list li .price strong{font-size: 1.2em;} #receive_list ul.list li .info{background: #eee; border-radius: 6px; margin-bottom: 5px; padding: 10px;} #receive_list ul.list li .info p{line-height: 1.2em; margin-top: 5px;} #receive_list ul.list li .info p strong{font-weight: 500; margin-right: 3px;} #receive_list ul.list li .info p span{opacity: 0.8;} #receive_list ul.list li .billing{ font-size: 0.9em;} #receive_list ul.list li .billing select.frm_input{width: 120px;} #receive_list ul.list li .billing select.long{width: 100%;} #receive_list ul.list li .billing input.frm_input{width: calc(100% - 120px);} #receive_list ul.list li .billing .frm_input{margin-right: 2px; line-height: 30px; height: 30px;} #receive_list ul.list li .billing .btn{background: #fff; border-radius: 10px; border: 1px solid #4ACAD7; color: #4ACAD7; width: 100%; font-weight: 600;} #receive_list ul.list li .billing .btn.btn_finish{ width: 45% !important; } #receive_list ul.list li .billing .btn.btn_cancel{ width: 45% !important; border: 1px solid red !important; color: red !important; height: 34px; } #receive_list ul.list li .billing .flex{ margin-top: 20px; justify-content: space-around; } #receive_list ul.list li a.submit_btn{ width: 100%; cursor: pointer;} #receive_list ul.list li a.submit_btn.red{ background: #ff9898; cursor: auto; } /*가격재고*/ #stock .menu{padding: 10px 20px; border-bottom: 1px solid #eee;} #stock .menu ul{display: flex;} #stock .menu li{cursor: pointer;} #stock .menu li:after{content: ""; display: inline-block; width: 1px; height: 14px; background: #ddd; margin: 0 8px; vertical-align: middle;} #stock .menu li:last-child:after{display: none;} #stock .menu li.active{ font-weight: 600;} #stock .search{padding: 10px 20px;} #stock .search .flex select.frm_input{width: 120px;} #stock .search .flex input.frm_input{width: calc(100% - 120px);} #stock .search .icon{text-align: right;} #stock .search .icon label{margin-bottom: 0;} #stock .search .frm dl{ border-bottom: 0; padding-bottom: 0;} #stock .search .frm .search_btn{ margin-bottom:5px;} #stock .search_result .info{padding: 10px 10px; border-radius: 6px; border:1px solid #eee; width: 90%; margin: 0 auto; } #stock .search_result .info dl{display: flex; margin-bottom: 5px;} #stock .search_result .info dl:last-child{margin-bottom: 0;} #stock .search_result .info dt{margin-right: 5px;} #stock .tbl_list{ padding: 10px 5px;} /*주문내역*/ #order_list{padding-bottom: 20px} #order_list .sort_list{ padding: 10px 20px; border-bottom: 1px solid #eee;} #order_list .filter{padding: 10px 13px; border-bottom: 10px solid #eee; position: relative; font-size: 0.9em;} #order_list .filter:after{content: ""; display: block; width: 100%; height: 1px; background: #ddd; position: absolute;bottom: 0; left: 0;} #order_list .filter span{margin: 0 5px} #order_list .filter select.frm_input{width: 100px;} #order_list .filter input[type=search].frm_input{ width: calc(100% - 100px);} #order_list .filter .box_in input[type=radio] + label:last-child{margin-right: 0;} #order_list .filter .btn_search{ width: 100%; height: 40px; line-height: 40px; text-indent: 20px; margin-bottom: 5px; padding: 0; border-radius: 10px; background: #00AC9D; border: 1px solid #00AC9D; color: #fff; } #order_list ul.list li.total{border:0; padding:10px 10px; border-bottom: 1px solid #eee;} #order_list ul.list li{padding: 20px 10px; border: 1px solid #eee; margin: 5px; border-radius: 6px;} #order_list ul.list li .date{font-size: 0.9em; opacity: 0.8;} #order_list ul.list li .info{margin-top: 5px; font-size: 0.9em; line-height: 1.4em;} #order_list ul.list li .info strong{display: inline-block; margin-right: 5px;} #order_list ul.list li .state{ text-align: center;} #order_list ul.list li .state p{margin-bottom: 10px; font-size: 1em; line-height: 1.4em; font-weight: 600; color:#00AC9D;} #order_list ul.list li .state .btn{ display:block; border: 1px solid #00AC9D; color:#00AC9D; font-size: 0.9em; margin-bottom: 2px; padding: 2px 12px;} #order_list ul.list li .products.red{ color: #ff8a8a; } /* #order_list ul.list li .icon{margin-left: -3px; margin-bottom: 5px;} #order_list ul.list li .products{font-weight: 600; font-size: 1.2em; margin: 5px 0;} #order_list ul.list li .price{ text-align: right; font-size: 1.1em; margin: 10px 0 5px 0;} #order_list ul.list li .price strong{font-size: 1.2em;} #order_list ul.list li .info{background: #eee; border-radius: 6px; margin-bottom: 5px; padding: 10px;} #order_list ul.list li .info p{line-height: 1.2em; margin-top: 5px;} #order_list ul.list li .info p strong{font-weight: 500; margin-right: 3px;} #order_list ul.list li .info p span{opacity: 0.8;} #order_list ul.list li .billing{ font-size: 0.9em;} #order_list ul.list li .billing select.frm_input{width: 120px;} #order_list ul.list li .billing input.frm_input{width: calc(100% - 120px);} #order_list ul.list li .billing .frm_input{margin-right: 2px; line-height: 30px; height: 30px;} #order_list ul.list li .billing .btn{background: #fff; border-radius: 10px; border: 1px solid #4ACAD7; color: #4ACAD7; width: 100%; font-weight: 600;} #order_list ul.list li a.submit_btn{ width: 100%;}*/ #mycard{padding: 30px;} #mycard input.frm_input::placeholder{font-size: 0.8em;} #mycard dl:first-child input[type=number].frm_input{ text-align: center; text-indent: 0;} #mycard dl{display: block;} #mycard dt, #mycard dd{ width: 100%;} .returns_frm dl{flex-wrap: wrap; align-items: center;} .returns_frm dl dt{width: 60px;} .returns_frm dl dd{width: calc(100% - 75px);} .img_wrap{ display: flex;} .img_wrap button{all:unset; width: 60px; height: 60px; margin-right: 5px; border: 1px solid #ddd; border-radius: 6px; text-align: center; cursor: pointer;} .img_wrap ul{width:100%; white-space: nowrap; overflow-y: auto;} .img_wrap li{display: inline-block; position: relative; overflow: hidden; border-radius: 6px; width: 60px; height: 60px; } .img_wrap li img{object-fit: cover; width: 100%; height: 100%;} .img_wrap li a{display: block; width: 20px; height: 20px; line-height: 20px; text-align: center; background: #333; color: #fff; cursor: pointer; position: absolute; right: 0; top: 0;} /*.returns_frm dl.refund{ align-items: center;}*/ .returns_frm{margin-bottom: 20px;} /*(공통)환불예상금액*/ dl.refund dt{width: 100px; margin-bottom: 0;} dl.refund dd{width: calc(100% - 115px); text-align: center;} dl.refund dd p{font-size: 0.7em} dl.refund dd strong{font-size: 1.1em} dl.refund dd li{margin:0 5px} .returns_frm dl dd .info_box{ margin-top: 10px; background: #eee; padding: 10px; text-align: left;} .returns_frm dl dd .info_box p{margin-bottom: 5px; font-size: 0.7em} .returns_frm dl dd .info_box p:last-child{margin-bottom: 0;} .returns_frm dl dd .info_box p:before{content: "*"; display: inline-block; color: #00ac9d; font-weight: 400; font-size: 1.3em; line-height: 1em;} /*리뷰작성*/ #review_modal .modal-body{padding: 30px; border-top:1px solid #ddd; } #review_modal .frm textarea{ min-height: 150px; line-height: unset; text-indent: 0px; padding: 10px;} #review_modal .starRev{padding:20px; text-align: center;} #review_modal .starR{font-size:2em;display: inline-block;cursor: pointer;} #review_modal .fa-star{color: #ccc; font-weight: 300;} #review_modal .starR.on{color:#FFD966; font-weight: 600;} /*반품교환 사유확인 모달*/ #returnsModal li{border: 0;} #returnsModal .modal-body{ padding:30px 20px;} #returnsModal .reason dt{ font-size: 1.2em; margin-bottom: 10px;} #returnsModal .reason dt .btn{background: #333; color: #fff; border-radius: 10px;} #returnsModal .reason dd.box{border: 1px solid #ddd; border-radius: 10px; padding: 20px; margin-bottom: 10px;} #returnsModal .reason .img_wrap{ margin-top: 20px; } #returnsModal .reason .img_wrap li a{ all:unset; display: block; width: 100%; height: 100%;} #returnsModal .refund{margin-bottom: 20px; display: flex; align-items: center; border: 1px solid #ddd; background: #F7F7F7; border-radius: 10px; padding: 20px;} #returnsModal .billing{ font-size: 0.9em; margin-top: 20px; padding-top: 20px; border-top: 1px dashed #ccc; } #returnsModal .billing .title{font-size: 1.1em; font-weight: 600; margin-bottom: 10px;} #returnsModal .billing p { margin-bottom: 10px; } #returnsModal .billing select.frm_input{width: 120px;} #returnsModal .billing input.frm_input{width: calc(100% - 120px);} #returnsModal .billing .frm_input{margin-right: 2px; line-height: 30px; height: 30px;} #returnsModal .billing .btn{background: #fff; border-radius: 10px; border: 1px solid #4ACAD7; color: #4ACAD7; width: 100%; font-weight: 600;} #zoomModal button.close{ position: absolute; right: 0; top: 0; z-index: 999;} #zoomModal .modal-dialog{ width: 100%; margin: 0; height: 100vh;} #zoomModal .modal-content{height: 100vh;} @media screen and (max-width:768px){ #returnsModal .refund{display: block;} #returnsModal .refund dt{width: 100%; margin-bottom: 10px;} #returnsModal .refund dd{width: 100%;} } /*배송지주소, 세금계산서*/ .addr_list{padding: 20px;} .addr_list .panel-default{border: 0; box-shadow:none;} .addr_list .panel-group .panel-body{border: 1px solid #ddd; border-radius: 2px; margin: 5px 0;} /*리뷰*/ #review .list li{padding: 0 14px; position: relative; border-bottom:10px solid #F7F7F7;} #review .list li:after{content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background:#ddd;} #review li:last-child{border: 0;} #review li:last-child:after{display: none;} #review .area_top{ padding:18px 0 15px 0; border-bottom: 1px solid #E3E3E3;} #review .area_top .flex p{font-size: 0.95em; opacity: 0.8;} #review .area_top .products{font-weight: 600; font-size: 1em!important; opacity: 1!important;;} #review .area_conts{ padding: 15px 0 23px;} #review .area_conts .text{margin-bottom: 10px;} #review .starRev span{margin: 0 -1px;} #review .zoom{display: flex; border-radius: 6px; overflow: hidden; position: relative; max-height: 200px;} #review .zoom .img{width: 100%; border-radius: 0; margin-right: 1px;} #review .zoom .img:last-child{margin-right: 0;} #review .zoom .zoom_btn{ position: absolute; right: 10px; bottom: 10px; text-align: center; line-height: 24px; display:block; width: 24px; height: 24px; border-radius: 6px; font-size: 12px; background: rgba(0,0,0,0.3); color: #fff;} /*확대*/ #review .zoom.on{ display: block; max-height:100%;} #review .zoom.on .img{margin-bottom: 2px; border-radius: 6px;} #review.form{ padding: 20px;} /*판매자 메인*/ .seller_main img{width: 100%; height: auto;} .strike { text-decoration: line-through; text-decoration-color: black; text-decoration-thickness: 1px; display: inline-block; } /* 배송지변경 팝업 */ #wrapper .modal-content{ padding:20px!important; } #wrapper .mod_center .modal-content{ padding:0!important; } #wrapper .modal-header{ border-bottom:0!important; padding:0; margin-bottom: 20px; font-size: 18px; } #wrapper .modal-footer{ border-top: 0!important; } #wrapper .modal-body #shipping_addr, #wrapper .modal-body #shipping_addr_detail{ height:45px; } #wrapper .modal-body{ display:flex; flex-direction: column; gap:15px; } #wrapper .modal-header .close{ position:absolute; top:0; right:20px; margin-top:20px; } .market_qt_pop { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 1000; } .market_qt_pop .pop_content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: white; padding: 20px; border-radius: 10px; width: 300px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); } .market_qt_pop .close_pop { position: absolute; top: 10px; right: 10px; cursor: pointer; font-size: 16px; color: #333; } .question_con{ cursor: pointer; } .sale_txt{ font-size:12px; color:red; margin-top:-5px; } .tit_wrap{ margin-top:5px!important; } .radio_wrap .radio_ul{ align-items: flex-start; } /* 2024-11-19 브랜드선택 x 추가페이지 */ .no_brand_tit{ color: #333D4B !important; font-weight: 600; font-size: 20px !important; margin-bottom: 0 !important; } .no_brand_tit:before{ display:none!important; } .no_brand_dd{ display:flex; justify-content: flex-start; align-items: center; gap:40px; flex-direction: column; width:100%!important; } .no_brand_dd span{ border-right:1px solid #DDDDDD; height:39px; display:block; } .no_brand_dd button{ border: 1px solid #DDDDDD; border-radius: 8px; color: #646062; padding: 9px 20px; background: white; } .filter-btn { background: transparent; border: 1px solid #ccc; padding: 5px 10px; cursor: pointer; transition: background-color 0.3s ease; } .filter-btn.active { background: #00AC9D; color: white; } .no_brand_table{ height: 540px; /* 부모 높이 제한 */ overflow-y: auto; /* 상하 스크롤 활성화 */ border-radius: 8px; } .no_brand_table th{ background:#7C8792; color:white; padding:10px 15px; text-align: center; border:1px solid #F0F0F0; font-size:14px; font-weight: 100; position:relative; } .no_brand_table td{ position: relative; padding:10px; text-align: center; font-size:14px; color: #333D4B; border:1px solid #F0F0F0; } .no_brand_table td:last-child:nth-last-child{ border-bottom-left-radius: 8px; } .no_brand_table td:last-child:nth-last-child{ border-bottom-right-radius: 8px; } .no_brand_table .rowspan_th{ padding: 8px 30px; } .no_brand_table p{ display:flex; align-items:center; justify-content: center; line-height:1.45; gap:8px; } .no_brand_table span{ margin-top: -5px; font-size: 12px; display: flex; justify-content: center; } .no_brand_table p img{ cursor: pointer; } .no_brand_product a{ background: #F9FAFB; border-radius: 4px; font-size: 12px; color: #333D4B; padding: 3px 14px; cursor: pointer; } .no_brand_product img{ height:82px; cursor: pointer; } .no_brand_product:hover .no_brand_product_detail { display:block; } .no_brand_product{ display:flex; flex-direction: column; align-items: center; position:relative; } .no_brand_product_detail { display: none; position: absolute; width: 186px; left: 80%; top: 50%; transform: translateY(-50%); z-index: 10; box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1); background: #fff; height: 186px; border-radius: 8px; border:1px solid #00AC9D; } .no_brand_product_detail > img { max-height: 80%; max-width: 80%; width: 100%; height: 100%; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); object-fit: contain; display: block; margin: auto; } .no_brand_table .up-down-toggle { margin-left:3px; } .no_brand_table .rowspan_td{ font-weight: 600; cursor: pointer; } .tab-content{ height:inherit!important; } .best_con{ position: absolute; width:40px!important; left: -10px; top: -10px; } .no_brand_ch_box{ max-height:300px; overflow:auto; position:absolute; display:flex; flex-direction: column; width:100px; gap:0!important; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); left: 10px; margin-top: 10px; z-index: 1; border-radius: 6px; background:white; } .no_brand_ch{ display: flex; line-height:1; gap:5px; padding: 10px 10px; border-bottom:1px solid #F0F0F0; color: #222; font-size:12px; align-items: center; font-weight:400; margin-bottom:0; cursor: pointer; } .no_brand_ch:nth-child(1){ border-top-left-radius:8px; border-top-right-radius:8px; } .no_brand_ch input {display: none;} .no_brand_ch i {display:inline-block;width: 14px;height: 14px;border: 1px solid #f0f0f0;border-radius: 4px;position: relative;background-color: #fff;transition: all 0.3s;margin:-1px 0 0 0;} .no_brand_ch input:checked + i {background: #00B5D0 url(../img/check.svg) no-repeat center;background-size:10px auto;} .no_brand_popup, .brand_model_popup { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center; z-index: 1000; } .no_brand_popup .popup-content { width: 700px; max-width:90%; overflow:hidden; position: relative; background: #fff; padding: 0; border-radius: 6px; text-align: center; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); } .no_brand_popup .popup-content .inner-padding {padding:22px 20px 14px 20px;position: relative;} .no_brand_popup .pop_img_box {width:160px;height:160px;} .no_brand_popup .pop_img_box img {width:100%;height:100%;object-fit:contain;} .no_brand_popup .pop_contents {align-items:center;} .no_brand_popup .product-info td {font-size:15px;padding:3px 0;} .no_brand_popup .brand_select_box { display: flex; } .no_brand_popup .brand_select_box button:nth-child(1) { background: #4acad6; color: white; padding: 8px; border-radius: 0; cursor: pointer; border: 0; width: 100%; } .no_brand_popup .brand_select_box button:nth-child(2) { border: 1px solid #DDDDDD; color: #646062; padding: 8px; border-radius: 0; cursor: pointer; border: 0; width: 100%; } .brand_model_popup .popup-content { width: 390px; max-width:90%; overflow:hidden; position: relative; background: #fff; padding: 0; border-radius: 6px; text-align: center; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); } .brand_model_popup .popup-content .inner-padding {padding:22px 20px;} .brand_model_popup .brand_select_box { display: flex; } .brand_model_popup .brand_select_box button:nth-child(1){ background:#4acad6; color:white; padding: 8px; border-radius: 0; cursor: pointer; border:0; width:100%; } .brand_model_popup .brand_select_box button:nth-child(2){ border:1px solid #DDDDDD; color:#646062; padding: 8px; border-radius: 0; cursor: pointer; border:0; width:100%; } .brand_model_popup .pop_line { margin:18px auto 24px; } .brand_model_popup .no_pop_text {text-align:left;line-height:1.4;font-size:12px;color:#00B5D0;font-weight:400;} .brand_model_popup .no_pop_tit{ margin:0 0 10px; color:#333D4B; font-size:16px; font-weight:bold; } .brand_model_popup .frm_input { width:132px; font-size:12px; background-position: 89% 50%; } .brand_model_popup .pop_contents .radio .radio-detail {display:none;text-align:left;} .brand_model_popup .pop_contents .radio input:checked ~ .radio-detail {display:block;} .brand_model_popup .pop_contents{ display: block; margin-top:20px; } .brand_model_popup .pop_contents .check-wrap {display:flex;flex-wrap:wrap;border-radius: 6px;border: 1px solid #F0F0F0;background: #FFF;padding:6px 12px;} .brand_model_popup .pop_contents .check-wrap .no_brand_ch {font-size:12px;border-bottom:0;color:#333D4B;padding:8px 0;margin-right:12px;} .brand_model_popup .pop_contents .check-wrap .no_brand_ch input:checked ~ span {color:#00B5D0;} .brand_model_popup .pop_contents .radio-detail p {text-align:left;color:#535353;font-size:13px;font-weight:400;margin-bottom:4px;} .brand_model_popup .pop_contents .radio input[type=radio]:checked+label {color:#333D4B;font-weight:400 !important;} .brand_model_popup .pop_contents label{ text-align: left; display:flex; align-items: center; padding-left:0; } .brand_model_popup .pop_contents .pop_red_txt{ color:red; font-weight: 600; display:inline-block; } .brand_model_popup .pop_contents .pop_bold_txt{ color:#333D4B; font-weight: 600; display:inline-block; } .pop_line{ width:100%; border-bottom:1px solid #DDDDDD; margin-top: 10px; } .pop_img_box{ width:128px; height:128px; border: 1px solid #ddd; border-radius: 8px; padding:5px; } .pop_img_box img{ width:100%; } .no_pop_tit{ color:#333D4B; font-size:16px; margin-top:30px; margin-bottom:20px; text-align: left; font-weight: 600; } .no_pop_flex{ display:flex; gap:20px; } .pop_contents{ display:flex; gap: 20px; } .no_pop_flex div:nth-child(1){ width: 52px; text-align: left; color:#969696; font-weight: 600; font-size:12px; } .no_pop_flex div:nth-child(1){ color:#333D4B; font-size:12px; } .brand_select_btn{ background: #00AC9D; color: white; font-size: 12px; padding: 5px 12px; width: 90%; border: 0; border-radius: 5px; margin-bottom: 5px; } .no_brand_dl{ margin-bottom: 20px !important; padding-bottom: 0 !important; margin-top: 40px; } .no_brand_table .no_brand_color{ font-size:16px; font-weight: 600; color:#00B5D0; } .send_btn { display: inline-block; background-color: #4acad6; color: #ffffff !important; font-weight: 700; padding: 5px 16px; border-radius: 5px; } .brand_flex_btn{ display:flex; position: relative; flex-direction: column; align-items: center; } .brand_flex_btn a{ font-size: 10px; padding: 3px 8px; background: #ED7D31; color: white; margin-bottom: 5px; left: 10px; top: -12px; border-radius: 3px; position:absolute; } .brand_flex_btn:nth-child(4) a{ background:#edc531; left: 10px; top: -12px; border-radius: 3px; position:absolute; } .brand_flex_btn:nth-child(5) a{ background:#4a9bff; left: 10px; top: -12px; border-radius: 3px; position:absolute; } .brand_tab_box{ display: flex; align-items: center; justify-content: space-between; width: 100%; } .brand_tab_box2{ display: flex; gap: 10px; align-items: center; } .width_control_btn button{ display: flex; align-items: center; gap: 8px; padding: 9px 12px; } .brand_slect_box button:nth-child(1){ background:#4acad6; color:white; padding: 8px; border-radius: 4px; cursor: pointer; border:0; width:100%; } .brand_slect_box button:nth-child(2){ border:1px solid #DDDDDD; color:#646062; padding: 8px; border-radius: 4px; cursor: pointer; border:0; width:100%; } .brand_slect_box{ margin-top: 20px; display: flex; gap: 10px; } .no_brand_color2{ font-size:14px; font-weight: 600; } .no_brand_search{ border: 1px solid #DDDDDD; border-radius: 8px; color: #646062; padding: 10px 20px; background: white; width: 150px; font-size: 12px; background: url(../img/iconamoon_search.svg); background-repeat: no-repeat; background-position: 95% 50%; } .no_brand_ch_btn{ width:100%; background: #00B5D0; color: white; border-radius: 0 0 5px 5px; padding: 3px 0; border: none; font-size: 12px; } .no_brand_ch_btn:hover{ background: #3eb6c1; } .send_btn:hover{ background:#3eb6c1; } /* 팝업 기본 스타일 */ .slide-popup { position: fixed; bottom: -100%; /* 화면 아래에 숨김 */ left: 0; width: 100%; background: #fff; box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.2); transition: bottom 0.3s ease-in-out; /* 애니메이션 효과 */ z-index: 1000; border-radius: 10px 10px 0 0; /* 위쪽 모서리 둥글게 */ } /* 팝업 내용 스타일 */ .slide-popup .popup-content { padding: 20px; text-align: center; } /* 닫기 버튼 */ .slide-popup .close-btn { position: absolute; top: 10px; right: 10px; font-size: 24px; cursor: pointer; } /* 2024-11-19 브랜드선택 x 추가페이지 */ @media (max-width:700px){ #wrapper .modal-dialog{ width:95%; } .no_brand_table{ overflow: scroll; } .brand_tab_box { gap: 6px; } .brand_tab_box2 { flex: auto; gap:6px; } .no_brand_tit{ margin:0; font-size:16px!important; width:auto; } .no_brand_dd span{ display:none; /* height:24px; */ } .no_brand_search { flex:auto; width: 100%; } .no_brand_dd button{ padding: 10px 12px; font-size:12px; } .no_brand_dd button.question_btn{ font-size:0; } .no_brand_popup .popup-content{ width:90%; } .no_pop_flex{ _justify-content: space-between; } .pop_contents{ gap:10px; } .no_pop_flex div:nth-child(2){ text-align: left; } .no_pop_flex div:nth-child(1){ width:34px; } .no_brand_table .rowspan_th{ padding:6px 40px; } .no_brand_popup .pop_contents {align-items:start;} .no_brand_popup .product-info td {font-size:13px;} .no_brand_popup .pop_img_box {width:128px;height:128px;} } .Price_Area {width:100%; overflow:hidden; margin:auto; padding-top:10px;} .Price_Serch {float:left; width:40%; position: relative;} .Price_Serch input {width:100%; border: 1px solid #dddddd; border-radius: 6px !important; height:40px; padding:0px 40px 0px 10px;} .Price_Serch i {position: absolute;top: 0px;right: 10px;font-size: 18px;line-height: 40px;} .Price_Sort {float:right;} .Price_Sort ul {overflow:hidden;} .Price_Sort ul li {float:left; margin:0px 2px;} .Price_Sort ul li button {font-size:14px; background-color:transparent; border:0px; line-height:40px;} .Price_Sort ul li span {font-size:14px; line-height:40px;} .product2 {display:flex;gap:10px;border:1px solid #ddd;padding:12px;border-radius:6px;margin-top:5px;align-items:center;flex-wrap:wrap;position:relative;} .product2 .title {font-weight: 600; font-size: 1.3em;margin:0 0 8px;color:#111;} .product2 .product_sub li {padding:0;border:0;line-height:1.6;} .product2 .product_thumnail {border-radius:10px;width:120px;height:120px;} .product2 .product_thumnail img {object-fit:contain;width:100%;height:100%;padding:10px;} .product2 .product_delete {position:absolute;right:10px;top:10px;border-radius:4px;color:#fff;background-color:#00AC9D;padding:3px 10px;font-size:13px;border:0;} .deadline-box {margin-top:20px;} .deadline-box .deadline-count {padding:13px;border-radius: 6px;background: #FF7070;width:100%;text-align:center;font-weight:500;color:#fff;font-size:16px;} .deadline-box .deadline-count strong {font-weight:bold;} .deadline-box .deadline-btns {margin-top:20px;border-top:1px solid #F0F0F0;padding-top:20px;display:flex;gap:12px;} .deadline-box .deadline-btns .deadline-btn {width:100%;text-align:center;border-radius: 6px;border: 1px solid #F0F0F0;font-size:16px;padding:12px;background:#fff;font-weight:500;} .deadline-box .deadline-btns .deadline-btn.red {color:#FF7070;} .deadline-box .deadline-btns .deadline-btn.blue {color:#00B5D0;} @media screen and (max-width:768px){ .deadline-box .deadline-count {font-size:14px;} .deadline-box .deadline-btns .deadline-btn {font-size:13px;} } .advertising-modal .modal-content {max-width:390px;} .advertising-modal .modal-footer {display:flex;gap:0;} .advertising-modal .advertising-wrap {padding:0 20px;} .advertising-modal .advertising-head {margin:20px 0;border-bottom:1px solid #f0f0f0;padding-bottom:12px;margin-bottom:16px;} .advertising-modal .advertising-head h4 {display:flex;align-items:center;font-weight:bold;color:#333D4B;font-size:16px;} .advertising-modal .advertising-head h4 img {margin-left:6px;width:28px;height:28px;} .advertising-modal .advertising-head p {color:#00B5D0;font-size:12px;margin-top:3px;font-weight:400;} .advertising-modal .advertising-body {margin:20px 0 26px;} .advertising-modal .advertising-body .only {padding:16px 18px;border-radius:6px;background:#131E55 url(../img/advertising_modal1_only.png) no-repeat center/cover;} .advertising-modal .advertising-body .only span {color:#fff;font-size:12px;} .advertising-modal .advertising-body .only p {color:#fff;font-size:22px;font-weight:bold;margin-top:3px;} .advertising-modal .advertising-body .info-btns {display:flex;margin-top:20px;gap:10px;} .advertising-modal .advertising-body .info-btns .btn-check {width:100%;font-size:12px;color:#00b5d0;border-radius: 6px;border: 1px solid #F0F0F0;background:#fff;padding:8px 10px;text-align:center;} .advertising-modal .modal-footer .btn {margin:0;width:100%;font-size:14px;padding:10px 0;text-align:center;border-radius:0;} .advertising-modal .modal-footer .btn-sky {background:#00b5d0;color:#fff;} .advertising-modal .modal-footer .btn-outline {background:#fff;border-top:1px solid #f0f0f0;color:#333D4B;} #advertisingModal2 .advertising-head p {color:#969696;font-size:12px;margin-top:3px;font-weight:500;} #advertisingModal2 .advertising-head p em {font-style:normal;color:#00b5d0;font-weight:bold;} #advertisingModal2 .average-amount {display:flex;gap:8px;align-items: center;color:#333D4B;font-size:16px;font-weight:bold;} #advertisingModal2 .average-amount-input {width:125px;border-radius: 6px;border:0;background: #FFF;height:42px;text-align:center;color:#00b5d0;font-weight:bold;font-size:20px;padding:0 14px;line-height:42px;} #advertisingModal2 .msg {margin-top: 15px;color:#333D4B;font-size:12px;} #advertisingModal3 .advertising-head p {color:#969696;font-size:12px;margin-top:3px;font-weight:500;} #advertisingModal3 .advertising-head p em {font-style:normal;color:#00b5d0;font-weight:bold;} #advertisingModal3 .advertising-body p {margin-bottom:10px;color:#333D4B;font-size:14px;} #advertisingModal3 .distance {display:flex;gap:8px;align-items: center;color:#333D4B;font-size:16px;font-weight:bold;margin-bottom:25px;} #advertisingModal3 .distance:last-child {margin-bottom:0;} #advertisingModal3 .distance-input {width:125px;border-radius: 6px;border: 0;background: #FFF;height:42px;text-align:center;color:#00b5d0;font-weight:bold;font-size:20px;padding:0 14px;line-height:42px;}