@charset "utf-8";

/**
* certification
*/
div.certification { }
div.certification div.agree_area {max-height:150px; overflow: auto; margin-top:20px; margin-bottom:20px; padding:30px 20px; border:1px solid #ddd; line-height:1.6em; }
div.certification div.agree_area > p.agree_guide1 {font-weight:600;color:#333;}
div.certification div.agree_area > p.agree_guide2 {margin-top:20px; }
div.certification div.agree_area > dl.agree_guide3 {margin-top:20px; }
div.certification div.agree_area > dl.agree_guide3 > dt { font-weight:bold; }
div.certification div.agree_area > dl.agree_guide3 > dd { }
div.certification div.agree_area > p.agree_guide4 {margin-top:20px; }

div.certification_area {position:relative;margin-top:35px;padding:40px 0;border-top:2px solid #333;border-bottom:1px solid #ddd;background:url("../img/bg_certification.png") 30px 48px no-repeat;}
div.certification_area > dl {margin:0 0 10px 190px;}
div.certification_area > dl:after {display:block;content:'';clear:both;}
div.certification_area > dl > dt {float:left;width:110px;font-size:14px;line-height:40px;color:#333;}
div.certification_area > dl > dd {}
div.certification_area > dl > dd > input.text {height:38px;font-size:13px;}

/**
* list
*/

/* state */
table.list_table tr td.state { padding:0; text-align:center; }
table.list_table tr td strong { display:inline-block; width:48px; height:23px; border:1px solid #333; font-weight:bold; line-height:21px; color:#fff;}
table.list_table tr td strong.bd_state_W { background:#0062c3; }
table.list_table tr td strong.bd_state_E { background:#555; }

/* subject */
table.list_table tr td.subject { padding:0 10px; line-height:100%; }
table.list_table tr td.subject > a { display:inline-block; overflow:hidden; max-width:90%; line-height:24px; vertical-align:middle; white-space:nowrap; text-overflow:ellipsis; }
table.list_table tr td.subject > img { position:relative; left:1px; top:1px; vertical-align:middle; }

/**
* view
*/
div.board_view > dl > dd.etc > strong { display:block; position:absolute; top:13px; right:20px; width:50px; height:23px; border:1px solid #333; font-weight:bold; line-height:21px; color:#fff;text-align:center;}
div.board_view > dl > dd.etc > strong.bd_state_W { background:#0062c3; }
div.board_view > dl > dd.etc > strong.bd_state_E { background:#555; }

/*클린신고센터*/
div.receipt div.guide {height:160px; padding-top:35px; padding-left:180px; border-bottom:1px solid #ddd; background: url(../img/bg_receipt.jpg) 0 0 no-repeat;}
div.receipt div.guide strong{font-size:17px; font-weight:bold; color:#004f9c;}
div.receipt div.guide p{margin-top:15px; font-size:14px;}
div.receipt ul {margin-top:20px;}
div.receipt ul.list li {padding-left: 10px; line-height: 20px; background: url(../img/bu_dot.gif) 0 10px no-repeat;}
div.receipt ul.step {padding-bottom:35px; padding-top:160px; background: url(../img/img_cleanstep.jpg) 0 0 no-repeat;}
div.receipt ul.step li{float: left; width: 140px; margin-left: 50px; line-height: 18px; text-align: center;}
div.receipt ul.step li:first-child {margin-left:10px;}

#apply_btn{
    width: 200px;
    height: 50px;
    font-size: 20px;
    color: white;
    background-color: #f8575f;
}

table.write_table input[type=text] {width: 250px;}

table.write_table input[type=text].date {width: 200px;}

table.write_table textarea {width: 600px;}
