@charset "utf-8"; #wrap{padding:70px 0 200px;} /* table */ .tbl_h{border:1px solid #dbdcdf;border-top:none;background:#fff;} .tbl_h + .tbl_h{margin-top:15px;} .tbl_h th{height:60px;background:#f1f1f3;border-top:1px solid #dbdcdf;color:#303030;text-align:center;vertical-align:middle;} .tbl_h td{padding:0 20px;border-top:1px solid #dbdcdf;vertical-align:middle;} .tbl_h td.view_cont{padding:15px 20px;line-height:30px;} .tbl_h td.address{padding:15px 20px;} .tbl_h td.address p{margin-top:10px;} .tbl_v{border:1px solid #dbdcdf;border-top:none;background:#fff;} .tbl_v thead th{height:60px;background:#f1f1f3;border-top:1px solid #dbdcdf;border-left:1px solid #dbdcdf;color:#303030;text-align:center;vertical-align:middle;} .tbl_v td{height:60px;border-top:1px solid #dbdcdf;border-left:1px solid #dbdcdf;text-align:center;vertical-align:middle;} .tbl_v.ty2{margin-top:40px;} .tbl_v.ty2 thead th, .tbl_v.ty2 td{border-left:none;} .tbl_v.ty2 td.subject { text-align:left} .td_txt{margin-left:15px;font-size:13px;} td.al{padding:0 20px;} .finish{color:#000;} .ing{color:#0496bb;} /* paging */ .paging{margin-top:50px;font-size:13px;color:#bababa;text-align:center;} .paging span, .paging strong, .paging a{display:inline-block;margin:0 1px;width:30px;height:30px;line-height:28px;vertical-align:middle;} .paging span{width:auto;height:auto;} .paging span > a{overflow:hidden;background-position:center;background-repeat:no-repeat;text-indent:-9999px;} .paging span > a.first{background-image:url('/img/ic_paging_first.gif');} .paging span > a.prev{background-image:url('/img/ic_paging_prev.gif');} .paging span > a.next{background-image:url('/img/ic_paging_next.gif');} .paging span > a.last{background-image:url('/img/ic_paging_last.gif');} .paging strong{background:#8c8c8c;color:#fff;} .paging a{background:#fff;border:1px solid #e3e3e3;color:#808080;} .paging a.btn{margin:0 1px;} .paging a.prev{margin-right:15px;} .paging a.next{margin-left:15px;} .paging + .btn_right{margin-top:-30px;} /* button */ .btn_center{margin-top:40px;} .btn_right{margin-top:40px;text-align:right;} .button{display:inline-block;width:270px;height:70px;background:#000;font-size:18px;line-height:67px;color:#fff;text-align:center} .button.arr{padding-left:30px;background:#000 url('/img/ic_btn_arr.png') 243px 50% no-repeat;text-align:left;} .button.gray{background:#727272;} .td_btn{display:inline-block;width:auto;padding:0 25px;height:33px;background:#585858;font-size:13px;line-height:31px;color:#fff;text-align:center;} .td_btn.ty2{margin-left:5px;height:36px;line-height:34px;} .td_btn.ty3{padding:0 15px;height:27px;font-size:13px;line-height:25px;} .td_btn.ty4{padding:0;width:76px;height:31px;background:#0496bb;font-size:15px;line-height:29px;text-align:center;} .td_btn.ty5{padding:0;width:76px;height:31px;background:#a6a6a6;font-size:15px;line-height:29px;text-align:center;} .file_add{display:inline-block;width:70px;height:36px;border:1px solid #b0afaf;font-size:13px;line-height:0;text-align:center;} /* ///// sub style ///// */ #visual{padding-top:130px;height:410px;text-align:center;color:#fff;} #visual h2{font-weight:700;font-size:60px;letter-spacing:5px;text-shadow:0 0 5px rgba(0,0,0,.3);} #visual p{margin-top:25px;font-size:25px;text-shadow:0 0 5px rgba(0,0,0,.3);} .visual_company{background:url('/img/company/bg_visual.jpg') center no-repeat;} .visual_sell{background:url('/img/sell/bg_visual.jpg') center no-repeat;} .visual_customer{background:url('/img/customer/bg_visual.jpg') center no-repeat;} .visual_service{background:url('/img/service/bg_visual.jpg') center no-repeat;} .visual_mypage{background:url('/img/mypage/bg_visual.jpg') center no-repeat;} #content{margin:0 auto;padding:0 30px;width:1200px;} h3{margin:40px 0 20px;font-size:18px;color:#3c3c3c;} h3.faq_tit{margin-bottom:50px;font-size:50px;color:#000;text-align:center;} h3.customer_tit{margin-bottom:40px;padding-bottom:45px;border-bottom:3px solid #000;font-size:50px;color:#000;text-align:center;} .btn_right + h3{margin-top:70px;} .tit_wrap{position:relative;} .tit_wrap .button{position:absolute;top:0;right:0;width:80px;height:27px;background:#585858;font-size:13px;line-height:25px;} .location{margin:-30px -30px 30px;height:60px;background:#fff;border:1px solid #cdcbcb;} .location:after{content:'';display:block;clear:both;} .location > li{position:relative;float:left;height:100%;} .location > li > a, .location > li > span{display:block;height:100%;width:170px;line-height:57px;text-align:center;} .location > li > span{margin-left:-1px;border-left:1px solid #cdcdcd;border-right:1px solid #cdcdcd;} .location > li > a.home{overflow:hidden;width:69px;background:url('/img/ic_home.png') center no-repeat;text-indent:-9999px;} .location > li > .depth1{padding-left:30px;background:url('/img/ic_depth_arr.png') 130px 50% no-repeat;text-align:left;} .location > li > .depth2{color:#000;} .location .sub_depth{display:none;position:absolute;top:58px;left:-1px;z-index:50;padding:0 0 20px 30px;width:170px;background:#fff;border:1px solid #cdcdcd;} .location .sub_depth li{margin-top:20px;} .greeting dt{font-size:35px;color:#3c3c3c;} .greeting dd{font-size:15px;line-height:30px;} .greeting dt + dd{margin:25px 0 40px;font-size:18px;} .location_c dt{font-size: 18px; background:url('/img/company/icon_location.gif') no-repeat 0 0; background-size: 24px; height:45px; padding-left:30px; line-height:33px; border-bottom:1px solid #000} .location_c dd {margin-top:30px} .tender_type{overflow:hidden;} .tender_type > div{padding-top:330px;width:550px;height:500px;border:1px solid #dadbde;text-align:center;} .tender_type > div a{display:block;margin:0 auto 40px;width:247px;height:60px;background:#000;font-size:18px;line-height:55px;color:#fff;} .tender_type .fl{background:url('/img/sell/bg_tender1.jpg') 50% 85px no-repeat;} .tender_type .fr{background:url('/img/sell/bg_tender2.jpg') 50% 85px no-repeat;} .option_input{border:1px solid #dadbde;} .option_input dt{padding-left:20px;height:60px;border-bottom:1px solid #dadbde;background:#f1f1f3;line-height:58px;color:#303030;} .option_input dd{padding:20px;} .option_input dd textarea{width:100%;height:370px;} .photo_input{overflow:hidden;margin-top:-20px;} .photo_input li{float:left;margin:20px 0 0 20px;padding:18px;width:212px;height:254px;border:1px solid #dadbde;text-align:center;} .photo_input li:nth-child(5n+1){margin-left:0;} .photo_input li .thumb{display:block;margin-bottom:15px;width:100%;height:136px;background-color:#e7e7e9;background-position:center;background-repeat:no-repeat;background-size:contain;} .photo_input li:nth-child(1) .thumb{background-image:url('/img/sell/ic_car_photo1.png');} .photo_input li:nth-child(2) .thumb{background-image:url('/img/sell/ic_car_photo2.png');} .photo_input li:nth-child(3) .thumb{background-image:url('/img/sell/ic_car_photo3.png');} .photo_input li:nth-child(4) .thumb{background-image:url('/img/sell/ic_car_photo4.png');} .photo_input li:nth-child(5) .thumb{background-image:url('/img/sell/ic_car_photo5.png');} .photo_input li em{display:block;margin-bottom:17px;} .photo_add{padding-bottom:30px;border-bottom:1px solid #dadbde;} .photo_add .filebox{margin-top:20px;} .photo_add .filebox .upload-name{margin-right:5px;width:330px;} .person_add{padding-bottom:30px;border-bottom:1px solid #dadbde;} .person_add .inp_txt{width:420px;} .tender_msg{margin-bottom:55px;font-size:32px;line-height:45px;text-align:center;color:#000;} .tender_msg em{display:inline-block;border-bottom:1px solid #000;font-weight:700;} .clause_list{margin-top:10px;color:#636363;} .clause_list li{position:relative;padding:28px 0;border-bottom:1px solid #dadbde;} .clause_list li .btn_open{position:absolute;top:22px;right:0;width:110px;height:36px;background:#585858;font-size:13px;line-height:34px;color:#fff;text-align:center;cursor:pointer;} .clause_list li div{padding:28px 0 12px;} .clause_list li div textarea{height:235px;font-size:13px;line-height:18px;} /* ///// login ///// */ .login_wrap{height:1100px;background:url('/img/login/bg_login.jpg') 50% bottom no-repeat;} .login_wrap .login_box{margin:170px auto 0;padding:40px 135px 65px;width:750px;background:#fff;box-shadow:0 0 5px rgba(0,0,0,.2);} .login_wrap .login_box h2{overflow:hidden;margin-bottom:64px;height:35px;background:url('/img/login/bg_tit.png') center no-repeat;text-indent:-9999px;} .login_wrap .login_box .area_inp{margin-top:39px;} .login_wrap .login_box .inp_txt{padding:0;width:100%;height:42px;border:none;border-bottom:3px solid #000;font-size:15px;} .login_wrap .login_box .area_link{overflow:hidden;margin-top:17px;font-size:13px;line-height:auto;} .login_wrap .login_box .area_link .link{float:right;} .login_wrap .login_box .area_link .link a:first-child{margin-right:20px;} .login_wrap .login_box .area_btn{margin-top:40px;} .login_wrap .login_box .area_btn .button{margin-top:10px;width:100%;height:60px;font-size:18px;line-height:58px;text-align:center;} .login_wrap .login_box .area_btn .button.kakao{background:#f7e311 url('/img/login/ic_btn_kakao.gif') 20px 50% no-repeat;color:#432826;} .login_wrap .login_box .area_btn .button.facebook{background:#3b5999 url('/img/login/ic_btn_facebook.gif') 23px 50% no-repeat;} .login_wrap .login_box .area_btn .button.naver{background:#00c73c url('/img/login/ic_btn_naver.gif') 23px 50% no-repeat;} /* ///// join ///// */ .bg_join2{background:url('/img/login/bg_login.jpg') 50% bottom no-repeat;} .join_type{margin:170px auto 0;padding:60px 30px 0;width:1140px;height:660px;background:#fff;box-shadow:0 0 5px rgba(0,0,0,.2);} .join_type h2{padding-bottom:30px;border-bottom:2px solid #000;font-size:50px;color:#000;text-align:center;} .join_type ul{overflow:hidden;margin-top:110px;text-align:center;} /*.join_type ul li{float:left;margin-left:26px;width:250px;text-align:center;}*/ .join_type ul li{display:inline-block;margin-left:26px;width:250px;text-align:center;} .join_type ul li:first-child{margin-left:0;} .join_type ul li .box{display:table;width:100%;height:130px;border:1px solid #bfbfbf;} .join_type ul li a{display:table-cell;width:100%;height:100%;font-size:23px;line-height:35px;text-align:center;vertical-align:middle;color:#000;} .join_type ul li a:hover{background:#000;color:#fff;} .join_type ul li .txt{display:block;margin-top:40px;font-size:15px;line-height:25px;color:#6c6c6c;} .join_type ul li .txt:before{content:'';display:block;margin:0 auto 15px;width:10px;height:10px;border-radius:50%;background:#000;} .bg_join{background:#f6f7f8;} .bg_join h2{margin-top:120px;font-size:50px;color:#000;text-align:center;} .bg_join .tit_sub{margin:30px 0 55px;font-size:23px;color:#3c3c3c;text-align:center;} .join{border-top:3px solid #000;} .join .td_btn{margin-left:5px;height:36px;line-height:34px;} .clause_chk_list{color:#303030;} .clause_chk_list .all{padding:20px;border:1px solid #dadbde;background:#fff;} .clause_chk_list li{position:relative;padding-top:20px;} .clause_chk_list li .check_wrap{color:#303030;} .clause_chk_list li:nth-child(3) .check_wrap, .clause_chk_list li:nth-child(4) .check_wrap{color:#636363;} .clause_chk_list li div{padding:10px 0 0;} .clause_chk_list li div textarea{height:235px;font-size:13px;line-height:17px;} .join_intro{margin:194px auto 0;padding-top:100px;width:1140px;height:712px;background:#fff;box-shadow:0 0 5px rgba(0,0,0,.2);} .join_intro h2{margin-top:0;} .join_intro .tit_sub{margin-bottom:80px;} .join_intro .area_button{margin:0 auto;width:480px;} .join_intro .area_button .button{width:100%;height:60px;line-height:58px;} .join_intro .area_button dl{margin-top:80px;} .join_intro .area_button dt{margin-bottom:30px;font-size:23px;color:#000;text-align:center;} .join_intro .area_button dd{margin-top:20px;} .join_intro .area_button dd a{display:block;width:100%;height:60px;font-size:18px;line-height:52px;color:#3c3c3c;text-align:center;} .join_intro .area_button dd a.join_naver{border:3px solid #20c601;background:url('/img/ic_naver.gif') no-repeat;} .join_intro .area_button dd a.join_kakao{border:3px solid #ffe500;background:url('/img/ic_kakao.gif') no-repeat;} /* ///// member ///// */ .find_wrap{overflow:hidden;padding:120px 0 0;} .find_wrap .find{padding:80px 110px 0;width:550px;height:540px;background:#fff;border:1px solid #dadbde;} .find_wrap .find.ty2{padding:80px 40px 0;} .find_wrap .find h2{position:relative;margin-top:0 !important;font-size:36px;color:#000;text-align:center;} .find_wrap .find .find_form{margin-top:60px;height:210px;} .find_wrap .find .find_form p{margin-top:20px;} .find_wrap .find input.inp_txt{width:100%;height:36px;border:1px solid #dadbde;font-size:15px;} .find_wrap .find .btn{text-align:center;} .find_wrap .find .btn .button{display:inline-block;width:247px;height:61px;background:#000;font-size:18px;line-height:58px;color:#fff;text-align:center} .find_wrap .find input.inp_txt::-moz-placeholder{font-size:15px;} .find_wrap .find input.inp_txt:-ms-input-placeholder{font-size:15px;} .find_wrap .find input.inp_txt::-webkit-input-placeholder{font-size:15px;} /* ///// mypage ///// */ .photo_list{overflow:hidden;padding:20px 0;} .photo_list li{float:left;margin-right:20px;width:90px;} .photo_list li img{width:90px;height:70px;cursor:pointer;} .photo_list li span{display:block;margin-top:10px;text-align:center;} .tender_business{padding-bottom:30px;border-top:1px solid #000;border-bottom:1px solid #e7e7e9;} .tender_business .info{position:relative;margin-top:30px;padding-left:300px;height:250px;line-height:23px;} .tender_business .info dt{margin-bottom:15px;font-size:23px;color:#000;} .tender_business .info dt span{display:inline-block;position:relative;top:4px;left:5px;width:25px;height:25px;background:url('/img/mypage/ic_user.png') no-repeat;} .tender_business .info dd.thumb{position:absolute;top:0;left:0;width:250px;height:250px;background:#e7e7e9 url('/img/mypage/ic_l_thumb.png') center no-repeat;} .tender_business .info dd.price{position:absolute;left:300px;bottom:3px;width:840px;font-size:18px;color:#000;} .tender_business .info dd.price span:nth-child(3){display:block;margin-top:12px;} .tender_business .info dd.price span:nth-child(3) em{font-size:26px;font-weight:700;color:#0496bb;} .tender_business .info dd.price .button{position:absolute;top:50%;right:0;} .tender_business .review_write{margin-top:30px;padding-top:40px;border-top:1px solid #e7e7e9;} .tender_business .review_write .customer_grade{margin-bottom:20px;} .tender_business .review_write .customer_grade label{margin-right:10px;font-size:18px;color:#000;} .tender_business .review_write .customer_grade em{display:inline-block;margin-left:10px;} .tender_business .review_write textarea{height:235px;} .tender_business .review_write .filebox{margin-top:30px;} .tender_business .review_write .filebox .upload-name{width:330px;} .tab{position:relative;} .tab:after{content:'';display:block;clear:both;} .tab > li{float:left;padding-bottom:12px;width:16.6%;} .tab > li:first-child{width:17%;border:none;} .tab > li > a{position:relative;display:block;height:56px;border-left:1px solid #fff;background:#6b6b6b;font-size:18px;line-height:52px;color:#fff;text-align:center;} .tab > li > a.on{background:#000;} .tab > li > a.on:before{content:'';display:block;position:absolute;bottom:-12px;left:50%;margin-left:-6px;width:17px;height:12px;background:url('/img/mypage/bg_tab_arr.png') no-repeat;} .tab > li ul{position:absolute;top:78px;left:0;width:100%;border-top:1px solid #cacaca;border-bottom:1px solid #cacaca;text-align:center;} .tab > li li{display:inline-block;padding:12px 30px 17px;font-size:16px;color:#636363;} .tab > li li a.on{font-weight:700;color:#000;} .view{padding-top:10px;border-bottom:1px solid #dcdde0;} .view dt{position:relative;padding-bottom:17px;border-bottom:2px solid #000;} .view dt strong{font-style:italic;font-size:28px;color:#000;} .view dt span{display:inline-block;font-weight:400;font-size:18px;} .view dt span.name{margin-left:35px;} .view dt span.score{position:absolute;top:10px;right:0;} .view dt span em{font-weight:700;color:#000;} .view dd{padding:40px 0 35px;line-height:30px;} .view dd img{max-width:100%;} .view + .btn_right{margin-top:40px;} .car_model{overflow:hidden;margin-bottom:15px;} .car_model .fl{font-size:25px;line-height:1.1;color:#000;} .car_model .fr{margin-top:3px;font-size:18px;} .car_model .fr em{color:#d50505;} .select_sort{margin-bottom:10px;text-align:right;} .select_sort .select{width:200px;} .select_sort .inp_txt{font-size:13px;} .select_sort .button{width:70px;height:36px;background:#585858;font-size:15px;line-height:1;color:#fff;text-align:center;} h3 + .select_sort{margin-top:-20px;} .bidding_board{margin-top:50px;padding:35px 40px 40px;border-top:1px solid #000;border-bottom:1px solid #000;background:#f7f7f8;text-align:center;} .bidding_board dt{margin-bottom:15px;font-size:23px;color:#0496bb;} .bidding_board dd{font-size:18px;} .bidding_board dd strong{color:#000;} .bidding_board.ty2{overflow:hidden;} .bidding_board.ty2 dl{float:left;text-align:left;} .bidding_board.ty2 p{float:right;margin-top:15px;font-size:18px;} .bidding_board.ty2 p strong{display:inline-block;font-size:28px;color:#0496bb;} .success_confirm{} .success_confirm > li{margin-top:10px;} .success_confirm > li > p{position:relative;padding-left:65px;height:60px;border:1px solid #dadbde;background:#f2f2f4 url('/img/mypage/ic_success_check.png') 20px 50% no-repeat;color:#303030;line-height:58px;cursor:pointer;} .success_confirm > li > p > span{position:absolute;top:0;right:20px;display:block;padding-left:23px;background:url('/img/mypage/ic_success_check2.png') 0 50% no-repeat;} .success_confirm > li > p > span.no{background-image:none;color:#a5a5a5;} .success_confirm .confirm_cont{display:none;padding:20px 20px 50px;} .success_confirm > li > p.on + .confirm_cont{display:block;} .success_confirm .confirm_cont .button{width:250px;height:60px;line-height:57px;} .success_confirm .confirm_cont h4{font-size:18px;color:#000;} .success_confirm .confirm_cont .btn_cal { display:inline-block; background: #000; width:150px; line-height:36px; color:#FFF; text-align:center; margin:8px 0 0 10px} .schedule{overflow:hidden;padding-right:5px;} .schedule .calendar{float:left;width:620px;height:252px; border:1px solid #dadada; padding:30px 0 0 80px} .schedule > .calendar > .today{padding-top:30px;height:95px;background:#000;font-size:23px;color:#fff;text-align:center;} .schedule > .calendar > .today > em{display:inline-block;margin-left:10px;font-size:33px;} .schedule .calendar .month{margin-top:25px;font-size:23px;color:#000;text-align:center;} .schedule .calendar .month span{display:inline-block;overflow:hidden;width:22px;height:22px;text-indent:-9999px;vertical-align:bottom;cursor:pointer;} .schedule .calendar .month span.prev{margin-right:60px;background:url('/img/mypage/btn_prev.png') center no-repeat;} .schedule .calendar .month span.next{margin-left:60px;background:url('/img/mypage/btn_next.png') center no-repeat;} .schedule .calendar table{margin-top:35px;} .schedule .calendar table thead th{padding-bottom:15px;text-align:center;} .schedule .calendar table thead th em{display:inline-block;width:37px;height:37px;background:#f2f2f4;border-radius:50%;line-height:35px;text-align:center;} .schedule .calendar table td{height:42px;text-align:center;vertical-align:middle;} .schedule .calendar table thead th.sun, .schedule .calendar table td.sun{color:#b30303;} .schedule .calendar table td.today em{display:inline-block;width:42px;height:42px;border-radius:50%;background:#0496bb;line-height:40px;color:#fff;} .schedule .tel{float:right;padding-top:30px;width:420px;border:1px solid #dadada;background:#fff;box-shadow:2px 2px 6px -2px rgb(0,0,0,.5);font-size:23px;line-height:40px;text-align:center;} .schedule .tel .date{color:#000;} .schedule .tel .name{margin:40px 0 100px;} .deal_status{padding-top:10px;} .deal_status h4{margin-bottom:30px;} .deal_status .deal_check{padding-bottom:35px;border-bottom:1px solid #dadbde;} .deal_status .deal_check small{margin-left:-10px;font-size:13px;} .deal_status .reason dt{padding:40px 0 15px;color:#000;} .deal_status .reason textarea{height:186px;} .deal_attach{padding-top:10px;} .deal_attach dt{margin-top:30px;} .deal_attach dt:first-child{margin:0;} .deal_attach dd{margin-top:20px;} .deal_complete{padding-top:30px;} .deal_complete .my_price{font-size:18px;color:#000;} .deal_complete .my_price strong{font-weight:700;font-size:26px;color:#0496bb;} .deal_complete .my_price .inp_txt{margin:-10px 0 0 30px;} .deal_complete textarea{margin-top:20px;} .deal_complete dl{overflow:hidden;margin-top:30px;} .deal_complete dt{padding-bottom:30px;font-size:18px;color:#000;} .deal_complete dd{float:left;margin-right:50px;} .deal_complete dd:nth-child(6){margin-right:0;} .deal_complete dd .filebox label{border:none;width:180px;height:130px;background:url('/img/mypage/bg_photo_add.png') no-repeat;background-size:100% !important;font-size:18px;line-height:165px;color:#969696;} .deal_complete dd .upload-name{display:none;} /* ///// sell ////// */ .car_list{/*margin-top:-40px;*/font:0/0 arial;} .car_list:after{content:'';display:block;clear:both;} .car_list li{position:relative;/*float:left;*/display:inline-block;margin:40px 20px 0 0;padding-bottom:30px;width:270px;/*height:429px;*/border:1px solid #dadbde;vertical-align:top;} .car_list li:nth-child(4n){margin-right:0;} .car_list li .thumb{display:block;height:189px;background:#e0e0e0 url('/img/sell/bg_thumb.png') center no-repeat;} .car_list li .thumb img{width:100%;height:189px;} .car_list li dl{padding:0 19px;border-top:1px solid #dadbde;} .car_list li dt{margin-bottom:10px;padding:17px 0 8px;border-bottom:1px solid #000;font-weight:700;font:18px/22px 'Noto Sans KR', sans-serif;color:#000;} .car_list li dd{font:15px/30px 'Noto Sans KR', sans-serif;} .car_list.ty2 li dd{line-height:27px;} .car_list li .flag{position:absolute;right:-6px;bottom:20px;padding:18px 0 0 12px;width:69px;height:44px;background:url('/img/sell/bg_flag_ing.png') no-repeat;font:13px/1 'Noto Sans KR', sans-serif;color:#fff;text-align:center;} .car_list li .flag.finish{background:url('/img/sell/bg_flag_finish.png') no-repeat;} /* ///// 20190220 추가 ///// */ .car_list .info_no { width:1140px; border:1px solid #CCC; height:350px; text-align:center; line-height:350px; background:url('/img/icon_info_no.gif') no-repeat center 100px;} .pos{position:relative;} .color_pick_popup{display:none;position:absolute;top:-280px;left:150px;z-index:100;padding:28px 0 0 20px;width:490px;height:300px;background:#fff;border:1px solid #b3b3b3;box-shadow:2px 2px 3px rgba(0,0,0,0.5);} .color_pick_popup .close{overflow:hidden;position:absolute;top:15px;right:15px;width:32px;height:32px;background:url('/img/btn_popup_close.gif') 50% no-repeat;text-indent:-9999px;cursor:pointer;} .color_pick_popup ul{overflow:hidden;padding-top:5px;} .color_pick_popup ul li{float:left;position:relative;margin:10px 10px 0 0;width:65px;height:30px;font-size:13px;line-height:28px;color:#fff;text-align:center;cursor:pointer;} .color_pick_popup ul li:before{content:'';display:block;position:absolute;top:0;right:0;width:50%;height:100%;} .color_pick_popup ul li em{position:relative;z-index:10;} .color_pick_popup ul li:first-child{background:#000;} .color_pick_popup ul li:nth-child(2){border:1px solid #dbdbdb;line-height:26px;color:#000;} .color_pick_popup ul li:nth-child(3){background:#818376;} .color_pick_popup ul li:nth-child(4){background:#11417f;} .color_pick_popup ul li:nth-child(5){background:#cb001c;} .color_pick_popup ul li:nth-child(6){background:#7a265a;} .color_pick_popup ul li:nth-child(7){background:#474747;} .color_pick_popup ul li:nth-child(7):before{background:#000;} .color_pick_popup ul li:nth-child(8){background:#f8f7e2;color:#000;} .color_pick_popup ul li:nth-child(9){background:#8e8574;} .color_pick_popup ul li:nth-child(10){background:#74929a;} .color_pick_popup ul li:nth-child(11){background:#fe7902;} .color_pick_popup ul li:nth-child(12){background:#65007f;} .color_pick_popup ul li:nth-child(13){background:#626262;} .color_pick_popup ul li:nth-child(14){border:1px solid #dbdbdb;line-height:26px;color:#000;} .color_pick_popup ul li:nth-child(14):before{background:#dbdbdb;} .color_pick_popup ul li:nth-child(15){background:#675b33;} .color_pick_popup ul li:nth-child(16){background:#d0d9e8;} .color_pick_popup ul li:nth-child(17){background:#1c444c;} .color_pick_popup ul li:nth-child(18){background:#ffc2d7;} .color_pick_popup ul li:nth-child(19){background:#e5e5e5;color:#000;} .color_pick_popup ul li:nth-child(20){background:#f7f7e2;color:#000;} .color_pick_popup ul li:nth-child(20):before{background:#deddc9;} .color_pick_popup ul li:nth-child(21){background:#675b35;} .color_pick_popup ul li:nth-child(21):before{background:#464741;} .color_pick_popup ul li:nth-child(22){background:#837538;} .color_pick_popup ul li:nth-child(23){background:#01cc00;} .color_pick_popup ul li:nth-child(24){background:#fff847;color:#000;} .color_pick_popup ul li:nth-child(25){background:#bcbcbc;color:#000;} .color_pick_popup ul li:nth-child(26){background:#c0c0c0;color:#000;} .color_pick_popup ul li:nth-child(26):before{background:#464742;} .color_pick_popup ul li:nth-child(27){background:#a6b2b0;} .color_pick_popup ul li:nth-child(28){background:#837537;} .color_pick_popup ul li:nth-child(28):before{background:#464741;} .color_pick_popup ul li:nth-child(29){background:#277c79;} .color_pick_popup ul li:nth-child(30){background:#9ab95c;} .color_pick_popup ul li:nth-child(31){color:#000;} /* ///// service ///// */ .guide > p{font-size:18px;color:#3c3c3c;} .guide ul{} .guide li{padding:100px 0 0 468px;height:320px;border-bottom:1px solid #d7d7d7;font-size:15px;line-height:23px;vertical-align:middle;} .guide li:first-child{background:url('/img/service/bg_guide01.jpg') 0 bottom no-repeat;} .guide li:nth-child(2){background:url('/img/service/bg_guide02.jpg') 17px 20px no-repeat;} .guide li:nth-child(3){background:url('/img/service/bg_guide03.jpg') 7px bottom no-repeat;} .guide li:nth-child(4){background:url('/img/service/bg_guide04.jpg') 30px 50% no-repeat;} .guide li em{display:inline-block;margin-right:10px;width:42px;height:42px;border-radius:50%;background:#000;font-size:23px;line-height:40px;color:#fff;text-align:center;vertical-align:middle;} .guide li span{display:inline-block;font-size:23px;line-height:1;color:#303030;vertical-align:middle;} .guide li p{margin-top:20px;padding-left:55px;} /* ///// customer ///// */ .notice_view{overflow:hidden;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;} .notice_view dt{float:left;width:8%;padding-right:18px;background:#f1f1f3;line-height:60px;color:#303030;text-align:right;} .notice_view dd{float:left;line-height:60px;} .notice_view dd:nth-child(2){width:74%;background:#f1f1f3;} .notice_view dd:nth-child(4){width:10%;background:#f1f1f3;} .notice_view dd.view_cont{float:none;clear:both;padding:30px 30px 100px;width:100%;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;line-height:25px;} /* file */ .filebox input[type="file"] {overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0,0,0,0);} .filebox label {display:inline-block;width:80px;height:36px;background-color:#bcbcbc;border:1px solid #b0afaf;font-size:13px;line-height:34px;color:#fff;text-align:center;vertical-align:middle;cursor:pointer;} .filebox .upload-name{margin-left:7px;padding:0 10px;width:330px;height:36px;border:1px solid #dadbde;vertical-align:middle;} .filebox.ty2 .upload-name{display:none;} .filebox.ty2 label{width:100%;height:32px;background-color:#9f9f9f;border:none;line-height:30px;} /* layer popup */ .dim{position:fixed;top:0;left:0;z-index:1500;width:100%;height:100%;background:#000;opacity:.8;} .layer_popup{display:none;position:fixed;top:50%;left:50%;z-index:2000;padding:10px;background:#fff;} .layer_popup .popup_wrap{padding-bottom:30px;height:100%;border:1px solid #000;} .layer_popup .close{overflow:hidden;position:absolute;top:15px;right:15px;width:32px;height:32px;background:url('/img/btn_popup_close.gif') 50% no-repeat;text-indent:-9999px;cursor:pointer;} .layer_popup .button{width:185px;height:50px;font-size:15px;line-height:47px;} .layer_popup .btn_center .button{margin:0 8px;} .recomm_popup{width:570px;height:400px;} .recomm_popup .msg{margin-bottom:30px;padding-top:165px;background:url('/img/ic_popup_caution.png') 50% 50px no-repeat;font-size:25px;color:#000;text-align:center;} .recomm_popup .msg span{display:block;margin-top:10px;font-size:18px;color:#636363;} .tender_popup{width:570px;text-align:center;} .tender_popup .msg{padding-top:48px;font-size:23px;} .tender_popup .msg em{display:inline-block;padding-bottom:3px;font-style:italic;border-bottom:1px solid #000;color:#000;} .tender_popup .btn_center{margin-top:30px;} .review_popup{padding:10px;} .review_popup .popup_wrap{padding:30px 0 15px 30px;height:100%;border:1px solid #000;} .review_popup .business_info{position:relative;margin-right:30px;padding-left:187px;height:157px;font-size:13px;line-height:20px;} .review_popup .business_info dt{margin-bottom:15px;padding-bottom:9px;border-bottom:1px solid #000;font-size:23px;color:#000;} .review_popup .business_info dt span{display:inline-block;position:relative;top:4px;left:5px;width:25px;height:25px;background:url('/img/mypage/ic_user.png') no-repeat;} .review_popup .business_info dd.thumb{position:absolute;top:0;left:0;width:157px;height:157px;background:#e7e7e9 url('/img/mypage/ic_thumb.png') center no-repeat;} .review_popup .business_info dd.estimation{position:absolute;left:187px;bottom:3px;font-size:15px;color:#000;} .review_popup .business_info dd.estimation *{display:inline-block;vertical-align:bottom;} .review_popup .business_info dd.estimation span{letter-spacing:-.05em;} .review_popup .business_info dd.estimation span:nth-child(3):before{content:'/';display:inline-block;margin:0 5px;font-weight:300;font-size:33px;color:#cecece;} .review_popup .business_info dd.estimation em{margin-left:5px;font-weight:700;font-size:26px;line-height:26px;} .review_popup .business_info dd.estimation em:nth-child(2){color:#0496bb;} .review_popup .review{/*overflow:auto;*/overflow-y:scroll;margin-top:40px;padding-right:10px;height:365px} .review_popup .review dt{margin-top:40px;padding-bottom:10px;border-bottom:1px solid #dadbde;font-size:18px;} .review_popup .review dt:first-child{margin-top:0;} .review_popup .review dt em{font-style:italic;color:#000;} .review_popup .review dd{padding-top:20px;font-size:13px;line-height:20px;} .review_popup .review dd img{max-width:100%;} .review_popup .btn_center{padding-right:30px;} .review_popup .button{width:185px;height:50px;font-size:15px;line-height:47px;} .review_popup .btn_center .button{margin:0 8px;} .review_rolling li img{width:157px;height:157px;} .review_rolling .swiper-pagination-bullet-active{background:#fff;} .review_rolling .swiper-pagination-bullet{width:6px;height:6px;} .pwmod_popup{width:570px;} .pwmod_popup dl{overflow:hidden;padding:20px 37px 0;line-height:36px;} .pwmod_popup dt, .pwmod_popup dd{margin-top:20px;} .pwmod_popup dt{float:left;width:30%;} .pwmod_popup dd{float:left;width:70%;} .pwmod_popup dd .inp_txt{width:100%;} .pwmod_popup .btn_center{margin-top:60px;} .price_popup{width:570px;} .price_popup .msg{padding:25px 30px 0;font-size:23px;line-height:45px;} .price_popup .msg .inp_txt{font-size:18px;color:#000;text-align:right;} .price_popup .msg strong{font-size:30px;color:#0496bb;} .price_popup .msg .sub_txt{display:block;font-size:13px;color:#b30303;} .price_popup .msg2{padding-top:40px;font-size:28px;line-height:45px;text-align:center;} .price_popup .msg2 strong{font-size:36px;color:#0496bb;vertical-align:bottom;} .price_popup .btn_center{margin-top:40px;} .buy_popup{width:570px;} .buy_popup .msg{padding-top:40px;font-size:23px;line-height:35px;text-align:center;} .buy_popup .btn_center{margin-top:40px;} .car_popup{padding:10px 50px;width:1100px;font-size:13px;} .car_popup h3{margin-top:20px;padding-bottom:22px;font-size:30px;color:#000;border-bottom:1px solid #000;} .car_popup h4, .car_popup h5{margin:25px 0 5px;font-size:15px;color:#000;} .car_popup h4:first-child{margin-top:0;} .car_popup .scr_cont{overflow:auto;margin-top:25px;padding:0 20px 30px 0;height:660px;} .car_popup .tbl_data{border:1px solid #d5d5d5;border-bottom:none;} .car_popup .tbl_data th, .car_popup .tbl_data td{padding-left:22px;border-bottom:1px solid #e5e5e5;text-align:left;vertical-align:middle;} .car_popup .tbl_data th{background:#f0f0f0;} .car_popup .tbl_data td{height:38px;border-left:none;color:#000;} .car_popup .tbl_data2{border-top:1px solid #d5d5d5;border-right:1px solid #d5d5d5;} .car_popup .tbl_data2 th, .car_popup .tbl_data2 td{height:39px;border-bottom:1px solid #e5e5e5;border-left:1px solid #c9c9c9;text-align:center;vertical-align:middle;} .car_popup .tbl_data2 thead th{padding:0;background:#f0f0f0;font-weight:400;} .car_popup .tbl_data2 tbody th{padding:0;} .car_popup .tbl_data2 td{color:#000;} .car_popup .notice01{margin-top:10px;padding-left:36px;background:url('/img/ico_notice01.gif') no-repeat;line-height:29px;} .car_popup .notice02{margin-top:10px;padding-left:36px;background:url('/img/ico_notice02.gif') no-repeat;line-height:30px;} .car_popup .notice03 > li{margin-top:30px;line-height:23px;} .car_popup .notice03 li ol li{padding-left:14px;list-style:decimal;list-style-position:inside;line-height:23px;text-indent:-14px;} .car_popup .sign{margin-top:55px;text-align:center;} .car_popup .performance_check{overflow:hidden;} .car_popup .performance_check dt{float:none;clear:both;margin:70px 0 22px;font:700 15px/1 'NS';color:#000;} .car_popup .scr_cont .performance_check:first-child dt{margin-top:0;} .car_popup .performance_check dd{float:left;padding-right:50px;width:50%;} .car_popup .performance_check dd span{display:block;border-bottom:1px solid #e5e5e5;line-height:40px;} .estimate_popup{width:570px;text-align:center;} .estimate_popup .msg{padding-top:45px;font-size:23px;text-align:center;} .estimate2_popup{width:570px;} .estimate2_popup .popup_wrap{padding:20px 30px 40px;} .estimate2_popup dt{margin-bottom:10px;font-size:18px;} .estimate2_popup dt em{font-weight:700;color:#000;} .estimate2_popup textarea{height:223px;} .estimate2_popup dd p{margin-top:15px;line-height:25px;} .estimate2_popup dd p em{display:block;color:#d50505;} .find_popup{padding:10px;} .find_popup .search_result{padding-top:70px;width:550px;height:280px;border:1px solid #000;text-align:center;} .find_popup .search_result > p{font-size:23px;line-height:35px;} .find_popup .search_result > p span{color:#000;} .find_popup .search_result > p em{display:inline-block;padding-bottom:5px;border-bottom:1px solid #000;line-height:16px;font-style:italic;color:#000;} .find_popup .btn_center{margin-top:56px;} .photo_popup{padding:0;} .photo_popup .popup_wrap{border:none;padding:0;} .photo_popup img#photoBig{width:686px;height:493px;} .photo_popup .close{top:5px;right:5px;width:16px;height:19px;background:url('/img/btn_popup_close2.png') no-repeat;} .dealer_notice_popup{position:fixed;top:50%;left:50%;z-index:2000;padding:10px;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);background:#fff;width:820px;height:650px;} .dealer_notice_popup .popup_wrap{overflow:hidden;padding:45px 40px 30px;height:100%;border:1px solid #000;} .dealer_notice_popup .popup_wrap > dl{float:left;width:320px;} .dealer_notice_popup .popup_wrap > dl:nth-child(2){float:right;} .dealer_notice_popup .popup_wrap > dl > dt{margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #000;font-size:18px;color:#000;} .dealer_notice_popup .popup_wrap > dl > dd{font-size:13px;line-height:23px;} .dealer_notice_popup dd > ol > li{margin-top:15px;line-height:18px;color:#000;} .dealer_notice_popup dd ol ol{color:#636363;} .dealer_notice_popup dd ol ol li{margin-top:5px;padding-lefT:15px;text-indent:-15px;} .dealer_notice_popup dd dt{margin-bottom:10px;font-size:15px;color:#000;} .dealer_notice_popup dd dt:nth-child(3){padding-top:60px;background:url('/img/mypage/bg_notice_arr.png') 50% 10px no-repeat;} .dealer_notice_popup dd dd:nth-child(2){height:45px;border:1px solid #bfbfbf;line-height:43px;} .dealer_notice_popup dd dd:nth-child(2) span{display:inline-block;text-align:center;} .dealer_notice_popup dd dd:nth-child(2) span:first-child{width:15%;} .dealer_notice_popup dd dd:nth-child(2) span:nth-child(2){width:53%;} .dealer_notice_popup dd dd:nth-child(2) span:nth-child(3){width:30%;} .dealer_notice_popup dd dd thead th{height:45px;line-height:16px;} .dealer_notice_popup dd dd td{height:45px;} .dealer_notice_popup dd dd td.al{padding-left:12px;} .dealer_notice_popup .close{overflow:hidden;position:absolute;top:15px;right:15px;width:32px;height:32px;background:url('/img/btn_popup_close.gif') 50% no-repeat;text-indent:-9999px;cursor:pointer;} #loading{display:none;position:fixed;top:50%;left:50%;z-index:2000;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);padding-top:110px;background:url('/img/loading.png') 50% 0 no-repeat;font-size:23px;color:#fff;text-align:center;}