/*------------------------------------------------------------------------------------------

6.request_read.php

------------------------------------------------------------------------------------------*/
.req_sec_read{width:100%; height:auto; margin-top:130px;}
.req_sec_read .inner_wrap{width:calc(100% - 30px); max-width:960px; margin:0 auto;}
.req_sec_read .inner_wrap:after{content:""; display:block; clear:both;}
.req_sec_read .inner_wrap > .title_box{width:100%; margin-bottom:21px; text-align: center;}
.req_sec_read .inner_wrap > .title_box > p:first-child{color:#000; font-weight:500; font-size:40px; line-height:40px; margin-bottom:15px;}
.req_sec_read .inner_wrap > .title_box > p:last-child{color:#000; font-weight:400; font-size:30px; line-height:30px;}
.req_sec_read .inner_wrap .pj_cont{width:100%; margin-top:100px;}
.req_sec_read .inner_wrap .pj_cont .title_box{width:100%; font-size:30px; margin-bottom:15px;}
.req_sec_read .inner_wrap .pj_cont .title_box > p{font-size:30px; font-weight:400;}
.req_sec_read .inner_wrap .pj_cont .section{width:100%; height:68px; border-bottom:1px solid #9f9f9f;  font-weight:400;}
.req_sec_read .inner_wrap .pj_cont .section > p:first-child{font-size:20px; float:left; margin-right:30px; width:95px; line-height:68px;}
.req_sec_read .inner_wrap .pj_cont .section > p:last-child{font-size:15px; color:#9098a0; line-height:68px;}
.req_sec_read .inner_wrap .pj_cont .section > p > a{color:#9098a0; text-decoration:underline;}
.req_sec_read .inner_wrap .pj_cont .section.detail{height:auto; padding-bottom:20px;}
.req_sec_read .inner_wrap .pj_cont .section.detail:after{content:""; display:none; clear:both;}
.req_sec_read .inner_wrap .pj_cont .section.detail > p{ line-height:25px; float:none;}
.req_sec_read .inner_wrap .pj_cont .section.detail > p:first-child{ margin:15px 0 15px 0;}
.req_sec_read .inner_wrap .pj_cont .section.detail > p:last-child{width:100%;}

.req_sec_read .inner_wrap .client_cont{width:100%; margin-top:53px;}
.req_sec_read .inner_wrap .client_cont .title_box{width:100%; font-size:30px; margin-bottom:15px;}
.req_sec_read .inner_wrap .client_cont .title_box > p{font-size:30px; font-weight:400;}
.req_sec_read .inner_wrap .client_cont .section{width:100%; height:68px; border-bottom:1px solid #9f9f9f;  font-weight:400;}
.req_sec_read .inner_wrap .client_cont .section > p:first-child{font-size:20px; float:left; margin-right:30px; width:95px; line-height:68px;}
.req_sec_read .inner_wrap .client_cont .section > p:last-child{font-size:15px; color:#9098a0; line-height:68px;}
.req_sec_read .inner_wrap .client_cont .section > p > a{color:#9098a0;}
.req_sec_read .inner_wrap .client_cont .section.detail{height:auto; padding-bottom:20px;}
.req_sec_read .inner_wrap .client_cont .section.detail:after{content:""; display:none; clear:both;}
.req_sec_read .inner_wrap .client_cont .section.detail > p{ line-height:25px; float:none;}
.req_sec_read .inner_wrap .client_cont .section.detail > p:first-child{ margin:15px 0 15px 0;}
.req_sec_read .inner_wrap .client_cont .section.detail > p:last-child{width:100%;}
.req_sec_read .inner_wrap .client_cont.answerOn{display:none;}

.req_sec_read .inner_wrap .answer_cont{width:100%; margin-top:53px; display:none; }
.req_sec_read .inner_wrap .answer_cont .inner{width:100%; margin:0 auto;  background-color: #F0F0F0;}
.req_sec_read .inner_wrap .answer_cont .inner .inner_in{width:calc(100% - 40px); margin:0 auto;}
.req_sec_read .inner_wrap .answer_cont .title_box{width:100%; font-size:30px; margin-bottom:15px;}
.req_sec_read .inner_wrap .answer_cont .title_box > p{font-size:30px; font-weight:400;}
.req_sec_read .inner_wrap .answer_cont .section{width:100%; height:68px;  font-weight:400;}
.req_sec_read .inner_wrap .answer_cont .section > p:first-child{font-size:20px; float:left; margin-right:30px; width:95px; line-height:68px;}
.req_sec_read .inner_wrap .answer_cont .section > p:last-child{font-size:15px; color:#9098a0; line-height:68px;}
.req_sec_read .inner_wrap .answer_cont .section > p > a:link{color:#9098a0;}
.req_sec_read .inner_wrap .answer_cont .section > p > a:hover{color:#ea6363;}
.req_sec_read .inner_wrap .answer_cont .section.detail{height:auto; padding-bottom:20px;}
.req_sec_read .inner_wrap .answer_cont .section.detail:after{content:""; display:none; clear:both;}
.req_sec_read .inner_wrap .answer_cont .section.detail > p{ line-height:25px; float:none;}
.req_sec_read .inner_wrap .answer_cont .section.detail > p:first-child{ margin:15px 0 15px 0;}
.req_sec_read .inner_wrap .answer_cont .section.detail > p:last-child{width:100%;}
.req_sec_read .inner_wrap .answer_cont.answerOn{display:block;}

.req_sec_read .inner_wrap  .btn_box{width:100%; margin:50px 0 50px 0;}
.req_sec_read .inner_wrap  .btn_box:after{content:""; display:block; clear:both;}
.req_sec_read .inner_wrap  .btn_box .btn_normal{display:block; font-size:15px; color:#fff;  text-align:center; line-height:40px; width:125px; height:40px; float:right; margin-left:15px;}
.req_sec_read .inner_wrap  .btn_box .btn_normal.answerOn{display:none;}
.req_sec_read .inner_wrap  .btn_box .btn_del{display:block; font-size:15px; color:#fff; background-color:#c84c5b; text-align:center; line-height:40px; width:125px; height:40px; float:left;}
.req_sec_read .inner_wrap  .btn_box .btn_del.answerOn{display:none;}

@media only screen and (max-width: 640px){
.req_sec_read{width:100%; height:auto; margin-top:120px;}
.req_sec_read .inner_wrap  .btn_box:after{content:""; display:block; clear:both;}
.req_sec_read .inner_wrap  .btn_box .btn_normal{display:block; font-size:15px; color:#fff; background-color:#44464e; text-align:center; line-height:30px; width:70px; height:30px; float:right; margin-left:15px;}
.req_sec_read .inner_wrap  .btn_box .btn_del{display:block; font-size:15px; color:#fff; background-color:#c84c5b; text-align:center; line-height:30px; width:70px; height:30px; float:left;}
   
}

@media only screen and (max-width: 320px){
  .req_sec_read .inner_wrap .client_cont .section > p:first-child{font-size:15px; float:left; margin-right:15px; width:75px; line-height:68px;}
  .req_sec_read .inner_wrap .client_cont .section > p:last-child{font-size:15px; color:#9098a0; line-height:68px;}
  
  .req_sec_read .inner_wrap .pj_cont .section > p:first-child{font-size:15px; float:left; margin-right:15px; width:75px; line-height:68px;}
  .req_sec_read .inner_wrap .pj_cont .section > p:last-child{font-size:15px; color:#9098a0; line-height:68px;}
  
  .req_sec_read .inner_wrap .pj_cont .section.detail > p{ line-height:17px; float:none;}
}



/*------------------------------------------------------------------------------------------

7.request_write.php

------------------------------------------------------------------------------------------*/
.req_sec_write{width:100%; height:auto; margin-top:130px; margin-bottom:50px;}
.req_sec_write .inner_wrap{width:calc(100% - 30px); max-width:960px; margin:0 auto;}
.req_sec_write .inner_wrap:after{content:""; display:block; clear:both;}
.req_sec_write .inner_wrap >.title_box{width:100%; margin-bottom:21px; text-align: center;}
.req_sec_write .inner_wrap >.title_box > p:first-child{color:#000; font-weight:500; font-size:40px; line-height:40px; margin-bottom:15px;}
.req_sec_write .inner_wrap >.title_box > p:last-child{color:#000; font-weight:400; font-size:30px; line-height:30px;}

.req_sec_write .inner_wrap .pj_cont{width:100%; max-width:960px; margin:100px auto 0 auto;}
.req_sec_write .inner_wrap .pj_cont:after{content:""; display:block; clear:both;}
.req_sec_write .inner_wrap .pj_cont .title_box{width:100%; font-size:30px; margin-bottom:20px;}
.req_sec_write .inner_wrap .pj_cont .title_box > p:first-child{font-size:30px; color:#000; font-weight:400; line-height:30px;}
.req_sec_write .inner_wrap .pj_cont .title_box > p:last-child{font-size:13px; color:#db8e8e;}

.req_sec_write .inner_wrap .pj_cont .section_title{width:100%; margin-bottom:25px; float:left;}
.req_sec_write .inner_wrap .pj_cont .section_title  p{color:#000; font-size:20px;}
.req_sec_write .inner_wrap .pj_cont .section_title  p > span{color:#db8e8e; font-size:25px;}
.req_sec_write .inner_wrap .pj_cont .section_title > input{width:100%; height:41px; border:1px solid #d6d6d6; font-size:15px; color:#a4a4a4; text-indent:10px; margin-right:5px; float:left;}

.txt_box{margin-bottom: 10px;}

.req_sec_write .inner_wrap .pj_cont .section{width:100%; margin-bottom:25px; float:left;}
.req_sec_write .inner_wrap .pj_cont .section .txt_box > p{color:#000; font-size:20px;}
.req_sec_write .inner_wrap .pj_cont .section .txt_box > p > span{color:#db8e8e; font-size:25px;}
.req_sec_write .inner_wrap .pj_cont .section .inner_box:after{content:""; display:block; clear:both;}
.req_sec_write .inner_wrap .pj_cont .section .inner_box .check_wrap{font-size:15px; font-weight:300; margin:15px 10px; float:left; vertical-align:middle; line-height:19px;}
.req_sec_write .inner_wrap .pj_cont .section .inner_box .check_wrap > input{width:19px; height:19px; border:1px solid #000; vertical-align:middle;}

.req_sec_write .inner_wrap .pj_cont .section.budget{width:calc(50% - 72px); margin-right:72px; float:left;}
.req_sec_write .inner_wrap .pj_cont .section.budget .txt_box{height:35px;}
.req_sec_write .inner_wrap .pj_cont .section.budget .txt_box > p{color:#000; font-size:20px; }
.req_sec_write .inner_wrap .pj_cont .section.budget .txt_box > p > span{color:#db8e8e; font-size:25px;}
.req_sec_write .inner_wrap .pj_cont .section.budget input{width:100%; height:41px; border:1px solid #d6d6d6; font-size:15px; color:#a4a4a4; text-indent:10px;}

.req_sec_write .inner_wrap .pj_cont .section.file{width:50%; float:left;}
.req_sec_write .inner_wrap .pj_cont .section.file .txt_box{float:left;}
.req_sec_write .inner_wrap .pj_cont .section.file .txt_box > p{color:#000; font-size:20px; float:left;}
.req_sec_write .inner_wrap .pj_cont .section.file .txt_box > p > span{color:#db8e8e; font-size:25px;}
.req_sec_write .inner_wrap .pj_cont .section.file .txt_box > p:last-child{color:#6c6c6c; font-size:15px; float:left;  margin-left:10px;}
.req_sec_write .inner_wrap .pj_cont .section.file > input{width:calc(80% - 5px); height:41px; border:1px solid #d6d6d6; font-size:15px; color:#a4a4a4; text-indent:10px; margin-right:5px; float:left;}
.req_sec_write .inner_wrap .pj_cont .section.file .hidden_btn{width:20%; height:41px; background-color:#44464e; color:#FFF; text-align:center; float:left; overflow:hidden; background:url(/project/templates/image/request/file_finder.png) center no-repeat #44464e;}
.req_sec_write .inner_wrap .pj_cont .section.file .hidden_btn > input{ width:300px; height:100px; opacity:0; cursor:pointer;}

.req_sec_write .inner_wrap .pj_cont .section.detail{height:auto; padding-bottom:20px;}
.req_sec_write .inner_wrap .pj_cont .section.detail:after{content:""; display:none; clear:both;}
.req_sec_write .inner_wrap .pj_cont .section.detail > p{ line-height:25px; float:none;}
.req_sec_write .inner_wrap .pj_cont .section.detail > p:first-child{ margin:15px 0 15px 0;}
.req_sec_write .inner_wrap .pj_cont .section.detail > textarea{width:100%; height:250px; border:1px solid #d6d6d6; font-size:15px; color:#a4a4a4;}



.req_sec_write .inner_wrap .client_cont{width:100%; max-width:927px; margin:53px auto 0 auto;}
.req_sec_write .inner_wrap .client_cont:after{content:""; display:block; clear:both;}
.req_sec_write .inner_wrap .client_cont .title_box{width:100%; font-size:30px; margin-bottom:20px;}
.req_sec_write .inner_wrap .client_cont .title_box > p:first-child{font-size:30px; color:#000; font-weight:400; line-height:30px;}
.req_sec_write .inner_wrap .client_cont .title_box > p:last-child{font-size:13px; color:#db8e8e;}

.req_sec_write .inner_wrap .client_cont .section{width:calc(50% - 35px); float:left;}
.req_sec_write .inner_wrap .client_cont .section:nth-child(2){margin-right:70px;}
.req_sec_write .inner_wrap .client_cont .section:nth-child(4){margin-right:70px;}
.req_sec_write .inner_wrap .client_cont .section .txt_box:after{content:""; display:block; clear:both;}
.req_sec_write .inner_wrap .client_cont .section .txt_box > p{color:#000; font-size:20px; float:left;}
.req_sec_write .inner_wrap .client_cont .section .txt_box > p > span{color:#db8e8e; font-size:25px;}
.req_sec_write .inner_wrap .client_cont .section .txt_box > p:nth-child(2){color:#6c6c6c; font-size:15px; float:left; margin-left:10px;}
.req_sec_write .inner_wrap .client_cont .section > input{width:100%; height:41px; border:1px solid #d6d6d6; font-size:15px; color:#a4a4a4; text-indent:10px; margin-bottom:25px;}

.req_sec_write .inner_wrap .client_cont .section.agreement{width:100%; font-size:15px; color:#000; line-height:19px;}
.req_sec_write .inner_wrap .client_cont .section.agreement > input{width:19px; height:19px;  border:1px solid #d6d6d6; vertical-align:middle; margin:0;}
.req_sec_write .inner_wrap .client_cont .section.agreement > a{color:#db8e8e; text-decoration:underline;}

.req_sec_write .inner_wrap .password_wraps{width:100%; max-width:927px; margin:50px auto 0 auto; display:block; opacity:1;}
.req_sec_write .inner_wrap .password_wraps:after{content:"" display:block; clear:both;}
.req_sec_write .inner_wrap .password_wraps .txt_box > p:first-child{font-size:20px; color:#000; font-weight:400; line-height:30px;}
.req_sec_write .inner_wrap .password_wraps .txt_box > p:last-child{font-size:13px; color:#6c6c6c;}
.req_sec_write .inner_wrap .password_wraps .txt_box > p > span{color:#db8e8e; font-size:25px;}
.req_sec_write .inner_wrap .password_wraps > input{width:100%; border:1px solid #d6d6d6; font-size:15px; color:#a4a4a4; text-indent:10px; margin-top:20px; margin-bottom:0; }
.req_sec_write .inner_wrap .password_wraps > input:last-child{margin-top:10px;}

.req_sec_write .inner_wrap .btn_box{margin:50px auto 0 auto; width:260px;}
.req_sec_write .inner_wrap .btn_box .btn_normal{float:left; width:125px; height:40px;  font-size:15px; color:#fff; font-weight:400; line-height:40px; display:block; text-align:center; margin-bottom:100px; background-color: #434446; transition: all .3s;}
.req_sec_write .inner_wrap .btn_box .btn_normal:hover{background-color:#db8e8e;}
.req_sec_write .inner_wrap .btn_box .btn_normal:first-child{margin-right:10px;}

 .agreement_wrap{width:100%; height:100%; position:fixed; top:0; left:0; z-index: 100; display:none;opacity:0;}
 .agreement_wrap .text_cont_all{width:calc(100% - 50px); max-width:960px; background-color: #fff; height:440px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); padding:40px 0 0 0; z-index: 1; border-radius: 15px;}
 .agreement_wrap .text_cont_all > p{font-size:25px; text-align: center; margin:0 0 20px 0; font-weight:600; height:35px;}
 .agreement_wrap .text_cont_all .text_wrap{width:calc(100% - 70px); max-width:880px; height:280px; font-size:15px; font-weight: 400; margin:0 auto; color:#5D5D5D; border:1px solid #b1b1b1; padding:10px 10px; overflow-y: scroll; border-radius: 10px;}
 .agreement_wrap .text_cont_all .text_wrap > span{color:#000; font-weight:500;}
 .agreement_wrap .text_cont_all .close_btn{width:125px; height:40px;  font-size:15px; color:#fff; font-weight:400; line-height:40px; display:block; text-align:center; margin:20px auto 0 auto;}
.block{width:100%; height:100%; background-color: rgba(0,0,0,.8);}


.req_sec_write .inner_wrap .writeOn{background-color:#F0F0F0;}

@media only screen and (max-width: 640px){
.req_sec_write{width:100%; height:auto; margin-top:120px; margin-bottom:50px;}
	.req_sec_write .inner_wrap .btn_box .btn_normal{margin-bottom:50px;}
}

@media only screen and (max-width: 425px){
	.req_sec_write .inner_wrap .pj_cont .section.budget{width:calc(100%); float:left;}
	.req_sec_write .inner_wrap .pj_cont .section.file{width:100%; float:left;}
	.req_sec_write .inner_wrap .client_cont .section{width:100%; float:left; margin-right:0;}
}