@charset "utf-8";
.content h2 {font-size:27px;color:#172d2b;font-weight:800;line-height:65px;text-align:center;}
.content h2 > span {vertical-align:middle;display:inline-block;line-height:14px;padding:6px 20px;font-size:13px;border-radius:7px;margin-left:7px;}
.content h2 > span.bidding {background:#172d2b;color:#fff;}
.content h2 > span.state {background:#fff;color:#2bd3c6;border:1px solid #2bd3c6;}

/*입찰 제출 페이지*/
.content h2 .tit {display:block;margin:0 auto;width:200px;text-align:center;font-size:27px;color:#172d2b;padding-bottom:10px;border-bottom:2px solid #172d2b;}
/*선도매매신청*/
.content h2 .pre_bidding_tit {border-bottom:2px solid #222;font-size:27px;color:#172d2b;font-weight:800;line-height:65px;}
.content h4 {font-size:18px;color:#172d2b;font-weight:800;margin:50px auto 20px auto;}

/*비딩페이지 정보*/
.tb_detail {width:100%;border-top:2px solid #4b504f;table-layout:fixed;}
.tb_detail > tbody > tr > th {padding:15px;font-size:14px;color:#888;font-weight:400;text-align:left;border-bottom:1px solid #eee;}
.tb_detail > tbody > tr > td {padding:15px;font-size:14px;color:#444;border-bottom:1px solid #eee;}
.tb_detail > tbody > tr > td > strong {font-weight:800;color:#222;}
.tb_detail > tbody > tr > td > a {padding:8px 10px;font-size:13px;border-radius:7px;}
.tb_detail > tbody > tr > td > a.all_list {background:#172d2b;color:#fff;}
.tb_detail > tbody > tr > td > a.grade {background:#2bd3c6;color:#fff;}
.tb_detail > tbody > tr > td > a.bidding {background:#e1e1e1;color:#222;}
.tb_detail > tbody > tr > td > img {border:2px solid #172d2b;}
.tb_detail > tbody > tr:last-child th,.tb_detail > tbody > tr:last-child > td {border:0;}

/*입찰정보요약*/
/*
.tb_detail > tbody > tr > td > .tb_summary {border:2px solid #222;width:500px;table-layout:fixed;}
*/
.tb_detail > tbody > tr > td > .tb_summary {border:2px solid #222;width:100%;table-layout:fixed;line-height:15px;}
/*
.tb_detail > tbody > tr > td > .tb_summary > thead > tr > th {font-size:12px;font-weight:700;color:#444;padding:7px;border-bottom:1px solid #ddd;background:#f2f2f2;}
*/
.tb_detail > tbody > tr > td > .tb_summary > thead > tr > th {font-size:12px;font-weight:700;color:#444;padding:7px;border:1px solid #ddd;background:#f2f2f2;}
/*
.tb_detail > tbody > tr > td > .tb_summary > tbody > tr > th {text-align:center;font-size:12px;font-weight:400;color:#444;padding:7px;border-bottom:1px solid #ddd;}
*/
.tb_detail > tbody > tr > td > .tb_summary > tbody > tr > th {text-align:center;font-size:12px;font-weight:400;color:#444;padding:7px;border:1px solid #ddd;}
/*
.tb_detail > tbody > tr > td > .tb_summary > tbody > tr > td {text-align:center;font-size:12px;font-weight:400;color:#777;padding:7px;border-bottom:1px solid #ddd;}
*/
.tb_detail > tbody > tr > td > .tb_summary > tbody > tr > td {text-align:center;font-size:12px;font-weight:400;color:#777;padding:7px;border:1px solid #ddd;}
.tb_detail > tbody > tr > td > .tb_summary > tbody > tr > td.pd0 {padding:0;}
.tb_detail > tbody > tr > td > .tb_summary > tbody > tr > td > table {width:100%;table-layout:fixed;}
/*
.tb_detail > tbody > tr > td > .tb_summary > tbody > tr > td > table > thead > tr > th {background:#f2f2f2;font-size:11px;font-weight:700;color:#444;padding:7px;border-bottom:1px solid #ddd;}
.tb_detail > tbody > tr > td > .tb_summary > tbody > tr > td > table > tbody > tr > th {background:#f2f2f2;font-size:11px;font-weight:400;color:#444;padding:7px;border-bottom:1px solid #ddd}
.tb_detail > tbody > tr > td > .tb_summary > tbody > tr > td > table > tbody > tr > td {font-size:11px;font-weight:400;color:#444;padding:7px;border-bottom:1px solid #ddd;border-left:1px solid #ddd;}
*/
.tb_detail > tbody > tr > td > .tb_summary > tbody > tr > td > table > thead > tr > th {background:#f2f2f2;font-size:11px;font-weight:700;color:#444;padding:7px;border:1px solid #ddd;}
.tb_detail > tbody > tr > td > .tb_summary > tbody > tr > td > table > tbody > tr > th {background:#f2f2f2;font-size:11px;font-weight:400;color:#444;padding:7px 3px;border:1px solid #ddd}
.tb_detail > tbody > tr > td > .tb_summary > tbody > tr > td > table > tbody > tr > td {font-size:8px;font-weight:400;color:#444;padding:7px 3px;border:1px solid #ddd;}
/*
.tb_detail > tbody > tr > td > .tb_summary > tbody > tr > td > table > tbody > tr:last-child > td {border:0;}
*/
/*체크영역*/
.search_area {width:100%;border-radius:7px;overflow:hidden;margin-top:70px;border:1px solid #e9ebeb;}
.search_area:after {content:' ';display:block;width:0;height:0;visibility:hidden;clear:both;}
.search_area dt {float:left;width:10%;padding:0 20px;line-height:50px;font-size:15px;color:#fff;background:#172d2b;border-bottom:1px solid #254441;}
.search_area dd {float:left;width:90%;padding:0 20px;font-size:13px;color:#777;line-height:50px;background:#f7f7f7;border-bottom:1px solid #e9ebeb;}
.search_area ul {width:100%;}
.search_area ul:after {content:' ';display:block;width:0;height:0;visibility:hidden;clear:both;}
/*
.search_area ul li {float:left;width:15%;line-height:40px;font-size:13px;color:#777;}
*/
.search_area ul li {float:left;width:33%;line-height:40px;font-size:13px;color:#777;}
.search_area dd.model {height:120px;}
.search_area dt.model {height:120px;overflow:hidden;}
.search_area dd.search {text-align:center;}
.search_area dd.search input[type="text"] {padding:0 10px;vertical-align:middle;line-height:34px;width:200px;height:34px;border:1px solid #ddd;border-radius:7px;}
.search_area dd.search button {vertical-align:middle;margin-left:5px;line-height:34px;height:34px;width:34px;background:#172d2b;border-radius:7px;}
.search_area dd.search button img {vertical-align:middle;}
.search_area dd.search button[type="reset"] {margin-left:10px;width:100px;background:#2bd3c6;color:#fff;text-align:center;}


/*비딩 상세 블럭*/
.tb_blcoklist {margin-top:55px;width:100%;table-layout:fixed;border-top:1px solid #172d2b}
.tb_blcoklist thead th {background:#fff;font-size:15px;color:#777;line-height:50px;border-bottom:1px solid #c7cccb;}    
.tb_blcoklist tbody td {font-size:13px;color:#777;line-height:40px;text-align:center;border-bottom:1px solid #e3e6e5;}
.tb_blcoklist tbody td  strong {color:#101010;font-weight:800;}
.tb_blcoklist tbody td input {color:#101010;font-weight:800;margin:0 10px;width:165px;height:28px;border:1px solid #ddd;border-radius:3px;}
.tb_blcoklist tbody td a {display:inline-block;vertical-align:middle;border:1px solid #ccc;padding:5px 10px;font-size:13px;color:#444;border-radius:4px;line-height:15px;}
.tb_blcoklist tbody td button {display:inline-block;vertical-align:middle;border:1px solid #2bd3c6;background:#2bd3c6;font-size:13px;padding:5px 10px;line-height:15px;color:#fff;border-radius:4px;}

/*
.tb_blcoklist > tbody > tr > td:nth-child(2) > strong {display:inline-block;width:90%;text-align:left; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
*/
.tb_blcoklist > tbody > tr > td:nth-child(2) > strong {/* display:inline-block; */width:90%;text-align:left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
/*비딩 퀵*/
/*
.quick_wrap {width:75px;height:auto;position:fixed;top:214px;right:50%;margin-right:-740px;}
*/
.quick_wrap {width:75px;height:auto;position:fixed;top:214px;right: 1%;}
.quick_button {margin:0 auto;width:75px;height:75px;font-size:14px;line-height:32px;border-radius:38px;background:#2bd3c6;color:#fff;text-align:center;}

/*
.quick_button {margin:0 auto;width:75px;height:75px;font-size:12px;line-height:32px;border-radius:38px;background:#2bd3c6;color:#fff;text-align:center;}
*/
.quick_button img {vertical-align:bottom;}
.quick_button a {color:#fff;}
.quick_button.submit {background:#172d2b;margin-top:10px;}
.circle_small {margin:10px auto;width:8px;height:8px;background:#2bd3c6;border-radius:4px;}
.circle_middle {margin:10px auto;width:16px;height:16px;background:#2bd3c6;border-radius:8px;}
.circle_middle2 {margin:10px auto;width:16px;height:16px;background:#172d2b;border-radius:8px;}
.circle_small2 {margin:10px auto;width:8px;height:8px;background:#172d2b;border-radius:4px;}

/*비딩제출페이지*/
.bidding_top_conts {width:1280px;margin: 0 auto;background:#fcfcfc;}
.bidding_top_conts.fixed {z-index:10000;position:fixed;top:0;left:50%;margin-left:-640px;}

.tb_submit_list_top {margin:100px 0 15px 0;}
.tb_submit_list_top:after {content:' ';display:block;width:0;height:0;visibility:hidden;clear:both;}
.tb_submit_list_top .btn_area {float:left;font-size:13px;color:#888;}
.tb_submit_list_top .btn_area a {padding:8px 20px;background:#2bd3c6;font-size:13px;color:#fff;margin-right:20px;border-radius:7px;}
.tb_submit_list_top .btn_area input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: 0; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.tb_submit_list_top .btn_area label { display: inline-block; padding:8px 10px; color: #101010; font-size:13px; vertical-align: middle; background-color: #fdfdfd; cursor: pointer; border: 1px solid #ddd; border-radius:3px; }
.tb_submit_list_top .btn_area .upload-name { display: inline-block; padding:8px 10px;font-size:13px;vertical-align: middle; background-color: #f5f5f5; border: 1px solid #ebebeb;border-radius: 3px; -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; }
.tb_submit_list_top .btn_area button {border:0;vertical-align:middle;margin-right:5px;padding:8px 10px;font-size:13px;background:#172d2b;border-radius:3px;color:#fff;}

.tb_submit_list_top .info {float:right;}
.tb_submit_list_top .info ul:after {content:' ';display:block;width:0;height:0;visibility:hidden;clear:both;}
.tb_submit_list_top .info ul li {float:left;font-size:13px;color:#777;padding:0 20px;background:url("../images/common/top_menu_line.png") no-repeat 100% 50%;}
.tb_submit_list_top .info ul li span {font-size:22px;font-weight:800;color:#23ab9f;}
.tb_submit_list_top .info ul li span.total_price {color:#172d2b;}
.tb_submit_list_top .info ul li:last-child {padding-right:0;background:0;}

.tb_submit_list {width:100%;table-layout:fixed;}
.tb_submit_list > thead > tr > th {font-size:15px;color:#777;height:45px;border-top:2px solid #172d2b;background:#fff;border-bottom:1px solid #ddd;}
.tb_submit_list > tbody > tr > td {font-size:13px;line-height:13px;color:#777;padding:7px 0;text-align:center;border-bottom:1px solid #ccc;}
.tb_submit_list > tbody > tr > td > strong {vertical-align:middle;font-weight:800;color:#101010;}
.tb_submit_list > tbody > tr > td:nth-child(3) > strong {display:inline-block;width:80%;text-align:left; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.tb_submit_list > tbody > tr > td > span {color:#23ab9f;font-weight:700;}
.tb_submit_list > tbody > tr > td > input[type="text"] {padding:0 10px;margin:0 7px;text-align:right;color:#101010;font-size:15px;font-weight:700;width:150px;height:28px;border:1px solid #ccc;border-radius:4px;}
.tb_submit_list > tbody > tr > td > button {width:80px;line-height:28px;background:#2bd3c6;border-radius:7px;color:#fff;font-weight:700;margin-left:5px;}
.tb_submit_list > tbody > tr > td > .arrow {vertical-align:middle;margin-right:10px;display:inline-block;width:10px;height:10px;background:url("../images/common/open_arrow.png") no-repeat 0 0;}
.tb_submit_list > tbody > tr > td > .arrow.on {background:url("../images/common/close_arrow.png") no-repeat 0 0;}
.tb_submit_list > tbody > tr > td.alignL {text-align:left;}
.tb_submit_list > tbody > tr > td.alignL > span {display:inline-block;width:60px;color:#222;} 
.tb_submit_list > tbody > tr.first_depth  {display:none;}
.tb_submit_list > tbody > tr.first_depth > td.pd0 {padding:0;}
.tb_submit_list > tbody > tr > td > table {width:100%;table-layout:fixed;margin:0 auto;}
.tb_submit_list > tbody > tr > td > table > tbody > tr > td {font-size:13px;color:#777;padding:7px 0;text-align:center;border-bottom:1px solid #ddd;background:#f5f5f5;}
.tb_submit_list > tbody > tr > td > table > tbody > tr > td.alignL {text-align:left;}
.tb_submit_list > tbody > tr > td > table > tbody > tr > td.alignL > span {display:inline-block;width:60px;color:#222;} 
.tb_submit_list > tbody > tr > td > table > tbody > tr:last-child > td {border-bottom:0;}
.tb_submit_list > tbody > tr > td > table > tbody > tr.second_depth {display:none;}
.tb_submit_list > tbody > tr > td > table > tbody > tr.second_depth td.pd0 {padding:0;}
.tb_submit_list > tbody > tr > td > table > tbody > tr > td > .arrow {display:inline-block;vertical-align:middle;margin-right:10px;width:10px;height:10px;background:url("../images/common/open_arrow.png") no-repeat 0 0;}
.tb_submit_list > tbody > tr > td > table > tbody > tr > td > .arrow.on {background:url("../images/common/close_arrow.png") no-repeat 0 0;}
.tb_submit_list > tbody > tr > td > table > tbody > tr > td > input[type="text"] {padding:0 10px;margin:0 7px;text-align:right;color:#101010;font-size:15px;font-weight:700;width:150px;height:28px;border:1px solid #ccc;border-radius:4px;}
.tb_submit_list > tbody > tr > td > table > tbody > tr > td > table {width:100%;table-layout:fixed;margin:0 auto;}
.tb_submit_list > tbody > tr > td > table > tbody > tr > td > table > thead > tr > th {background:#e7e7e7;font-size:13px;color:#222;height:40px;border-bottom:1px solid #ccc;}
.tb_submit_list > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td {padding:10px 0;background: #e7e7e7;font-size:13px;}
.tb_submit_list > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td > input[type="text"] {padding:0 10px;margin:0 7px;text-align:right;color:#101010;font-size:15px;font-weight:700;width:150px;height:28px;border:1px solid #ccc;border-radius:4px;}
.tb_submit_list > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td.alignL {text-align:left;}
.tb_submit_list > tbody > tr > td > table > tbody > tr > td > table > tbody > tr > td.alignL > span {display:inline-block;width:60px;color:#222;}

.tb_submit_list > tbody > tr > td > table > thead > tr > th {background:#e7e7e7;font-size:13px;color:#222;height:40px;border-bottom:1px solid #ccc;}

.bidding_btn_wrap {text-align:center;margin-top:40px;}
.bidding_btn_wrap button {width:140px;height:50px;text-align:center;font-size:17px;border-radius:7px;margin-right:5px;}
.bidding_btn_wrap button.delete {background:#ebebeb;color:#222;}
.bidding_btn_wrap button.submit {background:#172d2b;color:#fff;}
.bidding_btn_wrap button.save {background:#2bd3c6;color:#fff;}
.bidding_btn_wrap button.close {background:#ebebeb;color:#222;}

.agree_wrap {width:100%;margin-top:40px;font-size:15px;color:#777;text-align:center;}
.agree_wrap a {color:#23ab9f;font-weight:700;}

/*레이어 팝업*/
.agree_dim {display:none;z-index:10000;position:fixed;width:100%;top:0;bottom:0;left:0;background:rgba(0 , 0, 0, 0.7);}
.bidding_layerpop {display:none;z-index:10001;position:fixed;top:50%;left:50%;width:800px;height:600px;margin-left:-400px;margin-top:-300px;background:#fff;box-sizing:border-box;padding:40px;border:1px solid #444;}
.bidding_layerpop .bidding_layerClose {position:relative;width:100%;}
.bidding_layerpop .bidding_layerClose a {position:absolute;top:-80px;right:-40px;font-size:16px;color:#fff;font-weight:bold;}
.bidding_layerpop h3 {font-size:20px;font-weight:bold;}
.bidding_layerpop .bidding_agree_box {font-size:15px;color:#777;line-height:140%;margin:20px 0 30px 0;width:100%;height:200px;box-sizing:border-box;padding:10px;border:1px solid #ddd;background:#f3f3f3;overflow-y:scroll;}

/* 선도 매매 */

.about_pre_bidding {font-size:14px;line-height:28px;color:#555;text-align:center;margin-top:45px;}
.bidding_diagram {text-align:center;margin-top:45px;}

.pre_bidding_tb caption {margin-bottom:10px;width:100%;height:28px;text-indent:0;font-size:18px;line-height:28px;color:#222;font-weight:700;text-align:left;}
.pre_bidding_tb {width:870px;table-layout:fixed;border-top:2px solid #172d2b;margin:0 auto;}
.pre_bidding_tb  tbody th {text-align:left;padding-left:30px;font-size:14px;color:#444;background:#f4f4f4;height:45px;border-bottom:1px solid #ddd;}
.pre_bidding_tb  tbody td {text-align:left;padding:0 20px;font-size:13px;color:#666;background:#fff;height:45px;border-bottom:1px solid #ddd;}
.pre_bidding_tb  tbody td input[type="text"] {width:260px;height:30px;background:#fff;border:1px solid #dedede;}
.pre_bidding_tb  tbody td input[type="text"].period {width:170px;}
.pre_bidding_tb  tbody td input[type="text"].short {width:100px;}
.pre_bidding_tb  tbody td textarea {width:100%;height:150px;margin:10px 0;border:1px solid #ddd;}
.pre_bidding_tb  tbody td a img {vertical-align:middle;}
.pre_bidding_tb  tbody th .essential {color:#2bd3c6;}


.pre_bidding_button {text-align:center;margin-top:30px;}
.pre_bidding_button  button {width:160px;height:50px;text-align:center;line-height:50px;border-radius:10px;font-size:18px;font-weight:400;}
.pre_bidding_button  button.apply {background:#22cfc1;color:#fff;}
.pre_bidding_button  button.cancel {background:#fff;color:#222;border:1px solid #ddd;}

.pre_bidding_list {width:870px;table-layout:fixed;margin:20px auto 0 auto;border-top:2px solid #172d2b;}
.pre_bidding_list thead tr th {padding:10px 0;background:#fff;border-bottom:1px solid #ccc;font-size:14px;font-weight:700;}
.pre_bidding_list tbody tr td {padding:10px 0;border-bottom:1px solid #ddd;color:#777;font-size:13px;line-height:24px;text-align:center;}
.pre_bidding_list tbody tr td a {display:block;width:70%;line-height:14px;font-weight:700;color:#222;overflow:hidden; white-space: nowrap;text-overflow:ellipsis;}
.pre_bidding_list tbody tr.reply td {text-align:center;background:#efefef;}
.pre_bidding_list tbody tr.reply td:nth-child(2) {text-align:left;}
.pre_bidding_list tbody tr.reply {display:none;}
.pre_bidding_list tbody tr.reply.on {display:table-row;}

.pre_reply_write {width:870px;padding:10px 20px;margin:30px auto;background:#efefef;border:1px solid #ddd;}
.pre_reply_write table {width:100%;}
.pre_reply_write table th {padding:5px 0;font-size:14px;line-height:16px;text-align:left;color:#222;}
.pre_reply_write table td {padding:5px 0;line-height:16px;}
.pre_reply_write table td input {width:50%;background:#fff;border:1px solid #ddd;height:30px;}
.pre_reply_write table td textarea {vertical-align:middle;width:80%;background:#fff;border:1px solid #ddd;height:80px;}
.pre_reply_write table td button {cursor:pointer;vertical-align:middle;width:18%;margin-left:1%;height:80px;color:#fff;font-size:16px;font-weight:700;line-height:80px;background:#22cfc1;border-radius:7px;}