@charset "utf-8";

/******************* 메인 *******************/
.main {padding-bottom:50px;}


/******************* 공통 *******************/
.tit_box {text-align:center;}

h2.tit01 {font-size:36px; color:#272727; padding-bottom:15px; background:url(../images/main/line01.png) no-repeat center bottom; margin-top:40px; font-weight:600;}
h2.tit01 span {font-weight:normal;}
h3.tit02 {font-size:18px; color:#666;}
h3.tit02 span {font-weight:normal; font-size:14px; display:inline-block; margin-top:4px; margin-left:5px; color:#888;}
p.tbl_detail {margin-top:10px; letter-spacing: 0.8px; line-height: 22px;}
p.txt01 {color:#666; margin-top:20px;}
p.txt01 span {color:#f63f3f;}


.container {width:980px; margin:0 auto; zoom:1}
.container:after	{ content:""; clear:both; display:block}

.content {margin-top:60px; zoom:1}
.content:after	{ content:""; clear:both; display:block}

textarea {box-sizing:border-box; border:1px solid #cdcdcd; resize:none; width:100%; padding:10px; color:#666;}
label span {color:#666; margin-left:5px;}

/*공통 탑 이미지 텍스트*/
.request {height:220px; background:url(../images/sub/sub_visual01.jpg) no-repeat center top; background-size:100% 100%; padding: 59px 0; text-align:center;}
.request .container {padding:0 5px; width:980px;}
.request .req_box {border:1px solid #fff; color:#fff; height:200px;}
.request .req_box h2 {font-size:40px; padding-top:50px;}
.request .req_box p {font-size:22px; margin-top:25px;}

/*리스트 타입*/
.listing {overflow:hidden;}
.listing li {padding-left:10px; background:url(../images/sub/dots01.png) no-repeat left 6px; color:#666; margin-top:10px;}


/* 입찰의뢰 탭메뉴*/
.tab_step {overflow:hidden; margin-top:50px;}
.tab_step li {float:left; width:20%; box-sizing:border-box; color:#3b291c; position:relative; height:107px;}
.tab_step li .tab {padding:22px 0 18px 20px; border:1px solid #cdc2b9; border-left:0;}
.tab_step li:first-child .tab {border-left:1px solid #cdc2b9;}
.tab_step li h3 {font-size:24px;}
.tab_step li p {font-size:16px; margin-top:5px;}
.tab_step li img {position:absolute; right:10px; bottom:30px;}
.tab_step li.on {background:url(../images/sub/arrow01.png) no-repeat center 93px; color:#fff;}
.tab_step li.on .tab {background:#ff971d; border-bottom:1px solid #ff971d;}

/*버튼*/
.btn_box {text-align:center; margin-top:30px;}
.btn_box a, .search_btn {display:inline-block; width:120px; height:42px; line-height:42px; color:#fff; font-size:16px; border-radius:2px; background:#ff971c;}
.btn_box input{display:inline-block; width:120px; height:42px; line-height:42px; color:#fff; font-size:16px; border-radius:2px; background:#ff971c;}
.btn_box a.btn01 {background:#a2a2a2;}
.btn_box2 {text-align:right; margin-top:20px;}
.btn_box2 a {display:inline-block; height:30px; line-height:30px; padding:0 17px; color:#fff; font-size:14px; border-radius:2px; background:#888;}
.btn_box2 a.btn02 {background:#444;}
.btn_box2 input {display:inline-block; height:30px; line-height:30px; padding:0 17px; color:#fff; font-size:14px; border-radius:2px; background:#888;}
.btn_box2 input.btn02 {background:#444;}

/*테이블 공통*/
.table_box {margin-top:10px;}
.table_box table {width:100%;}
.table_box th {height:50px; vertical-align:middle; text-align:left; padding-left:25px; font-size:16px; color:#fff; background:#847164; border:1px solid #d4d4d4;}
.table_box td {height:30px; vertical-align:middle; padding:10px 25px; color:#666; border:1px solid #d4d4d4;}
.table_box td.sum {color:#cf000e;}
.table_box td.sum span {color:#cf000e;}
.table_box td span {vertical-align:middle; display:inline-block; font-weight:normal;}



.table_box .tableList		{ width:100%; text-align:center; border:1px solid #d4d4d4;}
.table_box .tableList th	{ height:42px;  padding-left:0; background:#847164; text-align:center; vertical-align:middle; color:#fff; font-size:16px;}
.table_box .tableList td	{ padding:10px 20px; border:1px solid #d4d4d4; color:#666; vertical-align:middle;}
.table_box .tableList td.title	{ text-align:left; line-height:22px; letter-spacing:0.5px;}
.table_box .tableList td a	{ color:#666}
.table_box .tableList td a:hover	{ text-decoration:underline}

.table_box .tableView th,
.table_box .tableView td	{ text-align:left}
.table_box .tableView th	{ height:30px; padding:10px 25px; }
.table_box .tableView td		{ color:#999}
.table_box .tableView td strong	{ color:#666}
.table_box .tableView td .hit	{ float:right}
.table_box .tableView .conWrap	{ min-height:200px; vertical-align:top; color:#666; letter-spacing:0.5px}


/*input, select 공통*/
select {box-sizing:border-box; height:30px; border:1px solid #cdcdcd; padding:0 5px; vertical-align:middle;}
.selt01 {width:100px;}
.selt02 {width:160px;}
.selt03 {width:93px;}
input {box-sizing:border-box; vertical-align:middle;}
.inpt_com {height:30px; border:1px solid #cdcdcd; padding:0 5px;}
.inpt01 {width:100px;}
.inpt02 {width:325px;}
.inpt03 {width:100%;}

.inpt04 {width:250px;}
.inpt05 {width:62px;}

/* 검색 공통 */
.search { float:right; padding:0 0 10px 0;}
.search legend { position:absolute; left:0; top:-9999px;}
.search form { display:inline-block;}
.search select { width:130px; }
.search1 { width:210px; vertical-align:top}
.search a { font-size:14px; color:#fff; display:inline-block; background:#3b291c;padding:7px 12px;}
.search2 { font-size:12px; color:#fff; display:inline-block; background:#3b291c;padding:7px 12px; vertical-align:top}

/* 페이징 공통 */
.list_page { margin:30px auto 0; text-align: center; zoom:1}
.list_page:after { content:""; clear:both; display:block}
.list_page .first_btn { display:inline-block; width:25px; height:24px; text-indent:-9999px; vertical-align:bottom; background:url(../images/sub/arrow_l.png) no-repeat left top;}
.list_page .first2_btn { display:inline-block; width:24px; height:24px; text-indent:-9999px; vertical-align:bottom; background:url(../images/sub/arrow_l.png) no-repeat -25px top;}
.list_page ul{ display:inline-block; overflow:hidden; padding:0 7px; vertical-align:bottom;}
.list_page li { float:left; margin:0 5px;}
.list_page li a { display:block; width:24px; height:24px; font-size:12px;  color:#444; text-align:center; line-height:25px;}
.list_page li:hover a,
.list_page li a.on { color:#fff; background:#847164; }
.list_page .last_btn { display:inline-block; width:24px; height:24px; text-indent:-9999px;vertical-align:bottom; background:url(../images/sub/arrow_r.png) no-repeat -25px top;}
.list_page .last2_btn { display:inline-block; width:25px; height:24px; text-indent:-9999px;vertical-align:bottom; background:url(../images/sub/arrow_r.png) no-repeat left top;}



/******************* //공통 *******************/


/******************* 입찰의뢰규정 동의 *******************/
.bid_req01 textarea {margin-top:10px;}

/******************* 예치금 납부 *******************/
.bid_req03 .listing {margin-top:20px;}
.bid_req03 .table_box td span {float:right; font-size:12px; line-height:16px;}

/******************* 예치금 납부 *******************/
.bid_req04 .table_box td span {vertical-align:top;}


/* 입찰목록 리스트 */
.searchWrap			{ zoom:1}
.searchWrap:after	{ content:""; clear:both; display:block}
.list_lineup		{ float:left; margin-top:12px;}
.list_lineup li		{ position:relative; float:left; margin-left:12px; padding-left:12px; }
.list_lineup li:before	{ content:""; clear:both; display:block; position:absolute; top:1px; left:0; width:1px; height:12px; background:#666}
.list_lineup li:first-child	{ margin-left:0; padding-left:0}
.list_lineup li:first-child:before	{ display:none;}
.list_lineup li a		{ color:#666; font-size:13px; line-height:1}
.list_lineup li.selected a	{ color:#925d38}

.bid_list		{ position:relative; width:100%; zoom:1}
.bid_list:after	{ content:""; clear:both; display:block}
.bid_list li	{ position:relative; margin:0 0 10px 0; padding:20px 15px; border:1px solid #cecece;}
.bid_list li a,
.bid_list li strong		{ display:inline-block; margin:0 0 10px 0; color:#333; font-size:16px; line-height:1.5; letter-spacing:0.5px;}
.bid_list li .list_txt	{ display:block; color:#666; font-size:13px; line-height:20px; letter-spacing:0.5px;}
.bid_list li div		{ position:absolute; top:20px; right:15px; color:#fff; font-size:14px; text-align:center; background: #ff971d; padding: 10px 20px; border-radius: 5px;}
.bid_list li .list_icon	{ display:inline-block; height:20px; margin-top:8px; padding:0 8px; color:#fff; font-size:12px; line-height:20px;}

.bid_list .ico01	{ background:#919191} /* 마감 */
.bid_list .ico02	{ background:#847164} /* 입찰진행중 */
.bid_list .ico03	{ background:#de7555} /* 마감임박 */

.ellipsis1{
    width: 950px;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal !important;
    display: block;
}


/* 입찰목록 뷰 */
.tab_menu		{ margin-top:50px; border-bottom:1px solid #cecece; zoom:1}
.tab_menu:after	{ content:""; clear:both; display:block}
.tab_menu li	{ float:left; margin-right:2px;}
.tab_menu li a	{ display:block; height:38px; padding:0 15px; line-height:38px; color:#666; font-size:16px; background:#dbdbdb}
.tab_menu li.over a	{ color:#fff; background:#847164}

.tab_content	{ padding:30px 0 0 0;}
.tab_content .contentView	{ padding:20px 0; border-bottom:1px solid #cecece;     letter-spacing: 0.8px;
    line-height: 22px;}
.tab_content>textarea {margin-top:10px;}

.tab_content .part_result	{ margin-top:10px; padding:80px 0 80px 400px; border-top:1px solid #cecece; border-bottom:1px solid #cecece; font-size:16px; line-height:1.5; background:url('../images/sub/bgResult.png') no-repeat 300px 43%}
/* 20170426 추가 */
.tab_content .info_file {margin-top:85px;}
.tab_content .info_file a {color:#000; margin-right:5px;}



/* 로그인 */
.loginWrap		{ width:544px; margin:0 auto; padding:40px 40px 0 40px; border:1px solid #cecece; box-sizing:border-box; }
.loginWrap .loginForm			{ float:left; padding-bottom:10px;}
.loginWrap .loginForm li		{ margin-bottom:5px;}
.loginWrap .loginForm li input	{ width:350px}
.loginWrap .btnLogin			{ float:right; margin-bottom:10px;}
.loginWrap .btnLogin input		{ width:100px; height:65px; border:0; border-radius:2px; color:#fff; font-size:18px; font-weight:bold; text-align:center; line-height:65px; background:#ff971c}
.loginWrap .idcheck				{ margin-bottom:22px;}
.loginWrap .idcheck label		{ position:relative; display:inline-block; margin:0 40px 10px 0; padding-left:20px; color:#666; font-size:14px; line-height:15px; }
.loginWrap .idcheck .inp		{ position:absolute; left:-1000px; -webkit-appearance:none;}
.loginWrap .idcheck .ico		{ position:absolute; top:0; left:0; display:inline-block; box-sizing:border-box; width:15px; height:15px; border:1px solid #666; background:#fff;}
.loginWrap .idcheck .ico:after	{ position:absolute; top:1px; left:4px; display:inline-block; width:3px; height:6px; border:solid #fff; border-width:0 2px 2px 0; -webkit-transform:rotate(45deg); content:'';}
.loginWrap .idcheck .inp:checked+.ico	{ background:#666}
.loginWrap .idcheck a			{ display:inline-block; margin-left:90px; color:#666}
.loginWrap .textEtc				{ padding:25px 0 30px 0; border-top:1px solid #cecece}
.loginWrap .textEtc li			{ color:#666}
.loginWrap .textEtc li a		{ margin-left:5px; color:#ff971c}


/* 회원가입 */
.choice_box	{ margin-top:30px; text-align:center}
.choice_box a	{ display:inline-block; margin:0 20px}
.add_btn { display:inline-block; margin-left:5px; width:65px; height:30px; font-size:12px; color:#fff; font-weight:600; line-height:30px; text-align:center; vertical-align:middle; background:#9c9c9c; }


/* 아이디/비밀번호 찾기 */
.idSearchWrap		{ float:left; width:490px; margin:0 auto; padding:40px; border:1px solid #cecece; box-sizing:border-box; }
.idSearchWrap:first-child	{ margin-right:-1px}
.idSearchWrap .tit02 span		{ display:block; height:32px; margin:30px 0 0 0}
.idSearchWrap .table_box th			{ width:80px; padding:0 20px}

/* 아이디/비밀번호 찾기 */
.idSearchWrap2		{ width:570px; margin:0 auto; padding:40px; border:1px solid #cecece; box-sizing:border-box; }


/* 고객센터 */
.sub_left	{ float:left; width:183px; margin:60px 35px 0 0; border:1px solid #848485}
.sub_left li	{ border-top:1px solid #848485}
.sub_left li:first-child	{ border-top:0}
.sub_left li a	{ display:block; padding:20px 0 14px 19px; color:#444; font-size:14px}
.sub_left li a:hover,
.sub_left li.over a	{ color:#fff; background:#272727}
.sub_right	{ float:left; width:760px}

/* faq */
.t_style_faq			{ width:100%; border-top:1px solid #231f20; text-align:left; }
.t_style_faq th			{  text-align:left; display:block; padding:10px 0 0 60px; border-top:1px solid #fff; border-bottom:1px solid #cecece; background:#f7f1ec url('../images/sub/bgQ.png') no-repeat 21px 50%}
.t_style_faq tr:first-child th	{ border-top:0}
.t_style_faq th a		{ color:#7a6b61; font-size:15px; line-height:40px;}
.t_style_faq td			{ border-bottom:1px solid #cecece; color:#666; font-size:14px; line-height:24px;}
.t_style_faq td>div		{ padding:15px 20px 15px 60px;}


/* 입찰의뢰 목록 */
.tableList td a.eval	{ padding:5px 8px; color:#fff; border-radius:2px; background:#ff971c;}
.tableList td a.eval:hover	{ text-decoration:none}



/* 오시는길 */

.map_txt {margin-top:20px;}
.map_txt p{line-height:24px; color:#666;}

/* 회사소개 */

.intro{color:#666; line-height: 30px; font-size: 17px;}
.intro img{float:right; width:330px;}
.intro .ceo{float:left; /* margin-top:20px; */ clear:both; width:280px; }

/* 이용안내 */

.bg_cocoa {background:#847164;}
.bg_orange {background:#ff971d;}

.JS_infomation { clear: both; width: 100%; position: relative; padding-bottom: 80px; }
.JS_infomation h3 { font-size:18px; color:#272727; float:left; font-weight:600; padding-bottom:20px; clear:both;}
.JS_infomation ul { width: 83%; clear: both; padding-bottom: 30px; border: 1px solid #c6c6c6; padding: 15px 20px 15px 34px; border-radius: 10px; margin: 0 auto; }
.JS_infomation ul li.JS_info_tit { float:left; width:100px; height:42px; text-align:center; display: inline-block; line-height: 36px; border-radius: 3px; color: #fff; margin:0 20px 0 20px;}
.JS_infomation ul li.JS_info_con { text-align:left; line-height:20px; color: #666; margin:0 20px 0 20px; font-size:14px; }

.JS_infomation div.info_img {width:980px; clear:both; text-align:center;}
.JS_infomation div.info_img  img{width:90%;}

.JS_infomation ul li.JS_info_list { list-style: disc; text-align: left; line-height: 20px; color: #666; font-size: 14px; padding: 7px 0; }
.JS_infomation div.JS_info_list2 {text-align:left; line-height:20px; color: #666; font-size:14px; padding-left:20px;}
.JS_infomation div.JS_info_list3 {text-align:left; line-height:18px; color: #847164; font-size:14px; padding-top:15px; }





/* 마이페이지 공통 */
.myProfile		{  position:relative; margin:0 0 40px 0; padding:20px; border:1px solid #cecece}
.myProfile .profile_name	{ margin-bottom:10px; color:#ff971d; font-size:16px; line-height:1.5}
.myProfile p strong		{ display:block; margin:0; color:#333; }
.myProfile .profile_txt	{  display:block; color:#666; font-size:14px; line-height:22px; }
.myProfile .profile_txt span	{ position:relative; padding-left:33px;}
.myProfile .profile_txt span:before	{  content:""; clear:both; display:inline-block; position:absolute; top:2px; left:16px; width:1px; height:12px; background:#999}
.myProfile .profile_txt span:first-child	{ padding-left:0}
.myProfile .profile_txt span:first-child:before	{ display:none}
.myProfile dl:after		{ content:""; clear:both; display:block}
.myProfile dt			{ float:left; color:#666; font-size:14px; line-height:22px; }
.myProfile dd			{ float:left; margin-left:30px; color:#666; font-size:14px; line-height:22px; }


.self_intro	{ margin-top:10px; color:#666; font-size:14px; line-height:22px;}
.noself_intro	{ padding:50px 0; border-top:1px solid #cecece; border-bottom:1px solid #cecece; font-size:16px; line-height:1.5; text-align:center; background:url(../images/sub/bgMypage.png) no-repeat 270px 50%}

.point_txt		{ float:left; margin-top:40px; font-size:18px;}
.point_txt span	{ color:#f63f3f}



/** modal window styles **/
#lean_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}

#popupModal,
#popupModal01{
  position:relative;
  overflow:hidden;
  margin-top:100px;           /*팝업창 위아래 간격조절*/
  padding:70px 20px 20px 20px;
  background: #fff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
}
#popupModal h2,
#popupModal01 h2{ position:absolute; top:0; left:0; width:100%; height:50px; line-height:50px; box-sizing:border-box; padding-left:20px; color:#fff; font-size:24px; background:#3b291c}
#popupModal .table_box,
#popupModal01 .table_box{ min-width:550px; max-width:950px; margin-top:0}

.f_letter p {line-height:30px; color:#666; font-size:15px}
.f_letter .letter_title {margin-top:30px; font-size:18px}

/* 입찰의회 STEP4 */
.request_ok { display:inline-block; margin:15px 15px; clear:both; width:100%; line-height:22px; }
.request_ok li {float:left; color: #666;}
.request_ok li:nth-child(2) { padding-top:8px; }
.request_ok img { width:50px; padding-right:10px;}




/* 동의 */

.input input[type="radio"]{
    display:none;
}
.input label {font-size:14px; color:#666; /*margin-left:15px; */}
.input input[type="radio"] + label span {
    display:inline-block;
    width:20px;
    height:20px;
    vertical-align:middle;
    background:url(../images/sub/radio_off.png) center no-repeat;
    cursor:pointer;
	margin-right:10px;
}
.input input[type="radio"]:checked + label span {
    background:url(../images/sub/radio_on.png) center no-repeat ;
}