/* 공통 */ .sub_title{text-align:center; margin-bottom:80px;} .sub_title h2{display:inline-block; font-size: 40px; font-weight: 700; position:relative;} .sub_title h2:after{position:absolute; content:''; display:block; width: 15px; height: 15px; border-radius:50%; background:#1A53ED; top:0; right:-25px;} /* 실시간 견적 받기 step1 */ .step_wrap{border-radius: 30px; background: #FFF; padding:90px 130px 100px 130px;} .step_proc{display:flex; justify-content:center; gap:50px; position:relative; z-index:2; margin-bottom:100px;} .step_proc:before{position:absolute; content:''; display:block; width:540px; height:1px; border-bottom:2px dashed rgba(170, 170, 170, 0.50); top:50%; left:50%; transform:translate(-50%,-50%); z-index:-1;} .step_proc li{font-size: 18px; font-weight: 700; color: #AAA; text-align: center;width: 100px; height: 100px; border-radius:50%; display:flex; justify-content:center; align-items:center; background:#F2F2F2;} .step_proc li.active{background:#1A53ED; color:#fff;} .step_tit{padding-bottom:20px;} .step_tit strong{display:block; font-size: 25px; font-weight: 700; color: #111;} .step_tit p{font-size: 18px; color: #555; margin-top:10px;} .step_tit.bd_bt{border-bottom:1px solid #DFE0E4; margin-bottom:30px;} .input_wrap{display: flex; flex-wrap: wrap;} .input_wrap li + li{margin-top:30px;} .input_wrap li p.cau{font-size:16px; margin-top:10px; font-weight: 500; color:#888;} .input_wrap .input_tit{font-size: 18px; font-weight: 600; margin-bottom:10px;} .input_wrap .input_tit .req{font-size: 16px; font-weight: 500; color: #F00;} .text_input{width: 725px; height: 50px; line-height: 50px; border-radius: 5px; border: 1px solid #D9D9D9; background: #FFF; font-size: 18px; padding:0 20px;} input[type="text"]:focus{border:1px solid #000; outline: none !important;} input[type="number"]{-webkit-transition: all 0.30s ease-in-out;} input[type="number"]:focus{border:1px solid #000; outline: none !important;} .text_input.style1{width: 565px !important;} input[readonly] {cursor: not-allowed; background: #F6F6F6 !important; color:#555 !important; border: 1px solid #D9D9D9 !important;} .input_wrap .srh_btn{display:inline-block; font-size: 18px; font-weight: 700; color: #888; text-align: center; width: 150px; height: 50px; line-height: 50px; border-radius: 5px; background: #ECECEC; border:none; margin-left:10px;} .input_wrap .srh_btn.active{background: #1A53ED; color: #fff;} .input_wrap .check_wrap{margin-top:10px;} input[type="checkbox"]{width: 20px; height: 20px; border-radius: 5px; border: 1px solid #D9D9D9; background: #fff; appearance: none;} input[type="checkbox"]:checked{background: url("/images/main/check_ic.svg") no-repeat center / 100%; border:none;} .checkbox-label{font-size: 16px; font-weight: 500; color: #888; margin-left:5px;} .btn_wrap{text-align:center; margin-top:60px;} .btn_wrap a, .btn_wrap button {display:inline-block; font-size: 18px; font-weight: 700; color: #888; text-align: center; height: 50px; line-height: 50px; border-radius: 10px; background: #ECECEC; width:150px;} .btn_wrap a.active{background:#1A53ED; color:#fff;} .btn_wrap a.active2{background:#1A53ED; color:#fff;} .btn_wrap button { vertical-align: top; } .popup_wrap{display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:1000} .popup_wrap.on{display:block;} .popup_bg{position:absolute; width:100%; height:100%; background: rgba(0, 0, 0, 0.50);} .popup_inner{position:absolute; border-radius: 60px; background: #FFF; width: 800px; top:50%; left:50%; transform:translate(-50%, -50%); padding:100px 40px 80px;} .pop_close{position:absolute; top:50px; right:50px; width:21px; cursor:pointer;} .pop_tit{text-align:center; font-size: 25px; margin-bottom:30px;} .pop_desc{text-align:center; font-size:18px; color:#888; margin-top:15px;} .pop_cont{max-height:335px; overflow-y:auto;} .pop_cont::-webkit-scrollbar {width: 5px; /* 스크롤바의 너비 */} .pop_cont::-webkit-scrollbar-thumb {height: 30%; /* 스크롤바의 길이 */ background: #888; /* 스크롤바의 색상 */ border-radius: 10px;} .pop_cont::-webkit-scrollbar-track {background: #ddd; /*스크롤바 뒷 배경 색상*/ border-radius: 10px;} .pop_cont ul{padding-right:30px;} .pop_cont ul .srh_none{border-top: 1px solid #DFE0E4; border-bottom: 1px solid #DFE0E4; padding:40px 0; font-size:18px; text-align:center; line-height:1.4;} .pop_cont ul .srh_none i{display:block; width: 55px; height: 55px; background:url("/images/sub/srh_none.svg") no-repeat center / 100%; margin: 0 auto 10px;} .pop_cont ul li{display:flex; align-items:center; justify-content:space-between; padding:13px 30px; border-radius: 20px; border: 1px solid #DFE0E4; background: #FFF;} .pop_cont ul li + li{margin-top:10px;} .pop_cont ul li p{font-size: 21px; font-weight: 600; color: #111; width:75%; word-break:keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .pop_cont ul li button{width: 120px; height: 50px; border-radius: 10px; border: 1px solid #1A53ED; text-align: center; font-size: 18px; font-weight: 700; color:#1A53ED; background:#fff;} .pop_cont ul li:hover{border-color:#1A53ED;} .pop_cont ul li:hover button{background:#1A53ED; color:#fff;} /* 실시간 견적 받기 step2 */ .input_wrap li.half_width{width:47.2%;} .input_wrap li > div + div{margin-top:10px;} .text_input.style2{width: 650px !important;} .text_input.style3{width: 290px !important;} .text_input.style4{width: 520px !important;} .text_input.style5{width: 455px !important;} .text_input.style6{width: 430px !important;} .text_input + .text_input{margin-left:15px;} .text_input::placeholder{color: #AAA;} .sel_input{width: 455px; height: 50px; border-radius: 5px; border: 1px solid #D9D9D9; font-size: 18px; padding:0 20px;} select{appearance: none; background: url("/images/sub/sel_ic.svg") no-repeat center right 4% / 12px;} .date_input{width: 455px; height: 50px; border-radius: 5px; border: 1px solid #D9D9D9; font-size: 18px; padding:0 20px;} input[type='date']{background: #fff url("/images/sub/cal_ic.svg") no-repeat 95% center / 18px; position: relative; -webkit-transition: all 0.30s ease-in-out;} input[type='date']:hover{border:1px solid #000;} input[type='date']::before {content: attr(data-placeholder); width: 100%;} input[type='date']:valid::before {display: none;} input[type='date']::-webkit-calendar-picker-indicator {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: transparent; color: transparent;} /* 실시간 견적 받기 step3 */ .sub1_step3 .step_wrap{padding: 90px 50px 100px 50px;} .sub1_step3 .step_wrap > div + div{margin-top:70px;} .step_wrap .contact{border-radius: 10px; background: #F4F8FC; padding:30px; display:flex; align-items:center; justify-content:space-between;} .step_wrap .contact .left{display:flex; align-items:center; gap:30px;} .step_wrap .contact .left .icon{width: 85px; height: 85px; border-radius:50%; background:#fff url("/images/sub/contact_ic.svg") no-repeat center / 40px;} .step_wrap .contact .left dt{font-size: 25px; font-weight: 700; margin-bottom:15px;} .step_wrap .contact .left dd{font-size: 20px; font-weight: 500; color: #888;} .step_wrap .contact .right{width: 230px; height: 50px; line-height: 50px; font-size: 18px; text-align: center; font-weight: 700; color:#1A53ED; background:#fff; border-radius: 10px; border: 1px solid #1A53ED;} .step_view{display:flex; flex-wrap:wrap; border-top: 1px solid #DFE0E4;} .step_view li{display:flex; align-items: center; border-bottom: 1px solid #DFE0E4; width:50%;} .step_view li.full_width{width:100%;} .step_view li.full_width .lt{width:15%} .step_view li.full_width .rt{width:85%} .step_view li .lt{background: #F6F6F6; font-size: 19px; font-weight: 600; padding:20px 25px; width:35%; height:100%; display: flex; align-items: center;} .step_view li .rt{font-size: 18px; font-weight: 500; color: #555; padding:20px 25px; width:65%} .step_view li .est_num{display:inline-block; font-size: 18px; font-weight: 700; color:#1A53ED; border-radius: 50px; border: 1px solid #1A53ED; padding:10px 30px;} .step_view_wrap .step_tit_mob{display:none;} .step3_table_wrap .swipe_ic{display:none;} .step3_table{width:100%; border-collapse:collapse;} .step3_table th{border-top: 1px solid #DFE0E4; border-bottom: 1px solid #DFE0E4; background: #F6F6F6; font-size: 19px; font-weight: 600; padding:20px;} .step3_table td{text-align:center; font-size: 19px; font-weight: 600; padding:20px; border-bottom: 1px solid #DFE0E4; border-right: 1px solid #DFE0E4;} .step3_table td:last-of-type{border-right:none;} .step3_table td input{width:100px; height: 45px; border-radius: 5px; border: 1px solid #D9D9D9; background: #FFF; text-align:center;} .step3_table td input::placeholder{color: #C9C9C9;} .step3_table td.grey_bg{background: #F6F6F6;} .btn_wrap a + a{margin-left:5px;} .btn_wrap .prev_btn{color: #888 !important; border: 1px solid #888; background: #FFF !important;} .btn_wrap .submit_btn{width: 205px !important; background: #1A53ED !important; color:#fff !important;} /* 실시간 견적 받기 step4 */ .sub1_step4 .step_wrap{padding: 90px 50px 100px 50px;} .step4_txt{text-align: center; font-size: 25px; line-height:1.4; margin-bottom:50px;} .est_info{display:flex; justify-content:space-around; align-items:center; padding:28px 0; border-radius: 20px; border: 1px solid #DFE0E4; margin-bottom:50px;} .est_info dl{display:flex; align-items:center; gap:45px; font-size: 21px;} .est_info dt{font-weight: 700;} .est_info dd{font-weight: 500; color: #555;} .est_price{font-size: 25px; text-align: center; margin-bottom:35px;} .est_price strong{color:#1A53ED; font-size: 30px;} .est_price span{font-size: 18px; color: #888;} .est_list li{display:flex; justify-content:space-between; align-items:center; border-radius: 20px; border: 1px solid #DFE0E4; font-size: 18px; color: #555; padding:20px 0;} .est_list li:first-child{background: #F6F6F6; color: #000; font-size: 19px; font-weight: 600;} .est_list li:first-child div{text-align:center !important; padding-right:0 !important} .est_list li:last-child{background: #1A53ED; color:#fff; font-weight: 700;} .est_list li:last-child div:nth-of-type(2){width:auto; padding-right:60px; font-size: 25px;} .est_list li + li{margin-top:10px;} .est_list li div{text-align: center;} .est_list li div:nth-of-type(1){width:12%} .est_list li div:nth-of-type(2){width:22%} .est_list li div:nth-of-type(3){width:48%} .est_list li div:nth-of-type(4){width:28%; text-align:right; padding-right:60px;} .est_list li span{display:inline-block; vertical-align:middle; font-size: 16px; font-weight: 700; text-align: center; width: 80px; height: 40px; line-height: 40px; border-radius: 5px; cursor:pointer;} .est_list li span + span{margin-left:5px;} .est_list li span.act{color:#1A53ED; border:1px solid #1A53ED;} .est_list li span.deact{color: #888; border: 1px solid #888;} .step_wrap .req_wrap{margin-top:70px;} .req_list{border-radius: 20px; border: 1px solid #DFE0E4; padding:30px;} .req_list li + li{margin-top:25px;} .req_list li.all{padding-bottom:20px; border-bottom:1px solid #DFE0E4;} .req_list li .checkbox-label{font-size: 18px; color: #111; font-weight: 500;} .req_list li.all .checkbox-label{font-size: 20px; color: #111; font-weight: 600;} .step_wrap .req_wrap .cau{font-size: 18px; font-weight: 500; color: #9C9C9C; margin-top:20px;} .step_wrap .time_set{display:flex; justify-content:center; align-items:center; gap:30px; margin-top:30px;} .step_wrap .time_set p{font-size: 21px; font-weight: 500; color: #111;} .step_wrap .time_set .sel_input{width: 150px; background-position:center right 12%;} .btn_wrap .submit_btn2{width: 250px !important; height: 55px; line-height: 55px;} .sub1_step4 .btn_wrap p{text-align: center; font-size: 22px; font-weight: 500; margin-top:40px;} .sub1_step4 .btn_wrap p span{color:#1A53ED;} .select {display: inline-block; width: 150px; line-height: 50px; border-radius: 5px; border: 1px solid #D9D9D9; font-size: 18px; position:relative; background:#fff;} .select .selected {display: flex; justify-content: space-between; padding:0 20px;} .select .selected .selected-value {max-width: 130px;} .select .selected .arrow {width: 12px; background: url("/images/sub/sel_ic.svg") no-repeat center / contain;} .select ul li, .select .selected .selected-value {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .select ul {width: calc(100% + 2px); display: none; position: absolute; border-top: none; margin: 0 0 0 -1px; cursor: pointer; z-index:10;} .select.active{border:1px solid #1A53ED; /* border-bottom:1px solid #fff; */ border-radius: 5px 5px 0 0;} .select.active .selected{border:none;} .select.active ul {display: initial; border:1px solid #1A53ED; border-top:none; border-radius: 0 0 5px 5px; background: #FFF;} .select.active .selected .arrow{transform:rotate(180deg);} .select ul li {padding: 8px 17px; line-height:1; margin:0 3px;} .select ul li + li{margin-top:0 !important;} .select ul li:hover{color:#1A53ED; border-radius: 5px; background: #F4F8FC;} /* 실시간 견적 받기 완료 */ .com_wrap{text-align:center;} .com_wrap img{width: 60px;} .com_wrap p{font-size: 25px; margin-top:20px;} /* 실시간 견적 현황 - 정보 입력 */ .status_wrap{border-radius: 30px; background: #FFF; padding:90px 0; text-align: center;} .status_tit{font-size: 21px; margin-bottom:50px; font-weight: 500; color: #111;} .status_wrap .info_wrap{display:flex; flex-direction:column; align-items:center;} .status_wrap .info_wrap .text_input{width: 510px; display:block;} .status_wrap .info_wrap .text_input + .text_input{margin-left:0; margin-top:10px;} .status_wrap a{display:inline-block; background:#1A53ED; color: #FFF; font-size: 20px; font-weight: 700; text-align: center; width: 510px; line-height:60px; margin-top:40px; border-radius: 10px;} /* 실시간 견적 현황 - 상세보기 */ .status_wrap2{border-radius: 20px; background: #FFF; padding:30px 50px;} .status_wrap2.tp{display:flex; align-items:center; gap:30px; margin-bottom:20px;} .status_wrap2.tp .icon{width: 85px; height: 85px; border-radius: 50%; background: #FAFAFA url("/images/sub/status_ic1.svg") no-repeat center / 30px;} .status_wrap2.tp .txt strong{display:block; font-size: 21px; color: #111; margin-bottom:15px;} .status_wrap2.tp .txt .bt_area{display:flex; gap:30px;} .status_wrap2.tp .txt dl{display:flex; gap:15px; font-size: 19px;} .status_wrap2.tp .txt dt{font-weight: 600;} .status_wrap2.tp .txt dd{color: #888;} .status_wrap2.bt{padding:50px 50px 85px;} .step_view.status a.down{display:inline-block; vertical-align:middle; font-size: 16px; font-weight: 700; color:#1A53ED; padding:10px 20px; border-radius: 5px; border: 1px solid #1A53ED; margin-left:20px;} .status_wrap2.bt .btn_wrap{margin-top:50px;} /* 실시간 견적 현황 - 최저 견적 보기 */ .closing_time{display:flex; align-items:center; justify-content:center; gap:40px; width: 735px; height: 85px; border-radius: 50px; border: 2px solid #1A53ED; background: #FFF; margin:0 auto;} .closing_time span{font-size: 21px; font-weight: 500;} .closing_time span i{display:inline-block; width: 22px; height: 20px; background:url("/images/sub/alarm_ic.svg") no-repeat center / contain; vertical-align:middle; margin-right:10px;} .closing_time strong{font-size: 35px; font-weight: 600;} .closing_time strong.active{color:#1A53ED;} .status_cont{margin-top:80px;} .status_cont .lt_nav{width: 330px; position:sticky; left:0; top:150px; display: inline-block; vertical-align: top; z-index:100;} .status_cont .lt_nav h3{font-size: 32px; font-weight: 600; color: #111; margin-bottom:50px;} .status_cont .lt_nav .build_info li{display:flex; flex-direction:column; justify-content:center; height: 80px; padding:0 30px; background: #E1EAF6; border-radius: 10px;} .status_cont .lt_nav .build_info li + li{margin-top:15px;} .status_cont .lt_nav .build_info li strong{font-size: 22px; display:block;} .status_cont .lt_nav .build_info li span{font-size: 22px; display:block; margin-top:5px;} .building-value{width:100% !important; padding-left:0 !important;} .status_cont .lt_nav .build_info li:hover{background: #1A53ED; color:#fff;} .status_cont .rt_com{display: inline-block; width:70%; margin-left:70px;} .status_cont .rt_com .cau{font-size: 18px; text-align: right; color: #111; margin-bottom:25px;} .status_cont .rt_com_list.mob{display:none;} .status_cont .rt_com_list li{padding:20px 55px; display:flex; align-items:center; border-radius: 20px; border: 1px solid #DFE0E4; background: #FFF; position:relative;} .status_cont .rt_com_list li.first{background: #1A53ED; color:#fff; box-shadow: 4px 4px 20px 0px rgba(0, 104, 183, 0.10);} .status_cont .rt_com_list li + li{margin-top:20px;} .status_cont .rt_com_list li .num{width: 54px; text-align:center; font-size: 22px; font-weight: 600; color: #B7B7B7; margin-right:40px;} .status_cont .rt_com_list li.second .num{color:#1A53ED;} .status_cont .rt_com_list li.second{border: 1px solid #1A53ED;} .status_cont .rt_com_list li .com{width:70%;} .status_cont .rt_com_list li .com img{width: 85px; margin-right:30px; vertical-align:middle;} .status_cont .rt_com_list li .com span{font-size: 21px; font-weight: 600; vertical-align:middle;} .status_cont .rt_com_list li .price{font-size: 22px; font-weight: 700; text-align: right; width:20%;} .status_cont .rt_com_list li .btn{display:none; width:15%; text-align: right; height: auto !important; line-height: inherit !important; padding:0 !important;} .status_cont .rt_com_list li .btn button{display:inline-block; width: 80px; line-height: 40px; border-radius: 5px; font-size: 16px; font-weight: 700; text-align: center;} .status_cont .rt_com_list li .btn button + button{margin-top:5px;} .status_cont .rt_com_list li .btn .btn1{color:#1A53ED; border: 1px solid #1A53ED; background:#fff;} .status_cont .rt_com_list li .btn .btn2{color: #888; border: 1px solid #888; background:transparent;} .status_cont .rt_com_list li.first .btn2{color:#fff; border: 1px solid #fff;} .status_cont .rt_com_list li.on .com{width:60%;} .status_cont .rt_com_list li.on .price{width:15%;} .status_cont .rt_com_list li.on .btn{width:15%; display:block;} .status_cont .rt_com_list li .btn .result_btn{display:none; line-height: 85px; border:none; background:#fff; color:#1A53ED;} .status_cont .rt_com_list li.onn{padding-right: 135px;} .status_cont .rt_com_list li.onn:after{content:''; display:block; width:65px; height:96px; background:url("/images/sub/confirm_badge.svg") no-repeat center / contain; position:absolute; top:0; right:35px;} .status_cont .rt_com_list li.onn .btn{width:25%; display:flex; align-items:center; justify-content: flex-end; gap: 6px; } .status_cont .rt_com_list li.onn .btn div{width:80px;} .status_cont .rt_com_list li.onn .btn .result_btn{display:block;} .status_cont .rt_com_list li.onn .btn .btn1{background:transparent; color:#fff; border: 1px solid #fff;} .status_cont .rt_com_list li.onn .com{width:50%;} .status_cont .rt_com_list li.onn .price{width:20%;} .status_cont .rt_com_list li.onn .btn{width:28%;} .status_cont .rt_com .status_btn_wrap{margin-top:30px;} .status_cont .rt_com .status_btn_wrap:after{content:''; display:block; clear:both;} .status_cont .rt_com button{text-align:center; width: 105px; line-height: 50px; font-size: 18px; font-weight: 700; border-radius: 10px; border:none;} .status_cont .rt_com .print_btn{float:left;} .status_cont .rt_com .close_btn{float:right;} .status_cont .rt_com .print_btn button{color: #888; border: 1px solid #888; background:transparent;} .status_cont .rt_com .close_btn button{color: #FFF; background: #1AAA20;} .s_popup .popup_inner{width: 600px;} .s_popup .pop_tit{font-weight:600;} .pop_btn_wrap{margin-top:30px; text-align:center;} .pop_btn_wrap button{width: 150px; line-height: 50px; text-align: center; font-size: 18px; font-weight: 700; border-radius: 10px; background: #1A53ED; border:none; color: #FFF;} .pop_btn_wrap button.cancel_btn{border: 1px solid #888; background: #FFF; color: #888;} .pop_btn_wrap button + button{margin-left:5px;} /* 점검업체 선택 팝업 */ .status2-1 .popup_wrap.pop2 .popup_inner{width: 1100px; padding:80px 85px;} .popup_wrap.pop2 .pop_tp{display:flex; align-items:center; gap:45px; margin-bottom:50px;} .popup_wrap.pop2 .pop_tp .img{width:120px;} .popup_wrap.pop2 .pop_tp .img img{width:100%;} .popup_wrap.pop2 .pop_tp .txt strong{font-size: 25px;} .popup_wrap.pop2 .pop_tp .txt p{font-size: 18px; color: #888; margin-top:20px;} .pop_rev_cont .tp_area{display:flex; align-items:center; justify-content:space-between; margin-bottom:25px;} .pop_rev_cont .tp_area .left span{font-size: 19px; color: #111;} .pop_rev_cont .tp_area .left span strong{font-size: 22px;} .pop_rev_cont .tp_area .left span + span{margin-left:15px;} .pop_rev_cont .tp_area .right i{display:inline-block; vertical-align:middle; width: 25px; height:24px; background:url("/images/sub/f_star.svg") no-repeat center / contain; margin-right:15px;} .pop_rev_cont .tp_area .right strong{font-size: 50px; color:#1A53ED; display: inline-block; vertical-align: middle;} .pop_rev_cont .bt_area{max-height: 250px; overflow: auto; padding-right:35px;} .pop_rev_cont .bt_area::-webkit-scrollbar {width: 5px; /* 스크롤바의 너비 */} .pop_rev_cont .bt_area::-webkit-scrollbar-thumb {height: 30%; /* 스크롤바의 길이 */ background: #888; /* 스크롤바의 색상 */ border-radius: 10px;} .pop_rev_cont .bt_area::-webkit-scrollbar-track {background: #ddd; /*스크롤바 뒷 배경 색상*/ border-radius: 10px;} .pop_rev_cont .review_wrap{border-radius: 10px; border: 1px solid #D9D9D9; background: #FFF; padding:0 40px;} .pop_rev_cont .review_wrap + .review_wrap {margin-top:30px;} .pop_rev_cont .review_wrap li{font-size: 20px; font-weight: 600; color: #111; padding:30px 0;} .pop_rev_cont .review_wrap li + li{border-top:1px solid #D9D9D9;} .pop_rev_cont .review_wrap li.star{display:flex; flex-wrap:wrap; padding: 20px 0;} .pop_rev_cont .review_wrap li.star dl{width:50%; display:flex; align-items:center; gap:20px; padding:5px 0;} .pop_rev_cont .review_wrap li.star dt{font-size: 18px; font-weight: 700; color: #111;} .pop_rev_cont .review_wrap li.star dl:nth-of-type(2) dt{min-width: 62px;} .pop_rev_cont .review_wrap li.star dd i{display:inline-block; width: 20px; height:20px; background:url("/images/sub/f_star.svg") no-repeat center / contain;} .pop_rev_cont .review_wrap li.star dd i + i{margin-left:3px;} .pop_rev_cont .review_wrap li.star dd .e_star{background-image:url("/images/sub/e_star.svg");} .pop_rev_cont .review_wrap li.eval dl{display:flex;} .pop_rev_cont .review_wrap li.eval dl + dl{margin-top:30px;} .pop_rev_cont .review_wrap li.eval dt{width:28%; font-size: 18px; font-weight: 700;} .pop_rev_cont .review_wrap li.eval dd{width:72%; font-size: 18px; color: #888; font-weight: 400;} .pop_rev_cont .sel_wrap{border-radius: 10px; background: #FAFAFA; padding:30px 40px; display:flex; align-items:center; justify-content:space-between; margin-top:30px;} .pop_rev_cont .sel_wrap .txt strong{font-size: 25px; } .pop_rev_cont .sel_wrap .txt p{font-size: 18px; color: #888; margin-top:20px;} .pop_rev_cont .sel_wrap .sel_btn{font-size: 18px; color: #FFF; font-weight: 700; border-radius: 5px; background: #1AAA20; width: 140px; line-height: 110px; text-align: center; cursor:pointer;} .popup_wrap.pop4 .pop_tit p, .popup_wrap.pop5 .pop_tit p{margin-top:20px;} .popup_wrap.pop4 .com_info{width: 500px; border-top:1px solid #D9D9D9; border-bottom:1px solid #D9D9D9; padding:30px 50px; margin:30px auto 0;} .popup_wrap.pop4 .com_info dl{font-size: 18px; display:flex; gap:50px;} .popup_wrap.pop4 .com_info dl + dl{margin-top:20px;} .popup_wrap.pop4 .com_info dt{font-weight: 700;} .popup_wrap.pop4 .com_info dd{font-weight: 500; color: #555;} .popup_wrap.pop4 .pop_btn_wrap .submit_btn, .popup_wrap.pop5 .pop_btn_wrap .submit_btn{width: 230px;} /* 입점업체-리스트 */ .store_cont{display:flex; justify-content:space-between;} .store_list_area{width:73%} .store_list_area .store_tp{display:flex; justify-content:space-between; align-items:center;} .store_list_area .store_tabnav{display:flex;} .store_list_area .store_tabnav li + li{margin-left:20px;} .store_list_area .store_tabnav li a{font-size: 18px; font-weight: 700; color: #888;} .store_list_area .store_tabnav li a.active{color: #111; text-decoration: underline;} .store_list_area .store_tp .regi_btn{display:inline-block; font-size: 18px; font-weight: 700; color: #FFF; border-radius: 10px; background: #1A53ED; padding:10px 20px;} .store_tabcontent{position:relative; min-height: 581px;} .store_btn_wrap{display:none;} .store_list{display:flex; flex-wrap:wrap; justify-content:space-between; gap:20px 0; margin-top:30px;} .store_list li{width:49%; border-radius: 20px; border: 1px solid #D9D9D9; background: #FFF; height: fit-content;} .store_list li:hover{border: 1px solid #1A53ED;} .store_list li a{padding:30px 40px; display:flex; align-items:center; justify-content:space-between;} .store_list li .txt em{display:block; font-size: 16px; font-weight: 500; color: #888; margin-bottom:5px;} .store_list li .txt .name{font-size: 21px; font-weight: 600; color: #111; margin-bottom:25px;} .store_list li .txt .bt span{font-size: 18px;} .store_list li .txt .bt span.star{color:#1A53ED; font-weight: 700;} .store_list li .txt .bt span + span{margin-left:10px;} .store_list li .txt .bt span i{display:inline-block; vertical-align:middle; width: 20px; height:20px; background:url("/images/sub/f_star.svg") no-repeat center / contain; margin-top: -5px; margin-right:5px;} .store_list li .img{width:85px;} .store_list li .img img{width:100%;} .store_list li.nodata{padding:40px 15px; font-size:18px; font-weight:600; color:#777;} .store_list li.nodata:hover{border-color: #D9D9D9;} .store_list li.nodata i{display:block; width:50px; height:50px; background:url("/images/sub/nodata_ic.svg") no-repeat center / 100%; margin:0 auto 10px;} .banner_area{width:25%} .banner_area .mob_banner{display:none;} .banner_area div img{width:100%;} .banner_area .banner2{margin-top:20px;} .list_pager_wrap{display:flex; align-items:center; gap:20px; justify-content:center; margin-top:50px; position:absolute; bottom:0; left:50%; transform:translateX(-50%);} .list_pager_wrap .list_pager{display:flex; align-items:center; gap:20px;} .list_pager_wrap .list_pager li a{font-size: 18px; font-weight: 500; color: #888;} .list_pager_wrap .list_pager li a.active{font-weight: 700; color: #000;} .list_pager_wrap > a{display:inline-block; width: 8px; height: 12px;} .list_pager_wrap .prev_btn{background:url("/images/sub/pager_prev.svg") no-repeat center / contain;} .list_pager_wrap .next_btn{background:url("/images/sub/pager_next.svg") no-repeat center / contain;} /* 입점업체-상세보기 */ .store_view li{border-radius: 20px; border: 1px solid #D9D9D9; background: #FFF; padding:35px 40px;} .store_view li + li{margin-top:30px;} .store_view li.info{display:flex; justify-content:space-between; align-items:center;} .store_view li.info em{display:block; font-size: 16px; font-weight: 500; color: #888; margin-bottom:5px;} .store_view li.info .name{font-size: 21px; font-weight: 600; color: #111; margin-bottom:25px;} .store_view li.info .bt span{font-size: 18px;} .store_view li.info .bt span.star{color:#1A53ED; font-weight: 700;} .store_view li.info .bt span + span{margin-left:10px;} .store_view li.info .bt span i{display:inline-block; vertical-align:middle; width: 20px; height:20px; background:url("/images/sub/f_star.svg") no-repeat center / contain; margin-top: -5px; margin-right:5px;} .store_view li.info .img{width:85px;} .store_view li.info .img img{width:100%;} .store_view li .v_title{font-size: 20px; font-weight: 700; color: #111; padding-bottom:30px; border-bottom:1px solid #D9D9D9;} .store_view li.intro .cont{font-size: 18px; color: #888; padding:30px 0 60px;} .store_view li.review .star{display:flex; flex-wrap:wrap; padding: 30px 0 60px; gap:50px; border-bottom:1px solid #D9D9D9;} .store_view li.review .star dl{display:flex; align-items:center; gap:35px; padding:5px 0;} .store_view li.review .star dt{font-size: 18px; font-weight: 700; color: #111;} .store_view li.review .star dd i{display:inline-block; width: 20px; height:20px; background:url("/images/sub/f_star.svg") no-repeat center / contain;} .store_view li.review .star dd i + i{margin-left:3px;} .store_view li.review .star dd .e_star{background-image:url("/images/sub/e_star.svg");} .store_view li.review .eval{padding-top:30px;} .store_view li.review .eval dl{display:flex;} .store_view li.review .eval dl + dl{margin-top:30px;} .store_view li.review .eval dt{width:15%; font-size: 18px; font-weight: 700;} .store_view li.review .eval dd{width:85%; font-size: 18px; color: #888; font-weight: 400;} /* 입점업체-신청하기 */ .store2 .step_tit.bd_bt{margin-bottom:15px;} .store2 .input_wrap li{padding:15px 0; width:100%;} .store2 .input_wrap li.half_width{width:43%;} .store2 .input_wrap li + li{margin-top:0 !important;} .input_wrap li span.mail{font-size: 21px; font-weight: 500; margin:0 10px;} .sel_input.style1{width:430px;} .sel_input.style2{width:290px;} .sel_input.style2{margin-left:5px;;} .input_wrap textarea{border-radius: 5px; border: 1px solid #D9D9D9; background: #FFF; width: 922px; height: 150px; font-size:18px; padding:20px;} .white_bg{border: 1px solid #555 !important; background:#fff !important; color: #555 !important;} /* 마이페이지 - 메인 */ .my_cont .lt_nav{border-radius: 30px; background: #FFF; width: 350px; padding:60px 45px 100px; position:sticky; left:0; top:100px; display: inline-block; vertical-align: top; z-index:99;} .my_cont .lt_nav .profile{margin-bottom:35px; display:flex; align-items:center; gap:30px;} .my_cont .lt_nav .profile .img{width: 80px; border-radius:50%; overflow:hidden;} .my_cont .lt_nav .profile .img img{width:100%;} .my_cont .lt_nav .profile .txt span{display:block; font-size: 21px; font-weight: 500; margin-bottom:10px;} .my_cont .lt_nav .profile .txt span strong{font-size: 30px;} .my_cont .lt_nav .profile .txt em{display:inline-block; font-size: 13px; font-weight: 700; color: #FFF; padding: 7px 18px; border-radius: 30px; background: #1AAA20;} .my_cont .lt_nav .point{font-size: 18px; font-weight: 500; display:flex; gap:10px;} .my_cont .lt_nav .point .left{line-height: 1.8;} .my_cont .lt_nav .point strong{font-size: 25px;} .my_cont .lt_nav .point em{font-size: 14px; margin-left:5px;} .my_cont .lt_nav .point button{display:inline-block; border-radius: 30px; border: 1px solid #D9D9D9; background: #FFF; vertical-align:bottom; margin-top:8px;} .my_cont .lt_nav .point button a {display: block; font-size: 13px; font-weight: 700; color: #555; padding: 8px 40px;} .my_cont .lt_nav .nav_list{margin-top:65px;} .my_cont .lt_nav .nav_list li{border-radius: 10px; background: #F4F8FC;} .my_cont .lt_nav .nav_list li + li{margin-top:10px;} .my_cont .lt_nav .nav_list li a {display: block; font-size: 21px; font-weight: 500; color: #111; padding:15px 30px;} .my_cont .lt_nav .nav_list li:hover{background: #1A53ED;} .my_cont .lt_nav .nav_list li:hover a{color:#fff;} .my_cont .lt_nav .nav_list li.on{background: #1A53ED;} .my_cont .lt_nav .nav_list li.on a{color:#fff;} .my_cont .lt_nav .mob_nav_list{display:none;} .my_cont .rt_cont{display:inline-block; width:calc(100% - 405px); margin-left:50px;} .my_cont .rt_cont .tp_stat{margin-bottom:50px; display:flex; position:sticky; top:100px; z-index: 10;} .my_cont .rt_cont .tp_stat li{width:33.33%; text-align:center; background: #FFF; border: 1px solid transparent;} .my_cont .rt_cont .tp_stat li a {display: block; padding:40px 0;} .my_cont .rt_cont .tp_stat li.active, .my_cont .rt_cont .tp_stat li:hover {color:#1A53ED; border: 1px solid #1A53ED;} .my_cont .rt_cont .tp_stat li:hover p, .my_cont .rt_cont .tp_stat li:hover strong {color: #1A53ED;} .my_cont .rt_cont .tp_stat li + li{border-left:1px solid #E5E5E5;} .my_cont .rt_cont .tp_stat li i{display:inline-block; width: 30px; height: 30px;} .my_cont .rt_cont .tp_stat li:nth-child(1){border-radius:30px 0 0 30px;} .my_cont .rt_cont .tp_stat li:nth-child(3){border-radius:0 30px 30px 0;} .my_cont .rt_cont .tp_stat li:nth-child(1) i{background:url("/images/sub/stat_ic1.svg") no-repeat center / contain;} .my_cont .rt_cont .tp_stat li:nth-child(2) i{background:url("/images/sub/stat_ic2.svg") no-repeat center / contain;} .my_cont .rt_cont .tp_stat li:nth-child(3) i{background:url("/images/sub/stat_ic3.svg") no-repeat center / contain;} .my_cont .rt_cont .tp_stat li:nth-child(1):hover i{background:url("/images/sub/stat_ic1_on.svg") no-repeat center / contain;} .my_cont .rt_cont .tp_stat li:nth-child(2):hover i{background:url("/images/sub/stat_ic2_on.svg") no-repeat center / contain;} .my_cont .rt_cont .tp_stat li:nth-child(3):hover i{background:url("/images/sub/stat_ic3_on.svg") no-repeat center / contain;} .my_cont .rt_cont .tp_stat li p{font-size: 20px; font-weight: 500; margin:7px 0;} .my_cont .rt_cont .tp_stat li strong{font-size: 40px;} .my_cont .rt_cont .par_stat{border-radius: 30px; background: #FFF; padding:50px;} .my_cont .rt_cont .par_stat .title{display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:25px;} .my_cont .rt_cont .par_stat .title strong{font-size: 25px; color: #111;} .my_cont .rt_cont .par_stat .title .all_view{font-size: 16px; font-weight: 700; color: #999;} .my_cont .rt_cont .par_stat .title .all_view i{display:inline-block; width:20px; height:20px; background:url("/images/sub/all_view_ic.svg") no-repeat center / 100%; vertical-align:middle; margin-top:-4px;} .my_cont .rt_cont .par_stat_list li{padding:30px 35px; border-radius: 20px; border: 2px solid #DFE0E4; background: #FFF; display:flex; align-items:center; gap:30px;} .my_cont .rt_cont .par_stat_list li + li{margin-top:30px;} .my_cont .rt_cont .par_stat_list li .icon{width: 85px; height: 85px; background:#FAFAFA url("/images/sub/par_stat_ic.svg") no-repeat center / 30px; border-radius:50%;} /* .my_cont .rt_cont .par_stat_list li .txt {width: calc(100% - 110px); margin-left: 30px;} */ .my_cont .rt_cont .par_stat_list li .txt > strong{display:block; font-size: 21px; font-weight: 600; margin-bottom:15px;} .my_cont .rt_cont .par_stat_list li .txt .info{margin-bottom:15px;} .my_cont .rt_cont .par_stat_list li .txt .info span{font-size: 19px; color: #888; margin-right:25px; line-height:1.5;} .my_cont .rt_cont .par_stat_list li .txt .info span:last-child {margin-right: 0; display:block;} .my_cont .rt_cont .par_stat_list li .txt .info strong{color: #111; margin-right:13px;} .my_cont .rt_cont .par_stat_list li .txt .rank{display:inline-block; font-size: 14px; font-weight: 700; color:#F31D5E; border-radius: 30px; border: 1px solid #F31D5E; padding:7px 15px;} .my_cont .rt_cont .par_stat_list li:hover{border-color:#1A53ED;} .my_cont .rt_cont .par_stat_list li:hover .txt > strong{color:#1A53ED;} .green{color:#1AAA20 !important; border-color:#1AAA20 !important; background:none !important;} .pink{color:#F31D5E !important; border-color:#F31D5E !important; background:none !important;} .blue{color:#1A53ED !important; border-color:#1A53ED !important; background:none !important;} .grey{color:#888 !important; background:#F2F2F2 !important; border-color:#F2F2F2 !important;} /* .my_cont .rt_cont .par_stat_list li:hover .txt .rank{color:#1A53ED; border-color:#1A53ED;} */ .my_cont .rt_cont .par_stat .pay_com{padding:75px 0 45px; text-align:center;} .my_cont .rt_cont .par_stat .pay_com .icon{text-align:center;} .my_cont .rt_cont .par_stat .pay_com .icon img{width: 60px;} .my_cont .rt_cont .par_stat .pay_com_tit{font-size: 25px; font-weight: 700; margin:20px 0;} .my_cont .rt_cont .par_stat .pay_com p{font-size: 20px; line-height:1.4;} .my_cont .rt_cont .par_stat .pay_com p .ddline{font-weight: 600;} .my_cont .rt_cont .par_stat .pay_com p .price{font-weight: 700; color: #1A53ED;} .my_cont .rt_cont .par_stat .pay_com .box{margin:40px auto 45px; border-radius: 20px; background: #F9F9F9; width: 555px; text-align:center; padding:32px 0; font-size: 20px;} .my_cont .rt_cont .par_stat .pay_com .box .left{color: #555;} .my_cont .rt_cont .par_stat .pay_com .box strong{margin-right:15px;} .my_cont .rt_cont .par_stat .pay_com .pay_submit{font-size: 18px; font-weight: 700; text-align: center; color: #FFF; width: 350px; line-height: 50px; border-radius: 5px; background: #1A53ED; border:none;} .my_cont .rt_cont .par_stat .pay_com br.mob{display:none;} /* 로그인 */ .login .tp_logo{padding:75px 0; text-align:center;} .login .tp_logo img{width: 160px;} .login_wrap{width: 670px; border-radius: 30px; background: #FFF; padding:90px 80px; margin:0 auto;} .login_wrap .login_tit{margin-bottom:45px;} .login_wrap .login_tit em{display:block; font-size: 16px; font-weight: 800; color:#1A53ED;} .login_wrap .login_tit h3{font-size: 35px; font-weight: 800; margin-top:10px;} .login_wrap .info_wrap{margin-bottom:40px; text-align: right; position:relative;} .login_wrap .info_wrap .text_input{width:100%; height: 60px !important; line-height: 60px !important; font-size: 18px !important; padding: 0 20px !important;} .login_wrap .info_wrap .text_input:hover{border:1px solid #000;} .login_wrap .info_wrap .text_input + .text_input{margin-left:0; margin-top:10px;} .login_wrap .info_wrap .caps{position:absolute; display:inline-block; font-size: 12px; font-weight: 800; color: #FFF; border-radius: 50px; background: #2445A5; line-height:30px; padding: 0 15px; left: 15px; top:85px; display:none;} .login_wrap .info_wrap .caps.active{display:block;} .login_wrap .info_wrap #mb_password.on{padding-left:88px !important;} .login_wrap .info_wrap a{display:inline-block; font-size: 18px; font-weight: 500; color: #555; margin-top:10px;} .login_wrap .login_btn{display:block; font-size: 20px; color: #FFF; text-align: center; font-weight: 700; border-radius: 10px; background: #1A53ED; line-height:60px; margin-bottom:20px;} .login_wrap .join{text-align:center; font-size: 18px; font-weight: 500; color: #555;} .login_wrap .join a{text-decoration: underline; color: #555; margin-left:5px;} .login.join3 .desc{margin-top:25px; font-size:16px; color:#777; font-weight:600;} /* 비밀번호 찾기 */ .login_wrap .info_wrap .text_input.style2{width:350px !important;} .login_wrap .info_wrap button.phone{display:inline-block; font-size: 18px; color: #888; font-weight: 700; width: 150px; line-height: 60px; border-radius: 5px; background: #ECECEC; text-align: center; border:none; margin-left:10px; margin-top: 10px;} .login_wrap .info_wrap .text_input:last-of-type{margin-top:10px;} /* 비민번호 변경 */ .login_wrap .info_wrap.pass{text-align: left;} .login_wrap .info_wrap.pass dl + dl{margin-top:25px;} .login_wrap .info_wrap.pass dt{font-size: 18px; font-weight: 600;} .login_wrap .info_wrap.pass dd p{font-size: 16px; font-weight: 500; color: #AAA; margin-top:10px;} .login .btn_wrap a, .login .btn_wrap button {border: 1px solid #888; background: #FFF; font-size: 18px; font-weight: 700; color: #888; width:150px; height: 50px; line-height: 50px;} .login .btn_wrap a.active, .login .btn_wrap button.active {background: #1C52E4; color:#fff; border:none;} /* 회원가입 1 */ .join_wrap{width:100%;} .join .step_proc:before{width:390px;} .join_tit2{font-size: 25px; color: #111; font-weight: 700; padding-bottom:20px; border-bottom:1px solid #DFE0E4; margin-bottom:30px;} .join .text_input{width:350px;} .join .text_input:hover{border:1px solid #000;} .join .input_wrap li{width:100%;} .join .input_wrap li.half_width{width:35%;} .join .input_wrap .desc{font-size: 16px; font-weight: 500; color: #AAA; margin-top:10px;} .join .login_wrap2{margin-top:70px;} .join .login_wrap2 dt{font-size: 20px; font-weight: 500; margin-bottom:15px;} .join .login_wrap2 dt a{text-decoration:underline; margin-left:5px;} .join .login_wrap2 dd{font-size: 18px; color: #888; position:relative; padding-left:15px; line-height:1.4;} .join .login_wrap2 dd:before{content:'*'; display:block; font-size:18px; color: #888; position:absolute; left:0; top:2px;} /* 회원가입 2 */ .join .input_wrap li.half_width.phone{width:50%} .join .input_wrap li button.phone{width:130px;} .join .input_wrap .text_input + .text_input{margin-left:8px;} .join .req_list{width:922px; margin-top:60px; border-radius: 10px;} .join .req_list li + li{margin-top:15px;} .join .req_list .view_btn{border:none; color:#1A53ED; font-size: 16px; font-weight: 600; padding: 7px 20px; border-radius: 5px; border: 1px solid #1A53ED; background:#fff; display:inline-block; margin-left:20px;} .popup_wrap.serv .popup_inner{width:1100px; padding:90px 55px;} .popup_wrap.serv .serv_tit{font-size: 25px; font-weight: 600; margin-bottom:30px;} .popup_wrap.serv .serv_cont{height:500px; overflow-y:auto;} .popup_wrap.serv .serv_cont2 p{font-size: 18px; color: #888; margin-bottom:20px;} .popup_wrap.serv .serv_cont2 ul li{font-size: 18px; font-weight: 600; color: #555; line-height:1.6;} .serv_cont .headline {display:block;margin:0 0 15px;border-bottom:1px dotted #d6d6d6;} .serv_cont .headline h1,.headline h2,.headline h3,.headline h4,.headline h5,.headline h6 {margin:0 0 -1px;padding:5px 2px;display:inline-block;color:#363636;border-bottom:1px solid #767676;margin-top:30px;font-size:18px;} .serv_cont .headline h5:first-child {margin-top:0;} .serv_cont .contents-box-inner {font-size:14px; color:#555555;line-height:28px} .serv_cont {margin-top:70px;padding: 0 30px 100px;} .serv_cont h3{line-height:1em; font-size:48px; letter-spacing:-5px; color:#090d12; margin-bottom:100px} #sub_content > h5{line-height:1em; font-size:48px; letter-spacing:-5px; color:#090d12; margin-bottom:100px} .serv_cont ol{margin:1em 0; padding-inline-start:0px } .serv_cont ol li{list-style-type:decimal} .serv_cont .disc {padding-inline-start:20px;} .serv_cont .disc li{list-style-type:disc; padding-left:10px; position:relative;} .serv_cont .disc li:before{content:''; display:block; width:4px; height:4px; border-radius:50%; background:#ccc; position:absolute; top:12px; left:0;} /* 회원가입 3 */ .join3 .input_wrap li.half_width{width:50%;} .join3 .input_wrap li:nth-child(-n+2){margin-top:0 !important;} .filebox{display:flex;} .filebox .upload{text-align:right;} .filebox .upload-name {display: block; height: 50px; padding: 0 20px; border: 1px solid #D9D9D9; width: 350px; font-size: 18px; border-radius: 5px;} .filebox .upload-name.on{color: #888; background: #F6F6F6;} .filebox .file_delete{display:none; font-size: 12px; font-weight: 500; border-radius: 30px; border: 1px solid #D9D9D9; background: #FFF; padding:7px 15px; margin-top:10px;} .filebox .file_delete i{display:inline-block; vertical-align:middle; width: 15px; height: 15px; background:url("/images/sub/file_del.svg") no-repeat center / 100%; margin-right:3px;} .filebox .file_delete.on{display:inline-block;} .filebox label {display: inline-block; width: 140px; text-align:center; vertical-align: middle; cursor: pointer; height: 50px; margin-left: 10px; line-height: 50px; font-size:16px; border-radius: 5px; background: #ECECEC; border: 1px solid #ECECEC;color: #888; font-weight: 700;} .filebox label:hover{border: 1px solid #555; color: #555; background:#fff;} .filebox input[type="file"] {position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0;} /* 실시간견적제출 - 견적신청 리스트 */ .com_sub1 .search_wrap{position:relative;} .tp_search{display:flex; justify-content:center;} .tp_search .search {position:relative; width: 735px;} .tp_search .hide{display:none;} .tp_search .srh_txt{width:735px; height: 55px; font-size: 21px; font-weight: 500; padding: 0 30px; border-radius: 10px; border: 2px solid #1A53ED; background: #FFF;} .tp_search .srh_txt::placeholder{color: #AAA;} .tp_search .srh_btn{position:absolute; top:50%; transform:translateY(-50%); right:30px; display: inline-block; vertical-align: middle; border: none; font-size: 0; width: 24px; height: 24px; background: url("/images/sub/srh_btn.svg") no-repeat center / 100%; cursor: pointer;} .tp_search .detail_srh button{display:block; font-size: 18px; font-weight: 700; color: #FFF; text-align: center; border-radius: 10px; background: #1A53ED; width: 120px; line-height: 55px; border:none; margin-left:10px;} .det_srh{position:absolute; display:none; z-index: 10; left:50%; transform:translateX(-50%);} .det_srh.on{display:block;} .det_srh .mob_tit{display:none;} .det_srh_wrap{position:relative; right:0; width: 865px; border-radius: 20px; border: 1px solid #DFE0E4; background: #FFF; box-shadow: 0px 4px 20px 0px rgba(0, 104, 183, 0.10); padding:50px 95px; margin:10px auto 0;} .det_srh_wrap .close_btn{position:absolute; width: 15px; height: 15px; background:url("/images/sub/pop_close.svg") no-repeat center / 100%; top:30px; right:30px; cursor:pointer;} .det_srh_wrap .srh_list{display:flex; flex-wrap:wrap; justify-content:space-between;} .det_srh_wrap .srh_list li + li{margin-top:20px;} .det_srh_wrap .srh_list li .select{width: 284px; background-position:center right 8%;} .det_srh_wrap .srh_list li .select + .select{margin-left:4px;} .det_srh_wrap .srh_list li.half_width{width:44.5%;} .det_srh_wrap .srh_list li.half_width .select{width: 200px;} .det_srh_wrap .srh_list li dl{display:flex; align-items:center; gap:20px;} .det_srh_wrap .srh_list li dt{min-width:78px; font-size: 18px; font-weight: 500;} .det_srh_wrap .btn_wrap .reset_btn{color: #888; border: 1px solid #888; background:#fff;} .com_sub1 .search_wrap.on{position:fixed; top:0; background: #FFF; padding:65px 0; width:100%; z-index:10000;} .com_sub1 .search_wrap.on .tp_search .srh_txt{border:none; border-bottom: 2px solid #1A53ED; border-radius:0;} .com_sub1 .search_wrap.on .detail_srh button{border-radius:0;} .est_req_list_wrap{margin-top:90px;} .est_req_list_wrap .tp_area{display:flex; align-items:center; justify-content:space-between;} .est_req_list_wrap .tp_area p{font-size: 18px; color: #111;} .est_req_list_wrap .tp_area p strong{color:#1A53ED;} .est_req_list_wrap .tp_area .sel_input{background-color: #FFF; width: 125px; background-position:center right 15%;} .est_req_list{margin-top:20px;} .est_req_list.mob{display:none;} .est_req_list li a{display:block; height: 110px; border-radius: 20px; border: 1px solid #DFE0E4; background: #FFF; display: flex; align-items:center; width:100%;} .est_req_list li a span{padding:0 10px;} .est_req_list li + li{margin-top:10px;} .est_req_list li.head{height: 100px; background: #1A53ED; color:#fff; font-weight: 700; display: flex; align-items:center; border-radius: 20px;} .est_req_list li.head em{font-size: 16px; font-weight: 500;} .est_req_list li span{text-align:center; font-size: 18px; font-weight: 500; line-height:1.4;} .est_req_list li span:nth-of-type(1){width:18%;} .est_req_list li span:nth-of-type(2){width:18%;} .est_req_list li span:nth-of-type(3){width:14%;} .est_req_list li span:nth-of-type(4){width:14%;} .est_req_list li span:nth-of-type(5){width:16%;} .est_req_list li span:nth-of-type(6){width:20%;} .est_req_list li span i{font-style: inherit; display:inline-block; font-size: 16px; font-weight: 700; text-align: center; color: #FFF; width: 80px; line-height: 40px; border-radius: 5px; background: #1A53ED; margin-top:10px;} .est_req_list li span i.select{background:#1AAA20 !important; color:#fff !important; border-color:#1AAA20 !important;} .est_req_list li span i.end{color: #888 !important; border: 1px solid #888 !important; background:#fff !important;} .est_req_list_wrap .list_pager_wrap{position:inherit; transform: translateX(0);} /* 실시간견적제출 - 실시간견적현황 */ .com_sub1_view .status_wrap2.tp{position:relative;} .com_sub1_view .time{position:absolute; font-size: 22px; font-weight: 700; color: #111; top:40px; right:50px;} .com_sub1_view .time i{display:inline-block; width: 24px; height: 24px; background:url("/images/sub/alarm_ic.svg") no-repeat center / 100%; margin-right:5px; margin-top:-3px; vertical-align:middle;} .com_sub1_view .stat{display:inline-block; font-size: 14px; font-weight: 700; color:#F31D5E; border-radius: 30px; border: 1px solid #F31D5E; padding:10px 40px; margin-top: 12px;} .step_view li .rt{line-height:1.4;} .step_view li .rt .check{display: inline-block; font-size: 16px; font-weight: 700; text-align: center; color: #FFF; background: #1A53ED; width: 80px; line-height: 40px; border-radius: 5px; cursor:pointer;} .com_sub1_view .step_view li .rt strong{font-size: 21px; color: #000; display:block; margin-bottom:15px;} .com_sub1_view .btn_wrap .list_btn{border: 1px solid #888; background: #FFF;} .popup_wrap.com_sub1_view .popup_inner{width: 1200px;} .popup_wrap.com_sub1_view .step3_table_wrap{height:600px; overflow-y:scroll;} .popup_wrap.com_sub1_view .step_tit_mob{display:none;} /* 공지사항 - 리스트 */ .noti_wrap .noti_list{margin-top:80px;} .noti_wrap .noti_list .all_check{margin-bottom:30px;} .noti_wrap .noti_list .all_check .checkbox-label{font-size: 20px; color: #000; margin-left:10px;} .noti_wrap .noti_list .txt_wrap{display:flex; justify-content:space-between; width:100%;} .noti_wrap .noti_list.adm .txt_wrap{width:97%;} .noti_wrap .noti_list .result{font-size: 18px; color: #111; margin-bottom:15px;} .noti_wrap .noti_list .result strong{font-size: 20px; color:#1A53ED;} .noti_wrap .noti_list ul{border-top:1px solid #AAA; border-bottom:1px solid #AAA; padding:10px 0;} .noti_wrap .noti_list ul li{transition:all 0.3s;} .noti_wrap .noti_list ul li.hide{display:none;} .noti_wrap .noti_list ul li.hide.on{display:block;} .noti_wrap .noti_list ul li a{display:flex; align-items:center; justify-content:space-between; padding:25px 30px; border-radius: 10px;} .noti_wrap .noti_list ul li:hover a{background: #DAE3EE;} .noti_wrap .noti_list ul li .title{font-size: 20px; font-weight: 600; width:89%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .noti_wrap .noti_list ul li a .date{font-size: 18px; font-weight: 500; color: #888;} .noti_wrap .no_result{text-align: center; padding:145px 0; border-top:1px solid #AAA; border-bottom:1px solid #AAA; margin-top:80px;} .noti_wrap .no_result i{display:inline-block; width: 50px; height: 50px; background:url("/images/sub/no_result_ic.svg") no-repeat center / 100%;} .noti_wrap .no_result p{font-size: 21px; font-weight: 500; margin-top:30px;} .noti_wrap .more_btn{text-align:center; margin-top:50px;} .noti_wrap .more_btn button{display:inline-block; font-size: 18px; font-weight: 600; color: #888; border-radius: 5px; border: 1px solid #888; padding:15px 50px; background:none;} .noti_wrap .more_btn button:hover{color: #555; border: 1px solid #555;} .adm_btn_wrap{display:flex; justify-content:space-between; margin-top:40px;} .adm_btn_wrap a, .adm_btn_wrap button {display:inline-block; font-size: 18px; font-weight: 600; color: #555; text-align: center; width: 160px; line-height: 50px; border-radius: 5px; border: 1px solid #555; background:none;} .adm_btn_wrap a + a{margin-left:5px;} .adm_btn_wrap .write{background: #1A53ED; color: #FFF; border:none;} /* 공지사항 - 뷰 */ .noti_view_tp .title{font-size: 30px; font-weight: 600; margin-bottom:45px;} .noti_view_tp .date{font-size: 20px; font-weight: 600; color: #888; margin-bottom:45px;} .noti_view_cont{border-top:1px solid #AAA; border-bottom:1px solid #AAA; padding:60px 0; min-height:500px; font-size: 20px; color: #888; display: flex; flex-direction: column;/* justify-content: space-between; */} .noti_view_cont .wr-content { line-height: 1.5; margin-bottom:20px;} .noti_view .list_btn{text-align:center; margin-top:45px;} .noti_view .list_btn a{display:inline-block; font-size: 18px; font-weight: 600; color: #555; border-radius: 5px; border: 1px solid #555; padding:15px 100px;} .noti_view .list_btn a:hover{color:#fff; background: #666; border: 1px solid #666;} /* 공지사항 - 글쓰기 */ .noti_write li + li{margin-top:30px;} .noti_write li.flex{display:flex; gap:30px;} .noti_write li dt{font-size: 18px; font-weight: 600; margin-bottom:10px;} .noti_write li .text_input{width: 500px;} .noti_write li .sel_input{background-color: #FFF; width: 300px; color: #AAA; background-position:94% center;} .noti_write li textarea{width:100%; height: 500px; border-radius: 5px; border: 1px solid #D9D9D9; background: #FFF; padding:20px; font-size: 18px;} .noti_write li.title dd .text_input{width:100%;} .noti_write .filebox .upload-name{width: 530px;} .btn_wrap .cancel_btn{border: 1px solid #888; background: #FFF;} /* FAQ - 리스트 */ .faq_list.adm li{display:flex; gap:20px;} .faq_list.adm li .wrap{width:97%;} .faq_list.adm li .checkbox{margin-top:3px;} .faq_list li{padding:25px 30px; border-radius: 10px; transition:all 0.5s; cursor:pointer;} .faq_list li + li{margin-top:10px;} .faq_list li:hover{background: #DAE3EE;} .faq_tit{display:flex; align-items:center; justify-content:space-between;} .faq_tit .arrow{width: 18px; height: 12px; background:url("/images/sub/sel_ic.svg") no-repeat center / 100%; transition:all 0.3s;} .faq_cont{display:none; font-size: 18px; color: #555; line-height:1.4; margin-top:30px;} .faq_list li.on{background: #DAE3EE;} .faq_list li.on .arrow{transform:rotate(180deg);} .faq_list li a{padding:0 !important;} .faq_list ul li:hover a{background:none !important;} /* 이벤트 - 리스트 */ .event_list{display:flex; flex-wrap:wrap; gap:20px 1.47%;} .event_list li{width:32.35%; position:relative;} .event_list li .img{width:100%; height:390px; position:relative; border-radius:20px; overflow:hidden;} .event_list li .img img{width:100%;} .event_list li .img:after{content:''; display:block; width:100%; height:100%; background: rgba(0, 0, 0, 0.35); position:absolute; top:0; left:0; transition:all 0.5s; opacity:0;} .event_list li .txt{position:absolute; z-index:10; bottom:0; width:100%; padding:30px; border-radius: 20px; background: #FFF;} .event_list li .txt .event_tit{font-size: 20px; font-weight: 500; background:url("/images/sub/plus_ic.svg") no-repeat center right / 25px;} .event_list li .txt .event_tit span{display:block; width:90%; overflow:hidden; text-overflow:ellipsis;} .event_list li .txt .event_cont{font-size: 16px; color: #888; margin-top:20px; width:100%; display:none;} .event_list li .txt .event_cont span{width:100%; max-height:38px; display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} .event_list li:hover .img:after{opacity:1;} .event_list li:hover .txt .event_tit{background-image:url("/images/sub/minus_ic.svg");} .event_wrap .list_pager_wrap{position:inherit; transform: translateX(0);} .event_wrap .all_check{margin-bottom:30px;} .event_wrap .all_check .checkbox-label{font-size: 20px; color: #000; margin-left:10px;} .event_list.adm .img{position:relative;} .event_list.adm .img .checkbox{position:absolute; top:15px; left:15px; z-index:100;} @media screen and (max-width:1400px) { /* 공통 */ .sub_title{margin-bottom:5.71vw;} .sub_title h2{font-size: 2.86vw;} .sub_title h2:after{width: 1.07vw; height: 1.07vw; right:-1.79vw;} /* 실시간 견적 받기 step1 */ .step_wrap{border-radius: 2.14vw; padding:6.43vw 9.29vw 7.14vw 9.29vw;} .step_proc{gap:3.57vw; margin-bottom:7.14vw;} .step_proc:before{width:38.57vw;} .step_proc li{font-size: 1.29vw; width: 7.14vw; height: 7.14vw;} .step_tit{padding-bottom:1.43vw;} .step_tit strong{font-size: 1.79vw;} .step_tit p{font-size: 1.29vw; margin-top:0.71vw;} .step_tit.bd_bt{margin-bottom:2.14vw;} .input_wrap li + li{margin-top:2.14vw;} .input_wrap li p.cau{font-size:1.14vw; margin-top:0.71vw;} .input_wrap .input_tit{font-size: 1.29vw; margin-bottom:0.71vw;} .input_wrap .input_tit .req{font-size: 1.14vw;} .text_input{width: 51.79vw; height: 3.57vw; line-height: 3.57vw; font-size: 1.29vw; padding:0 1.43vw;} .text_input.style1{width: 40.36vw !important;} .input_wrap .srh_btn{font-size: 1.29vw; width: 10.71vw; height: 3.57vw; line-height: 3.57vw; margin-left:0.71vw;} .input_wrap .check_wrap{margin-top:0.71vw;} input[type="checkbox"]{width: 1.43vw; height: 1.43vw;} .checkbox-label{font-size: 1.14vw; margin-left:0.36vw;} .btn_wrap{margin-top:4.29vw;} .btn_wrap a{font-size: 1.29vw; height: 3.57vw; line-height: 3.57vw; width:10.71vw;} /* 실시간 견적 받기 step2 */ .input_wrap{justify-content:space-between;} .input_wrap li.half_width{width:48%;} .input_wrap li > div + div{margin-top:0.71vw;} .text_input.style2{width: 46.43vw !important;} .text_input.style3{width: 20.71vw !important;} .text_input.style4{width: 37.14vw !important;} .text_input.style5{width: 32.50vw !important;} .text_input.style6{width: 30.71vw !important;} .text_input + .text_input{margin-left:1.07vw;} .date_input{width: 32.50vw; height: 3.57vw; font-size: 1.29vw; padding:0 1.43vw;} input[type='date']{background-size: 1.29vw;} .sel_input{width: 32.50vw; height: 3.57vw; font-size: 1.29vw; padding:0 1.43vw;} select{background-size: 0.86vw;} /* 실시간 견적 받기 step4 */ .sub1_step4 .step_wrap{padding: 6.43vw 3.57vw 7.14vw 3.57vw;} .step4_txt{ font-size: 1.79vw; margin-bottom:3.57vw;} .est_info{padding:2.00vw 0; border-radius: 1.43vw; margin-bottom:3.57vw;} .est_info dl{gap:3.21vw; font-size: 1.50vw;} .est_price{font-size: 1.79vw; margin-bottom:2.50vw;} .est_price strong{font-size: 2.14vw;} .est_price span{font-size: 1.29vw;} .est_list li{border-radius: 1.43vw; font-size: 1.29vw; padding:1.43vw 0;} .est_list li:first-child{font-size: 1.36vw;} .est_list li:last-child div:nth-of-type(2){padding-right:4.29vw; font-size: 1.79vw;} .est_list li + li{margin-top:0.71vw;} .est_list li div:nth-of-type(1){width:12%} .est_list li div:nth-of-type(2){width:22%} .est_list li div:nth-of-type(3){width:46%} .est_list li div:nth-of-type(4){width:30%; padding-right:4.29vw;} .est_list li span{font-size: 1.14vw; width: 5.71vw; height: 2.86vw; line-height: 2.86vw; border-radius: 0.36vw;} .step_wrap .req_wrap{margin-top:5.00vw;} .req_list{border-radius: 1.43vw; padding:2.14vw;} .req_list li + li{margin-top:1.79vw;} .req_list li.all{padding-bottom:1.43vw;} .req_list li .checkbox-label{font-size: 1.29vw;} .req_list li.all .checkbox-label{font-size: 1.43vw;} .step_wrap .req_wrap .cau{font-size: 1.29vw; margin-top:1.43vw;} .step_wrap .time_set{gap:2.14vw; margin-top:2.14vw;} .step_wrap .time_set p{font-size: 1.50vw;} .step_wrap .time_set .sel_input{width: 10.71vw;} .btn_wrap .submit_btn2{width: 17.86vw !important; height: 3.93vw; line-height: 3.93vw;} .sub1_step4 .btn_wrap p{ font-size: 1.57vw; margin-top:2.86vw;} .select {width: 10.71vw; line-height: 3.57vw; border-radius: 0.36vw; font-size: 1.29vw;} .select .selected {padding:0 1.43vw;} .select .selected .selected-value {max-width: 9.29vw;} .select.active{border-radius: 0.36vw 0.36vw 0 0;} .select.active ul{border-radius: 0 0 0.36vw 0.36vw;} .select ul li {padding: 0.57vw 1.3vw; margin:0 0.21vw;} .select ul li:hover{border-radius: 0.36vw;} /* 실시간 견적 받기 완료 */ .com_wrap img{width: 4.29vw;} .com_wrap p{font-size: 1.79vw; margin-top:1.43vw;} /* 실시간 견적 현황 - 상세보기 */ .status_wrap2{border-radius: 1.43vw; padding:2.14vw 3.57vw;} .status_wrap2.tp{gap:2.14vw; margin-bottom:1.43vw;} .status_wrap2.tp .icon{width: 6.07vw; height: 6.07vw; background-size:2.14vw;} .status_wrap2.tp .txt strong{font-size: 1.50vw; margin-bottom:1.07vw;} .status_wrap2.tp .txt .bt_area{gap:2.14vw;} .status_wrap2.tp .txt dl{gap:1.07vw; font-size: 1.36vw;} .status_wrap2.bt{padding:3.57vw 3.57vw 6.07vw;} .step_view.status a.down{font-size: 1.14vw; padding:0.71vw 1.43vw; margin-left:1.43vw;} .status_wrap2.bt .btn_wrap{margin-top:3.57vw;} /* 실시간 견적 현황 - 최저 견적 보기 */ .closing_time{gap:2.86vw; width: 52.50vw; height: 6.07vw; border-radius: 3.57vw;} .closing_time span{font-size: 1.50vw;} .closing_time span i{width: 1.57vw; height: 1.43vw; margin-right:0.71vw;} .closing_time strong{font-size: 2.50vw;} .status_cont{margin-top:5.71vw;} .status_cont .lt_nav{width: 23.57vw; top:10.71vw;} .status_cont .lt_nav h3{font-size: 2.29vw; margin-bottom:3.57vw;} .status_cont .lt_nav .build_info li{height: 5.71vw; padding:0 2.14vw; border-radius: 0.71vw;} .status_cont .lt_nav .build_info li + li{margin-top:1.07vw;} .status_cont .lt_nav .build_info li strong{font-size: 1.57vw;} .status_cont .lt_nav .build_info li span{font-size: 1.57vw; margin-top:0.36vw;} .status_cont .rt_com{width:70%; margin-left:3.00vw;} .status_cont .rt_com .cau{font-size: 1.29vw; margin-bottom:1.79vw;} .status_cont .rt_com_list li{padding:1.43vw 3.93vw; border-radius: 1.43vw;} .status_cont .rt_com_list li.first{ box-shadow: 0.29vw 0.29vw 1.43vw 0 rgba(0, 104, 183, 0.10);} .status_cont .rt_com_list li + li{margin-top:1.43vw;} .status_cont .rt_com_list li .num{width: 3.86vw; font-size: 1.57vw; margin-right:2.86vw;} .status_cont .rt_com_list li .com{width:70%;} .status_cont .rt_com_list li .com img{width: 6.07vw; margin-right:2.14vw;} .status_cont .rt_com_list li .com span{font-size: 1.50vw;} .status_cont .rt_com_list li .price{font-size: 1.57vw;} .status_cont .rt_com_list li .btn{width:15%;} .status_cont .rt_com_list li .btn button{width: 5.71vw; line-height: 2.86vw; border-radius: 0.36vw; font-size: 1.14vw;} .status_cont .rt_com_list li .btn button + button{margin-top:0.36vw;} .status_cont .rt_com_list li.on .com{width:55%;} .status_cont .rt_com_list li.on .price{width:20%;} .status_cont .rt_com_list li.on .btn{width:15%;} .status_cont .rt_com_list li .btn .result_btn{line-height: 6.37vw;} .status_cont .rt_com_list li.onn{padding-right: 9.64vw;} .status_cont .rt_com_list li.onn:after{width:4.64vw; height:6.86vw; right:2.50vw;} .status_cont .rt_com_list li.onn .btn{width:25%; gap: 0.43vw; } .status_cont .rt_com_list li.onn .btn div{width:5.71vw;} .status_cont .rt_com_list li.onn .com{width:41%;} .status_cont .rt_com_list li.onn .price{width:21%;} .status_cont .rt_com_list li.onn .btn{width:28%;} .status_cont .rt_com .status_btn_wrap{margin-top:2.14vw;} .status_cont .rt_com button{width: 7.50vw; line-height: 3.57vw; font-size: 1.29vw; border-radius: 0.71vw;} /* 점검업체 선택 팝업 */ .status2-1 .popup_wrap.pop2 .popup_inner{width: 78.57vw; padding:5.71vw 6.07vw;} .popup_wrap.pop2 .pop_tp{ align-items:center; gap:3.21vw; margin-bottom:3.57vw;} .popup_wrap.pop2 .pop_tp .img{width:8.57vw;} .popup_wrap.pop2 .pop_tp .txt strong{font-size: 1.79vw;} .popup_wrap.pop2 .pop_tp .txt p{font-size: 1.29vw; margin-top:1.43vw;} .pop_rev_cont .tp_area{margin-bottom:1.79vw;} .pop_rev_cont .tp_area .left span{font-size: 1.36vw;} .pop_rev_cont .tp_area .left span strong{font-size: 1.57vw;} .pop_rev_cont .tp_area .left span + span{margin-left:1.07vw;} .pop_rev_cont .tp_area .right i{width: 1.79vw; height:1.71vw; margin-right:1.07vw;} .pop_rev_cont .tp_area .right strong{font-size: 3.57vw;} .pop_rev_cont .bt_area{max-height: 17.86vw; padding-right:2.50vw;} .pop_rev_cont .review_wrap{border-radius: 0.71vw; padding:0 2.86vw;} .pop_rev_cont .review_wrap + .review_wrap {margin-top:2.14vw;} .pop_rev_cont .review_wrap li{font-size: 1.43vw; padding:2.14vw 0;} .pop_rev_cont .review_wrap li.star{padding: 1.43vw 0;} .pop_rev_cont .review_wrap li.star dl{gap:1.43vw; padding:0.36vw 0;} .pop_rev_cont .review_wrap li.star dt{font-size: 1.29vw;} .pop_rev_cont .review_wrap li.star dl:nth-of-type(2) dt{min-width: 4.43vw;} .pop_rev_cont .review_wrap li.star dd i{width: 1.43vw; height:1.43vw;} .pop_rev_cont .review_wrap li.star dd i + i{margin-left:0.21vw;} .pop_rev_cont .review_wrap li.eval dl + dl{margin-top:2.14vw;} .pop_rev_cont .review_wrap li.eval dt{width:28%; font-size: 1.29vw;} .pop_rev_cont .review_wrap li.eval dd{width:72%; font-size: 1.29vw;} .pop_rev_cont .sel_wrap{border-radius: 0.71vw; padding:2.14vw 2.86vw; margin-top:2.14vw;} .pop_rev_cont .sel_wrap .txt strong{font-size: 1.79vw;} .pop_rev_cont .sel_wrap .txt p{font-size: 1.29vw; margin-top:1.43vw;} .pop_rev_cont .sel_wrap .sel_btn{font-size: 1.29vw; border-radius: 0.36vw; width: 10.00vw; line-height: 7.86vw;} /* 입점업체-리스트 */ .store_list_area{width:71%} .store_list_area .store_tabnav li + li{margin-left:1.43vw;} .store_list_area .store_tabnav li a{font-size: 1.29vw;} .store_list_area .store_tp .regi_btn{ font-size: 1.29vw; border-radius: 0.71vw; padding:0.71vw 1.43vw;} .store_tabcontent{ min-height: 41.50vw;} .store_list{gap:1.43vw 0; margin-top:2.14vw;} .store_list li{width:49%; border-radius: 1.43vw;} .store_list li a{padding:2.14vw 2.86vw;} .store_list li .txt em{ font-size: 1.14vw; margin-bottom:0.36vw;} .store_list li .txt .name{font-size: 1.50vw; margin-bottom:1.79vw;} .store_list li .txt .bt span{font-size: 1.29vw;} .store_list li .txt .bt span + span{margin-left:0.71vw;} .store_list li .txt .bt span i{width: 1.43vw; height:1.43vw; margin-top: -0.36vw; margin-right:0.36vw;} .store_list li .img{width:6.07vw;} .store_list li.nodata{padding:2.86vw 1.07vw; font-size:1.29vw;} .store_list li.nodata i{width:3.57vw; height:3.57vw; margin:0 auto 0.71vw;} .banner_area{width:27.2%} .banner_area .banner2{margin-top:1.43vw;} .list_pager_wrap{gap:1.43vw;margin-top:3.57vw;} .list_pager_wrap .list_pager{gap:1.43vw;} .list_pager_wrap .list_pager li a{font-size: 1.29vw;} .list_pager_wrap > a{width: 0.57vw; height: 0.86vw;} /* 입점업체-상세보기 */ .store_view li{border-radius: 1.43vw; padding:2.50vw 2.86vw;} .store_view li + li{margin-top:2.14vw;} .store_view li.info em{font-size: 1.14vw; margin-bottom:0.36vw;} .store_view li.info .name{font-size: 1.50vw; margin-bottom:1.79vw;} .store_view li.info .bt span{font-size: 1.29vw;} .store_view li.info .bt span + span{margin-left:0.71vw;} .store_view li.info .bt span i{width: 1.43vw; height:1.43vw; margin-top: -0.36vw; margin-right:0.36vw;} .store_view li.info .img{width:6.07vw;} .store_view li .v_title{font-size: 1.43vw; padding-bottom:2.14vw;} .store_view li.intro .cont{font-size: 1.29vw; padding:2.14vw 0 4.29vw;} .store_view li.review .star{padding: 2.14vw 0 4.29vw; gap:3.57vw;} .store_view li.review .star dl{gap:2.50vw; padding:0.36vw 0;} .store_view li.review .star dt{font-size: 1.29vw;} .store_view li.review .star dd i{width: 1.43vw; height:1.43vw;} .store_view li.review .star dd i + i{margin-left:0.21vw;} .store_view li.review .eval{padding-top:2.14vw;} .store_view li.review .eval dl + dl{margin-top:2.14vw;} .store_view li.review .eval dt{width:17%; font-size: 1.29vw;} .store_view li.review .eval dd{width:83%; font-size: 1.29vw;} /* 입점업체-신청하기 */ .store2 .step_tit.bd_bt{margin-bottom:1.07vw;} .store2 .input_wrap{justify-content:flex-start;} .store2 .input_wrap li{padding:1.07vw 0;} .store2 .input_wrap li.half_width{width:48.1%;} .input_wrap li span.mail{font-size: 1.50vw; margin:0 0.71vw;} .sel_input.style1{width:30.71vw;} .sel_input.style2{width:20.71vw;} .sel_input.style2{margin-left:0.36vw;} .input_wrap textarea{border-radius: 0.36vw; width: 65.86vw; height: 10.71vw; font-size:1.29vw; padding:1.43vw;} /* 마이페이지 - 메인 */ .my_cont .lt_nav{border-radius: 2.14vw; width: 23.00vw; padding:4.29vw 2.21vw 7.14vw; top:7.14vw;} .my_cont .lt_nav .profile{margin-bottom:2.50vw; gap:2.14vw;} .my_cont .lt_nav .profile .img{width: 5.71vw;} .my_cont .lt_nav .profile .txt span{ font-size: 1.50vw; margin-bottom:0.71vw;} .my_cont .lt_nav .profile .txt span strong{font-size: 2.14vw;} .my_cont .lt_nav .profile .txt em{ font-size: 0.93vw; padding: 0.50vw 1.29vw;} .my_cont .lt_nav .point{font-size: 1.29vw; gap:0.71vw;} .my_cont .lt_nav .point strong{font-size: 1.79vw; margin-left:0.36vw;} .my_cont .lt_nav .point em{font-size: 1.00vw; margin-left:0.36vw;} .my_cont .lt_nav .point button{margin-top:0.57vw;} .my_cont .lt_nav .point button a {font-size: 0.93vw; padding: 0.57vw 2.86vw;} .my_cont .lt_nav .nav_list{margin-top:4.64vw;} .my_cont .lt_nav .nav_list li{border-radius: 0.71vw;} .my_cont .lt_nav .nav_list li + li{margin-top:0.71vw;} .my_cont .lt_nav .nav_list li a{font-size: 1.50vw; padding:1.07vw 2.14vw;} .my_cont .rt_cont{ width:calc(100% - 25.93vw); margin-left:2.57vw;} .my_cont .rt_cont .tp_stat {margin-bottom:3.57vw; top:7.14vw;} .my_cont .rt_cont .tp_stat li{width:33.33%; } .my_cont .rt_cont .tp_stat li a {padding:2.86vw 0;} .my_cont .rt_cont .tp_stat li i{width: 2.14vw; height: 2.14vw;} .my_cont .rt_cont .tp_stat li:nth-child(1){border-radius:2.14vw 0 0 2.14vw;} .my_cont .rt_cont .tp_stat li:nth-child(3){border-radius:0 2.14vw 2.14vw 0;} .my_cont .rt_cont .tp_stat li p{font-size: 1.43vw; margin:0.50vw 0;} .my_cont .rt_cont .tp_stat li strong{font-size: 2.86vw;} .my_cont .rt_cont .par_stat{border-radius: 2.14vw; padding:3.57vw;} .my_cont .rt_cont .par_stat .title{margin-bottom:1.79vw;} .my_cont .rt_cont .par_stat .title strong{font-size: 1.79vw;} .my_cont .rt_cont .par_stat .title .all_view{font-size: 1.14vw;} .my_cont .rt_cont .par_stat .title .all_view i{width:1.43vw; height:1.43vw; margin-top:-0.29vw;} .my_cont .rt_cont .par_stat_list li{padding:2.14vw 2.50vw; border-radius: 1.43vw; gap:2.14vw;} .my_cont .rt_cont .par_stat_list li + li{margin-top:2.14vw;} .my_cont .rt_cont .par_stat_list li .icon{width: 6.07vw; height: 6.07vw; background-size: 2.14vw;} .my_cont .rt_cont .par_stat_list li .txt {width: calc(100% - 7.86vw); margin-left: 2.14vw;} .my_cont .rt_cont .par_stat_list li .txt > strong{ font-size: 1.50vw; margin-bottom:1.07vw;} .my_cont .rt_cont .par_stat_list li .txt .info{margin-bottom:1.07vw;} .my_cont .rt_cont .par_stat_list li .txt .info span{font-size: 1.36vw; margin-right:1.79vw; display:inline-block;} /* .my_cont .rt_cont .par_stat_list li .txt .info span:last-of-type{margin-top:0.5vw;} */ .my_cont .rt_cont .par_stat_list li .txt .info strong{ margin-right:0.93vw;} .my_cont .rt_cont .par_stat_list li .txt .rank{font-size: 1.00vw; padding:0.50vw 1.07vw;} .my_cont .rt_cont .par_stat .pay_com{padding:5.36vw 0 3.21vw;} .my_cont .rt_cont .par_stat .pay_com .icon img{width: 4.29vw;} .my_cont .rt_cont .par_stat .pay_com_tit{font-size: 1.79vw; margin:1.43vw 0;} .my_cont .rt_cont .par_stat .pay_com p{font-size: 1.43vw;} .my_cont .rt_cont .par_stat .pay_com .box{margin:2.86vw auto 3.21vw; border-radius: 1.43vw; width: 39.64vw; padding:2.29vw 0; font-size: 1.43vw;} .my_cont .rt_cont .par_stat .pay_com .box strong{margin-right:1.07vw;} .my_cont .rt_cont .par_stat .pay_com .pay_submit{font-size: 1.29vw; width: 25.00vw; line-height: 3.57vw; border-radius: 0.36vw;} /* 회원가입 1 */ .join_wrap .join_tit{margin-bottom: 3.21vw;} .join_wrap .join_tit em{font-size: 1.14vw;} .join_wrap .join_tit h3{font-size: 2.50vw; margin-top: 0.71vw;} .join .step_proc:before{width:27.86vw;} .join_tit2{font-size: 1.79vw; padding-bottom:1.43vw; margin-bottom:2.14vw;} .join .text_input{width:25.00vw;} .join .input_wrap {justify-content: flex-start;} .join .input_wrap li.half_width{width:40%;} .join .input_wrap .desc{font-size: 1.14vw; margin-top:0.71vw;} .join .login_wrap2{margin-top:5.00vw;} .join .login_wrap2 dt{font-size: 1.43vw; margin-bottom:1.07vw;} .join .login_wrap2 dt a{margin-left:0.36vw;} .join .login_wrap2 dd{font-size: 1.29vw; padding-left:1.07vw;} .join .login_wrap2 dd:before{font-size:1.29vw; top:0.14vw;} /* 회원가입 2 */ .join .input_wrap li.half_width.phone{width:50%} .join .input_wrap li button.phone{width:9.29vw;} .join .input_wrap .text_input + .text_input{margin-left:0.57vw;} .join .req_list{width:65.86vw; margin-top:4.29vw; border-radius: 0.71vw;} .join .req_list li + li{margin-top:1.07vw;} .join .req_list .view_btn{font-size: 1.14vw; padding: 0.50vw 1.43vw; border-radius: 0.36vw; margin-left:1.43vw;} /* 회원가입 3 */ .join3 .input_wrap li.half_width{width:50%;} .filebox .upload-name {height: 3.57vw; padding: 0 1.43vw; width: 25.00vw; font-size: 1.29vw; border-radius: 0.36vw;} .filebox .file_delete{font-size: 0.86vw; padding:0.50vw 1.07vw; margin-top:0.71vw;} .filebox .file_delete i{width: 1.07vw; height: 1.07vw; margin-right:0.21vw;} .filebox label {width: 10.00vw; height: 3.57vw; margin-left: 0.71vw; line-height: 3.57vw; font-size:1.14vw; border-radius: 0.36vw;} .login.join3 .desc{margin-top:1.79vw; font-size:1.14vw;} /* 실시간견적제출 - 견적신청 리스트 */ .tp_search .search {width: 52.50vw;} .tp_search .srh_txt{width:52.50vw; height: 3.93vw; font-size: 1.50vw; padding: 0 2.14vw; border-radius: 0.71vw;} .tp_search .srh_btn{right:2.14vw; width: 1.71vw; height: 1.71vw;} .tp_search .detail_srh button{font-size: 1.29vw; border-radius: 0.71vw; width: 8.57vw; line-height: 3.93vw; margin-left:0.71vw;} .det_srh_wrap{width: 61.79vw; border-radius: 1.43vw; box-shadow: 0.00vw 0.29vw 1.43vw 0.00vw rgba(0, 104, 183, 0.10); padding:3.57vw 6.79vw; margin:0.71vw auto 0;} .det_srh_wrap .close_btn{width: 1.07vw; height: 1.07vw; top:2.14vw; right:2.14vw;} .det_srh_wrap .srh_list li + li{margin-top:1.43vw;} .det_srh_wrap .srh_list li .select{width: 20.26vw;} .det_srh_wrap .srh_list li .select + .select{margin-left:0.29vw;} .det_srh_wrap .srh_list li.half_width{width:44.5%;} .det_srh_wrap .srh_list li.half_width .select{width: 14.29vw;} .det_srh_wrap .srh_list li dl{gap:1.43vw;} .det_srh_wrap .srh_list li dt{min-width:5.57vw; font-size: 1.29vw;} .com_sub1 .search_wrap.on{ padding:4.64vw 0;} .est_req_list_wrap{margin-top:6.43vw;} .est_req_list_wrap .tp_area p{font-size: 1.29vw;} .est_req_list_wrap .tp_area .sel_input{width: 8.93vw;} .est_req_list{margin-top:1.43vw;} .est_req_list li a{height: 7.86vw; border-radius: 1.43vw;} .est_req_list li a span{padding:0 0.71vw;} .est_req_list li + li{margin-top:0.71vw;} .est_req_list li.head{height: 7.14vw; border-radius: 1.43vw;} .est_req_list li.head em{font-size: 1.14vw;} .est_req_list li span{font-size: 1.29vw;} .est_req_list li span i{font-size: 1.14vw; width: 5.71vw; line-height: 2.86vw; border-radius: 0.36vw; margin-top:0.71vw;} /* 실시간견적제출 - 실시간견적현황 */ .com_sub1_view .time{ font-size: 1.57vw; top:2.86vw; right:3.57vw;} .com_sub1_view .time i{width: 1.71vw; height: 1.71vw; margin-right:0.36vw; margin-top:-0.21vw;} .com_sub1_view .stat{font-size: 1.00vw; padding:0.71vw 2.86vw; margin-top: 0.86vw;} .com_sub1_view .stat.select{color:#1AAA20; border-color:#1AAA20;} .step_view li .rt .check{font-size: 1.14vw; width: 5.71vw; line-height: 2.86vw; border-radius: 0.36vw;} .com_sub1_view .step_view li .rt strong{font-size: 1.50vw; margin-bottom:1.07vw;} .popup_wrap.com_sub1_view .popup_inner{width: 85.71vw;} .popup_wrap.com_sub1_view .step3_table_wrap{height:42.86vw;} /* 공지사항 - 리스트 */ .noti_wrap .noti_list{margin-top:5.71vw;} .noti_wrap .noti_list .all_check{margin-bottom:2.14vw;} .noti_wrap .noti_list .all_check .checkbox-label{font-size: 1.43vw; margin-left:0.71vw;} .noti_wrap .noti_list .result{font-size: 1.29vw; margin-bottom:1.07vw;} .noti_wrap .noti_list .result strong{font-size: 1.43vw;} .noti_wrap .noti_list ul{padding:0.71vw 0;} .noti_wrap .noti_list ul li a{padding:1.79vw 2.14vw; border-radius: 0.71vw;} .noti_wrap .noti_list ul li .title{font-size: 1.43vw; width:88%;} .noti_wrap .noti_list ul li a .date{font-size: 1.29vw;} .noti_wrap .no_result{padding:10.36vw 0; margin-top:5.71vw;} .noti_wrap .no_result i{width: 3.57vw; height: 3.57vw;} .noti_wrap .no_result p{font-size: 1.50vw; margin-top:2.14vw;} .noti_wrap .more_btn{margin-top:3.57vw;} .noti_wrap .more_btn button{font-size: 1.29vw; border-radius: 0.36vw; padding:1.07vw 3.57vw;} .adm_btn_wrap{margin-top:2.86vw;} .adm_btn_wrap a, .adm_btn_wrap button{font-size: 1.29vw; width: 11.43vw; line-height: 3.57vw; border-radius: 0.36vw;} .adm_btn_wrap a + a{margin-left:0.36vw;} /* 공지사항 - 뷰 */ .noti_view_tp .title{font-size: 2.14vw; margin-bottom:3.21vw;} .noti_view_tp .date{font-size: 1.43vw; margin-bottom:3.21vw;} .noti_view_cont{padding:4.29vw 0; min-height:35.71vw; font-size: 1.43vw;} .noti_view .list_btn{margin-top:3.21vw;} .noti_view .list_btn a{font-size: 1.29vw; border-radius: 0.36vw; padding:1.07vw 7.14vw;} /* 공지사항 - 글쓰기 */ .noti_write li + li{margin-top:2.14vw;} .noti_write li.flex{ gap:2.14vw;} .noti_write li dt{font-size: 1.29vw; margin-bottom:0.71vw;} .noti_write li .text_input{width: 35.71vw;} .noti_write li .sel_input{ width: 21.43vw;} .noti_write li textarea{height: 35.71vw; border-radius: 0.36vw; padding:1.43vw; font-size: 1.29vw;} .noti_write .filebox .upload-name{width: 37.86vw;} /* FAQ - 리스트 */ .faq_list.adm li{gap:1.43vw;} .faq_list.adm li .checkbox{margin-top:0.21vw;} .faq_list li{padding:1.79vw 2.14vw; border-radius: 0.71vw;} .faq_list li + li{margin-top:0.71vw;} .faq_tit .arrow{width: 1.29vw; height: 0.86vw;} .faq_cont{ font-size: 1.29vw; margin-top:2.14vw;} /* 이벤트 - 리스트 */ .event_list{gap:1.43vw 1.47%;} .event_list li{width:32.35%;} .event_list li .img{width:100%; height:26.86vw; border-radius:1.43vw;} .event_list li .txt{padding:2.14vw; border-radius: 1.43vw;} .event_list li .txt .event_tit{font-size: 1.43vw; background-size:1.79vw;} .event_list li .txt .event_cont{font-size: 1.14vw; margin-top:1.43vw;} .event_list li .txt .event_cont span{max-height:2.71vw;} .event_wrap .all_check{margin-bottom:2.14vw;} .event_wrap .all_check .checkbox-label{font-size: 1.43vw; margin-left:0.71vw;} .event_list.adm .img .checkbox{top:1.07vw; left:1.07vw;} } @media screen and (max-width:1280px) { /* 공통 */ .sub_title{margin-bottom:5.70vw;} .sub_title h2{font-size: 2.89vw;} .sub_title h2:after{width: 1.17vw; height: 1.17vw; right:-1.80vw;} /* 실시간 견적 받기 step1 */ .step_wrap{border-radius: 2.11vw; padding:6.41vw 9.30vw 7.11vw 9.30vw;} .step_proc{gap:3.59vw; margin-bottom:7.11vw;} .step_proc:before{width:38.59vw;} .step_proc li{font-size: 1.41vw; width: 7.11vw; height: 7.11vw;} .step_tit{padding-bottom:1.41vw;} .step_tit strong{font-size: 1.95vw;} .step_tit p{font-size: 1.41vw; margin-top:0.78vw;} .step_tit.bd_bt{margin-bottom:2.11vw;} .input_wrap li + li{margin-top:2.11vw;} .input_wrap li p.cau{font-size:1.25vw; margin-top:0.78vw;} .input_wrap .input_tit{font-size: 1.41vw; margin-bottom:0.70vw;} .input_wrap .input_tit .req{font-size: 1.25vw;} .text_input{width: 51.80vw; height: 3.59vw; line-height: 3.59vw; font-size: 1.33vw; padding:0 1.41vw;} .text_input.style1{width: 40.39vw !important;} .input_wrap .srh_btn{font-size: 1.41vw; width: 10.70vw; height: 3.59vw; line-height: 3.59vw; margin-left:0.70vw;} .input_wrap .check_wrap{margin-top:0.70vw;} input[type="checkbox"]{width: 1.41vw; height: 1.41vw; border-radius:0.39vw;} .checkbox-label{font-size: 1.33vw; margin-left:0.39vw;} .btn_wrap{margin-top:4.30vw;} .btn_wrap a{font-size: 1.33vw; height: 3.59vw; line-height: 3.59vw; width:10.70vw; border-radius:0.78vw;} .popup_inner{ border-radius: 4.69vw; width: 62.50vw; padding:7.81vw 3.13vw 6.25vw;} .pop_close{top:3.91vw; right:3.91vw; width:1.64vw;} .pop_tit{font-size: 1.95vw; margin-bottom:2.34vw;} .pop_desc{font-size:1.41vw; margin-top:1.17vw;} .pop_cont{max-height:26.17vw;} .pop_cont::-webkit-scrollbar {width: 0.39vw; /* 스크롤바의 너비 */} .pop_cont ul{padding-right:2.34vw;} .pop_cont ul .srh_none{padding:3.13vw 0; font-size:1.41vw;} .pop_cont ul .srh_none i{width: 4.30vw; height: 4.30vw; margin: 0 auto 0.78vw;} .pop_cont ul li{padding:1.02vw 2.34vw; border-radius: 1.56vw;} .pop_cont ul li + li{margin-top:0.78vw;} .pop_cont ul li p{font-size: 1.64vw;} .pop_cont ul li button{width: 9.38vw; height: 3.91vw; font-size: 1.41vw; border-radius:0.78vw;} /* 실시간 견적 받기 step2 */ .input_wrap li.half_width{width:47.4%;} .input_wrap li > div + div{margin-top:0.70vw;} .text_input.style2{width: 46.41vw !important;} .text_input.style3{width: 20.70vw !important;} .text_input.style4{width: 37.11vw !important;} .text_input.style5{width: 32.50vw !important;} .text_input + .text_input{margin-left:1.09vw;} .date_input{width: 32.50vw; height: 3.59vw; font-size: 1.33vw; padding:0 1.41vw;} input[type='date']{background-size: 1.33vw;} .sel_input{width: 32.50vw; height: 3.59vw; font-size: 1.33vw; padding:0 1.41vw;} select{background-size: 1.16vw;} /* 실시간 견적 받기 step3 */ .sub1_step3 .step_wrap{padding: 6.41vw 3.59vw 7.11vw 3.59vw;} .sub1_step3 .step_wrap > div + div{margin-top:5.00vw;} .step_wrap .contact{border-radius: 0.70vw; padding:2.11vw;} .step_wrap .contact .left{gap:2.11vw;} .step_wrap .contact .left .icon{width: 6.09vw; height: 6.09vw; background-size:2.89vw;} .step_wrap .contact .left dt{font-size: 1.80vw; margin-bottom:1.09vw;} .step_wrap .contact .left dd{font-size: 1.41vw;} .step_wrap .contact .right{width: 16.41vw; height: 3.59vw; line-height: 3.59vw; font-size: 1.33vw; border-radius: 0.70vw;} .step_view li .lt{font-size: 1.33vw; padding:1.41vw 1.80vw; width:35%;} .step_view li .rt{font-size: 1.33vw; padding:1.41vw 1.80vw; width:65%} .step_view li .est_num{font-size: 1.33vw; border-radius: 3.59vw; padding:0.70vw 2.11vw;} .step3_table th{font-size: 1.33vw; padding:1.41vw;} .step3_table td{ font-size: 1.33vw; padding:1.41vw;} .step3_table td input{width:7.81vw; height: 3.52vw; border-radius: 0.39vw;} .btn_wrap a + a{margin-left:0.39vw;} .btn_wrap .submit_btn{width: 14.61vw !important;} /* 실시간 견적 받기 step4 */ .sub1_step4 .step_wrap{padding: 6.41vw 3.59vw 7.11vw 3.59vw;} .step4_txt{ font-size: 1.80vw; margin-bottom:3.59vw;} .est_info{padding:2.03vw 0; border-radius: 1.41vw; margin-bottom:3.59vw;} .est_info dl{gap:3.20vw; font-size: 1.48vw;} .est_price{font-size: 1.80vw; margin-bottom:2.50vw;} .est_price strong{font-size: 2.11vw;} .est_price span{font-size: 1.33vw;} .est_list li{border-radius: 1.41vw; font-size: 1.33vw; padding:1.41vw 0;} .est_list li:first-child{font-size: 1.33vw;} .est_list li:last-child div:nth-of-type(2){padding-right:4.30vw; font-size: 1.80vw;} .est_list li + li{margin-top:0.70vw;} .est_list li div:nth-of-type(1){width:12%} .est_list li div:nth-of-type(2){width:22%} .est_list li div:nth-of-type(3){width:45%} .est_list li div:nth-of-type(4){width:31%; padding-right:4.30vw;} .est_list li span{font-size: 1.17vw; width: 5.70vw; height: 2.89vw; line-height: 2.89vw; border-radius: 0.39vw;} .step_wrap .req_wrap{margin-top:5.00vw;} .req_list{border-radius: 1.41vw; padding:2.11vw;} .req_list li + li{margin-top:1.80vw;} .req_list li.all{padding-bottom:1.41vw;} .req_list li .checkbox-label{font-size: 1.33vw;} .req_list li.all .checkbox-label{font-size: 1.41vw;} .step_wrap .req_wrap .cau{font-size: 1.33vw; margin-top:1.41vw;} .step_wrap .time_set{gap:2.11vw; margin-top:2.11vw;} .step_wrap .time_set p{font-size: 1.48vw;} .step_wrap .time_set .sel_input{width: 10.70vw;} .btn_wrap .submit_btn2{width: 17.89vw !important; height: 3.91vw; line-height: 3.91vw;} .sub1_step4 .btn_wrap p{ font-size: 1.56vw; margin-top:2.89vw;} .select {width: 10.70vw; line-height: 3.59vw; border-radius: 0.39vw; font-size: 1.33vw;} .select .selected {padding:0 1.41vw;} .select .selected .selected-value {max-width: 9.30vw;} .select .selected .arrow{width:1vw;} .select ul li {padding: 0.55vw 1.21vw; margin:0 0.23vw;} .select ul li:hover{border-radius: 0.39vw;} /* 실시간 견적 받기 완료 */ .com_wrap img{width: 4.69vw;} .com_wrap p{font-size: 1.95vw; margin-top:1.56vw;} /* 실시간 견적 현황 - 상세보기 */ .status_wrap2{border-radius: 1.41vw; padding:2.11vw 3.59vw;} .status_wrap2.tp{gap:2.11vw; margin-bottom:1.41vw;} .status_wrap2.tp .icon{width: 6.09vw; height: 6.09vw; background-size:2.11vw;} .status_wrap2.tp .txt strong{font-size: 1.48vw; margin-bottom:1.09vw;} .status_wrap2.tp .txt .bt_area{gap:2.11vw;} .status_wrap2.tp .txt dl{gap:1.09vw; font-size: 1.33vw;} .status_wrap2.bt{padding:3.59vw 3.59vw 6.09vw;} .step_view.status a.down{font-size: 1.17vw; padding:0.70vw 1.41vw; margin-left:1.41vw;} .status_wrap2.bt .btn_wrap{margin-top:3.59vw;} /* 실시간 견적 현황 - 최저 견적 보기 */ .closing_time{gap:2.89vw; width: 52.50vw; height: 6.09vw; border-radius: 3.59vw;} .closing_time span{font-size: 1.48vw;} .closing_time span i{width: 1.56vw; height: 1.41vw; margin-right:0.70vw;} .closing_time strong{font-size: 2.50vw;} .status_cont{margin-top:5.70vw;} .status_cont .lt_nav{width: 23.59vw; top:10.70vw;} .status_cont .lt_nav h3{font-size: 2.27vw; margin-bottom:3.59vw;} .status_cont .lt_nav .build_info li{height: 6.25vw; padding:0 2.11vw; border-radius: 0.70vw;} .status_cont .lt_nav .build_info li + li{margin-top:1.09vw;} .status_cont .lt_nav .build_info li strong{font-size: 1.56vw;} .status_cont .lt_nav .build_info li span{font-size: 1.56vw; margin-top:0.39vw;} .status_cont .rt_com{width:70%; margin-left:2.97vw;} .status_cont .rt_com .cau{font-size: 1.33vw; margin-bottom:1.80vw;} .status_cont .rt_com_list li{padding:1.41vw 3.91vw; border-radius: 1.41vw;} .status_cont .rt_com_list li.first{ box-shadow: 0.31vw 0.31vw 1.41vw 0 rgba(0, 104, 183, 0.10);} .status_cont .rt_com_list li + li{margin-top:1.41vw;} .status_cont .rt_com_list li .num{width: 3.83vw; font-size: 1.56vw; margin-right:2.89vw;} .status_cont .rt_com_list li .com{width:70%;} .status_cont .rt_com_list li .com img{width: 6.09vw; margin-right:2.11vw;} .status_cont .rt_com_list li .com span{font-size: 1.48vw;} .status_cont .rt_com_list li .price{font-size: 1.56vw;} .status_cont .rt_com_list li .btn{width:15%;} .status_cont .rt_com_list li .btn button{width: 5.70vw; line-height: 3.13vw; border-radius: 0.39vw; font-size: 1.17vw;} .status_cont .rt_com_list li .btn button + button{margin-top:0.5vw;} .status_cont .rt_com_list li.on .com{width:55%;} .status_cont .rt_com_list li.on .price{width:20%;} .status_cont .rt_com_list li.on .btn{width:15%;} .status_cont .rt_com_list li .btn .result_btn{line-height: 6.71vw;} .status_cont .rt_com_list li.onn{padding-right: 9.61vw;} .status_cont .rt_com_list li.onn:after{width:4.68vw; height:6.8 6vw; right:2.7vw;} .status_cont .rt_com_list li.onn .btn{width:25%; gap: 0.47vw; } .status_cont .rt_com_list li.onn .btn div{width:5.70vw;} .status_cont .rt_com_list li.onn .com{width:41%;} .status_cont .rt_com_list li.onn .price{width:21%;} .status_cont .rt_com_list li.onn .btn{width:28%;} .status_cont .rt_com .status_btn_wrap{margin-top:2.11vw;} .status_cont .rt_com button{width: 7.50vw; line-height: 3.59vw; font-size: 1.33vw; border-radius: 0.70vw;} /* 점검업체 선택 팝업 */ .status2-1 .popup_wrap.pop2 .popup_inner{width: 78.59vw; padding:5.70vw 6.09vw;} .popup_wrap.pop2 .pop_tp{ align-items:center; gap:3.20vw; margin-bottom:3.59vw;} .popup_wrap.pop2 .pop_tp .img{width:8.59vw;} .popup_wrap.pop2 .pop_tp .txt strong{font-size: 1.80vw;} .popup_wrap.pop2 .pop_tp .txt p{font-size: 1.33vw; margin-top:1.41vw;} .pop_rev_cont .tp_area{margin-bottom:1.80vw;} .pop_rev_cont .tp_area .left span{font-size: 1.33vw;} .pop_rev_cont .tp_area .left span strong{font-size: 1.56vw;} .pop_rev_cont .tp_area .left span + span{margin-left:1.09vw;} .pop_rev_cont .tp_area .right i{width: 1.80vw; height:1.72vw; margin-right:1.09vw;} .pop_rev_cont .tp_area .right strong{font-size: 3.59vw;} .pop_rev_cont .bt_area{max-height: 17.89vw; padding-right:2.50vw;} .pop_rev_cont .review_wrap{border-radius: 0.70vw; padding:0 2.89vw;} .pop_rev_cont .review_wrap + .review_wrap {margin-top:2.11vw;} .pop_rev_cont .review_wrap li{font-size: 1.41vw; padding:2.11vw 0;} .pop_rev_cont .review_wrap li.star{padding: 1.41vw 0;} .pop_rev_cont .review_wrap li.star dl{gap:1.41vw; padding:0.39vw 0;} .pop_rev_cont .review_wrap li.star dt{font-size: 1.33vw;} .pop_rev_cont .review_wrap li.star dl:nth-of-type(2) dt{min-width: 4.45vw;} .pop_rev_cont .review_wrap li.star dd i{width: 1.41vw; height:1.41vw;} .pop_rev_cont .review_wrap li.star dd i + i{margin-left:0.23vw;} .pop_rev_cont .review_wrap li.eval dl + dl{margin-top:2.11vw;} .pop_rev_cont .review_wrap li.eval dt{width:28%; font-size: 1.33vw;} .pop_rev_cont .review_wrap li.eval dd{width:72%; font-size: 1.33vw;} .pop_rev_cont .sel_wrap{border-radius: 0.70vw; padding:2.11vw 2.89vw; margin-top:2.11vw;} .pop_rev_cont .sel_wrap .txt strong{font-size: 1.80vw;} .pop_rev_cont .sel_wrap .txt p{font-size: 1.33vw; margin-top:1.41vw;} .pop_rev_cont .sel_wrap .sel_btn{font-size: 1.33vw; border-radius: 0.39vw; width: 10.00vw; line-height: 7.89vw;} .popup_wrap.pop4 .pop_tit p, .popup_wrap.pop5 .pop_tit p{margin-top:1.56vw;} .popup_wrap.pop4 .com_info{width: 39.06vw; padding:2.34vw 3.91vw; margin:2.34vw auto 0;} .popup_wrap.pop4 .com_info dl{font-size: 1.41vw; gap:3.91vw;} .popup_wrap.pop4 .com_info dl + dl{margin-top:1.56vw;} .popup_wrap.pop4 .pop_btn_wrap .submit_btn, .popup_wrap.pop5 .pop_btn_wrap .submit_btn{width: 17.97vw; font-size:1.41vw; line-height: 3.91vw;} /* 입점업체-리스트 */ .store_list_area{width:70%} .store_list_area .store_tabnav li + li{margin-left:1.41vw;} .store_list_area .store_tabnav li a{font-size: 1.33vw;} .store_list_area .store_tp .regi_btn{ font-size: 1.33vw; border-radius: 0.70vw; padding:0.70vw 1.41vw;} .store_tabcontent{ min-height: 43.48vw;} .store_list{gap:1.41vw 0; margin-top:2.11vw;} .store_list li{width:49%; border-radius: 1.41vw;} .store_list li a{padding:2.11vw 1.89vw;} .store_list li .txt em{ font-size: 1.17vw; margin-bottom:0.39vw;} .store_list li .txt .name{font-size: 1.48vw; margin-bottom:1.80vw;} .store_list li .txt .bt span{font-size: 1.33vw;} .store_list li .txt .bt span + span{margin-left:0.70vw;} .store_list li .txt .bt span i{width: 1.41vw; height:1.41vw; margin-top: -0.39vw; margin-right:0.39vw;} .store_list li .img{width:7.09vw;} .store_list li.nodata{padding:3.13vw 1.17vw; font-size:1.41vw;} .store_list li.nodata i{width:3.91vw; height:3.91vw; margin:0 auto 0.78vw;} .banner_area{width:28.7%} .banner_area .banner2{margin-top:1.41vw;} .list_pager_wrap{gap:1.41vw;margin-top:3.59vw;} .list_pager_wrap .list_pager{gap:1.41vw;} .list_pager_wrap .list_pager li a{font-size: 1.33vw;} .list_pager_wrap > a{width: 0.55vw; height: 0.86vw;} /* 입점업체-상세보기 */ .store_view li{border-radius: 1.41vw; padding:2.50vw 2.89vw;} .store_view li + li{margin-top:2.11vw;} .store_view li.info em{font-size: 1.17vw; margin-bottom:0.39vw;} .store_view li.info .name{font-size: 1.48vw; margin-bottom:1.80vw;} .store_view li.info .bt span{font-size: 1.33vw;} .store_view li.info .bt span + span{margin-left:0.70vw;} .store_view li.info .bt span i{width: 1.41vw; height:1.41vw; margin-top: -0.39vw; margin-right:0.39vw;} .store_view li.info .img{width:6.09vw;} .store_view li .v_title{font-size: 1.41vw; padding-bottom:2.11vw;} .store_view li.intro .cont{font-size: 1.33vw; padding:2.11vw 0 4.30vw;} .store_view li.review .star{padding: 2.11vw 0 4.30vw; gap:3.59vw;} .store_view li.review .star dl{gap:2.50vw; padding:0.39vw 0;} .store_view li.review .star dt{font-size: 1.33vw;} .store_view li.review .star dd i{width: 1.41vw; height:1.41vw;} .store_view li.review .star dd i + i{margin-left:0.23vw;} .store_view li.review .eval{padding-top:2.11vw;} .store_view li.review .eval dl + dl{margin-top:2.11vw;} .store_view li.review .eval dt{width:17%; font-size: 1.33vw;} .store_view li.review .eval dd{width:83%; font-size: 1.33vw;} /* 입점업체-신청하기 */ .store2 .step_tit.bd_bt{margin-bottom:1.09vw;} .store2 .input_wrap{justify-content:flex-start;} .store2 .input_wrap li{padding:1.09vw 0;} .store2 .input_wrap li.half_width{width:48.1%;} .input_wrap li span.mail{font-size: 1.48vw; margin:0 0.70vw;} .sel_input.style1{width:30.70vw;} .sel_input.style2{width:20.40vw;} .sel_input.style2{margin-left:0.39vw;} .input_wrap textarea{border-radius: 0.39vw; width: 65.86vw; height: 10.70vw; font-size:1.33vw; padding:1.41vw;} /* 마이페이지 - 메인 */ .my_cont .lt_nav{border-radius: 2.11vw; width: 24.97vw; padding:4.30vw 2.19vw 7.11vw; top:7.81vw;} .my_cont .lt_nav .profile{margin-bottom:2.50vw; gap:2.11vw;} .my_cont .lt_nav .profile .img{width: 5.70vw;} .my_cont .lt_nav .profile .txt span{ font-size: 1.48vw; margin-bottom:0.70vw;} .my_cont .lt_nav .profile .txt span strong{font-size: 2.11vw;} .my_cont .lt_nav .profile .txt em{ font-size: 0.94vw; padding: 0.47vw 1.33vw;} .my_cont .lt_nav .point{font-size: 1.33vw; gap:0.78vw;} .my_cont .lt_nav .point strong{font-size: 1.80vw;} .my_cont .lt_nav .point em{font-size: 1.02vw; margin-left:0.39vw;} .my_cont .lt_nav .point button{margin-top:0.63vw;} .my_cont .lt_nav .point button a {font-size: 0.94vw; padding: 0.63vw 3.13vw;} .my_cont .lt_nav .nav_list{margin-top:4.61vw;} .my_cont .lt_nav .nav_list li{border-radius: 0.70vw;} .my_cont .lt_nav .nav_list li + li{margin-top:0.70vw;} .my_cont .lt_nav .nav_list li a{font-size: 1.48vw; padding:1.09vw 2.11vw;} .my_cont .rt_cont{ width:calc(100% - 27.94vw); margin-left:2.58vw;} .my_cont .rt_cont .tp_stat {margin-bottom:3.59vw; top:7.81vw;} .my_cont .rt_cont .tp_stat li{width:33.33%; } .my_cont .rt_cont .tp_stat li a {padding:2.89vw 0;} .my_cont .rt_cont .tp_stat li i{width: 2.11vw; height: 2.11vw;} .my_cont .rt_cont .tp_stat li:nth-child(1){border-radius:2.11vw 0 0 2.11vw;} .my_cont .rt_cont .tp_stat li:nth-child(3){border-radius:0 2.11vw 2.11vw 0;} .my_cont .rt_cont .tp_stat li p{font-size: 1.41vw; margin:0.47vw 0;} .my_cont .rt_cont .tp_stat li strong{font-size: 2.89vw;} .my_cont .rt_cont .par_stat{border-radius: 2.11vw; padding:3.59vw;} .my_cont .rt_cont .par_stat .title{margin-bottom:1.80vw;} .my_cont .rt_cont .par_stat .title strong{font-size: 1.80vw;} .my_cont .rt_cont .par_stat .title .all_view{font-size: 1.17vw;} .my_cont .rt_cont .par_stat .title .all_view i{width:1.41vw; height:1.41vw; margin-top:-0.31vw;} .my_cont .rt_cont .par_stat_list li{padding:2.11vw 2.50vw; border-radius: 1.41vw; gap:2.11vw;} .my_cont .rt_cont .par_stat_list li + li{margin-top:2.11vw;} .my_cont .rt_cont .par_stat_list li .icon{width: 6.09vw; height: 6.09vw; background-size: 2.11vw;} .my_cont .rt_cont .par_stat_list li .txt {width: calc(100% - 8.59vw); margin-left: 2.34vw;} .my_cont .rt_cont .par_stat_list li .txt > strong{ font-size: 1.48vw; margin-bottom:1.09vw;} .my_cont .rt_cont .par_stat_list li .txt .info{margin-bottom:1.09vw;} .my_cont .rt_cont .par_stat_list li .txt .info span{font-size: 1.33vw; margin-right:1.80vw;} /* .my_cont .rt_cont .par_stat_list li .txt .info span:last-of-type{margin-top:0.47vw;} */ .my_cont .rt_cont .par_stat_list li .txt .info strong{ margin-right:0.94vw;} .my_cont .rt_cont .par_stat_list li .txt .rank{font-size: 1.02vw; padding:0.47vw 1.09vw;} .my_cont .rt_cont .par_stat .pay_com{padding:5.86vw 0 3.52vw;} .my_cont .rt_cont .par_stat .pay_com .icon img{width: 4.69vw;} .my_cont .rt_cont .par_stat .pay_com_tit{font-size: 1.95vw; margin:1.56vw 0;} .my_cont .rt_cont .par_stat .pay_com p{font-size: 1.56vw;} .my_cont .rt_cont .par_stat .pay_com .box{margin:3.13vw auto 3.52vw; border-radius: 1.56vw; width: 43.36vw; padding:2.50vw 0; font-size: 1.56vw;} .my_cont .rt_cont .par_stat .pay_com .box strong{margin-right:1.17vw;} .my_cont .rt_cont .par_stat .pay_com .pay_submit{font-size: 1.41vw; width: 27.34vw; line-height: 3.91vw; border-radius: 0.39vw;} /* 회원가입 1 */ .join_wrap .join_tit{margin-bottom: 3.52vw;} .join_wrap .join_tit em{font-size: 1.25vw;} .join_wrap .join_tit h3{font-size: 2.73vw; margin-top: 0.78vw;} .join .step_proc:before{width:27.89vw;} .join_tit2{font-size: 1.80vw; padding-bottom:1.41vw; margin-bottom:2.11vw;} .join .text_input{width:25.00vw;} .join .input_wrap li.half_width{width:40%;} .join .input_wrap .desc{font-size: 1.17vw; margin-top:0.70vw;} .join .btn_wrap a{font-size:1.41vw; height: 3.59vw; line-height: 3.59vw; width: 10.7vw;} .join .btn_wrap button{font-size:1.41vw; height: 3.59vw; line-height: 3.59vw; width: 10.7vw;} .join .login_wrap2{margin-top:5.00vw;} .join .login_wrap2 dt{font-size: 1.41vw; margin-bottom:1.09vw;} .join .login_wrap2 dt a{margin-left:0.39vw;} .join .login_wrap2 dd{font-size: 1.33vw; padding-left:1.09vw;} .join .login_wrap2 dd:before{font-size:1.33vw; top:0.16vw;} /* 회원가입 2 */ .join_wrap{padding: 7.03vw 6.25vw;} .join .input_wrap li.half_width.phone{width:50%} .join .input_wrap li button.phone{width:9.30vw;} .join .input_wrap .text_input + .text_input{margin-left:0.55vw;} .join .req_list{width:65.86vw; margin-top:4.30vw; border-radius: 0.70vw;} .join .req_list li + li{margin-top:1.09vw;} .join .req_list .view_btn{font-size: 1.17vw; padding: 0.47vw 1.41vw; border-radius: 0.39vw; margin-left:1.41vw;} .popup_wrap.serv .popup_inner{width:85.94vw; padding:7.03vw 4.30vw;} .popup_wrap.serv .serv_tit{font-size: 1.95vw; margin-bottom:2.34vw;} .popup_wrap.serv .serv_cont{height:39.06vw;} .popup_wrap.serv .serv_cont2 p{font-size: 1.41vw; margin-bottom:1.56vw;} .popup_wrap.serv .serv_cont2 ul li{font-size: 1.41vw;} /* 회원가입 3 */ .join3 .input_wrap li.half_width{width:50%;} .filebox .upload-name {height: 3.59vw; padding: 0 1.41vw; width: 25.00vw; font-size: 1.33vw; border-radius: 0.39vw;} .filebox .file_delete{font-size: 1.26vw; padding:0.47vw 1.09vw; margin-top:0.70vw;} .filebox .file_delete i{width: 1.9vw; height: 1.9vw; margin-right:0.23vw;} .filebox label {width: 10.00vw; height: 3.59vw; margin-left: 0.70vw; line-height: 3.59vw; font-size:1.26vw; border-radius: 0.39vw;} .login.join3 .desc{margin-top:1.95vw; font-size:1.25vw;} /* 실시간견적제출 - 견적신청 리스트 */ .tp_search .search {width: 52.50vw;} .tp_search .srh_txt{width:52.50vw; height: 3.91vw; font-size: 1.48vw; padding: 0 2.11vw; border-radius: 0.70vw;} .tp_search .srh_btn{right:2.11vw; width: 1.72vw; height: 1.72vw;} .tp_search .detail_srh button{font-size: 1.33vw; border-radius: 0.70vw; width: 8.59vw; line-height: 3.91vw; margin-left:0.70vw;} .det_srh_wrap{width: 61.80vw; border-radius: 1.41vw; box-shadow: 0.00vw 0.31vw 1.41vw 0.00vw rgba(0, 104, 183, 0.10); padding:3.59vw 6.80vw; margin:0.70vw auto 0;} .det_srh_wrap .close_btn{width: 1.09vw; height: 1.09vw; top:2.11vw; right:2.11vw;} .det_srh_wrap .srh_list li + li{margin-top:1.41vw;} .det_srh_wrap .srh_list li .select{width: 20.14vw;} .det_srh_wrap .srh_list li .select + .select{margin-left:0.31vw;} .det_srh_wrap .srh_list li.half_width{width:44.5%;} .det_srh_wrap .srh_list li.half_width .select{width: 14.30vw;} .det_srh_wrap .srh_list li dl{gap:1.41vw;} .det_srh_wrap .srh_list li dt{min-width:5.55vw; font-size: 1.33vw;} .com_sub1 .search_wrap.on{padding:4.61vw 0;} .est_req_list_wrap{margin-top:6.41vw;} .est_req_list_wrap .tp_area p{font-size: 1.33vw;} .est_req_list_wrap .tp_area .sel_input{width: 8.91vw;} .est_req_list{margin-top:1.41vw;} .est_req_list li a{height: 7.89vw; border-radius: 1.41vw;} .est_req_list li a span{padding:0 0.78vw;} .est_req_list li + li{margin-top:0.70vw;} .est_req_list li.head{height: 7.11vw; border-radius: 1.41vw} .est_req_list li.head em{font-size: 1.17vw; } .est_req_list li span{font-size: 1.33vw;} .est_req_list li span:nth-of-type(1){width:18%;} .est_req_list li span:nth-of-type(2){width:18%;} .est_req_list li span:nth-of-type(3){width:14%;} .est_req_list li span:nth-of-type(4){width:14%;} .est_req_list li span:nth-of-type(5){width:16%;} .est_req_list li span:nth-of-type(6){width:20%;} .est_req_list li span i{font-size: 1.17vw; width: 5.70vw; line-height: 2.89vw; border-radius: 0.39vw; margin-top:0.70vw;} /* 실시간견적제출 - 실시간견적현황 */ .com_sub1_view .time{ font-size: 1.56vw; top:1.89vw; right:3.59vw;} .com_sub1_view .time i{width: 1.72vw; height: 1.72vw; margin-right:0.39vw; margin-top:-0.23vw;} .com_sub1_view .stat{font-size: 1.02vw; padding:0.70vw 2.89vw; margin-top: 0.86vw;} .step_view li .rt .check{font-size: 1.25vw; width: 6.25vw; line-height: 3.13vw; border-radius: 0.39vw;} .com_sub1_view .step_view li .rt strong{font-size: 1.48vw; margin-bottom:1.09vw;} .popup_wrap.com_sub1_view .popup_inner{width: 93.75vw;} .popup_wrap.com_sub1_view .step3_table_wrap{height:46.88vw;} /* 공지사항 - 리스트 */ .noti_wrap .noti_list{margin-top:5.70vw;} .noti_wrap .noti_list .all_check{margin-bottom:2.34vw;} .noti_wrap .noti_list .all_check .checkbox-label{font-size: 1.56vw; margin-left:0.78vw;} .noti_wrap .noti_list .result{font-size: 1.41vw; margin-bottom:1.17vw;} .noti_wrap .noti_list .result strong{font-size: 1.56vw;} .noti_wrap .noti_list ul{padding:0.70vw 0;} .noti_wrap .noti_list ul li a{padding:1.80vw 2.11vw; border-radius: 0.70vw;} .noti_wrap .noti_list ul li .title{font-size: 1.41vw; width:88%;} .noti_wrap .noti_list ul li a .date{font-size: 1.33vw;} .noti_wrap .no_result{padding:10.39vw 0; margin-top:5.70vw;} .noti_wrap .no_result i{width: 3.59vw; height: 3.59vw;} .noti_wrap .no_result p{font-size: 1.48vw; margin-top:2.11vw;} .noti_wrap .more_btn{margin-top:3.59vw;} .noti_wrap .more_btn button{font-size: 1.33vw; border-radius: 0.39vw; padding:1.09vw 3.59vw;} .adm_btn_wrap{margin-top:2.89vw;} .adm_btn_wrap a, .adm_btn_wrap button{font-size: 1.33vw; width: 11.41vw; line-height: 3.59vw; border-radius: 0.39vw;} .adm_btn_wrap a + a{margin-left:0.39vw;} /* 공지사항 - 뷰 */ .noti_view_tp .title{font-size: 2.11vw; margin-bottom:3.20vw;} .noti_view_tp .date{font-size: 1.41vw; margin-bottom:3.20vw;} .noti_view_cont{padding:4.30vw 0; min-height:35.70vw; font-size: 1.41vw;} .noti_view .list_btn{margin-top:3.20vw;} .noti_view .list_btn a{font-size: 1.33vw; border-radius: 0.39vw; padding:1.09vw 7.11vw;} /* 공지사항 - 글쓰기 */ .noti_write li + li{margin-top:2.34vw;} .noti_write li.flex{ gap:2.34vw;} .noti_write li dt{font-size: 1.41vw; margin-bottom:0.78vw;} .noti_write li .text_input{width: 39.06vw;} .noti_write li .sel_input{ width: 23.44vw;} .noti_write li textarea{height: 39.06vw; border-radius: 0.39vw; padding:1.56vw; font-size: 1.41vw;} .noti_write .filebox .upload-name{width: 41.41vw;} /* FAQ - 리스트 */ .faq_list.adm li{gap:1.56vw;} .faq_list.adm li .checkbox{margin-top:0.23vw;} .faq_list li{padding:1.80vw 2.11vw; border-radius: 0.70vw;} .faq_list li + li{margin-top:0.70vw;} .faq_tit .arrow{width: 1.33vw; height: 0.86vw;} .faq_cont{ font-size: 1.33vw; margin-top:2.11vw;} /* 이벤트 - 리스트 */ .event_list{gap:1.41vw 1.47%;} .event_list li{width:32.35%;} .event_list li .img{width:100%; height:26.89vw; border-radius:1.41vw;} .event_list li .txt{padding:2.11vw; border-radius: 1.41vw;} .event_list li .txt .event_tit{font-size: 1.41vw; background-size:1.80vw;} .event_list li .txt .event_cont{font-size: 1.17vw; margin-top:1.41vw;} .event_list li .txt .event_cont span{max-height:3vw;} .event_wrap .all_check{margin-bottom:2.34vw;} .event_wrap .all_check .checkbox-label{font-size: 1.56vw; margin-left:0.78vw;} .event_list.adm .img .checkbox{top:1.17vw; left:1.17vw;} } @media screen and (max-width:768px) { /* 공통 */ .sub_title{margin-bottom:7.73vw;} .sub_title h2{font-size: 5.21vw;} .sub_title h2:after{width: 1.95vw; height: 1.95vw; right:-3.12vw;} /* 실시간 견적 받기 step1 */ .step_wrap{border-radius: 3.91vw; padding:10.42vw 4.95vw 9.11vw 4.95vw;} .step_proc{gap:6.51vw; margin-bottom:10.42vw;} .step_proc:before{width:95%;} .step_proc li{font-size: 3.13vw; width: 14.83vw; height: 14.83vw;} .step_tit{padding-bottom:3.91vw;} .step_tit strong{font-size: 3.85vw;} .step_tit p{font-size: 3.13vw; margin-top:1.30vw;} .step_tit.bd_bt{margin-bottom:5.21vw;} .input_wrap li + li{margin-top:5.21vw;} .input_wrap li p.cau{font-size:2.86vw; margin-top:1.80vw;} .input_wrap .input_tit{font-size: 3.13vw; margin-bottom: 2.60vw;} .input_wrap .input_tit .req{font-size: 2.60vw;} .text_input{width: 100%; height: 9.11vw; line-height: 9.11vw; font-size: 3.13vw; padding:0 2.43vw; border-radius:0.65vw;} .text_input.style1{width: 74% !important;} .input_wrap .srh_btn{font-size: 2.86vw; width: 24%; height: 9.11vw; line-height: 9.11vw; margin-left:1%; border-radius:0.78vw;} .input_wrap .check_wrap{margin-top:2.60vw;} input[type="checkbox"]{width: 3.26vw; height: 3.26vw; border-radius:0.65vw;} .checkbox-label{font-size: 2.86vw; margin-left:1.15vw;} .btn_wrap{margin-top:6.51vw;} .btn_wrap a{font-size: 3.13vw; width: 27.34vw; height: 9.11vw; line-height: 9.11vw; border-radius:1.18vw;} .btn_wrap button{font-size: 3.13vw; width: 27.34vw; height: 9.11vw; line-height: 9.11vw; border-radius:1.18vw;} .popup_inner{border-radius: 4.69vw; width: 90%; padding:11.81vw 4.13vw 9.25vw;} .pop_close{top:5.91vw; right:5.91vw; width:3.69vw;} .pop_tit{font-size: 3.95vw; margin-bottom:3.34vw;} .pop_desc{font-size:3.13vw; margin-top:1.95vw;} .pop_cont{max-height:57.17vw;} .pop_cont::-webkit-scrollbar {width: 0.65vw; /* 스크롤바의 너비 */} .pop_cont ul{padding-right:2.34vw;} .pop_cont ul .srh_none{padding:5.21vw 0; font-size:3.13vw;} .pop_cont ul .srh_none i{width: 7.16vw; height: 7.16vw; margin: 0 auto 1.30vw;} .pop_cont ul li{padding:2.04vw 3.34vw; border-radius: 2.56vw;} .pop_cont ul li + li{margin-top:2.28vw;} .pop_cont ul li p{font-size: 3.13vw; width: 72%;} .pop_cont ul li button{width: 14.38vw; height: 7.91vw; font-size: 2.86vw; border-radius:1.38vw;} /* 실시간 견적 받기 step2 */ .input_wrap li{width:100%;} .input_wrap li.half_width{width:100%;} .input_wrap li > div + div{margin-top:2vw;} .text_input.style2{width: 100% !important;} .text_input.style3{width: 74% !important;} .text_input.style4{width: 100% !important;} .text_input.style5{width: 100% !important;} .text_input + .text_input{margin-left:0; margin-top:2vw;} .date_input{width: 100%; height: 7.91vw; font-size: 3.13vw; padding:0 2.34vw;} input[type='date']{background-size: 3.21vw; background-position:96%} .sel_input{width: 100%; height: 9.11vw; font-size: 3.13vw; padding:0 2.34vw;} select{background-size: 3.0vw;} /* 실시간 견적 받기 step3 */ .sub1_step3 .step_wrap{padding: 10.68vw 5.99vw 11.85vw 5.99vw;} .sub1_step3 .step_wrap > div + div{margin-top:8.33vw;} .step_wrap .contact{border-radius: 2.17vw; padding:4.52vw 5.52vw; flex-direction: column; align-items: flex-start;} .step_wrap .contact .left{gap:3.52vw;} .step_wrap .contact .left .icon{width: 13.16vw; height: 13.16vw; background-size:6.82vw;} .step_wrap .contact .left dt{font-size: 3.65vw; margin-bottom:1.82vw;} .step_wrap .contact .left dd{font-size: 3.13vw;} .step_wrap .contact .right{width: 33.34vw; height: 7.99vw; line-height: 7.99vw; font-size: 3.13vw; border-radius: 1.17vw; margin: 2vw 0 0 17vw;} .step_view li{width:100%;} .step_view li .lt{font-size: 3.13vw; padding:3.34vw 2.99vw; width:35%;} .step_view li .rt{font-size: 3.13vw; padding:3.34vw 2.99vw; width:65%} .step_view li .est_num{font-size: 3.13vw; border-radius: 5.99vw; padding:1.17vw 5.52vw;} .sub1_step3 .step_tit{padding-bottom: 2.91vw;} .step_view_wrap .step_tit_mob{display:block; font-size:3.45vw; font-weight: 500; color: #555; padding-bottom: 3.91vw;} .step_view_wrap .step_tit_mob i{display:inline-block; vertical-align:middle; width: 5.21vw; height: 5.21vw; background:url("/images/sub/swipe_ic1.svg") no-repeat center / 100%; margin-right:2vw;} .step3_table_wrap{width:100%; overflow-x:scroll; position:relative;} .step3_table_wrap .swipe_ic{display:none; width: 23.44vw; height: 23.96vw; background:url("/images/sub/swipe_ic2.svg") no-repeat center / 100%; position:absolute; top:65.10vw; left:50%; transform:translateX(-50%);} .step3_table_wrap .swipe_ic.on{display:block;} .step3_table{width:160vw;} .step3_table th{font-size: 2.96vw; padding:2.34vw;} .step3_table td{ font-size: 2.96vw; padding:2.34vw;} .step3_table td input{width:14.02vw; height: 6.6vw; border-radius: 0.65vw;} .btn_wrap a + a{margin-left:0.65vw;} .btn_wrap .submit_btn{width: 34.35vw !important;} /* 실시간 견적 받기 step4 */ .sub1_step4 .step_wrap{padding: 6.38vw 3.65vw 7.16vw 3.65vw;} .step4_txt{ font-size: 3.65vw; margin-bottom:5.65vw;} .est_info{padding:4vw 2.8vw; border-radius: 2.43vw; margin-bottom:5.65vw; gap: 2vw 0; flex-wrap: wrap;} .est_info dl{gap:2.26vw; font-size: 2.86vw;} .est_price{font-size: 3.13vw; margin-bottom:6.47vw;} .est_price strong{font-size: 3.75vw;} .est_price span{font-size: 2.86vw;} .est_list li{border-radius: 2.43vw; font-size: 3.13vw; padding:3.43vw 0; flex-wrap:wrap;} .est_list li:first-child{display:none;} .est_list li:last-child div{margin-bottom:0 !important;} .est_list li:last-child div:nth-of-type(1){padding-left:4.30vw;} .est_list li:last-child div:nth-of-type(2){padding-right:4.30vw; font-size: 3.82vw;} .est_list li + li{margin-top:1.25vw;} .est_list li div{text-align:left;} .est_list li div:nth-of-type(1){width:13%; text-align:center; margin-bottom:2vw;} .est_list li div:nth-of-type(2){width:87%; margin-bottom:2vw;} .est_list li div:nth-of-type(3){width:auto; padding-left:10.5vw;} .est_list li div:nth-of-type(4){width:61%; padding-right:4.30vw;} .est_list li span{font-size: 3.13vw; width: 13.73vw; height: 6.86vw; line-height: 6.86vw; border-radius: 1.19vw;} .step_wrap .req_wrap{margin-top:9.95vw;} .req_list{border-radius: 2.43vw; padding:5.08vw;} .req_list li + li{margin-top:3.82vw;} .req_list li.all{padding-bottom:3.43vw;} .req_list li .checkbox-label{font-size: 3.13vw;} .req_list li.all .checkbox-label{font-size: 3.36vw;} .step_wrap .req_wrap .cau{font-size: 2.86vw; margin-top:2.43vw;} .step_wrap .time_set{gap:3.08vw; margin-top:6.08vw;} .step_wrap .time_set p{font-size: 3.43vw;} .step_wrap .time_set .sel_input{width: 23.68vw;} .btn_wrap .submit_btn2{width: 37.84vw !important; height: 9.91vw; line-height: 9.91vw;} .sub1_step4 .btn_wrap p{ font-size: 3.43vw; margin-top:5.86vw;} .select {width: 22.68vw; line-height: 6.65vw; border-radius: 1.19vw; font-size: 2.86vw;} .select .selected {padding:0 2.93vw;} .select .selected .selected-value {max-width: 15.24vw;} .select .selected .arrow{width:2.04vw;} .select.active{border-radius: 1.19vw 1.19vw 0 0;} .select.active ul{border-radius: 0 0 1.19vw 1.19vw;} .select ul li {padding: 1vw 2.43vw; margin: 0 auto; width: 98% !important; border-radius: 1.9vw;} .select ul li:hover{border-radius: 0.39vw;} /* 실시간 견적 받기 완료 */ .com_wrap img{width: 7.81vw;} .com_wrap p{font-size: 3.26vw; margin-top:2.60vw;} /* 실시간 견적 현황 - 정보 입력 */ .status_wrap{border-radius: 3.91vw;padding:12.72vw 0;} .status_tit{font-size: 3.65vw; margin-bottom:6.51vw;} .status_wrap .info_wrap .text_input{width: 66.41vw;} .status_wrap .info_wrap .text_input + .text_input{margin-left:0; margin-top:1.30vw;} .status_wrap a{font-size: 3.13vw; width: 66.41vw; line-height:8.81vw; margin-top:5.21vw; border-radius: 1.30vw;} /* 실시간 견적 현황 - 상세보기 */ .step_view li.full_width .lt{width:35%} .step_view li.full_width .rt{width:65%;} .status_wrap2{border-radius: 3.34vw; padding:5.52vw 4.99vw;} .status_wrap2.tp{gap:3.52vw; margin-bottom:5.34vw;} .status_wrap2.tp .icon{width: 14.16vw; height: 14.16vw; background-size:5.52vw;} .status_wrap2.tp .txt strong{font-size: 3.65vw; margin-bottom:2.12vw;} .status_wrap2.tp .txt .bt_area{gap:3.52vw;} .status_wrap2.tp .txt dl{gap:1.82vw; font-size: 3.13vw;} .status_wrap2.bt{padding:6.99vw 4.99vw 10.16vw;} .step_view.status a.down{font-size: 3.13vw; padding:1.17vw 3.34vw; margin-left:3.34vw;} .status_wrap2.bt .btn_wrap{margin-top:5.99vw;} /* 실시간 견적 현황 - 최저 견적 보기 */ .closing_time{gap:3.82vw; width: 90%; height: 10.16vw; border-radius: 5.99vw;} .closing_time span{font-size: 3.13vw;} .closing_time span i{width: 3.60vw; height: 3.34vw; margin-right:1.17vw;} .closing_time strong{font-size: 4.17vw;} .status_cont{margin-top:8.51vw;} .status_cont .lt_nav{width: 100%; top:13.4vw; background: #ECF2FA; padding:4vw 0;} .status_cont .lt_nav h3{font-size: 3.78vw; margin-bottom:3.99vw;} .status_cont .lt_nav .build_info{display:flex; flex-wrap:wrap; justify-content:space-between; gap:1.82vw 0;} .status_cont .lt_nav .build_info li{width:49%; height: 11.42vw; padding:0 3.52vw; border-radius: 1.17vw;} .status_cont .lt_nav .build_info li + li{margin-top:0;} .status_cont .lt_nav .build_info li strong{font-size: 3.13vw;} .status_cont .lt_nav .build_info li span{font-size: 3.13vw; margin-top:0.65vw;} .status_cont .rt_com{width:100%; margin-left:0; margin-top:5vw;} .status_cont .rt_com .cau{font-size: 3.13vw; margin-bottom:2.99vw;} .status_cont .rt_com_list.pc{display:none;} .status_cont .rt_com_list.mob{display:block;} .status_cont .rt_com_list li{padding:3.84vw 4.91vw; border-radius: 2.34vw;} .status_cont .rt_com_list li.first{ box-shadow: 0.52vw 0.52vw 2.34vw 0 rgba(0, 104, 183, 0.10);} .status_cont .rt_com_list li + li{margin-top:2.34vw;} .status_cont .rt_com_list li .num{width: 7.38vw; font-size: 3.3vw; margin-right:4.82vw;} .status_cont .rt_com_list li .com{width:auto; display:flex; align-items:center;} .status_cont .rt_com_list li .com img{width: 13.16vw; margin-right:4.52vw;} .status_cont .rt_com_list li .com span{font-size: 3.26vw;} .status_cont .rt_com_list li .com .price{font-size: 3.60vw; margin-top:1.5vw; text-align:left;} .status_cont .rt_com_list li .com .txt{position:relative; } .status_cont .rt_com_list li .btn{width:auto; position:absolute; left:0; bottom:-11.5vw;} .status_cont .rt_com_list li .btn button{width: 14.70vw; line-height: 7.89vw; border-radius: 1.19vw; font-size: 3.13vw;} .status_cont .rt_com_list li .btn button + button{margin-top:0; margin-left:1vw;} .status_cont .rt_com_list li.on{padding-bottom: 14vw;} .status_cont .rt_com_list li.on .com{width:auto;} .status_cont .rt_com_list li.on .price{width:auto;} .status_cont .rt_com_list li.on .btn{width:auto; display:flex;} .status_cont .rt_com_list li .btn .result_btn{line-height: 7.89vw;} .status_cont .rt_com_list li.onn{padding-right: 16.02vw;} .status_cont .rt_com_list li.onn:after{width:13.61vw; height:15.88vw; right:2.50vw;} .status_cont .rt_com_list li.onn .btn{width:auto; gap: 0;} .status_cont .rt_com_list li.onn .com{width:auto;} .status_cont .rt_com_list li.onn .price{width:auto;} .status_cont .rt_com_list li.onn .btn{width:auto;} .status_cont .rt_com .status_btn_wrap{margin-top:4.52vw;} .status_cont .rt_com button{width: 17.50vw; line-height: 8.99vw; font-size: 3.13vw; border-radius: 1.17vw;} .s_popup .popup_inner{width: 78.13vw;} .pop_btn_wrap{margin-top:3.91vw;} .pop_btn_wrap button{width: 22.53vw; line-height: 8.51vw; font-size: 3.13vw; border-radius: 1.30vw;} .pop_btn_wrap button + button{margin-left:0.65vw;} /* 점검업체 선택 팝업 */ .status2-1 .popup_wrap.pop2 .popup_inner{width: 95%; padding:9.51vw 3.16vw;} .popup_wrap.pop2 .pop_tp{ align-items:center; gap:5.34vw; margin-bottom:5.99vw;} .popup_wrap.pop2 .pop_tp .img{width:18.32vw;} .popup_wrap.pop2 .pop_tp .txt strong{font-size: 3.65vw;} .popup_wrap.pop2 .pop_tp .txt p{font-size: 3.13vw; margin-top:2.34vw; word-break:keep-all;} .popup_wrap.pop2 .pop_tp .txt p br{display:none;} .pop_rev_cont .tp_area{margin-bottom:2.99vw;} .pop_rev_cont .tp_area .left span{font-size: 3.13vw;} .pop_rev_cont .tp_area .left span strong{font-size: 3.4vw;} .pop_rev_cont .tp_area .left span + span{margin-left:1.82vw;} .pop_rev_cont .tp_area .right i{width: 2.99vw; height:2.86vw; margin-right:1.82vw;} .pop_rev_cont .tp_area .right strong{font-size: 5.99vw;} .pop_rev_cont .bt_area{max-height: 42.82vw; padding-right:4.17vw;} .pop_rev_cont .review_wrap{border-radius: 1.17vw; padding:0 4.82vw;} .pop_rev_cont .review_wrap + .review_wrap {margin-top:3.52vw;} .pop_rev_cont .review_wrap li{font-size: 3.13vw; padding:4.52vw 0;} .pop_rev_cont .review_wrap li.star{padding: 3.34vw 0;} .pop_rev_cont .review_wrap li.star dl{gap:2.34vw; padding:0.65vw 0;} .pop_rev_cont .review_wrap li.star dt{font-size: 3.13vw;} .pop_rev_cont .review_wrap li.star dl:nth-of-type(2) dt{min-width: 7.42vw;} .pop_rev_cont .review_wrap li.star dd i{width: 2.99vw; height:2.86vw;} .pop_rev_cont .review_wrap li.star dd i + i{margin-left:0.39vw;} .pop_rev_cont .review_wrap li.eval dl{display:block;} .pop_rev_cont .review_wrap li.eval dl + dl{margin-top:3.52vw;} .pop_rev_cont .review_wrap li.eval dt{width:100%; font-size: 3.13vw; margin-bottom:2vw;} .pop_rev_cont .review_wrap li.eval dd{width:100%; font-size: 2.86vw;} .pop_rev_cont .sel_wrap{border-radius: 1.17vw; padding:4.82vw; margin-top:5.52vw; display:block;} .pop_rev_cont .sel_wrap .txt strong{font-size: 3.65vw;} .pop_rev_cont .sel_wrap .txt p{font-size: 3.13vw; margin-top:2.34vw; word-break:keep-all;} .pop_rev_cont .sel_wrap .sel_btn{font-size: 3.13vw; border-radius: 0.65vw; width: 100%; line-height: 9.15vw; margin-top:4vw;} .popup_wrap.pop4 .pop_tit p, .popup_wrap.pop5 .pop_tit p{margin-top:1.56vw;} .popup_wrap.pop4 .com_info{width: 65.06vw; padding:5.34vw 3.91vw; margin:5.34vw auto 0;} .popup_wrap.pop4 .com_info dl{font-size: 3.13vw; gap:3.91vw;} .popup_wrap.pop4 .com_info dl + dl{margin-top:3.56vw;} .popup_wrap.pop4 .pop_btn_wrap .submit_btn, .popup_wrap.pop5 .pop_btn_wrap .submit_btn{width: 38.97vw; font-size:3.13vw; line-height: 8.91vw;} /* 입점업체-리스트 */ .store_cont{display:block;} .store_list_area{width:100%} .store_list_area .store_tabnav li + li{margin-left:3.34vw;} .store_list_area .store_tabnav li a{font-size: 3.13vw;} .store_list_area .store_tp .regi_btn{display:none; font-size: 2.21vw; border-radius: 1.17vw; padding:1.17vw 2.34vw;} .store_btn_wrap{display:block;} .store_btn_wrap:after{content:''; display:block; clear:both;} .store_btn_wrap .regi_btn{float:right; display:inline-block; margin-top:3.26vw; font-size: 3.13vw; border-radius: 1.17vw; padding:2.17vw 4.34vw; font-weight: 700; background: #1A53ED; color:#fff;} .store_tabcontent{min-height: auto;} .store_list{gap:3.34vw 0; margin-top:5.52vw;} .store_list li{width:100%; border-radius: 2.34vw;} .store_list li a{padding:5.52vw 4.82vw;} .store_list li .txt em{ font-size: 2.86vw; margin-bottom:1.15vw;} .store_list li .txt .name{font-size: 3.65vw; margin-bottom:2.99vw;} .store_list li .txt .bt span{font-size: 3.13vw;} .store_list li .txt .bt span + span{margin-left:1.17vw;} .store_list li .txt .bt span i{width: 3.34vw; height:3.34vw; margin-top: -0.65vw; margin-right:0.65vw;} .store_list li .img{width:15.16vw;} .store_list li.nodata{padding:7.21vw 1.95vw; font-size:3.13vw;} .store_list li.nodata i{width:6.51vw; height:6.51vw; margin:0 auto 1.30vw;} .banner_area{width:100%; margin-top:9vw;} .banner_area .pc_banner{display:none;} .banner_area .mob_banner{display:block; position:relative;} .banner_area .mob_banner .slick-arrow{font-size:0; width:2.60vw; height:3.91vw; border:none; position:absolute; top:50%; transform:translateY(-50%); z-index: 10;} .banner_area .mob_banner .slick-prev{background:url("/images/sub/pager_prev.svg") no-repeat center / contain; left:3vw;} .banner_area .mob_banner .slick-next{background:url("/images/sub/pager_next.svg") no-repeat center / contain; right:3vw;} .list_pager_wrap{gap:4.34vw; position: inherit; transform:translateX(0)} .list_pager_wrap .list_pager{gap:4.34vw;} .list_pager_wrap .list_pager li a{font-size: 3.13vw;} .list_pager_wrap > a{width: 1.91vw; height: 2.43vw;} /* 입점업체-상세보기 */ .store_view li{border-radius: 2.34vw; padding:5.52vw 4.82vw;} .store_view li + li{margin-top:3.52vw;} .store_view li.info em{ font-size: 2.86vw; margin-bottom:1.15vw;} .store_view li.info .name{font-size: 3.65vw; margin-bottom:2.99vw;} .store_view li.info .bt span{font-size: 3.13vw;} .store_view li.info .bt span + span{margin-left:1.17vw;} .store_view li.info .bt span i{width: 3.34vw; height:3.34vw; margin-top: -0.65vw; margin-right:0.65vw;} .store_view li.info .img{width:15.16vw;} .store_view li .v_title{font-size: 3.65vw; padding-bottom:4.52vw;} .store_view li.intro .cont{font-size: 3.13vw; padding:4.52vw 0 7.16vw; word-break:keep-all;} .store_view li.intro .cont br{display:none;} .store_view li.review .star{padding: 4.52vw 0 7.16vw; gap: 1.99vw 0;;} .store_view li.review .star dl{gap:4.17vw; padding:0.65vw 0; width:50%;} .store_view li.review .star dt{font-size: 2.21vw;} .store_view li.review .star dd i{width: 2.34vw; height:2.34vw;} .store_view li.review .star dd i + i{margin-left:0.39vw;} .store_view li.review .eval{padding-top:4.52vw;} .store_view li.review .eval dl + dl{margin-top:4.52vw;} .store_view li.review .eval dt{width:17%; font-size: 2.21vw;} .store_view li.review .eval dd{width:83%; font-size: 2.21vw;} .store_view li.review .star{padding: 4.52vw 0;} .store_view li.review .star dl{gap:2.34vw; padding:0.65vw 0;} .store_view li.review .star dt{font-size: 3.13vw;} .store_view li.review .star dl:nth-of-type(2) dt{min-width: 10.82vw;} .store_view li.review .star dd i{width: 2.99vw; height:2.86vw;} .store_view li.review .star dd i + i{margin-left:0.39vw;} .store_view li.review .eval dl{display:block;} .store_view li.review .eval dl + dl{margin-top:3.52vw;} .store_view li.review .eval dt{width:100%; font-size: 3.13vw; margin-bottom:2vw;} .store_view li.review .eval dd{width:100%; font-size: 2.86vw; word-break:keep-all;} .store_view li.review .eval dd br{display:none;} /* 입점업체-신청하기 */ .store2 .step_tit.bd_bt{margin-bottom:2.82vw;} .store2 .input_wrap{justify-content:flex-start;} .store2 .input_wrap li{padding:2.82vw 0;} .store2 .input_wrap li.half_width{width:100%;} .input_wrap li span.mail{font-size: 3.13vw; margin:0 1.17vw;} .store2 .text_input.style3{width:46% !important;} .sel_input.style1{width:100% !important;} .sel_input.style2{width:100% !important;} .text_input.style6{width:100% !important;} .sel_input.style2{margin-left:0; margin-top:2vw} .input_wrap textarea{border-radius: 0.65vw; width: 100%; height: 30.84vw; font-size:3.13vw; padding:2.34vw;} /* 마이페이지 - 메인 */ .my_cont .lt_nav{border-radius: 3.11vw; width: 100%; padding:6.3vw 4.19vw 7.11vw; position:initial;} .my_cont .lt_nav .profile{margin-bottom:2.50vw; gap:3.11vw; align-items: flex-start;} .my_cont .lt_nav .profile .img{width: 11.70vw;} .my_cont .lt_nav .profile .txt span{ font-size: 3.13vw; margin-bottom:0; display:inline-block; vertical-align: middle; margin-right: 2.5vw;} .my_cont .lt_nav .profile .txt span strong{font-size: 3.85vw;} .my_cont .lt_nav .profile .txt em{font-size: 2.4vw; padding: 1.7vw 4.33vw; vertical-align: middle;} .my_cont .lt_nav .point{font-size: 2.85vw; margin-left: 14.6vw; margin-top: -5vw;} .my_cont .lt_nav .point br{display:none;} .my_cont .lt_nav .point strong{font-size: 3.80vw; margin-left:1.39vw; vertical-align: middle;} .my_cont .lt_nav .point em{font-size: 2.4vw; margin-left:0.39vw; vertical-align: middle; margin-top:1.3vw; display: inline-block;} .my_cont .lt_nav .point button{margin-top:0; margin-left:2.09vw; vertical-align: middle;} .my_cont .lt_nav .point button a {font-size: 2.4vw; padding: 1.15vw 2.41vw;} .my_cont .lt_nav .nav_list{display:none;} .my_cont .lt_nav .mob_nav_list{display:block; position:relative; margin-top: 6vw;} .my_cont .lt_nav .mob_nav_list .select{font-size:3.13vw; font-weight: 500; border-radius: 1.30vw; background: #F4F8FC url("/images/sub/sel_ic.svg") no-repeat center right 5% / 2.86vw; padding:3.26vw 3.91vw; width: 100%; line-height: 1;} .my_cont .lt_nav .mob_nav_list .sel_list{display:none; position:absolute; width:100%; margin-top:1.30vw; z-index: 20;} .my_cont .lt_nav .mob_nav_list .sel_list li + li{margin-top:1.30vw;} .my_cont .lt_nav .mob_nav_list .sel_list li a{display:block; font-size:3.13vw; font-weight: 500; border-radius: 1.30vw; background: #F4F8FC; padding:3.26vw 3.91vw;} .my_cont .lt_nav .mob_nav_list .sel_list li:hover a{background:#1A53ED; color:#fff;} .my_cont .rt_cont{width:100%; margin-left:0; margin-top:4.59vw;} .my_cont .rt_cont .tp_stat {margin-bottom:4.59vw; top:13.5vw;} .my_cont .rt_cont .tp_stat li a {padding:3.89vw 0;} .my_cont .rt_cont .tp_stat li i{width: 6.11vw; height: 6.11vw;} .my_cont .rt_cont .tp_stat li:nth-child(1){border-radius:4.11vw 0 0 4.11vw;} .my_cont .rt_cont .tp_stat li:nth-child(3){border-radius:0 4.11vw 4.11vw 0;} .my_cont .rt_cont .tp_stat li p{font-size: 3.13vw; margin:1.47vw 0;} .my_cont .rt_cont .tp_stat li strong{font-size: 5.39vw;} .my_cont .rt_cont .par_stat{border-radius: 4.11vw; padding:5.9vw 4.59vw 10vw;} .my_cont .rt_cont .par_stat .title{margin-bottom:3.20vw;} .my_cont .rt_cont .par_stat .title strong{font-size: 3.80vw;} .my_cont .rt_cont .par_stat .title .all_view{font-size: 2.7vw;} .my_cont .rt_cont .par_stat .title .all_view i{width:2.71vw; height:2.71vw; margin-top:-0.51vw;} .my_cont .rt_cont .par_stat_list li{padding:5.11vw 3.5vw; border-radius: 3.41vw; gap:4.11vw; align-items:flex-start; padding-right: 1vw;} .my_cont .rt_cont .par_stat_list li + li{margin-top:3.11vw;} .my_cont .rt_cont .par_stat_list li .icon{width: 14.09vw; height: 14.09vw; background-size: 5.11vw;} .my_cont .rt_cont .par_stat_list li .txt{width:calc(100% - 18.20vw); margin-left: 0;} .my_cont .rt_cont .par_stat_list li .txt > strong{ font-size: 3.28vw; margin-bottom:2.09vw;} .my_cont .rt_cont .par_stat_list li .txt .info{margin-bottom:2.09vw;} .my_cont .rt_cont .par_stat_list li .txt .info span{font-size: 2.85vw; margin-right:1.80vw;} /* .my_cont .rt_cont .par_stat_list li .txt .info span:last-of-type{margin-top:1.17vw;} */ .my_cont .rt_cont .par_stat_list li .txt .info strong{margin-right:1.4vw;} .my_cont .rt_cont .par_stat_list li .txt .rank{font-size: 3.13vw; padding:1.17vw 3.09vw;} .my_cont .rt_cont .par_stat .pay_com{padding:9.77vw 0 5.86vw;} .my_cont .rt_cont .par_stat .pay_com .icon img{width: 7.81vw;} .my_cont .rt_cont .par_stat .pay_com_tit{font-size: 4.26vw; margin:2.60vw 0;} .my_cont .rt_cont .par_stat .pay_com p{font-size: 3.13vw;} .my_cont .rt_cont .par_stat .pay_com .box{margin:5.21vw auto 5.86vw; border-radius: 2.60vw; width: 76.27vw; padding:4.17vw 0; font-size: 3.13vw;} .my_cont .rt_cont .par_stat .pay_com .box strong{margin-right:1.95vw;} .my_cont .rt_cont .par_stat .pay_com .pay_submit{font-size: 3.26vw; width: 45.57vw; line-height: 9.51vw; border-radius: 1vw;} .my_cont .rt_cont .par_stat .pay_com br.mob{display:block;} /* 로그인 */ .login .tp_logo{padding:9.77vw 0;} .login .tp_logo img{width: 20.83vw;} .login_wrap{width: 100%; border-radius: 3.91vw; padding:11.72vw 10.42vw;} .login_wrap .login_tit{margin-bottom:5.86vw;} .login_wrap .login_tit em{ font-size: 2.85vw;} .login_wrap .login_tit h3{font-size: 4.96vw; margin-top:1.30vw;} .login_wrap .info_wrap{margin-bottom:5.21vw;} .login_wrap .info_wrap .text_input{height: 9.11vw !important; line-height: 9.11vw !important; font-size: 3.13vw !important; padding: 0 2.43vw !important;} .login_wrap .info_wrap .text_input + .text_input{margin-top:1.30vw;} .login_wrap .info_wrap .caps{font-size: 2.86vw; line-height:5.91vw; padding: 0 1.95vw; left:2.95vw; top:12vw;} .login_wrap .info_wrap #mb_password.on{padding-left:16.86vw !important;} .login_wrap .info_wrap a{font-size: 2.85vw; margin-top:1.30vw;} .login_wrap .login_btn{font-size: 3.13vw; border-radius: 1.30vw; line-height:9.11vw; margin-bottom:2.60vw;} .login_wrap .join{font-size: 2.85vw;} .login_wrap .join a{margin-left:0.65vw;} /* 비밀번호 찾기 */ .login_wrap .info_wrap .text_input.style2{width:70% !important;} .login_wrap .info_wrap button.phone{font-size: 2.34vw; width: 28%; line-height: 9.11vw; border-radius: 0.65vw; margin-left:1.30vw; margin-top: 1.30vw;} .login_wrap .info_wrap .text_input:last-of-type{margin-top:1.30vw;} /* 비민번호 변경 */ .login_wrap .info_wrap.pass dl + dl{margin-top:5.26vw;} .login_wrap .info_wrap.pass dt{font-size: 3.13vw; } .login_wrap .info_wrap.pass dd p{font-size: 2.85vw; margin-top:1.30vw;} .login .btn_wrap a, .login .btn_wrap button{font-size: 3.13vw; width: 27.34vw; height: 9.11vw; line-height: 9.11vw;} /* 회원가입 1 */ .join_wrap .join_tit{margin-bottom:10vw;} .join .step_proc:before{width:27.86vw;} .join_tit2{font-size: 3.82vw; padding-bottom:4.43vw; margin-bottom:5.08vw;} .join .text_input{width:100%;} .join .input_wrap li.half_width{width:100%;} .join .input_wrap .desc{font-size: 2.85vw; margin-top:1.65vw;} .join .btn_wrap a{font-size:3.13vw; height: 9.11vw; line-height: 9.11vw; width: 27.34vw;} .join .btn_wrap button{font-size:3.13vw; height: 9.11vw; line-height: 9.11vw; width: 27.34vw;} .join .login_wrap2{margin-top:12.95vw;} .join .login_wrap2 dt{font-size: 3.43vw; margin-bottom:1.9vw;} .join .login_wrap2 dt a{margin-left:1.19vw;} .join .login_wrap2 dd{font-size: 3.13vw; padding-left:1.94vw;} .join .login_wrap2 dd:before{font-size:3.13vw; top:0.43vw;} /* 회원가입 2 */ .join_wrap{padding: 10.03vw 6.25vw;} .join .input_wrap li.half_width.phone{width:100%;} .join .input_wrap li.half_width.phone .text_input{width:74%;} .join .input_wrap li .text_input.style3{width:45.8% !important;} .join .input_wrap li .text_input.style3.add{width:74% !important;} .join .input_wrap li button.phone{width:24%;} .join .input_wrap .text_input + .text_input{margin-left:0.52vw;} .join .req_list{padding: 5.08vw 4.08vw;} .join .req_list{width:100%; margin-top:4.30vw; border-radius: 0.65vw;} .join .req_list li + li{margin-top:4.04vw;} .join .req_list .view_btn{font-size: 2.65vw; padding: 0.82vw 1.63vw; border-radius: 0.39vw; margin-left:1.43vw;} .popup_wrap.serv .popup_inner{width:90%; padding:10.03vw 6.30vw;} .popup_wrap.serv .serv_tit{font-size: 3.95vw; margin-bottom:3.34vw;} .popup_wrap.serv .serv_cont{height: 90vw; padding: 0 2vw 0 0} .popup_wrap.serv .serv_cont2 p{font-size: 3.13vw; margin-bottom:4.56vw; word-break:keep-all;} .popup_wrap.serv .serv_cont2 ul li{font-size: 3.13vw;} /* 회원가입 3 */ .join3 .input_wrap li.half_width{width:100%;} .join3 .input_wrap li:nth-child(2){margin-top: 5.21vw !important;} .filebox{width:100%;} .filebox .upload{width:75%} .filebox .upload-name {height: 9.11vw; padding: 0 2.34vw; width: 100%; font-size: 3.13vw; border-radius: 0.65vw;} .filebox .file_delete{font-size: 2.86vw; border-radius: 3.52vw; padding:1.18vw 2.82vw; margin-top:1.7vw;} .filebox .file_delete i{width: 3.82vw; height: 3.82vw; margin-right:0.39vw;} .filebox .find{width:24%} .filebox label {width: 100%; height: 9.11vw; margin-left: 1.17vw; line-height: 9.11vw; font-size:2.86vw; border-radius: 0.65vw;} .login.join3 .desc{margin-top:4.26vw; font-size:2.86vw;} /* 실시간견적제출 - 견적신청 리스트 */ .tp_search{justify-content: space-between;} .tp_search .search {width: 75%;} .tp_search .srh_txt{width:100%; height: 9.11vw; font-size: 3.13vw; padding: 0 3.11vw; border-radius: 1.40vw;} .tp_search .srh_btn{right:3.11vw; width: 4.72vw; height: 4.72vw;} .tp_search .detail_srh{width: 24%;} .tp_search .detail_srh button{font-size: 3.00vw; border-radius: 1.40vw; width: 100%; line-height: 9.11vw; margin-left:0.70vw;} .det_srh{position:fixed; top:0; z-index:20000; width:100%; height:100%;} .det_srh .mob_tit{display:block; font-size:3.65vw; font-weight:700; border-bottom:1px solid #DFE0E4; margin:0 3.80vw 5vw; padding-bottom: 5vw;} .det_srh_wrap{width: 100%; height:100%; border-radius: 0; box-shadow: none; padding:5.59vw 0; margin:0;} .det_srh_wrap .close_btn{width: 3.09vw; height: 3.09vw; top:6.11vw; right:3.11vw;} .det_srh_wrap .srh_list{padding:0 3.80vw; max-height:calc(100vh - 48.51vw); overflow:auto;} .det_srh_wrap .srh_list li{width:100%;} .det_srh_wrap .srh_list li + li{margin-top:4.41vw;} .det_srh_wrap .srh_list li .select{width: 49%;} .det_srh_wrap .srh_list li .select + .select{margin-left:1%;} .det_srh_wrap .srh_list li.half_width{width:100%;} .det_srh_wrap .srh_list li.half_width .select{width: 100%;} .det_srh_wrap .srh_list li dl{gap:2.41vw; flex-direction:column; align-items:flex-start; width:100%;} .det_srh_wrap .srh_list li dt{min-width:5.55vw; font-size: 3.13vw;} .det_srh_wrap .srh_list li dd{width:100%;} .det_srh_wrap .btn_wrap{position:fixed; bottom:0; width:100%; padding:4vw 3.80vw 5vw; border-top:1px solid #DFE0E4; background:#fff;} .det_srh_wrap .btn_wrap .reset_btn{width:40%} .det_srh_wrap .btn_wrap .active{width:58%;} .com_sub1 .search_wrap.on{padding:5.61vw 0;} .est_req_list_wrap{margin-top:8.41vw;} .est_req_list_wrap .tp_area p{font-size: 2.86vw;} .est_req_list_wrap .tp_area .sel_input{width: 20.91vw; height:8.11vw} .est_req_list.pc{display:none;} .est_req_list.mob{display:block; margin-top:2.41vw;} .est_req_list li a{height: auto; border-radius: 3.41vw; padding:5.21vw 4.56vw; display:block;} .est_req_list li + li{margin-top:2.70vw;} .est_req_list li dl{font-size:3.13vw; font-weight: 500; display:flex; /* align-items:center; */ width:100% !important; gap:4vw;} .est_req_list li dl + dl{margin-top:2vw;} .est_req_list li dt{color: #888; min-width:11vw;} .est_req_list li dd{} .est_req_list li dd i{display:inline-block; vertical-align:middle; text-align:center; font-size: 2.86vw; width: 13.70vw; line-height: 6.29vw; border-radius: 0.79vw; margin-top:0; margin-left:1.5vw; background:#1A53ED; color:#fff; font-style:inherit; font-weight: 700;} .est_req_list li dd i.select{background:#1AAA20 !important; color:#fff !important; border-color:#1AAA20 !important;} .est_req_list li dd i.end{color: #888; border: 1px solid #888; background:#fff;} .est_req_list_wrap .list_pager_wrap{margin-top:6vw;} /* 실시간견적제출 - 실시간견적현황 */ .com_sub1_view .status_wrap2.tp{padding-top:13vw;} .com_sub1_view .status_wrap2.tp .txt{width: 75%;} .com_sub1_view .time{font-size: 3.3vw; top:4.82vw; right:5.99vw;} .com_sub1_view .time i{width: 3.86vw; height: 3.86vw; margin-right:1.65vw; margin-top:-0.39vw;} .step_view li .rt .check{font-size: 2.86vw; width: 13.73vw; line-height: 6.86vw; border-radius: 1.19vw;} .com_sub1_view .status_wrap2.tp .txt .bt_area{flex-wrap:wrap; gap: 1.5vw 3.52vw;} .com_sub1_view .stat{font-size: 2.86vw; padding:1.17vw 8.82vw; margin-top: 1.93vw;} .com_sub1_view .step_view li .rt strong{font-size: 3.47vw; margin-bottom:1.82vw;} .popup_wrap.com_sub1_view .popup_inner{width: 90%; height:90%} .popup_wrap.com_sub1_view .step3_table_wrap{height:100%;} .popup_wrap.com_sub1_view .step_tit_mob{display:block; font-size:3.45vw; font-weight: 500; color: #555; padding-bottom: 3.91vw;} .popup_wrap.com_sub1_view .step_tit_mob i{display:inline-block; vertical-align:middle; width: 5.21vw; height: 5.21vw; background:url("/images/sub/swipe_ic1.svg") no-repeat center / 100%; margin-right:2vw;} .popup_wrap.com_sub1_view .step3_table_wrap .swipe_ic{top:40vw;} /* 공지사항 - 리스트 */ .noti_wrap .tp_search{justify-content: center;} .noti_wrap .noti_list .all_check{margin-bottom:3.91vw;} .noti_wrap .noti_list .all_check .checkbox-label{font-size: 2.60vw; margin-left:1.30vw;} .noti_wrap .noti_list .result{font-size: 2.86vw; margin-bottom:1.95vw;} .noti_wrap .noti_list .result strong{font-size: 3vw;} .noti_wrap .noti_list{margin-top:9.51vw;} .noti_wrap .noti_list ul{padding:2.17vw 0;} .noti_wrap .noti_list ul li a{padding:3.99vw 2.52vw; border-radius: 3.17vw; display:block;} .noti_wrap .noti_list.adm ul li a{display:flex; align-items:flex-start; gap: 2.5vw;} .noti_wrap .noti_list ul li .checkbox{margin-top:0.3vw;} .noti_wrap .noti_list ul li .title{font-size: 3.34vw; width:100%; white-space:initial;} .noti_wrap .noti_list ul li a .date{font-size: 3.21vw; margin-top:1.5vw;} .noti_wrap .no_result{padding:17.32vw 0; margin-top:9.51vw;} .noti_wrap .no_result i{width: 5.99vw; height: 5.99vw;} .noti_wrap .no_result p{font-size: 3.13vw; margin-top:3.52vw;} .noti_wrap .more_btn{margin-top:6.99vw;} .noti_wrap .more_btn button{font-size: 3.13vw; border-radius: 1.15vw; padding:2.32vw 5.99vw;} .adm_btn_wrap{margin-top:5.82vw;} .adm_btn_wrap a, .adm_btn_wrap button{font-size: 3.13vw; width: 18.01vw; line-height: 8.19vw; border-radius: 0.65vw;} .adm_btn_wrap a + a{margin-left:0.65vw;} /* 공지사항 - 뷰 */ .noti_view_tp .title{font-size: 3.65vw; margin-bottom:5.20vw;} .noti_view_tp .date{font-size: 2.86vw; margin-bottom:5.20vw;} .noti_view_cont{padding:6.30vw 0; min-height:65.70vw; font-size: 3.13vw;} .noti_view .list_btn{margin-top:5.20vw;} .noti_view .list_btn a{font-size: 3.13vw; border-radius: 0.9vw; padding:2.09vw 13.11vw;} /* 공지사항 - 글쓰기 */ .noti_write li + li{margin-top:4.34vw;} .noti_write li.flex{display:block} .noti_write li.flex dl + dl{margin-top:4.34vw;} .noti_write li dt{font-size: 3.13vw; margin-bottom:1.8vw;} .noti_write li .text_input{width: 100%;} .noti_write li .sel_input{width: 100%; background-position:97% center;} .noti_write li textarea{height: 59.06vw; border-radius: 0.39vw; padding:1.56vw; font-size: 1.41vw;} .noti_write .filebox .upload-name{width: 100%;} /* FAQ - 리스트 */ .faq_list.adm li {gap:2.60vw;} .faq_list.adm li .checkbox{margin-top:0.39vw;} .faq_list li{padding:5.99vw 2.52vw; border-radius: 3.7vw;} .faq_list li + li{margin-top:1.7vw;} .faq_tit .arrow{width: 3.21vw; height: 2.43vw;} .faq_cont{font-size: 2.86vw; margin-top:3.52vw;} /* 이벤트 - 리스트 */ .event_list{gap:4.41vw 0; justify-content:space-between;} .event_list li{width:49%;} .event_list li .img{width:100%; height:38.89vw; border-radius:1.41vw;} .event_list li .txt{padding:3.11vw; border-radius: 1.41vw;} .event_list li .txt .event_tit{font-size: 3.13vw; background-size:2.80vw;} .event_list li .txt .event_cont{font-size: 2.86vw; margin-top:2.41vw;} .event_list li .txt .event_cont span{max-height:6.9vw;} .event_wrap .list_pager_wrap{margin-top:6vw;} .event_wrap .all_check{margin-bottom:3.91vw;} .event_wrap .all_check .checkbox-label{font-size: 2.60vw; margin-left:1.30vw;} .event_list.adm .img .checkbox{top:1.95vw; left:1.95vw;} } @media screen and (max-width:375px) { .join .input_wrap li.half_width.phone .text_input{width: 73.7%;} .join .input_wrap li .text_input.style3{width: 45.6% !important;} .join .input_wrap li .text_input.style3.add{width: 73.7% !important;} } /* 페이지 인쇄 */ #estimateSheet_wrap .es_sec {padding: 50px;} #estimateSheet_wrap .blue {background: rgb(160 180 230) !important; border-color: #000 !important;} #estimateSheet_wrap .sky_blue {background: rgb(223 230 247) !important; border-color: #000 !important;} #estimateSheet_wrap .border_l {border-left:1px solid #000 !important;} #estimateSheet_wrap .ta_l {text-align: left;} #estimateSheet_wrap .ta_r {text-align: right;} #estimateSheet_wrap table {border-spacing: 0; border: 1px solid #000; width: 100%; margin-top: 20px; text-align: center;} #estimateSheet_wrap table th, #estimateSheet_wrap table td {color: #000 !important; font-size: 14px; padding: 8px; font-weight: 400;} #estimateSheet_wrap table tr + tr th, #estimateSheet_wrap table tr + tr td {border-top: 1px solid #000;} #estimateSheet_wrap table th + th, #estimateSheet_wrap table td + td {border-left: 1px solid #000;} #estimateSheet_wrap .es_sec1 h2 {font-size: 25px; border-top: 1px solid #000; border-bottom: 1px solid #000; padding: 5px 10px; text-align: center;} #estimateSheet_wrap .es_sec1 ul {margin: 15px 0 30px;} #estimateSheet_wrap .es_sec1 ul li {font-size: 14px; line-height: 1.7;} #estimateSheet_wrap .es_sec1 ul li strong {display: inline-block; width: 62px;} #estimateSheet_wrap .es_sec1 ul li:last-child strong {width: 100%;} #estimateSheet_wrap .es_sec1 .total_price {position: relative;} #estimateSheet_wrap .es_sec1 .total_price h3 {border-bottom: 2px solid #000; padding: 15px 50px; width: 100%; font-size: 20px;} #estimateSheet_wrap .es_sec1 .total_price h3 span {margin: 0 15px 0 80px;} #estimateSheet_wrap .es_sec1 .total_price .info {position: absolute; right: 0; bottom: 0; border-bottom: 2px solid #000; padding: 5px 20px 5px 5px;} #estimateSheet_wrap .es_sec1 .total_price .info p {font-size: 18px; font-weight: 700; line-height: 1.6;} #estimateSheet_wrap .es_sec3 td:last-child {min-width: 150px;} #estimateSheet_wrap .es_sec2, #estimateSheet_wrap .es_sec3 {text-align: center;} #estimateSheet_wrap .es_sec2 h2, #estimateSheet_wrap .es_sec3 h2 {font-size: 25px;} #estimateSheet_wrap .es_sec2 th, #estimateSheet_wrap .es_sec3 th, #estimateSheet_wrap .es_sec2 td, #estimateSheet_wrap .es_sec3 td {padding: 5px; font-size: 13px;} @page { size: A4; margin: 0; padding: 0; } @media print { * { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-print-color-adjust: exact; print-color-adjust: exact;} body { margin: 0; padding: 0;} .page { /* width: 210mm; min-height: 297mm; */ padding: 0; margin: 0; border: initial; border-radius: initial; width: initial; min-height: initial; box-shadow: initial; background: initial; page-break-after: always; } #estimateSheet_wrap .es_sec {padding: 35px;} .page_break {page-break-inside:avoid; page-break-after:auto;} }