@charset "utf-8"; /* ///// font ///// */ /*@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700');*/ @import url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css); /* ///// reset ///// */ *{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing:border-box;} html{overflow-y:scroll;} html,body{width:100%;height:100%;min-width:1000px;background:#f5f5f5;/*-webkit-touch-callout:none;-webkit-user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);*/} html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video, strong {margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;} body, textarea, input, select {font:15px/1 'Noto Sans Korean', sans-serif;color:#404040;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;} ol,ul{list-style: none;} img, label, input, select, a {vertical-align:middle;} input,textarea {border:0 none;background:none;border-radius:0;-webkit-appearance:none;} select{border:0 none;} input,textarea,button {outline-style:none;} blockquote, q {quotes:none;} blockquote:before, blockquote:after, q:before, q:after {content:''; content: none;} table {width:100%;border-collapse:collapse;border-spacing:0;} a{outline:none;select-dummy:expression(this.hideFocus=true);color:inherit;text-decoration:none;} a:hover,a:active{text-decoration:none;} .hidden {text-indent:-5000px;width:0;height:0;font-size:0;line-height:0;} input[type=checkbox]{margin-right:8px;width:20px;height:20px;background:url('/manage/img/bg_checkbox.png') no-repeat;} input[type=checkbox]:checked{background-position:0 bottom;} .dim{position:fixed;width:100%;height:100%;top:0;left:0;z-index:800;background:#000;opacity:.5;} .dim_off{pointer-events:none;opacity:.5;} /* ///// common ///// */ .inner{position:relative;margin:0 auto;width:1200px;} .inner:after{content:'';display:block;clear:both;} .pos_wrap{position:relative;} input[type=submit], input[type=button]{cursor:pointer;} input.inp_txt{padding-left:5px;height:30px;border:1px solid #e3e3e3;font-size:13px;} textarea{padding:5px;width:100%;border:1px solid #e3e3e3;font-size:13px;line-height:18px;} .check_wrap{display:inline-block;position:relative;} .check_wrap input{position:absolute;top:0;left:0;z-index:5;opacity:0;} .check_wrap input[type=checkbox]{width:18px;height:25px;margin:0;} .check_wrap input[type=radio]{width:19px;height:19px;margin:0;} .check_wrap i{overflow:hidden;display:block;position:absolute;left:0;text-indent:-9999px;} .check_wrap input[type=checkbox] + i{/*top:-3px;*/top:0;width:18px;height:25px;background:url('/manage/img/ic_checkbox.png') no-repeat;} .check_wrap input[type=radio] + i{top:7px;width:12px;height:12px;background:url('/manage/img/ic_radio.gif') no-repeat;} .check_wrap input:checked + i{background-position:0 bottom;} .check_wrap label{display:inline-block;padding-left:24px;vertical-align:top;line-height:25px;} .check_wrap input[type=radio] + i + label{padding-left:16px !important;vertical-align:middle !important;} .radio_chk .check_wrap{margin-right:25px;} .tbl_search .radio_chk{display:inline-block;} .tbl_search .radio_chk .check_wrap{margin-right:15px;} td.chk .check_wrap{width:18px;height:25px;} .agree_chk{text-align:right;} .fl{float:left;} .fr{float:right;} /* font style */ .txt_red{color:#be0606;} .txt_blue{color:#2c87c1;} .txt_green{color:#0900;} .txt_black{color:#000;} .txt_bold{font-weight:700;color:#000;} .text_height{line-height:20px} a.link{display:inline-block;padding-bottom:3px;border-bottom:1px solid #464646;color:#464646;} /* button */ .btn_center{text-align:center;} .btn_right{margin-top:40px;text-align:right;} .btn_right a{margin-left:2px;} .paging + .btn_right{margin-top:-30px;} .paging + .btn_right.ty2{margin-top:40px;} .rnd_btn{display:inline-block;width:135px;height:35px;line-height:33px;border-radius:3px;font-size:13px;color:#fff;text-align:center;} .rnd_btn.gray{background:#505560;} .rnd_btn.black{background:#000;} .rnd_btn.red{background:#be0606;} .rnd_btn.blue{background:#3a5576;} .rnd_btn.ty2{width:75px;} .rnd_btn.ty3{height:30px;line-height:27px;} .rnd_btn.ty4{padding:0 10px;width:auto;height:23px;line-height:21px;font-size:12px;} .rnd_s_btn{display:inline-block;padding:0 17px;height:26px;border:1px solid #e3e3e3;background:#efefef;border-radius:3px;box-shadow:1px 1px 1px #ececec;line-height:23px;font-size:12px;text-align:center;} /* tab menu */ .tab_menu{overflow:hidden;margin-top:55px;background:#efefef;} .tab_menu li{float:left;width:20%;} .tab_menu.tab4 li{width:25%;} .tab_menu.tab4 li:first-child{width:25%;} .tab_menu.tab6 li{width:17%;} .tab_menu.tab6 li:first-child{width:15%;} .tab_menu li a{display:block;margin-left:-1px;height:40px;border:1px solid #e3e3e3;border-radius:3px 3px 0 0;font-size:15px;line-height:38px;color:#464646;text-align:center;} .tab_menu li a.on{position:relative;z-index:10;background:#202328;border:1px solid #202328;color:#fff;} .tab_menu li:first-child a{margin:0;} .dealer_info + .tab_menu{margin-top:40px;} /* table */ .tbl_wrap{/*overflow:hidden;*/background:#fff;border:1px solid #e3e3e3;border-radius:3px;} .tab_menu + .tbl_wrap{margin-top:30px;} .tbl_wrap + .tbl_wrap{margin-top:75px;} .tbl_search + .tbl_wrap{margin-top:40px;} table th{background:#efefef;font-size:13px;color:#464646;text-align:center;vertical-align:middle;} table td{font-size:12px;} table td .td_txt{margin-left:10px;} table td.pd{padding-top:20px;padding-right:20px;} .tbl_list thead th{height:39px;border-left:1px solid #e3e3e3;} .tbl_list td{height:40px;border-top:1px solid #e3e3e3;border-left:1px solid #e3e3e3;text-align:center;vertical-align:middle;} .tbl_list td.subject{padding-left:20px;text-align:left;} .tbl_list thead th:first-child, .tbl_list td:first-child{border-left:none;} .tbl_list2 th{height:49px;border-top:1px solid #e3e3e3;} .tbl_list2 td{padding:10px 0 9px 20px;border-left:1px solid #e3e3e3;border-top:1px solid #e3e3e3;vertical-align:middle;} .tbl_list2 td > p{margin-top:10px;} .tbl_list2 tr:first-child th, .tbl_list2 tr:first-child td{border-top:none;} .tbl_list2.ty2 th, .tbl_list2.ty2 td{height:39px;} .tbl_list2.ty2 td{padding:0 20px; line-height:23px} .tbl_list2.ty2 td .photo_list{padding:5px 0;} .tbl_list3{margin-top:30px;border-top:1px solid #939393;border-bottom:1px solid #939393;} .tbl_list3 th{height:49px;background:#a1a1a1;font-size:13px;color:#fff;text-align:center;vertical-align:middle;} .tbl_list3 td{padding-left:20px;font-size:15px;color:#000;vertical-align:middle;} .tbl_search{border-top:1px solid #e3e3e3;background:#fff;} .tbl_search th{height:51px;border-bottom:1px solid #e3e3e3;} .tbl_search td{padding:10px 20px 0;height:53px;border-bottom:1px solid #e3e3e3;} .tbl_search td .btn_cal{overflow:hidden;display:inline-block;margin:0 5px 0 3px;width:15px;height:15px;background:url('/manage/img/btn_cal.gif') no-repeat;vertical-align:middle;text-indent:-9999px;} .tbl_search td .rnd_btn{margin:-1px 0;padding-bottom:3px;width:45px;} .view{margin-top:40px;} .view dt{padding-bottom:12px;border-bottom:2px solid #202328;} .view dt i{font-style:italic;color:#464646;} .view dd{overflow:hidden;height:49px;border-bottom:1px solid #e3e3e3;line-height:48px;} .view dd span:nth-child(2){ padding-left:30px} .view dd span:nth-child(3){float:right;} .view dd span em{font-weight:700;color:#000;} .view dd.view_cont{height:auto;padding:30px 0;font-size:12px;line-height:23px;} /* 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('/manage/img/ic_paging_first.gif');} .paging span > a.prev{background-image:url('/manage/img/ic_paging_prev.gif');} .paging span > a.next{background-image:url('/manage/img/ic_paging_next.gif');} .paging span > a.last{background-image:url('/manage/img/ic_paging_last.gif');} .paging strong{background:#8c8c8c;color:#fff;} .paging a{background:#fff;border:1px solid #e3e3e3;color:#404040;} .paging a.btn{margin:0 1px;} .paging a.prev{margin-right:15px;} .paging a.next{margin-left:15px;} /* select */ .select_view_type{margin:30px 0 20px;text-align:right;} .select{display:inline-block;vertical-align:middle;} .select .jq_sel {display:block;position:relative;height:35px;background:#fff;border-radius:3px;font-size:13px;} .select .jq_sel span{overflow:hidden;position:absolute;left:0;top:0;width:100%;white-space:nowrap;height:35px;border:1px solid #d7d7d7;border-radius:3px;line-height:33px;text-indent:10px;color:#404040;cursor:pointer;text-align:left;} .select.ty2 .jq_sel, .select.ty2 .jq_sel span{height:30px;line-height:28px;border-radius:0;} .select.ty2 .jq_sel span{text-indent:5px;border:1px solid #e3e3e3;} .select .jq_sel a.jqTransformSelectOpen {display:block;position:absolute;right:0;width:35px;height:33px;background:url('/manage/img/ic_select_arr.gif') no-repeat center;} .select.ty2 .jq_sel a.jqTransformSelectOpen{height:28px;} .select .jq_sel ul{display:none;overflow:auto;overflow-y:auto;z-index:10;position:absolute;top:36px;left:0;max-height:300px;width:100%;list-style:none;background-color:#fff;border:solid 1px #d7d7d7;border-radius:3px;white-space:nowrap} .select.ty2 .jq_sel ul{top:31px;border:1px solid #e3e3e3;} .select .jq_sel li {text-indent:10px;text-align:left;} .select .jq_sel ul a {display:block;padding:6px 0 9px;text-decoration:none;color:#999;} .select.ty2 .jq_sel ul a{padding:2px 0 5px;} .select .jq_sel ul a:hover, .select .jq_sel ul a.selected {background-color:#ddd;color:#666;} .select .jq_sel_hide {display:none} .select2{display:inline-block;vertical-align:middle;} .select2 .jq_sel {display:block;position:relative;height:30px;background:#fff;font-size:13px;} .select2 .jq_sel span{overflow:hidden;position:absolute;left:0;top:0;width:100%;white-space:nowrap;height:30px;border:1px solid #e3e3e3;line-height:27px;text-indent:10px;color:#404040;cursor:pointer} .select2 .jq_sel a.jqTransformSelectOpen {display:block;position:absolute;right:0;width:30px;height:28px;background:url('/manage/img/ic_select_arr.gif') no-repeat center;} .select2 .jq_sel ul {display:none;overflow:auto;overflow-y:auto;position:absolute;top:32px;left:0;max-height:300px;width:100%;list-style:none;background-color:#fff;border:solid 1px #d7d7d7;white-space:nowrap} .select2 .jq_sel li {text-indent:10px;} .select2 .jq_sel ul a {display:block;padding:6px 0 9px;text-decoration:none;color:#999;} .select2 .jq_sel ul a:hover, .select2 .jq_sel ul a.selected {background-color:#ddd;color:#666;} .select2 .jq_sel_hide {display:none} .area_title{position:relative;} .area_title .select{position:absolute;top:-6px;right:0;width:160px;} .area_title .area_select{position:absolute;top:-6px;right:0;} .area_title .area_select .select{position:static;} .area_title .rnd_btn.ty4{position:absolute;top:8px;right:0;} .box_check{padding:11px 0 0 20px;height:50px;border-top:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;background:#fff;font-size:12px;} .box_check .check_wrap{margin-right:5%;} .sel_period{overflow:hidden;display:inline-block;margin:0 5px 0 15px;vertical-align:middle;} .sel_period span{display:inline-block;float:left;margin-left:-1px;width:40px;height:30px;border:1px solid #e3e3e3;font-size:12px;line-height:27px;color:#808080;text-align:center;cursor:pointer;} .sel_period span:first-child{margin-left:0;} .sel_period span.on{position:relative;z-index:10;background:#505560;border-color:#505560;color:#fff;} /* ///// layout /////*/ header{height:135px;background:#fff;border-bottom:1px solid #e6e6e6;} #header{position:relative;height:90px;background:#202328;color:#fff;} #header:after, nav > ul{content:'';display:block;clear:both;} h1{float:left;margin:25px 0 0 30px;font-size:20px;} nav > ul{position:absolute;top:28px;left:0;padding:0 235px;width:100%;} nav > ul > li{position:relative;float:left;width:14.1%;font-size:16px;text-align:center;} nav > ul > li a{display:inline-block;padding:7px 0 9px;} /*_:-ms-input-placeholder, :root nav > ul > li a{letter-spacing:-.05em;}*/ nav > ul > li:nth-child(2) > a, nav > ul > li:nth-child(3) > a{padding:7px 13px 9px;} nav > ul > li.on > a{border-bottom:1px solid #fff;} nav > ul > li > ul{display:none;position:absolute;top:69px;left:50%;z-index:10;margin-left:-27px;width:300px;} nav > ul > li.on > ul{display:block;} /* nav > ul > li:nth-child(2) > ul{margin-left:-100px;width:450px;} */ nav > ul > li:nth-child(2) > ul{margin-left:-56px;width:450px;} nav > ul > li:nth-child(3) > ul{margin-left:-312px;width:670px;} nav > ul > li:nth-child(4) > ul{margin-left:-200px;width:1170px;} nav > ul > li:nth-child(5) > ul{margin-left:-28px;width:200px;} nav > ul > li:nth-child(6) > ul{margin-left:-110px;width:370px;} nav > ul > li > ul > li{float:left;margin-right:30px;font-size:15px;color:#999;} nav > ul > li > ul > li > a:hover, nav > ul > li > ul > li.on a{color:#202328;} .area_welcome{float:right;margin:15px 30px 0 0;color:#818181;text-align:right;} .area_welcome a{display:inline-block;font-size:12px;text-align:center;line-height:12px;} .area_welcome a:nth-child(2){margin-left:15px;padding-left:15px;border-left:1px solid #818181;} .area_welcome .person{margin-top:10px;padding-left:35px;background:url('/manage/img/ic_person.png') no-repeat;} #contents{padding:45px 30px 150px;} h2{margin-bottom:20px;font-size:23px;color:#303030;} h3{margin:40px 0 20px;padding-left:14px;background:url('/manage/img/ic_tit.png') 0 50% no-repeat;font-size:18px;color:#303030;} _:-ms-input-placeholder, :root h3 {background-position:0 60%;} h3 em{display:none;/*font-size:13px;*/} h2 + h3{margin-top:0;} /* ///// login ///// */ .box_login{position:fixed;top:50%;left:50%;margin:-200px 0 0 -235px;padding:40px 40px 0;width:470px;height:400px;background:#202328;} .box_login > p{margin-top:10px;} .box_login > p:first-child{margin:0 0 33px;} .box_login input.inp_login{padding-left:20px;width:100%;height:60px;background:#fff;line-height:60px;} .box_login input[type=submit], .box_login input[type=button]{width:100%;height:60px;background:#505560;color:#fff;text-align:center;} .box_login .area_link{overflow:hidden;margin:25px -40px 0;} .box_login .area_link a{float:left;width:33.3%;text-align:center;color:#fff;line-height:22px;} .box_login .area_link a:nth-child(2), .box_login .area_link a:nth-child(3){border-left:1px solid #000;} /* ///// member ///// */ .member_name{overflow:hidden;line-height:1.1;} .member_name .name{float:left;font-size:16px;color:#303030;} .member_name .name em{font-size:12px;color:#404040;} .member_name .login_time{float:right;font-size:13px;} .pos_wrap .member_name{position:absolute;top:-28px;left:0;width:100%;} .photo_list{overflow:hidden;padding:15px 15px;} .photo_list li{float:left;margin-right:10px;width:120px;cursor:pointer;} .photo_list li img{width:120px;height:100px;} .photo_list li span{display:block;margin-top:10px;text-align:center;} .dealer_info{margin-top:32px;} .dealer_info .dealer_mem{overflow:hidden;padding:0 10px 8px;border-bottom:1px solid #d0d0d0;line-height:1.1;} .dealer_info .dealer_mem .name{font-size:16px;color:#303030;} .dealer_info .dealer_mem .name em{font-size:12px;color:#404040;} .dealer_info .dealer_mem .money{float:right;font-size:13px;color:#be0606;} .dealer_info .dealer_grade{margin-top:15px;padding-left:10px;} .dealer_info .dealer_grade span{display:inline-block;margin-right:32px;padding-left:9px;background:url('/manage/img/ic_dot.png') 0 5px no-repeat;} .dealer_info .dealer_grade span em{color:#000;} .dealer_info .dealer_mem .login_time_dealer{ padding-left:20px;font-size:13px;} /* ///// buy ///// */ .tender_info{margin-top:10px;height:130px;background:#fff;border:1px solid #e3e3e3;border-radius:3px;} .tender_info li{float:left;padding-top:38px;width:25%;height:100%;border-left:1px solid #e3e3e3;text-align:center;} .tender_info li:first-child{border:none;} .tender_info li:nth-child(2){width:50%;} .tender_info li span{display:inline-block;padding:7px 0 0 66px;min-height:52px;text-align:center;} .tender_info li span em{display:block;margin-top:8px;font-weight:700;color:#000;} .tender_info li:first-child span{background:url('/manage/img/ic_tender_info01.gif') no-repeat;} .tender_info li:nth-child(2) span:first-child{background:url('/manage/img/ic_tender_info02.gif') no-repeat;} .tender_info li:nth-child(2) span:nth-child(2){margin-left:6%;background:url('/manage/img/ic_tender_info03.gif') no-repeat;} .tender_info li:nth-child(3) span{background:url('/manage/img/ic_tender_info04.gif') no-repeat;} .tender_info li:nth-child(3) span em{margin-top:5px;font-size:18px;color:#2c87c1;} .bid{padding:40px 30px;border:1px solid #e3e3e3;border-radius:3px;background:#fff;} .bid .name{margin-bottom:10px;font-size:18px;color:#000;} .bid .info{position:relative;padding:20px 0 20px 150px;min-height:170px;border-top:1px solid #000;border-bottom:1px solid #000;} .bid .info .thumb{position:absolute;top:20px;left:0;} .bid .info .thumb img{width:130px;height:130px;} .bid .info li{position:relative;margin-top:12px;padding-left:95px;font-size:13px;line-height:17px;} .bid .info li:first-child{margin-top:8px;} .bid .info li em{position:absolute;top:0;left:0;color:#464646;} .bid .info .price{position:absolute;top:50%;right:0;transform:translateY(-50%);-webkit-transform:translateY(-50%);} .bid .info .price em{font-size:18px;font-weight:700;color:#2c87c1;} .bid .info .price.stamp:before{content:'';display:block;position:absolute;top:-23px;left:-72px;width:63px;height:63px;background:url('/manage/img/bg_stamp.png') no-repeat;} .seller_box{position:relative;padding:0 0 0 30px;border:1px solid #e3e3e3;border-radius:3px;background:#fff;} .seller_box ul{overflow:hidden;padding:15px 0 30px;width:480px;} .seller_box ul li{float:left;padding-top:15px;width:50%;} .seller_box ul li span{color:#808080;} .seller_box .area_btn{position:absolute;top:50%;right:30px;margin-top:-17px;} .seller_box .area_btn .rnd_btn{width:130px;} .deal_step:after{content:'';display:block;clear:both;} .deal_step li{position:relative;float:left;padding-left:10px;width:25%;} .deal_step li:first-child{padding-left:0;} .deal_step li:before{position:absolute;top:10px;left:-67px;content:'';display:block;width:134px;height:13px;background:url('/manage/img/bg_step_arr.png') no-repeat;} .deal_step li:first-child:before{display:none;} .deal_step li .step{position:absolute;top:0;left:50%;margin-left:-30px;width:60px;height:60px;border-radius:50%;border:1px solid #e5e5e5;background:#f6f7f9;font-size:15px;line-height:55px;color:#b2b2b2;text-align:center;} .deal_step li .step_cont{margin-top:40px;height:240px;background:#f5f5f5;border:1px solid #e3e3e3;text-align:center;} .deal_step li .step_cont dt{padding:43px 0 34px;font-size:18px;color:#000;} .deal_step li .step_cont dd{line-height:26px;color:#808080;} .deal_step li .step_cont dd.non_msg{margin-top:20px;} .deal_step li.on .step{border:none;background:#2c87c1;color:#fff;line-height:57px;} .deal_step li.on .step_cont{background:#fff;} .deal_step li.on .step_cont dl{position:relative;height:100%;} .deal_step li.on .step_cont dt{padding:43px 0 34px;font-size:18px;color:#000;} .deal_step li.on .step_cont dt.ty2{padding-bottom:20px;} .deal_step li.on .step_cont dd{line-height:26px;color:#808080;} .deal_step li.on .step_cont dd.txt_blue{margin-top:30px;color:#2c87c1;} .deal_step li.on .step_cont dd.info{font-size:13px;line-height:20px;} .deal_step li.on .step_cont dd.btn{position:absolute;bottom:20px;left:0;width:100%;} .reason textarea{padding:15px 20px;height:178px;background:#fff;} .bidder_box{margin-bottom:10px;padding:25px 0 25px 30px;border:1px solid #e3e3e3;border-radius:3px;background:#fff;} .bidder_box span{display:inline-block;margin-right:30px;color:#000;} .bidder_box span em{color:#808080;} /* 추가css_20181112 */ .purchase_grade{margin-top:30px; margin-bottom:20px;padding-left:10px;font-size:18px} .purchase_grade span{display:inline-block; } .purchase_grade span em{color:#be0606;} .purchase_grade span.month { color:#000; margin-right:30px} /* layer popup */ .dim{position:fixed;top:0;left:0;z-index:50;width:100%;height:100%;background:#000;opacity:.5;} .layer_popup{display:none;position:fixed;top:50%;left:50%;z-index:100;padding:20px 28px 30px;background:#fff;} .layer_popup .tit{margin-bottom:15px;font-size:18px;color:#464646;} .layer_popup .cont{border-top:1px solid #000;border-bottom:1px solid #000;} .layer_popup .cont2{padding:20px 0 0;} .layer_popup .cont .return_msg{padding:33px 0 33px 65px;background:url('/manage/img/ic_return.png') 0 50% no-repeat;line-height:25px;} .layer_popup .btn_center{margin-top:20px;} .layer_popup .close{overflow:hidden;position:absolute;top:0;right:0;width:32px;height:32px;background:url('/manage/img/btn_popup_close.png') 50% no-repeat;text-indent:-9999px;cursor:pointer;} .layer_popup .tbl_list2{border-top:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;} .layer_popup .tbl_list2 td .check_wrap{margin-right:20px;} .return_popup{margin:-125px 0 0 -250px;width:500px;height:250px;} .dealer_popup{margin:-140px 0 0 -250px;padding:30px 28px 0;width:500px;height:280px;} .dealer_popup .dealer_pop_info{overflow:hidden;padding:20px 0 30px;} .dealer_popup .dealer_pop_info .photo{float:left;width:130px;} .dealer_popup .dealer_pop_info .photo img{width:130px;height:130px;} .dealer_popup .dealer_pop_info .photo span{display:block;margin-top:15px;color:#464646;text-align:center;} .dealer_popup .dealer_pop_info .photo span em{font-size:13px;color:#404040;} .dealer_popup .dealer_pop_info dl{float:right;width:290px;font-size:13px;line-height:17px;} .dealer_popup .dealer_pop_info dt{float:left;padding-top:13px;width:75px;color:#464646;} .dealer_popup .dealer_pop_info dd{float:left;padding-top:13px;width:215px;} .dealer_popup .dealer_pop_info dt:first-child, .dealer_popup .dealer_pop_info dd:nth-child(2){padding-top:10px;} .seller_popup{margin:-30px 0 0 -500px;padding:30px 28px 0;width:960px;height:500px;} .history_popup{position:relative;padding:10px 50px 20px;width:1100px;font-size:13px;} .history_popup h3{margin-top:20px;padding:0 0 22px;background:none;font-size:30px;color:#000;border-bottom:1px solid #000;} .history_popup h4, .history_popup h5{margin:25px 0 5px;font-size:15px;color:#000;} .history_popup h4:first-child{margin-top:0;} .history_popup .scr_cont{margin-top:30px;} .history_popup .scr_cont2{overflow:auto;margin-top:25px;padding:0 20px 30px 0;height:660px;} .history_popup .tbl_data{border:1px solid #d5d5d5;} .history_popup .tbl_data th, .history_popup .tbl_data td{padding-left:22px;border-top:1px solid #e5e5e5;text-align:left;vertical-align:middle;} .history_popup .tbl_data tr:first-child th, .history_popup .tbl_data tr:first-child td{border-top:none;} .history_popup .tbl_data th{background:#f0f0f0;} .history_popup .tbl_data td{height:38px;border-left:none;color:#808080;} .history_popup .tbl_data td .inp_txt{color:#808080;} .history_popup .tbl_data2{border:1px solid #d5d5d5;border-right:1px solid #d5d5d5;} .history_popup .tbl_data2 th, .history_popup .tbl_data2 td{height:39px;border-top:1px solid #e5e5e5;border-left:1px solid #c9c9c9;text-align:center;vertical-align:middle;} .history_popup .tbl_data2 thead th{padding:0;background:#f0f0f0;font-weight:400;} .history_popup .tbl_data2 thead tr:first-child th{border-top:none;} .history_popup .tbl_data2 tbody th{padding:0;background:none;} .history_popup .tbl_data2 td{color:#000;} .history_popup .notice01{margin-top:10px;padding-left:36px;background:url('/manage/img/ico_notice01.gif') no-repeat;line-height:29px;} .history_popup .notice02{margin-top:10px;padding-left:36px;background:url('/manage/img/ico_notice02.gif') no-repeat;line-height:30px;} .history_popup .notice03 > li{margin-top:30px;line-height:23px;} .history_popup .notice03 li ol li{padding-left:14px;list-style:decimal;list-style-position:inside;line-height:23px;text-indent:-14px;} .history_popup .sign{margin-top:55px;text-align:center;} .history_popup .performance_check{overflow:hidden;} .history_popup .performance_check dt{float:none;clear:both;margin:70px 0 22px;font:700 15px/1 'NS';color:#000;} .history_popup .scr_cont .performance_check:first-child dt{margin-top:0;} .history_popup .performance_check dd{float:left;padding-right:50px;width:50%;} .history_popup .performance_check dd span{display:block;border-bottom:1px solid #e5e5e5;line-height:40px;} .history_popup .close{top:32px;right:48px;width:22px;height:17px;background:url('/manage/img/btn_popup_close2.png') no-repeat;} .car_detail_popup{padding:20px;width:1000px;} .car_detail_popup .btn_right{margin-top:20px;} .car_popup{padding:30px;} .car_popup .cont{padding:20px 0;border-top:1px solid #000;border-bottom:1px solid #000;font-size:13px;} .car_popup .car_info p:first-child{overflow:hidden;margin-bottom:8px;} .car_popup .msg_box{padding:20px 15px;border:1px solid #e3e3e3;color:#808080;line-height:23px;} .car_popup dl{overflow:hidden;} .car_popup dt{padding:20px 0 10px;} .car_popup dd{float:left;margin-left:10px;width:90px;height:70px;} .car_popup dd:nth-child(2){margin:0;} .car_popup dd img{width:100%;height:100%;} .car2_popup{padding:30px;} .car2_popup .cont{padding:20px 0;border-top:1px solid #000;border-bottom:1px solid #000;font-size:13px;} .car2_popup ul{padding:0 30px;font:0/0 Arial;text-align:center;} .car2_popup ul li{display:inline-block;margin-left:20px;} .car2_popup ul li:first-child{margin:0;} .car2_popup ul li span{display:block;margin-bottom:8px;font:13px/1 'Noto Sans Korean', sans-serif;} .car2_popup ul li img{display:block;width:128px;height:100px;font:0/0 Arial;} .photo_popup{padding:0;} .photo_popup .popup_wrap{overflow:auto;max-height:750px;} .photo_popup .close{top:5px;right:5px;width:16px;height:19px;background:url('/img/btn_popup_close2.png') no-repeat;} /* 2020-12-12 추가 */ .collapse_area.popup{width:1000px;margin:0;overflow:auto;height:660px;padding:0 20px 30px 0;} .collapse_area{width:1140px;margin:0 auto;} .collapse_area .report_tit{background:#333;color:#fff;font-size:16px;width:100%;padding:20px 30px;text-align:left;line-height:19px;margin-top:30px;} .collapse_area .report_con{width:100%;display:inline-block;border:1px solid #e0e0e0;padding:30px 20px;border-top:0;} .collapse_area .report_con p.s_txt{font-size:13px;color:#333;margin-bottom:20px;} .collapse_area .report_con .dol-md-6{width:48.6%;margin-right:30px;display:inline-block;float:left;} .collapse_area .report_con .dol-md-6:last-child{margin-right:0;} .collapse_area .report_con .report_row{margin-top:20px;width:100%;} .col-sm-4{width:33.1%;text-align:center;display:inline-block;} .dol-md-6 table.learn-box{} .dol-md-6 table.learn-box tbody tr th{background-color:#f5f5f5;border:1px solid #ddd;vertical-align:middle;width:40%;padding:15px 0;color:#222;font-weight:500;} .dol-md-6 table.learn-box tbody tr td{border:1px solid #ddd;vertical-align:middle;width:60%;padding:15px 0 15px 25px;color:#189bfa;text-align:left;font-weight:500;} .dol-md-5 table.learn-box{width:100%;} .dol-md-5 table.learn-box tbody tr th{background-color:#f5f5f5;border:1px solid #ddd;vertical-align:middle;width:25%;padding:20px 0;color:#222;font-weight:400;} .dol-md-5 table.learn-box tbody tr td{border:1px solid #ddd;text-align:center;vertical-align:middle;width:25%;padding:20px 0;color:#189bfa;font-weight:600;} .dol-md-5 table.learn-box tbody tr td.df_gray{color:#333;} .guide-box-container{position:relative;width:100%;display:block;margin-top:40px;} .guide-box-container .deco{z-index:3;width:140px;position:absolute;right:10px;bottom:-10px;} .guide-box-container .deco img{display:block;max-width:100%;height:auto;} .guide-box-container .guide-box{position:relative;z-index:2;padding:30px;padding-right:160px;background-color:#f5f5f5;} .guide-box-container .guide-box span.guide-title{background-color:#189bfa;color:#fff;border-radius:18px;padding:10px 20px;line-height:12px;font-size:13px;position:absolute;top:-14px;} .guide-box-container .guide-box ul.guide-list{} .guide-box-container .guide-box ul.guide-list li{padding-left:10px;margin-top:10px;position:relative;} .guide-box-container .guide-box ul.guide-list li strong.li-title{position:static;display:block;left:0;top:0;font-size:15px;line-height:24px;color:#222;letter-spacing:-1px;margin-bottom:5px;} .guide-box-container .guide-box ul.guide-list li strong.li-title:before{content:"";display:inline-block;width:4px;height:4px;background-color:#189bfa;margin-right:10px;position:relative;top:-3px;} .guide-box-container .guide-box ul.guide-list li .li-content{padding-left:13px;font-size:14px;line-height:24px;color:#777;margin-bottom:15px;} ul.ex_box_wrap{display:block;} ul.ex_box_wrap li{float:left;border:1px solid #e6e6e6;margin-right:30px;width:247px;margin-bottom:30px;padding-bottom:20px;text-align:center;} ul.ex_box_wrap li:nth-child(4), .collapse_area .report_con ul.ex_box_wrap li:nth-child(8){margin-right:0;} ul.ex_box_wrap li div.ico{width:100px;margin:auto;padding:20px 0 15px 0;} ul.ex_box_wrap li div.ico img{text-align:center;width:100%;} ul.ex_box_wrap li span{color:#333;font-size:15px;margin-bottom:5px;} ul.ex_box_wrap li .price{font-size:19px;color:#189bfa;font-weight:300;margin-top:10px;} ul.ex_box_wrap li .off{color:#777;} .col-sm-4 div.ico{width:100px;margin:auto;padding:20px 0 15px 0;} .col-sm-4 div.ico img{text-align:center;width:100%;} .col-sm-4 span{color:#333;font-size:15px;margin-bottom:5px;} .col-sm-4 .price{font-size:19px;color:#189bfa;font-weight:300;margin-top:10px;} .col-sm-4 .off{color:#777;} .report_con .message{font-size:20px;margin-top:25px;text-align:center;font-weight:300;color:#222;clear:both;} .report_con .message strong.color-key{color:#189bfa;} .report_con .message i.icon-font{margin-top:-3px;vertical-align:middle;} .icon-font{font-family: 'Noto Sans KR', sans-serif;line-height:1;position:relative;display:inline-block;-webkit-font-smoothing:antialiased;margin-right:5px;} .icon-siren:before{content:"";display:inline-block;width:36px;height:30px;background:no-repeat;background-position:center center;background:url(https://www.carhistory.or.kr/img/icon/siren.png);background-size:cover;} .icon-angle-up:before{content:"\f106";} .icon-siren.small:before{width:30px;height:25px;margin-right:5px;} .message.small{font-size:16px;margin-bottom:20px;} .message.small strong{font-weight:500;} .report_con .bg-lightgray{background-color:#f5f5f5;font-size:16px;line-height:26px;text-align:center;border:1px solid #e8e8e8;padding:20px 0;margin-bottom:20px;} span.color-sky{color:#189bfa;} .report_con p{font-size:14px;color:#444;font-weight:400;line-height:25px;} .report_con p.small{font-size:12px;margin-top:20px;} .report_con p.small.color-gray{color:#787878;} .report_con ul.dashed-line{margin-top:25px;} .report_con ul.dashed-line li{padding:30px 0;border-top:1px dashed #b4b4b4;} .report_con ul.dashed-line li:first-child{border-top:none;padding-top:0;} .crash-info-list{display:table;table-layout:fixed;width:100%;} .crash-info-list .row [class^="col-md-"]{display:inline-table;min-height:1px;float:none;} .crash-info-list .row{display:table-row;} .crash-info-list .row div{float:left;text-align:center;vertical-align:middle;width:100%;} .crash-info-list .row .col-md-2{width:16.66666667%;} .crash-info-list .row .col-md-4{width:30.6%;} .crash-info-list .row .col-md-6{width:49%;margin-right:30px;} .crash-info-list .date{vertical-align:middle;} .xlarge{color:#189bfa;font-size:24px;line-height:26px;} .table-head{color:#fff;text-align:center;padding:18px;margin-bottom:5px;} .table-head.color-sky{background-color:#189bfa;} .table-head.color-mint{background-color:#00b5b8;} .crash_tb{width:100%;} .crash_tb thead th{font-size:14px;height:50px;line-height:47px;background-color:#f5f5f5;border:1px solid #d2d2d2;color:#333;font-weight:400;width:50%;} .crash_tb tbody td span.badge{font-size:13px;display:inline-block;vertical-align:middle;letter-spacing:-0.02em;border-radius:10px;background-color:#3c3c3c;color:#fff;line-height:20px;height:20px;padding:0 7px;font-weight:400;margin-bottom:5px;} .crash_tb tbody td a.btn{display:inline-block;margin-bottom:0;font-weight:normal;letter-spacing:-0.02em;text-transform:uppercase;text-align:center;vertical-align:middle;touch-action:manipulation;cursor:pointer;background-image:none;border:1px solid #189bfa;color:#189bfa;background-color:#fff;font-size:12px;border-radius:13px;padding:0 10px;margin-bottom:12px;} .crash_tb tbody td a.btn:hover{background:#006eb6;color:#fff;border:1px solid #006eb6;} .crash_tb tbody td{text-align:center;font-size:14px;line-height:22px;border:1px solid #d2d2d2;color:#222;font-weight:700;width:50%;vertical-align:middle;padding:20px 0;} .crash_tb tbody tr.long-1{height:90px;padding:0;} .crash_tb tbody tr.long-2{height:190px;padding:0;} .crash_tb tbody td strong.color-sky{color:#189bfa;} .crash_tb tbody td strong.color-mint{color:#00b5b8;} .bullet-list{} .bullet-list li{position:relative;padding-left:10px;font-size:14px;line-height:25px;letter-spacing:-1px;} .bullet-list li .bullet{position:absolute;left:0;top:0;} .bullet-list li .color-key{color:#189bfa;} .collapse_area.popup .report_con ul.ex_box_wrap li{width:22.5%;} .collapse_area.popup .report_con ul.ex_box_wrap li:nth-child(4){margin-right:0;} .collapse_area.popup .report_con ul.dashed-line li div.crash-info-list .row .col-md-2{width:18%;} .collapse_area.popup .report_con ul.dashed-line li div.crash-info-list .row .col-md-6{width:45%;}