/*한국소비자원 상담마당 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: #c19d15; 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:#0e6772; 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: #c19d15; list-style: none;} #left {position: absolute; left:0px; margin-top:0; width: 197px; height:580px; background:url("/web/img/kca/inf/artimg02.jpg") no-repeat;} /* 섹션별 바텀색지정 */ #bottom03 {position: relative; margin-top:30px; padding:0x; width:100%; height:85px; background-color:#403a08;} /*게시판 리스트*/ .board_left{background:url("/web/img/kca/inf/bar01.gif") no-repeat; width:11px; height:36px;} .board_right{background:url("/web/img/kca/inf/bar02.gif") no-repeat; width:13px; height:36px; } .board_title{background:url("/web/img/kca/inf/bar03.gif"); height:36px; FONT: bold 11px dotum,sans-serif; color: #397B7B; text-align:center;} .board_line{background-color:#e5e5e5; height:1px; } .board_bottom{background-color:#BDDFE7; 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:#089CA5; text-decoration:underline;line-height:26px;} /*게시판 뷰*/ .board_viewtitle{background:url("/web/img/kca/inf/bar03.gif"); height:36px; FONT: bold 12px dotum,sans-serif; color: #416b8e; } .board_titletop{background-color:#9AC5D6; height:2px; } .board_titleline{background-color:#BAD8DF; height:1px; } .board_viewtitle2{ FONT: bold 11px dotum,sans-serif; color: #417A8E; text-align:left; height:28px;} .board_viewcon{ padding:20px 0 20px 0; } .input_wr {background-color:#EFF8F9; FONT: 12px dotum,sans-serif; color:#666666; line-height:18px; height:16px; border:1px solid #AFD4D9;} .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:#0A43A2; text-decoration:underline;line-height:26px;} /*버튼*/ .btn01 {background:url("/web/img/kca/inf/btn01.gif") no-repeat; width:9px; height:20px; } .btn03 {background:url("/web/img/kca/inf/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/inf/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:#0A43A2; text-decoration:none;line-height:30px;padding:0 3px 0 3px;} .number_hyun {FONT: bold 13px gulim,sans-serif; color:#207B8C;} #inf01 { position: relative; margin-top:0px; width:650px;} #inf01 ul {margin: 0; padding: 0; list-style: none;} #inf01 ul li {float: left;} /* 타이틀영역확보 */ #inf01_1 { position: relative; margin-top:10px; width:650px; height:20px;} #inf01_1 ul {margin: 0; padding: 0; list-style: none;} #inf01_1 ul li {float: left;} #inf02 {position: relative; margin:0; padding: 3px 0 5px 0; list-style: none; font: 11px dotum, sans-serif; color: #666666; width: 650px; clear: both;} #inf02 ul {margin:0; padding: 0; list-style: none;} #inf02 li {margin:0; padding: 0; float:left; clear: both;} /*#inf02 { position: relative; margin-top:20px; width:650px;} #inf02 ul {margin: 0; padding: 0; list-style: none;} #inf02 ul li {float: left;} */ #inf02_1 { position: relative; margin-top:0px; width:650px;} #inf02_1 ul {margin: 0; padding: 0; list-style: none;} #inf02_1 ul li {float: left;} #inf03 { position: relative; margin-top:0px; width:650px;} #inf03 ul {margin: 0; padding: 0; list-style: none;} #inf03 ul li {float: left;} /* 블릿스타일 */ #inf04{position: relative; margin:20px 0 0 10px; width:630px; padding-bottom:20px;} #inf04 ul{width:650px; margin:0; padding:0; list-style:none; list-style-position:outside; } #inf04 ul li{margin:0; padding:0 0 0 12px; background:url("/web/img/kca/inf/bul_depth_2.gif") no-repeat 0 4px; FONT:12px dotum,sans-serif; color:#6E6E6E; line-height:20px;} #inf04 ul li.depth3{margin:0; padding:0 0 0 12px; background:url("/web/img/kca/inf/bul_depth_3.gif") no-repeat 1px 6px; FONT:12px dotum,sans-serif; color:#6E6E6E; line-height:20px;} #inf04 ul li.nobul{margin:0; padding:0 0 0 12px; background:none; color:#6E6E6E; line-height:20px; FONT:12px dotum,sans-serif; color:#6E6E6E; line-height:20px;} #inf04 ul li ul{width:600px; margin:0; padding:0; list-style:none; list-style-position:outside; } #inf04 ul li ul li{margin:0; padding:0 0 0 8px; background:url("/web/img/kca/inf/bul_line.gif") no-repeat 0 7px; FONT:12px dotum,sans-serif; color:#6E6E6E; line-height:20px;} #inf04 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:#007B80;} /* table type1의 정렬 시작 */ #inf04_1{position: relative; margin:20px 0 0px 10px; width:630px;} #inf04_1 ul{width:650px; margin:0; padding:0; list-style:none; list-style-position:outside; } #inf04_1 ul li{margin:0; padding:0 0 0 12px; background:url("/web/img/kca/inf/bul_depth_2.gif") no-repeat 0 4px; FONT:12px dotum,sans-serif; color:#6E6E6E; line-height:20px;} #inf04_1 ul li.depth3{margin:0; padding:0 0 0 12px; background:url("/web/img/kca/inf/bul_depth_3.gif") no-repeat 1px 6px; FONT:12px dotum,sans-serif; color:#6E6E6E; line-height:20px;} #inf04_1 ul li.nobul{margin:0; padding:0 0 0 12px; background:none; color:#6E6E6E; line-height:20px; FONT:12px dotum,sans-serif; color:#6E6E6E; line-height:20px;} #inf04_1 ul li ul{width:600px; margin:0; padding:0; list-style:none; list-style-position:outside; } #inf04_1 ul li ul li{margin:0; padding:0 0 0 8px; background:url("/web/img/kca/inf/bul_line.gif") no-repeat 0 7px; FONT:12px dotum,sans-serif; color:#6E6E6E; line-height:20px;} #inf04_1 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_title2{FONT: bold 12px dotum,sans-serif; color:#A17E10;} #table_type1{position: relative; margin:10px 0 0 20px; width:630px; } /* table type1의 정렬 끝 */ #inf_report { position: relative; margin-top:0px; width:650px;} #bg_date{ position: relative; margin-top:0px; width:650px; background:url("/web/img/kca/inf/inf_bg_date.gif"); height:32px;} #inf_book { position: relative; margin-top:20px; width:650px;} #tab { position: relative; margin-top:0px; width:650px; height:70px;} #tab ul {margin: 0; padding: 0; list-style: none;} #tab ul li {float: left;} .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;} .inf_report_bg01{background:url("/web/img/kca/inf/view_bg01.gif") no-repeat; width:650px; height:11px;} .inf_report_bg02{background:url("/web/img/kca/inf/view_bg02.gif") repeat-y; width:650px; height:5px; padding:0px 10px 0px 10px;} .inf_report_bg03{background:url("/web/img/kca/inf/view_bg03.gif") no-repeat; width:650px; height:11px;} .inf_view_title{background:#EFEFEF; padding:10px; font-size:12px; font-weight:bold; color:#BF792E; } .bg_book{background:url("/web/img/kca/inf/bg_book.gif") no-repeat; padding:5px 0 20px 5px; width:145px; } .bg_btxt{text-align:center;} /* 사이즈수정 */ .bg_book_n{background:url("/web/img/kca/inf/bg_book_n.gif") no-repeat; padding:5px 0 20px 6px; width:125px; } /* 표 */ .view{margin:0; border-top:2px solid #D3D3D3; } .view th{font-size:12px; font-weight:normal; color:#333; padding-top:4px; padding-bottom:4px; background-color:#F2F2F2; border-right:1px solid #D3D3D3; border-bottom:1px solid #D3D3D3;} .view th.ltitle{font-size:12px; font-weight:normal; color:#333; padding-top:4px; padding-bottom:4px; background-color:#f9f9f9; border-right:1px solid #D3D3D3; border-bottom:1px solid #D3D3D3;} .view th.end{font-size:12px; font-weight:normal; color:#333; padding-top:4px; padding-bottom:4px; background-color:#F2F2F2; border-right:0px solid #fff; border-bottom:1px solid #D3D3D3;} .view td{font-size:12px; color:#777; padding-top:4px; padding-bottom:4px; text-align:center; padding-left:10px; border-bottom:1px solid #D3D3D3; border-right:1px solid #D3D3D3; } .view td.end{font-size:12px; color:#777; padding-top:4px; padding-bottom:4px; text-align:center;padding-left:10px;border-bottom:1px solid #D3D3D3; border-right:0px solid #fff; } .view td.end2{font-size:12px; color:#777; padding-top:4px; padding-bottom:4px; text-align:left; vertical-align:top; padding-left:10px; border-bottom:1px solid #D3D3D3; border-right:0px solid #fff; } .view td.aleft{font-size:12px; color:#777; padding-top:4px; padding-bottom:4px; text-align:left; vertical-align:top; padding-left:10px; border-bottom:1px solid #D3D3D3; border-right:1px solid #D3D3D3; } /* 뷰페이지안에 tab */ .view_tab{width:100%; background:url("/web/img/kca/inf/tab_bg02.gif") 0 0 repeat-x; height:31px;} .tab_left{background:url("/web/img/kca/inf/tab_bg01.gif") no-repeat; width:11px; height:31px;} .tab_right{background:url("/web/img/kca/inf/tab_bg03.gif") no-repeat; width:11px; height:31px;} /* 표2 */ .view2{margin:0; border-top:2px solid #D3D3D3; } .view2 th{font-size:12px; font-weight:normal; color:#333; padding-top:4px; padding-bottom:4px; background-color:#F2F2F2; border-right:1px solid #D3D3D3; border-bottom:1px solid #D3D3D3;} .view2 th.ltitle{font-size:12px; font-weight:normal; color:#333; padding-top:4px; padding-bottom:4px; background-color:#f9f9f9; border-right:1px solid #D3D3D3; border-bottom:1px solid #D3D3D3;} .view2 th.end{font-size:12px; font-weight:normal; color:#333; padding-top:4px; padding-bottom:4px; background-color:#F2F2F2; border-right:0px solid #fff; border-bottom:1px solid #D3D3D3;} .view2 td{font-size:12px; color:#777; padding-top:4px; padding-bottom:4px; text-align:center; padding-left:10px; border-bottom:1px solid #D3D3D3; border-right:1px solid #D3D3D3; } .view2 td.end{font-size:12px; color:#777; padding-top:4px; padding-bottom:4px; text-align:center;padding-left:10px;border-bottom:1px solid #D3D3D3; border-right:0px solid #fff; } .view2 td.end2{font-size:12px; color:#777; padding-top:4px; padding-bottom:4px; text-align:left; vertical-align:top; padding-left:10px; border-bottom:1px solid #D3D3D3; border-right:0px solid #fff; } .view2 td.aleft{font-size:12px; color:#777; padding-top:4px; padding-bottom:4px; text-align:left; vertical-align:top; padding-left:10px; border-bottom:1px solid #D3D3D3; border-right:1px solid #D3D3D3; } .view2 td.none{font-size:12px; color:#C39360; padding-top:4px; padding-bottom:4px; text-align:left; vertical-align:top; padding-left:10px; border-bottom:0px solid #fff; border-right:0px solid #fff; } p.none{font-size:12px; color:#C39360; padding-top:4px; padding-bottom:4px; text-align:left; vertical-align:top; padding-left:10px; border-bottom:0px solid #fff; border-right:0px solid #fff; } /* 표 */ .view3{margin:0; border-top:2px solid #399A9C; margin-top:20px;} .view3 th{font-size:12px; font-weight:normal; color:#42798C; padding-top:4px; padding-bottom:4px; background-color:#F2F2F2; border-right:1px solid #D3D3D3; border-bottom:1px solid #D3D3D3;} .view3 th.ltitle{font-size:12px; font-weight:normal; color:#42798C; padding-top:4px; padding-bottom:4px; background-color:#f9f9f9; border-right:1px solid #D3D3D3; border-bottom:1px solid #D3D3D3;} .view3 th.end{font-size:12px; font-weight:normal; color:#42798C; padding-top:4px; padding-bottom:4px; background-color:#F2F2F2; border-right:0px solid #fff; border-bottom:1px solid #D3D3D3;} .view3 td{font-size:12px; color:#777; padding-top:4px; padding-bottom:4px; text-align:center; padding-left:10px; border-bottom:1px solid #D3D3D3; border-right:1px solid #D3D3D3; } .view3 td.end{font-size:12px; color:#777; padding-top:4px; padding-bottom:4px; text-align:center;padding-left:10px;border-bottom:1px solid #D3D3D3; border-right:0px solid #fff; } .view3 td.end2{font-size:12px; color:#777; padding-top:4px; padding-bottom:4px; text-align:left; vertical-align:top; padding-left:10px; border-bottom:1px solid #D3D3D3; border-right:0px solid #fff; } .view3 td.aleft{font-size:12px; color:#777; padding-top:4px; padding-bottom:4px; text-align:left; vertical-align:top; padding-left:10px; border-bottom:1px solid #D3D3D3; border-right:1px solid #D3D3D3; } /* 텍스트*/ .ptxt01{color:#777; font-size:11px; font-weight:normal; text-align:right; padding:10px 0 0 0;} .ptxt02{color:#846529; font-size:12px; font-weight:normal;} /* 위원회결정사례탭 게시판 뷰 템플릿*/ .pad01{padding:5px 4px 5px 4px;} /* 팝업버튼 */ #inf_btn{width:100%; text-align:right; margin-top:15px;} /* 서브메인스타일시작 */ /* 좌측이미지 */ #left_main {position: absolute; left:0px; margin-top:0; width: 253px; height:600px; background:url("/web/img/kca/inf/artimg02_01.jpg") no-repeat;} /* 메인 좌측퀵메뉴 */ #main_quick { position: relative; margin-top:435px; left:5px; width:189px; height:80px;} #main_quick ul {margin: 0; padding: 0; list-style: none;} #main_quick ul li {float: left; } #inf_main01 { position: relative; margin-top:0px; width:650px; height:83px;} #inf_main01 ul {margin: 0; padding: 0; list-style: none;} #inf_main01 ul li {float: left;} #inf_main02 { position: relative; margin-top:20px; width:660px; height:93px;} #inf_main02 ul {margin: 0; padding: 0; list-style: none;} #inf_main02 ul li {float: left; padding: 0;} #inf_main02 ul li img {display:block; margin: 0; padding: 0;} .sobi_bg {background:url("/web/img/kca/inf/sobi_bg.gif") no-repeat; width:126px; height:93px;} #inf_main_list { position: relative; margin-top:5px; width:650px; height:145px;} #inf_main_list02 { position: relative; margin-top:20px; width:650px; height:120px;} #inf_main03 { position: absolute; margin-top:20px; width:320px; } #inf_main03 ul {margin: 0; padding: 0; list-style: none;} #inf_main03 ul li {float: left;} #inf_main04 { position: absolute; margin-top:20px; margin-left:340px; width:320px; height:140px;} #inf_main04 ul {margin: 0; padding: 0; list-style: none;} #inf_main04 ul li {float: left;} #inf_main05 { position: absolute; margin-top:0px; width:501px; height:120px;} #inf_main05 ul {margin: 0; padding: 0; list-style: none;} #inf_main05 ul li {float: left;} #inf_main06 { position: absolute; margin-top:0px; left:510px; width:140px; height:120px;} #inf_main06 ul {margin: 0; padding: 0; list-style: none;} #inf_main06 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 img {display:block; margin: 0; padding: 0;} #pop_more { position: relative; background:url("/web/img/kca/inf/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;} .for_p_line{height:1px; background:#dbdbdb;padding:0;margin:0;} .board_h{height:15px;}