echajoa/css/sub0203.css

@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;}