@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 label{font-size:14px;}

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") 110px 60px no-repeat;}
div.certification_area > dl {margin:0 0 10px 253px;}
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 {width:241px; 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; padding:0 5px; height:25px; line-height:23px; border-radius:5px; font-weight:400; color:#fff;}
table.list_table tr td strong.bd_state_W { background:#2460ce; }
table.list_table tr td strong.bd_state_E { background:#555; }
table.list_table tr td strong.bd_state_W { background:#1cb841; }
table.list_table tr td strong.bd_state_C{ 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; padding:0 5px;  border-radius:5px; height:25px; font-weight:400; line-height:23px; color:#fff;text-align:center;}
div.board_view > dl > dd.etc > strong.bd_state_R { background:#0062c3; }
div.board_view > dl > dd.etc > strong.bd_state_E { background:#555; }
div.board_view > dl > dd.etc > strong.bd_state_W { background:#1cb841; }
div.board_view > dl > dd.etc > strong.bd_state_C { background:#555; }

/*클린신고센터*/
div.clean div.guide {height:160px; padding-top:35px; padding-left:180px; border-bottom:1px solid #ddd; background: url(../img/bg_clean.jpg) 0 0 no-repeat;}
div.clean div.guide strong{font-size:17px; font-weight:bold; color:#004f9c;}
div.clean div.guide p{margin-top:15px; font-size:14px;}
div.clean ul {margin-top:20px;}
div.clean ul.list li {padding-left: 10px; line-height: 20px; background: url(../img/bu_dot.gif) 0 10px no-repeat;}
div.clean ul.step {padding-bottom:35px; padding-top:160px; background: url(../img/img_cleanstep.jpg) 0 0 no-repeat;}
div.clean ul.step li{float: left; width: 140px; margin-left: 50px; line-height: 18px; text-align: center;}
div.clean ul.step li:first-child {margin-left:10px;}

/*건의사항*/
div.proposal div.guide {height:160px; padding-top:35px; padding-left:180px; border-bottom:1px solid #ddd; background: url(../img/bg_proposal.jpg) 0 0 no-repeat;}
div.proposal div.guide strong{font-size:17px; font-weight:bold; color:#004f9c;}
div.proposal div.guide p{margin-top:15px; font-size:14px;}
div.proposal ul {margin-top:20px;}
div.proposal ul.list li {padding-left: 10px; line-height: 20px; background: url(../img/bu_dot.gif) 0 10px no-repeat;}
div.proposal ul.step {padding-bottom:35px; padding-top:160px; background: url(../img/img_cleanstep.jpg) 0 0 no-repeat;}
div.proposal ul.step li{float: left; width: 140px; margin-left: 50px; line-height: 18px; text-align:center;}
div.proposal ul.step li:first-child {margin-left:10px;}

div.write input.text, div.write textarea{max-width:96%;}
div.write table tr.email input.text{width:45%;}