﻿@charset "utf-8";

/******************* 메인 *******************/
.main {}


/******************* 공통 *******************/
.container {width:980px; margin:0 auto; 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;}
p.txt01 {color:#666; margin-top:20px; font-weight:600;}
p.txt01 span {color:#f63f3f;}
.table_box table {width:100%; border:1px solid #d4d4d4;}
.table_box th {height:42px; background:#847164; vertical-align:middle; color:#fff; font-size:16px;}
.table_box td {border:1px solid #d4d4d4; color:#666; height:50px; vertical-align:middle;}




/*******************영상***********************/
.PRvideo {margin: 0 auto; width: 650px; height: 440px; border: 1px solid gray;}
.PRvideo iframe{width:100%; height:100%;}


.w1024{width:980px !important;}
/******************* 의뢰하기 *******************/
.request {height:525px; background:url(../images/main/main_visual01.jpg) no-repeat center top; background-size:100% 100%; padding-top:125px; }
.request .req_box {border:1px solid #fff; color:#fff; height:220px;}
.request .req_box h2 {font-size:44px; padding-top:50px;}
.request .req_box p {font-size:22px; margin-top:25px; line-height: 1.3;}
.req_btn {width:345px; height:85px; background:url(../images/common/bg_opa_40.png); margin:80px auto 0; border-radius:3px; position:absolute; top:484px; left:50%; margin-left:-172px; }
.req_btn a {color:#fff; font-weight:600; font-size:36px; line-height:85px; display:block; text-align:center;}

/******************* 프로세스 *******************/
.process ul {overflow:hidden; margin-top:50px;}
.process ul li {float:left; text-align:center; width:33.3%; position:relative;}
.process ul li:first-child {background:none;}
.process ul li .arrow {position:absolute; left:-5px; top:50%; margin-top:-30px;}
.process ul li.on .arrow {left:-18px;}
.process ul li .pro_box {width:300px; height:340px; background:url(../images/main/process_bg.png) no-repeat left top;}
.process ul li.on .pro_box {margin:0 auto; background-image:url(../images/main/process_bg_on.png);}
.process ul li.lst .pro_box {float:right;}
.process ul li .pro_box img {margin-top:70px;}
.process ul li .pro_box span {display:block; margin-top:65px; font-size:18px; color:#3b291c; font-weight:600;}
.process ul li.on .pro_box span {color:#fff;}
.process ul li.lst .pro_box span {margin-top:45px;}
.process h2.tit01 {margin-bottom:20px;}

/******************* 차별화된 장점 *******************/
.adventage {height:444px; background:#160409;}
.adventage .container {text-align:left;}
.adventage ul li {float:left; width:50%; color:#a1958d; padding-left:160px; box-sizing:border-box; margin-top:100px; background:url(../images/main/adventage_ico01.png) no-repeat 20px center; height:86px;}
.adventage ul li.frst {margin-top:70px;}
.adventage ul li h3 {font-size:24px; font-weight:600;}
.adventage ul li p {font-size:18px; margin-top:10px; line-height:24px;}
.adventage ul li.two {background-image:url(../images/main/adventage_ico02.png);}
.adventage ul li.three {background-image:url(../images/main/adventage_ico03.png); background-position:10px center;}
.adventage ul li.four {background-image:url(../images/main/adventage_ico04.png);}

/******************* 진행중인 입찰 목록 *******************/
.bid_list h2.tit01 {margin-top:100px;}
.bid_list .table_box {margin-top:40px;}
.bid_list .table_box td:first-child {text-align:left; padding-left:25px;}
.bid_list .table_box td a {display:block; color:#666; padding-right:30px; white-space:nowrap; word-break:break-all; text-overflow:ellipsis; overflow:hidden; /* width: 640px; */}
.bid_list .more_btn {margin-top:20px; margin-bottom:10%;}
.bid_list .more_btn a {display:inline-block; width:95px; height:36px; line-height:36px; border-radius:3px; background:#ff971c; color:#fff;}
/*이용후기*/
.bid_list .slide_list ul {margin-top:35px; overflow:hidden;}
.bid_list .slide_list ul li {width:265px; height:258px; /* border:1px solid #e4e4e4; */ background:#241408; float:left; margin-left:30px; padding:0 20px;}
.bid_list .slide_list ul li:first-child {margin-left:0;}
.bid_list .slide_list ul li.lst {margin-left:0; float:right;}
.bid_list .slide_list ul li h3 {font-size:20px; color:#f0f0f0; font-weight:600; margin-top:50px;}
.bid_list .slide_list ul li p {margin-top:20px; color:#c8c8c8; line-height:20px;}
.bid_list .slide_list ul li span {display:block; margin:50px auto 0; width:158px; height:38px; line-height:38px; border:1px solid #8b8b8b; background:#fff; color:#242424; font-weight:600;}
.bid_list .slide_list ul li.on {background:#ff971c;}
.bid_list .slide_list ul li.on p {color:#eee;}
.bid_list .slide_list ul li.on span {color:#ff971c;}
.bid_list .slick-dots {margin-top:40px;}
.bid_list .slick-dots li {display:inline-block; margin-left:5px;}
.bid_list .slick-dots li button {border:none; text-indent:-9999px; background:url(../images/main/dots01.png) no-repeat left top; width:14px; height:14px; cursor:pointer;}
.bid_list .slick-dots li.slick-active button {background-image:url(../images/main/dots01_on.png); width:26px;}

/******************* 공지사항 Q&A 고객센터 *******************/
.customer {margin-top:100px; background:#f6f6f6; height:260px;}
.customer .cust_list {padding-top:45px; overflow:hidden;}
.customer .cust_list>li {float:left; width:305px; text-align:left; margin-left:30px;}
.customer .cust_list>li:first-child {margin-left:0;}
.customer .cust_list>li.lst {float:right;}
.customer .cust_list li .tit_box {overflow:hidden;}
.customer .cust_list li .tit_box h3 {font-size:18px; color:#272727; float:left; font-weight:600;}
.customer .cust_list li .tit_box p {float:right; font-size:12px; color:#666; line-height:20px; margin-top:5px;}
.customer .cust_list li .tit_box p a {display:inline-block; width:20px; height:20px; text-align:center; background:#8e8e8e; color:#fff;}
.customer .cust_list li .txt_box {border:1px solid #e4e4e4; background:#fff; padding:30px 15px; margin-top:5px;}
.customer .cust_list li .txt_box li {padding-left:13px; background:url(../images/main/line02.png) no-repeat left center; overflow:hidden; margin-top:12px; width:260px; line-height:24px;}
.customer .cust_list li .txt_box li:first-child {margin-top:0;}
.customer .cust_list li .txt_box li a {display:block; white-space:nowrap; word-break:break-all; text-overflow:ellipsis; overflow:hidden; float:left; width:170px; color:#666;}
.customer .cust_list li.inquiry .txt_box li a {width:200px;}
.customer .cust_list li .txt_box li span.date {float:right; font-size:12px; color:#aaa; }
.customer .cust_list li .txt_box li span.answer {display:inline-block; margin-left:5px; padding:0 5px; height:18px; line-height:18px; color:#fff; background:#ff971c; border-radius:2px; float:right; margin-top:2px;}

.customer .cust_list li.lst h4 {font-size:48px; color:#242424; font-weight:600; margin:18px 0 10px;}
.customer .cust_list li.lst p {color:#666; margin-top:8px;}
