/*한국소비자원 상담마당 css*/ @import url (default.css); @charset "utf-8"; body {font: 12px dotum, AppleGothic, 'Lucida Grande', Arial, Verdana, sans-serif; color: #666666; margin: 0; padding: 0; border: none; background: #c5e294; overflow-x: hidden; } img {border: none; margin: 0; padding: 0;} hr {display: none;} li{line-height:18px;} td {font: 12px dotum,sans-serif; color:#666666; line-height:18px;} th {font: 12px dotum,sans-serif; color:#666666; line-height:18px;} hr,legend,label,caption {display:none;} FORM {margin:0px;} A:link {FONT: 12px dotum,sans-serif; color:#666666; text-decoration:none; line-height:18px;} A:visited {FONT: 12px dotum,sans-serif; color:#666666; text-decoration:none; line-height:18px;} A:hover {FONT: 12px dotum,sans-serif; color:#2e7024; text-decoration:none; line-height:18px; text-decoration:none;} INPUT {background-color:#ffffff; border:1px solid #A6AEB7; FONT: 12px dotum,sans-serif; color:#666666; line-height:18px; height:18px; border:1px solid #CECECE;} SELECT {background-color:#ffffff; border:1px solid #CECECE; FONT: 12px dotum,sans-serif; color:#666666; line-height:15px;} TEXTAREA {background-color:#ffffff; border:1px solid #CECECE; FONT: 12px dotum,sans-serif; color:#666666; width:97%;} /* 가운데 */ #center {position: relative; width:100%; margin-top:0; padding: 0; height:auto; background:url("/web/img/kca/cou/con_bg.jpg"); list-style: none;} #left {position: absolute; left:0px; margin-top:0; width: 197px; height:auto; background:url("/web/img/kca/cou/artimg02.jpg") no-repeat;} /* 좌측메뉴 */ #left_menu h1 {margin: 0; padding: 0;} #left_menu { width: 165px; padding: 0; width:181px; margin-left:8px; background:url("/web/img/kca/cou/left_menubg.gif");} #left_menu ul {margin: 0; padding: 0; list-style: none; width: 181px;} #left_menu ul li {display:inline; margin: 0; padding: 0;} #left_menu ul li img {display:block; margin: 0; padding: 0;} #left_sub_menu {width: 165px; padding: 0; width:181px; margin-top:10px; margin-bottom:10px;} #left_sub_menu ul {margin: 0; padding: 0; list-style: none; width:181px;} #left_sub_menu ul li {display:inline; margin: 0; padding: 0;} #left_sub_menu ul li img {display:block; margin: 0; padding: 0;} /* 섹션별 바텀색지정 */ #bottom03 {position: relative; margin-top:30px; padding:0x; width:100%; height:86px; background-color:#576343;} /*게시판 리스트*/ .board_left{background:url("/web/img/kca/cou/bar01.gif") no-repeat; width:11px; height:36px;} .board_right{background:url("/web/img/kca/cou/bar02.gif") no-repeat; width:13px; height:36px; } .board_title{background:url("/web/img/kca/cou/bar03.gif"); height:36px; FONT: bold 11px dotum,sans-serif; color: #4f713a; text-align:center;} .board_line{background-color:#e5e5e5; height:1px; } .board_bottom{background-color:#9fd2b2; height:2px; } .board_text{FONT: 12px dotum,sans-serif; color:#555555; line-height:26px; text-align:left;} .board_text A:link {FONT: 12px dotum,sans-serif; color:#555555; text-decoration:none ;line-height:26px; } .board_text A:visited {FONT: 12px dotum,sans-serif; color:#555555; text-decoration:none;line-height:26px;} .board_text A:hover {FONT: 12px dotum,sans-serif; color:#4f713a; text-decoration:underline;line-height:26px;} /*게시판 뷰*/ .board_viewtitle{background:url("/web/img/kca/cou/bar03.gif"); height:36px; FONT: bold 12px dotum,sans-serif; color: #4f713a; } .board_titleline{background-color:#9fd2b2; height:1px; } .board_titletop{background-color:#9fd2b2; height:2px; } .board_viewtitle2{ FONT: bold 11px dotum,sans-serif; color: #4f713a; text-align:left;} .board_viewcon{padding:20px 0 20px 0; } .board_th_text {FONT: 12px dotum,sans-serif; color:#555555; line-height:26px; text-align:left;} .board_th_text A:link {FONT: 12px dotum,sans-serif; color:#555555; text-decoration:none ;line-height:26px; } .board_th_text A:visited {FONT: 12px dotum,sans-serif; color:#555555; text-decoration:none;line-height:26px;} .board_th_text A:hover {FONT: 12px dotum,sans-serif; color: #4f713a; text-decoration:underline;line-height:26px;} /*버튼*/ .btn01 {background:url("/web/img/kca/cou/btn01.gif") no-repeat; width:9px; height:20px; } .btn03 {background:url("/web/img/kca/cou/btn02.gif") no-repeat; width:9px; height:20px; } .btn{FONT: bold 11px dotum,sans-serif; color:#ffffff; line-height:20px; background:url("/web/img/kca/cou/btn03.gif");} .btn A:link {FONT: bold 11px dotum,sans-serif; color:#ffffff;line-height:20px; } .btn A:visited {FONT:bold 11px dotum,sans-serif; color:#ffffff;line-height:20px;} .btn A:hover {FONT: bold 11px dotum,sans-serif; color:#ffffff;line-height:20px;} /*넘버링 링크*/ .number{FONT: 12px dotum,sans-serif; color:#555555; line-height:30px; letter-spacing:1pt;padding:0 3px 0 3px;} .number A:link {FONT: 12px dotum,sans-serif; color:#555555; text-decoration:none ;line-height:30px;padding:0 3px 0 3px; } .number A:visited {FONT: 12px dotum,sans-serif; color:#555555; text-decoration:none;line-height:30px;padding:0 3px 0 3px;} .number A:hover {FONT: 12px dotum,sans-serif; color:#4f713a; text-decoration:none;line-height:30px;padding:0 3px 0 3px;} .number_hyun {FONT: bold 13px gulim,sans-serif; color:#4f713a;} /* 링크*/ .greenfont {FONT: 12px dotum,sans-serif; color:#59992a; text-decoration:none ;line-height:18px; } .greenfont_bul {padding: 0 0 0 8px; font: 12px dotum,sans-serif; color: #59992a; background:url("/web/img/cou/bul_depth_2.gif") no-repeat 0 2px;} A.link_orange:link {FONT: 12px dotum,sans-serif; color:#59992a; text-decoration:none ;line-height:20px; } A.link_orange:visited {FONT: 12px dotum,sans-serif; color:#59992a; text-decoration:none;line-height:20px;} A.link_orange:hover {FONT: 12px dotum,sans-serif; color:#59992a; text-decoration:underline;line-height:20px;} #par01 {position: relative; margin: 20px 0 0 0; padding: 0; width:650px; list-style: none; } /* #par01 ul {margin: 0; padding: 0; list-style: none;} #par01 ul li {float: left; } */ #par01_1 {position: relative; margin: 20px 0 0 0; padding: 0; width:650px; list-style: none; } #par01_1 ul {margin: 0; padding: 0; list-style: none;} #par01_1 ul li {float: left; } #par02 {position: relative; padding:20px 0 0 0; margin:0; width:650px; list-style: none; height:25px; clear: both; } #par02 ul {margin: 0; padding: 0; list-style: none;} #par02 ul li {float: left;} #par03 { position: relative; margin:0; padding: 0 0 10px 0; width:650px; list-style: none; clear: both; } #par03 ul {margin: 0; padding: 0; list-style: none;} #par03 ul li {float: left;clear: both; } #par04 {position: relative; margin: 0; padding: 0; width:650px; list-style: none; height:20px; clear: both; } #par04 ul {margin: 0; padding: 0; list-style: none;} #par04 ul li {float: left; clear: both;} /* 게시판뷰에 들어가는 질문답변테이블 */ .py01 {background:url("/web/img/kca/default/board_p01.gif") no-repeat; width:650px; height:8px;} .py02 {background:url("/web/img/kca/default/board_p02.gif") no-repeat; width:650px; height:8px;} .py03 {background:url("/web/img/kca/default/board_p03.gif") ; width:650px; FONT: 12px dotum,sans-serif; color:#555555; vertical-align:center; text-align:center;} .py04 {background:url("/web/img/kca/default/board_p03.gif") ; width:650px; FONT: 12px dotum,sans-serif; color:#555555; vertical-align:center;} .input_wr {background-color:#e6f9e6; border:1px solid #87d687; FONT: 12px dotum,sans-serif; color:#666666; line-height:18px; height:16px;} /* 별표시 박스 */ .check01 {background:url("/web/img/kca/cou/color_box_top.gif") no-repeat; width:650px; height:8px;} .check02 {background:url("/web/img/kca/cou/color_box_bottom.gif") no-repeat; width:650px; height:10px;} .check03 {background:url("/web/img/kca/cou/color_box_mid.gif") ; width:650px; FONT: 12px dotum,sans-serif; color:#5e7851; vertical-align:center; text-align:center;} /* 블릿스타일 #cou01 {position: relative; margin:20px 0 10px 10px; padding: 0; width:630px;}*/ #cou01 {position: relative; margin:0; padding:20px 0 10px 10px; width:630px; } #cou01 ul {width:630px; margin:0; padding:0; list-style:none; list-style-position:outside; background:none; } #cou01 ul li {margin:0; padding:0 0 0 12px; background:url("/web/img/kca/cou/bul_depth_2.gif") no-repeat 0 4px; FONT:12px dotum,sans-serif; color:#6E6E6E; line-height:20px;} #cou01 ul li.depth2_no {FONT: bold 12px dotum,sans-serif; color:#358031;background:none;line-height:20px;} #cou01 ul li.depth2_point {padding:5px 0 5px 12px;FONT: bold 12px dotum,sans-serif; color:#ad4329; background:none;line-height:20px;} #cou01 ul li.depth2_arrow {margin:0; padding:0 0 0 12px; background:url("/web/img/kca/cou/bul_depth_2.gif") no-repeat 1px 5px; FONT:12px dotum,sans-serif; color:#6E6E6E; line-height:20px;} #cou01 ul li.nobul {margin:0; padding:0 0 20px 12px; background:none; FONT:12px dotum,sans-serif; color:#6E6E6E; line-height:20px;} #cou01 ul li.nobu01 {margin:0; padding:0 0 0 12px; background:none; FONT:12px dotum,sans-serif; color:#6E6E6E; line-height:20px;} #cou01 ul li.nobul_sp2 {margin:0; padding:0 0 0 26px; background:none; FONT:12px dotum,sans-serif; color:#6E6E6E; line-height:20px;} #cou01 ul li.nobul_sp3 {margin:0; padding:0 0 0 0; background:none; FONT:12px dotum,sans-serif; color:#6E6E6E; line-height:20px;} #cou01 ul li.nobul_space {margin:0; padding:0 0 10px 12px; background:none; FONT:12px dotum,sans-serif; color:#6E6E6E; line-height:20px;} #cou01 ul li.nobul_bold {margin:0; padding:0 0 0 12px; background:none; FONT: bold 12px dotum,sans-serif; color:#6E6E6E; line-height:20px;} #cou01 ul li.nobul_img {margin:0; padding:0 0 0 12px; background:none;} #cou01 ul li.nobul_img2 {margin:0; padding:0 0 0 12px; background:none; height:27px;} #cou01 ul li.depth3 {margin:0; padding:0 0 0 12px; background:url("/web/img/kca/cou/bul_depth_3.gif") no-repeat 1px 6px; FONT:12px dotum,sans-serif; color:#6E6E6E; line-height:20px;} #cou01 ul li ul {width:600px; margin:0; padding:0; list-style:none; list-style-position:outside; background: none; } #cou01 ul li ul li {margin:0; padding:0 0 0 8px; background:url("/web/img/kca/cou/bul_line.gif") no-repeat 0 7px; FONT:12px dotum,sans-serif; color:#6E6E6E; line-height:20px;} #cou01 ul li ul li.nobul {margin:0; padding:0 0 0 87px; background:none; FONT:12px dotum,sans-serif; color:#6E6E6E; line-height:20px;} #cou01 ul li ul li.point {margin:0; padding:0 0 0 8px; background:none; FONT:12px dotum,sans-serif; color:#6E6E6E; line-height:20px;} #cou01 ul li ul li.nobul1 {margin:0; padding:0; background:none; FONT:12px dotum,sans-serif; color:#6E6E6E; line-height:20px;} #cou01 ul li ul li.nobul2 {margin:0; padding:0 0 23px 12px; background:none; FONT:12px dotum,sans-serif; color:#6E6E6E; line-height:20px;} .depth2_title {FONT: bold 12px dotum,sans-serif; color:#358031; line-height:20px;} .spanfont {padding: 0;font: 12px dotum,sans-serif; color: #ff5100;} .spanfont_bold {padding: 0;font: 12px dotum,sans-serif; color: #ff5100; font-weight: bold;} #aaa {position: relative; margin:0; padding: 3px 0 5px 0; list-style: none; font: 11px dotum, sans-serif; color: #666666; width: 650px; clear: both;} #aaa ul {margin:0; padding: 0; list-style: none;} #aaa li {margin:0; padding: 0; float:left; clear: both;} /* 탭키 */ #tab {position: relative; margin: 0; padding: 0; list-style:none;clear: both; width: 650px; height:50px;} #tab ul {margin: 0; padding: 0; list-style:none; clear: both; } #tab li {margin: 0; padding: 0; display: inline; list-style:none; float:left; height:26px;} /* table2 */ #table_type2{position: relative; margin:0; padding: 0; font: 12px dotum,sans-serif;} #table_type2 th{margin:0;padding:5px 0 5px 0; text-align:center; font: bold 12px dotum,sans-serif; color:#60884b; border-right:1px solid #bbccb0; border-bottom:1px solid #bbccb0; border-top:2px solid #bbccb0;background:#e9f2e3;} #table_type2 th.first{margin:0;padding:10px 20px 10px 20px; text-align:center; font: bold 12px dotum,sans-serif; color:#60884b; border-right:1px solid #bbccb0; border-top: none; border-bottom:1px solid #bbccb0; background:#e9f2e3;} #table_type2 th.none1{margin:0;padding:5px 0 5px 0; text-align:center; font: bold 12px dotum,sans-serif; color:#60884b; border-right: none; border-bottom:1px solid #bbccb0; background:#e9f2e3;} #table_type2 th.bottom01{margin:0;padding:5px 0 5px 0; text-align:center; font: bold 12px dotum,sans-serif; color:#60884b; border-right:1px solid #bbccb0; border-top: none; border-bottom:2px solid #bbccb0; background:#e9f2e3;} #table_type2 td{padding:10px 0 5px 20px; color:#626262; font: 12px dotum,sans-serif; border-bottom:1px solid #e8e4e4; border-right:1px solid #e8e4e4; background:#ffffff;} #table_type2 td.first{margin:0;padding:10px 0 5px 20px; font:12px dotum,sans-serif; color:#60884b; border-right:1px solid #e8e4e4; border-bottom:1px solid #e8e4e4; border-top:2px solid #bbccb0;} #table_type2 td.first_none{margin:0;padding:10px 0 5px 20px; font:12px dotum,sans-serif; color:#60884b; border-right:none; border-bottom:1px solid #e8e4e4; border-top:2px solid #bbccb0;} #table_type2 td.none1{margin:0;padding:10px 0 5px 20px; color:#626262; font: 12px dotum,sans-serif; border-bottom:1px solid #e8e4e4; border-right: none; background:#ffffff;} #table_type2 td.none2{margin:0;padding:10px 0 5px 20px; color:#626262; font: 12px dotum,sans-serif; border-bottom:2px solid #bbccb0 ;border-right:1px solid #e8e4e4; background:#ffffff;} #table_type2 td.none3{margin:0;padding:10px 0 5px 20px; color:#626262; font: 12px dotum,sans-serif; border-bottom:2px solid #bbccb0 ;border-right:none; background:#ffffff;} /* table2 */ #table_type3{position: relative; margin:0; padding: 0; font: 12px dotum,sans-serif;} #table_type3 td{padding:5px 0 5px 20px; color:#60884b; font:bold 12px dotum,sans-serif; border-bottom:1px solid #e8e4e4; border-right:1px solid #e8e4e4; background:#ffffff;} #table_type3 td.first{margin:0;padding:5px 0 5px 20px; font:bold 12px dotum,sans-serif; color:#60884b; border-right:1px solid #e8e4e4; border-bottom:1px solid #e8e4e4; border-top:2px solid #bbccb0;} #table_type3 td.first_none{margin:0;padding:5px 0 5px 0; text-align:center; font:bold 12px dotum,sans-serif; color:#60884b; border-right:none; border-bottom:1px solid #e8e4e4; border-top:2px solid #bbccb0;} #table_type3 td.none1{margin:0;padding:5px 0 5px 0; text-align:center; color:#60884b; font:bold 12px dotum,sans-serif; border-bottom:1px solid #e8e4e4; border-right: none; background:#ffffff;} #table_type3 td.none2{margin:0;padding:5px 0 5px 20px; color:#60884b; font:bold 12px dotum,sans-serif; border-bottom:2px solid #bbccb0 ;border-right:1px solid #e8e4e4; background:#ffffff;} #table_type3 td.none3{margin:0;padding:5px 0 5px 0; text-align:center; color:#60884b; font:bold 12px dotum,sans-serif; border-bottom:2px solid #bbccb0 ;border-right:none; background:#ffffff;} .bar01 {background:url("/web/img/kca/cou/cou10_05_bar01.gif") no-repeat; width:43px; height:47px; padding-bottom: 3px; font: bold 13px dotum, sans-serif; color: #46692a; text-align:center;} .bar03 {background:url("/web/img/kca/cou/cou10_05_bar03.gif") no-repeat; width: 8px; height:47px;} .bar02 {background:url("/web/img/kca/cou/cou10_05_bar02.gif") repeat-x; padding-left: 2px; padding-bottom: 3px; FONT: bold 12px dotum,sans-serif; color:#626262; text-align:left;} /* 서브메인스타일시작 */ /* 좌측이미지 */ #left_main {position: absolute; left:0px; margin-top:0; width: 197px; height:600px; background:url("/web/img/kca/cou/artimg02_01.jpg") no-repeat;} #main01 { position: relative; margin-top:0px; width:650px; height:80px;} #main01 ul {margin: 0; padding: 0; list-style: none;} #main01 ul li {float: left;} #main_list { position: relative; margin-top:0px; width:650px; height:145px;} #main_list02 { position: relative; margin-top:0px; width:650px; height:80px;} #main02 { position: absolute; margin-top:20px; width:320px; } #main02 ul {margin: 0; padding: 0; list-style: none;} #main02 ul li {float: left;} #main03 { position: absolute; margin-top:20px; margin-left:340px; width:320px; height:140px;} #main03 ul {margin: 0; padding: 0; list-style: none;} #main03 ul li {float: left;} #main_sok { position: absolute; margin-top:30px; width:328px; height:45px; background:url("/web/img/kca/cou/main03.gif") no-repeat;} #main_sok ul {margin: 0; padding: 0; list-style: none;} #main_sok ul li {float: left; padding:16px 0 0 80px; width:290px;} #main_ico { position: absolute; margin-top:20px; margin-left:360px; width:320px; height:140px;} #main_ico ul {margin: 0; padding: 0; list-style: none;} #main_ico ul li {float: left;} #main04 { position: relative; margin-top:20px; width:650px; height:80px;} #main04 ul {margin: 0; padding: 0; list-style: none;} #main04 ul li {float: left; padding:0 7px 0 5px;} #main05 { position: relative; margin-top:20px; width:650px; height:80px;} #main05 ul {margin: 0; padding: 0; list-style: none;} #main05 ul li {float: left;} /* 메인 좌측퀵메뉴 */ #main_quick { position: relative; margin-top:460px; left:5px; width:189px; height:80px;} #main_quick ul {margin: 0; padding: 0; list-style: none;} #main_quick ul li {float: left; } .join_text01 {FONT: bold 12px gulim,sans-serif; color:#0A43A2;} #join_pop01 { position: relative; width:436px; height:300px; } #join_pop01 ul {margin: 0; padding: 0; list-style: none;} #join_pop01 ul li {float: left; padding: 0;} #join_pop01 ul li.minus{margin:-5px 0 0 0;} #pop_more { position: relative; background:url("/web/img/kca/cou/pop03.jpg"); width:436px; height:90px;} #pop_more ul {margin: 0; padding: 0; list-style: none; padding:20px 0 0 40px;} #pop_more ul li {float: left; clear: both; width:300px;} #pop_more01 { position: relative; background:url("/web/img/kca/cou/pop03_01.jpg"); width:600px; height:90px;} #pop_more01 ul {margin: 0; padding: 0; list-style: none; padding:20px 0 0 30px;} #pop_more01 ul li {float: left; clear: both; width:300px;} .join_bar01{background:url("/web/img/kca/cou/join_bar01.gif") no-repeat; width:650px; height:52px; } .join_bar02{background:url("/web/img/kca/cou/join_bar02.gif") no-repeat; width:650px; height:50px; } .join_bar03{background:url("/web/img/kca/cou/join_bar03.gif"); width:650px;} #join_in01 { position: relative; margin-left:0px; width:650px; height:250px; } #join_in01 ul {margin: 0; padding: 0; list-style: none;} #join_in01 ul li {float: left; } /* 수정--추가css */ /* 대타이틀이미지 */ #ntitle01 {position: relative; margin-top:0px; width:650px; height:20px;} #ntitle01 ul {margin: 0; padding: 0; list-style: none;} #ntitle01 ul li {float:left;} /* 박스코멘트 */ #bx_comment{position: relative; margin-top:0px; width:650px;} #con22 { position: relative; margin-top:-4px; width:650px; padding:20px 0 0 0px; background-color:#ffffff; height:auto;} /* 블릿체계 */ #cou_bul{position: relative; margin:0 0 0px 10px; width:650px;} #cou_bul ul{width:650px; margin:0; padding:0; list-style:none; list-style-position:outside; } #cou_bul ul li{margin:0; padding:0 0 0 12px; background:url("/web/img/kca/cou/bul_depth_2.gif") no-repeat 0 4px; FONT:12px dotum,sans-serif; color:#6E6E6E; line-height:20px;} #cou_bul ul li.depth3{margin:0; padding:0 0 0 12px; background:url("/web/img/kca/cou/bul_depth_3.gif") no-repeat 1px 6px; FONT:12px dotum,sans-serif; color:#6E6E6E; line-height:20px;} #cou_bul ul li.nobul{margin:0; padding:0 0 0 12px; background:none; color:#6E6E6E; FONT:12px dotum,sans-serif; color:#6E6E6E;line-height:22px; } #cou_bul ul li.dep2_point{margin:0; padding:20px 0 0 12px; FONT:bold 12px dotum,sans-serif; color:#ad4329; line-height:20px; background:none;} #cou_bul ul li ul{width:600px; margin:0; padding:0; list-style:none; list-style-position:outside; } #cou_bul ul li ul li{margin:0; padding:0 0 0 8px; background:url("/web/img/kca/cou/bul_line.gif") no-repeat 0 7px; FONT:12px dotum,sans-serif; color:#6E6E6E; line-height:20px;} #cou_bul ul li ul li.nobul{margin:0; padding:0 0 0 8px; background:none; FONT:12px dotum,sans-serif; color:#6E6E6E; line-height:20px;} .depth2_title{FONT: bold 12px dotum,sans-serif; color:#59992A;} ul.depth4{margin:0; padding:0 0 0 22px;} .depth4 li{margin:0; padding:0 0 0 8px; background:url("/web/img/kca/cou/bul_line.gif") no-repeat 0 7px; list-style:none; FONT:12px dotum,sans-serif; color:#6E6E6E; line-height:20px;} /* padding,margin관련 */ .padt10b10{padding:10px 0 10px 0;} .padt10{padding:10px 0 0 0;} .padb10{padding:0 0 10px 0;} #btn_img {position: relative; margin:0; width:650px; height:30px;} #btn_img ul {margin: 0; padding: 0; list-style: none;} #btn_img ul li {float: left; } #btn_img01 {position: relative; margin:0; width:650px; height:30px;} #btn_img01 ul {margin: 0; padding: 0; list-style: none;} #btn_img01 ul li {float: right; } /* 공인인증서 창이 나타나지 않을때 조치방법 popup width:400px */ #cou_15_pop { position: relative; width:400px; height:300px; } #cou_15_pop ul {margin: 0; padding: 0; list-style: none;} #cou_15_pop ul li {float: left; padding: 0;} #cou_15_pop ul li img {display:block; margin: 0; padding: 0;} #cou_pop_more { position: relative; background:url("/web/img/kca/cou/cou_15_pop_cen.jpg") repeat-y; width:400px;} #cou_pop_more ul {margin: 0; padding: 0; list-style: none; padding:20px 0 0 30px;} #cou_pop_more ul li {float: left; clear: both; width:300px;} .for_p_line{height:1px; background:#dbdbdb;padding:0;margin:0;} .board_h{height:15px;}