/* CSS Guide 1. 명칭은 영문 소문자를 사용 2. 별도로 지정되어야 하는 경우 외에는 누구나 식별 가능한 이름을 사용할 것 예> 일반적으로 사용하는 용어이거나 이해할 수 있는 합성어f normboardview = normal + board + view (일반 게시판 보기) galboardlist = gallery +board + list (갤러리형 게시판 리스트) 3.명칭뒤에 추가되는 스타일은 "2 로 추가함" 예> bbs_top이 기본이지만 추후에 추가되면 bbs_top2 이런식으로 명칭 통일화 함 4. 버튼의 이미지 명은 긴 단어는 5자 내외로 줄여서 사용 recommendation(추천) = recomm btn_recommendation (x) ---> btn_recomm (o) 5. CSS파일 작업후 추가 수정시에 해당 작업자 본인의 이름을 주석으로 기입! (한 사람이 직접적으로 관리하면 좋으나, 공동 작업시 파일 훼손 우려) */ body, th, td, div, span, input, select, textarea { font: 12px Dotum,돋움; line-height: 18px; color: #777777; letter-spacing:-0.5px; } body { margin: 0 0 0 0; padding: 0; scrollbar-face-color:#F6F6F6; scrollbar-highlight-color:#FFF; scrollbar-shadow-color:#9F9C9C; scrollbar-3dlight-color:#FFF; scrollbar-darkshadow-color:#FFF; scrollbar-track-color:#FFF; scrollbar-arrow-color:#4E4E4E; } A:link {color: #777777; text-decoration: none} A:visited {color: #777777; text-decoration: none} A:hover {color: #777777; text-decoration: none} select{behavior: url(../js/selectbox.htc);} /*================== CSS 스타일 시작 ==================*/ /* ###### Layout ######################################################################################### */ /*===== layout =====*/ .sw { width:970px;} /* sub영역 테이블 전체 가로사이즈 */ .creditbank_top { height:100px; padding:10 0 0 0} .creditbank_body { padding:15 0 30 0;vertical-align:top;} /*body 상단하단 간격*/ .creditbank_footer{ height:130px; padding:15px 0px 15px 0px; background-image:url(../img/common/footer_line.gif); background-position:top; background-repeat:repeat-x; vertical-align:bottom;} /*footer 상단하단 간격*/ .creditbank_left { width:195px;text-align:left; vertical-align:top;} /*left 상단하단 간격*/ .creditbank_con { width:650px; text-align:left;vertical-align:top; min-height: 600px; /* 최소 높이 지정 */} /*con 상단하단 간격*/ .creditbank_ad { width:125px;text-align:right; vertical-align:top;} /*ad 상단하단 간격*/ /*===== NEWS layout =====*/ .news_con{width:748px; text-align:left; vertical-align:top; padding-right:12;}/* news width 고정 값 */ .news_con1{width:470px; text-align:left; vertical-align:top; padding-right:20;}/* news width 고정 값 */ .news_con2{width:626px; text-align:left; vertical-align:top; padding:0 20 0 20;}/* news width 고정 값 */ .news_left{width:110px; text-align:left; vertical-align:top;}/* news width 고정 값 */ .news_right{width:210px; text-align:right; vertical-align:top;}/* news width 고정 값 */ .news_right1{width:258px; text-align:right; vertical-align:top;}/* news width 고정 값 */ /*===== gnb_color =====*/ .gnb_bluishgreen {height:40px;background:url(../img/cs/gnb_bluishgreen.jpg) 0 0 no-repeat;padding:0 0 0 20;} /*===== tab =====*/ .tab_submain{background-image:url(../img/news/box1_top_bg.gif); background-repeat:repeat-x; background-position:top;} /*===== NEWS FONT TITLE =====*/ h1.subtit {font: 25px Dotum,돋움; font-weight:bold; color: #333; letter-spacing:-1px; line-height:18px; margin-bottom:0;} h2.subtit {font: 20px Dotum,돋움; font-weight:bold; color: #333; letter-spacing:-1px; line-height:18px;} h3.subtit {font: 14px Dotum,돋움; font-weight:bold; color: #666; letter-spacing:-1px; line-height:18px; margin-bottom:0; margin-top:0;} h3.subtit1{font: 16px Dotum,돋움; font-weight:bold; color: #666; letter-spacing:-1px; line-height:18px; margin-bottom:0; margin-top:0;} h3.subtit2{font: 16px Dotum,돋움; font-weight:bold; color: #333; letter-spacing:-1px; line-height:18px; margin-bottom:0; margin-top:0;} h3.subtit3 {font: 14px Dotum,돋움; font-weight:bold; color: #333; letter-spacing:-1px; line-height:18px; margin-bottom:0; margin-top:0;} h4.subtxt {font: 12px Dotum,돋움; color: #777; line-height:18px; margin-bottom:0; margin-top:0; letter-spacing:-0.5px; font-weight:normal; } h3.sub_cmmt {font: 14px Dotum,돋움; font-weight:bold; color: #666; background:url('../img/common/depth/4d_dot.gif') 9px 8px no-repeat;padding-left:18px;margin-top:0px; margin-bottom:1px; line-height:24px;}/*1Depth 내용 리스트*/ h4.sub_cmmt {font: 12px Dotum,돋움; color: #666; background:url('../img/common/depth/4d_dot.gif') 0px 5px no-repeat;padding-left:9px; margin-top:0px; margin-bottom:1px; line-height:14px; height:20;}/*1Depth 내용 리스트*/ h4.sub_cmmt1 {font-size:12px; color:#777; font-weight:normal;background:url('../img/news/icon_arrow.gif') 0px 3px no-repeat;padding-left:11px;margin-bottom:0px; margin-top:0px;line-height: 16px;}/*화살표 news*/ .blt_dot2 {font-size:12px; color:#777; font-weight:normal;background:url('../img/news/blt_dot2.gif') 0px 7px no-repeat;padding-left:8px;margin-bottom:0px; margin-top:0px;line-height: 20px;} /* submain List */ .submain_list {border-bottom:0px solid #0091BD;} /*하단 라인*/ .submain_list td {border-bottom:1px solid #EBEBEB;} /*td 상단하단간격, 회색라인 정의*/ .submain_list td.l {text-align:left; padding-left:10px;} /*필드 좌측 간격*/ .submain_list a:link, .submain_list a:visited {color:#777; text-decoration:none;} /*링크 */ .submain_list a:active, .submain_list a:hover {color:#3fa5c3; text-decoration:none;} /*링크 */ .submain_list1{border-bottom:1px solid #E1E1E1; border-top:2px solid #E1E1E1;} /*하단 라인*/ .submain_list2{border-bottom:1px solid #EBEBEB; border-top:2px solid #F5F5F5;} /*하단 라인*/ .submain_list2 td {height:27px; border-bottom:1px solid #EBEBEB; padding-top:5;} /* line */ .line1 {border-bottom:solid; border-top:solid; border-color:#EBEBEB; border-width:1;} .line2 {border-top:solid; border-color:#EBEBEB; border-width:1;} .line3 {border-bottom:solid; border-color:#ccc; border-width:1;} .newsbar_line{border-right:1px solid #E9E9E9; text-align:left; padding:0 15 0 20; vertical-align:top;} /* submain List */ .photo_bbs { border-top:2px solid #3fa5c3; border-bottom:1px solid #3fa5c3;} .photo_img {border:1px solid #ccc;} /* ###### LEFT Style ######################################################################################### */ .lp {padding:10px 12px 10px 12px;} /*Left padding*/ /*===== left_s3_c=====*/ .leftmenu_c{ width:110px; background-image:url('../img/common/left/left_bg_s3_c.gif'); background-position:top; background-repeat:repeat-y;} /* 채널별 라인 */ .leftmenu_cl:link {color:#777; text-decoration:none;} .leftmenu_cl:visited {color:#777; text-decoration:none;} /*링크 */ .leftmenu_cl:active{color:#0092BC; text-decoration:none;} .leftmenu_cl:hover {color:#0092BC; text-decoration:none;} /*링크 */ .leftmenu_c .lp_s3_c_on{ font-size:12px; color:#0092BC; background:url('../img/common/left/blt_s3_c.gif') 0 10 no-repeat; padding-left:9px; padding-top:3; margin-top:10px; margin-bottom:10px; font-weight:bold; line-height: 20px; border-bottom-style:solid; border-width:1; border-color:#EDEDED;} .leftmenu_c .lp_s3_off{ font-size:12px; color:#777; background:url('../img/common/left/blt_s3_dot.gif') 0 10 no-repeat; padding-left:9px; margin-bottom:10px; padding-top:3; margin-top:10px; line-height: 20px; border-bottom-style:solid; border-width:1; border-color:#EDEDED;} /* ###### COMMON Style ######################################################################################### */ .common_input { height:16px; background-color:#FFFFFF; border: 0px solid #FFFFFF;} /* input box */ .common_search {border:2px solid #5189DC; background-color:#fff; padding:0 0 0 0;height:22px;width:138px;vertical-align:top;} /* 유틸리티 검색 */ /*link*/ .common_link1 {font-size:11px;color:#555; text-decoration:none;line-height:16px;} /*링크 */ .common_link1:link {font-size:11px;color:#555; text-decoration:none;line-height:16px;} /*링크 */ .common_link1:visited {font-size:11px;color:#555; text-decoration:none;line-height:16px;} /*링크 */ .common_link1:hover {font-size:11px;color:#3fa5c3; text-decoration:none;line-height:16px;} /*링크 */ .common_link2 {font-size:12px;color:#1354B3; font-weight: bold;text-decoration:none;line-height:16px;letter-spacing:-1px;} /*링크 */ .common_link2:link {font-size:12px;color:#1354B3; font-weight: bold;text-decoration:none;line-height:16px;letter-spacing:-1px;} /*링크 */ .common_link2:visited {font-size:12px;color:#1354B3;font-weight: bold; text-decoration:none;line-height:16px;letter-spacing:-1px;} /*링크 */ .common_link2:hover {font-size:12px;color:#1354B3; font-weight: bold;text-decoration:none;line-height:16px;letter-spacing:-1px;} /*링크 */ .bbs_link:link {color:#777; text-decoration:none;} /*링크 */ .bbs_link:visited {color:#777; text-decoration:none;} /*링크 */ .bbs_link:active{color:#3FA5C3; text-decoration:none;} /*링크 */ .bbs_link:hover {color:#3FA5C3; text-decoration:none;} /*링크 */ .sub_cmmt:link {color:#666; text-decoration:none;} /*링크 */ .sub_cmmt:visited {color:#666; text-decoration:none;} /*링크 */ .sub_cmmt:active{color:#3FA5C3; text-decoration:none;} /*링크 */ .sub_cmmt:hover {color:#3FA5C3; text-decoration:underline;} /*링크 */ .subtit2:link {color:#333; text-decoration:none;} /*링크 */ .subtit2:visited {color:#333; text-decoration:none;} /*링크 */ .subtit2:active{color:#3FA5C3; text-decoration:none;} /*링크 */ .subtit2:hover {color:#3FA5C3; text-decoration:underline;} /*링크 */ .newsbar_link {font-size:11px;color:#666; text-decoration:none;line-height:16px;} /*링크 */ .newsbar_link:link {font-size:11px;color:#666; text-decoration:none;line-height:16px;} /*링크 */ .newsbar_link:visited {font-size:11px;color:#666; text-decoration:none;line-height:16px;} /*링크 */ .newsbar_link:hover {font-size:11px;color:#3fa5c3; text-decoration:underline; line-height:16px;} /*링크 */ /*line*/ .gray_line_x { background-image:url(../img/common/gray_line.gif); background-position:top; background-repeat:repeat-x;}/* gray_line_x */ .gray_line_y { background-image:url(../img/common/gray_line.gif); background-position:top; background-repeat:repeat-y;}/* gray_line_y */ /*===== content =====*/ .cw { width:650px; vertical-align:top;} /* 컨텐츠영역 테이블 전체 가로사이즈 */ /*===== member =====*/ .input { height:19px; background-color:#FFFFFF; border: 1px solid #D4D4D4;} /* input box */ .txtarea { height:280px; background-color:#FFFFFF; border: 1px solid #D4D4D4;} /* input box */ /*===== scrollbox =====*/ #scrollbox { width:100%; height:100%; overflow:auto; padding:0px; border:0px; scrollbar-face-color: #FFFFFF; scrollbar-shadow-color: #E3E3E3; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #E3E3E3; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #F7F7F7; scrollbar-arrow-color: #A4A4A4; } /*===== SUBMAIN 레이아웃 작업 진행해주시기 바랍니다.=====*/ .sub_flash {width:708;} .sub_quick {padding:0 0 0 12; vertical-align:top; width:250;} .quick_line {height:1; background-color:#D8D8D8;} /*===== 상단 코멘트 =====*/ .top_cmmt1 {font-size:11px; color:#777;font-weight:normal;background:url('../img/common/depth/4d_dot.gif') 24px 5px no-repeat;padding-left:33px;margin-bottom:0px; margin-top:4px;line-height: 16px;}/*공통 (상단 comments 내 4depth블릿 + text)*/ .top_cmmt2 {font-size:11px; color:#777;font-weight:normal;background:url(none); margin-bottom:0px; margin-top:4px;line-height: 16px;}/*공통 (상단 comments 내 블릿없는 text)*/ .top_cmmt3 {font-size:11px; color:#777;font-weight:normal;background:url('../img/common/depth/4d_dot.gif') 0px 6px no-repeat;padding-left:8px;margin:0px 0px px 0px; line-height:16px;} .cmmt1 {font-size:11px; color:#999;font-weight:normal;background:url('../img/news/dot01.gif') 0px 5px no-repeat;padding-left:7px;margin-bottom:0px; margin-top:4px; line-height:16px;}/*상단 comments 내 dot_gray블릿 + text)*/ .cmmt2 {font-size:11px; color:#777;font-weight:normal;background:url('../img/common/depth/dot.gif') 0px 5px no-repeat;padding-left:7px;margin-bottom:0px; margin-top:4px; line-height:16px;}/*상단 comments 내 dot_gray블릿 + text)*/ .cmmt3 {font-size:12px; color:#777;font-weight:normal;background:url('../img/common/depth/dot_gray.gif') 0px 5px no-repeat;padding-left:7px;margin-bottom:0px; margin-top:4px; line-height:16px;}/*테이블 안에 리스트일 경우 dot_gray블릿 + text)*/ /* ###### Depth Style ######################################################################################### */ /*common*/ h1.txt1{font-size:12px; color:#777;background:url('none');font-weight:normal;padding-left:0px;margin:9px 0px 0px 0px;}/*들여쓰기 있는 1Depth 내용 text*/ h2.txt1{font-size:12px; color:#777;background:url('none');font-weight:normal;padding-left:17px;margin:9px 0px 0px 0px;}/*들여쓰기 있는 1Depth 내용 text*/ h2.txt2{font-size:12px; color:#777;background:url('none');font-weight:normal;padding-left:32px;margin:0px 0px 0px 0px;}/*들여쓰기 있는 2Depth 내용 text*/ h3.txt{font-size:12px; color:#777;background:url('none');font-weight:normal;padding-left:15px;margin:3px 0px 0px 0px;}/*들여쓰기 있는 3Depth 내용 text*/ /* ###### icon Style ######################################################################################### */ /*별표 주석*/ h2.h2_is_org_bace{font-size:11px; color:#FF6F00;font-weight:normal;background:url('../img/common/icon/icon_star_org.gif') 0px 4px no-repeat;padding-left:11px;margin-bottom:0px; margin-top:0px; line-height:16px;}/*들여쓰기 없는 별표주석 텍스트*/ h2.h2_is_org {font-size:11px; color:#FF6F00;font-weight:normal;background:url('../img/common/icon/icon_star_org.gif') 17px 4px no-repeat;padding-left:28px;margin-bottom:0px; margin-top:0px; line-height:16px;} h3.h3_is_org {font-size:11px; color:#FF6F00;font-weight:normal;background:url('../img/common/icon/icon_star_org.gif') 32px 4px no-repeat;padding-left:41px;margin-bottom:0px; margin-top:0px; line-height:16px;} /*각 채널별 테이블 및 별표주석*/ h2.h2_is1 {font-size:11px; color:#999;font-weight:normal;background:url('../img/common/icon/icon_star.gif') 0px 4px no-repeat;padding-left:11px;margin-bottom:2px; margin-top:9px; line-height:16px; letter-spacing:-1px;} h2.h2_is2 {font-size:11px; color:#999;font-weight:normal;background:url('../img/common/icon/icon_star.gif') 7px 4px no-repeat;padding-left:18px;margin-bottom:2px; margin-top:9px; line-height:16px; letter-spacing:-1px;} h2.h2_is3 {font-size:11px; color:#999;font-weight:normal;background:url('../img/common/icon/icon_star.gif') 0px 4px no-repeat;padding-left:11px;margin-bottom:0px; margin-top:0px; line-height:16px; letter-spacing:-1px;} h2.h2_is_blue {font-size:11px; color:#4B82DA;font-weight:normal;background:url('../img/common/icon/icon_star.gif') 0px 4px no-repeat;padding-left:11px;margin-bottom:0px; margin-top:0px; line-height:16px; letter-spacing:-1px;} /* ###### TABLE Style ######################################################################################### */ /*기본스타일 width:100% */ /* 가로형 table */ table.tbl {border-Color:#C0E1EB; width:100%;} /* 전체 테이블 속성 */ .tbl thead th {border:1px solid #3FA5C3; font-size:12px; color:#3FA5C3;font-weight: bold; padding-top:6px; padding-left:6px; padding-right:5px;padding-bottom:4px;} .tbl thead th.sub {border:1px solid #3FA5C3; color:#65B7CF;} .tbl td {border-Color:#C0E1EB; border-bottom:1 solid #C0E1EB; vertical-align:middle; padding:4 10 2 10;} /* td기본스타일 */ .c {text-align:center; padding-left:5px; padding-right:5px;} .l {text-align:left; padding-left:5px; padding-right:5px;} .r {text-align:right; padding-left:0px; padding-right:10px;} .cell_d {background-color:#EBF6F9; color:#3FA5C3; padding:4 5 2 5; height:25px; text-align:center;} /* 텍스트 가운데정렬 배경 진한칼라 */ .cell_l {background-color:#EBF6F9; color:#3FA5C3; padding:4 5 2 5; height:25px; text-align:left;} /* 텍스트 left정렬 배경 진한칼라 */ .cell2 {background-color:#F5FAFC; color:#3FA5C3; padding:4 5 2 5; height:25px; text-align:center;} /* 텍스트 가운데정렬 배경 연한칼라 */ .cell2_l {background-color:#F5FAFC; color:#3FA5C3; padding:4 5 2 5; height:25px; text-align:left;} /* 텍스트 left정렬 배경 연한칼라 */ .cell2_r {background-color:#F5FAFC; color:#3FA5C3; padding:4 5 2 5; height:25px; text-align:right;} /* 텍스트 오른쪽정렬 */ /* 세로형 테이블 */ table.tbl_row {border-Color:#C0E1EB; width:100%;border-bottom:1px solid #3FA5C3; border-top:1px solid #3FA5C3;} /* 전체 테이블 속성 상단 하단 라인*/ .tbl_row th {border-right:1px solid #C0E1EB;border-bottom:1px solid #C0E1EB;background-color:#EBF6F9;font-size:12px;color:#3FA5C3;font-weight: bold;padding-top:3px; padding-bottom:3px; } /*th 상단필드라인 정의*/ .tbl_row th.sub {background-color:#F5FAFC;font-size:11px;color:#65B7CF;border-bottom:1px solid #C0E1EB;padding-top:7px; padding-bottom:7px; } /*th 상단필드라인 정의*/ .tbl_row td {border-bottom:1px solid #C0E1EB; padding-top:5px; padding-bottom:1px; text-align:left; padding-left:10px; font-size:12px;} .tbl_row td.r {text-align:right; padding-right:10px; border-right:1px solid #C0E1EB;} .tbl_row td.bd_R {border-right:1px solid #3FA5C3;} .tbl_row td.bd_R2 {border-right:1px solid #C0E1EB;}/*필드가 2개로 나눠질 때 th의 왼쪽 테이블 라인컬러속성*/ .tbl_row tr.cell2 td {background-color:#F5FAFC;} .tbl_row td table td {border-width:0px; padding:0px;} /* 입력 테이블 */ table.tbl_submit {border-Color:#C0E1EB; width:100%;border-bottom:1px solid #3FA5C3; border-top:1px solid #3FA5C3;} /* 전체 테이블 속성 상단 하단 라인*/ .tbl_submit th { text-align:left;border-right:1px solid #C0E1EB;border-bottom:1px solid #C0E1EB;background-color:#EBF6F9;font-size:12px;color:#3FA5C3;font-weight: bold;padding-top:3px; padding-bottom:3px; } /*th 상단필드라인 정의*/ .tbl_submit th img {margin-top:2px;} .tbl_submit td {border-bottom:1px solid #C0E1EB; padding-left:10px; padding-top:3px; padding-bottom:3px; font-size:12px;} .tbl_submit td.text {padding-top:5px; padding-bottom:1px;} .tbl_submit tr.cell2 td {background-color:#F5FAFC;} .tbl_submit td table td {border-width:0px; padding:0px;} .tbl_submit td.bd_R {border-right:1px solid #3FA5C3;} .tbl_submit td.bd_R2 {border-right:1px solid #C0E1EB;}/*필드가 2개로 나눠질 때 th의 왼쪽 테이블 라인컬러속성*/ /* ###### Font Style ######################################################################################### */ /*===== small font =====*/ .stxt_01 {font-size:11px; line-height:16px; color:#FF6F00; letter-spacing:-1px;} /* small 사이즈 주황칼라 (주석, help 설명부분에 사용) */ .stxt_02 {font-size:11px; line-height:16px; color:#999999; letter-spacing:-1px;} /* small 사이즈 그레이칼라 */ .stxt_03 {font-size:11px; line-height:16px; color:#777777; letter-spacing:-1px;} /* small 사이즈 그레이칼라 */ .stxt_03_c {font-size:11px; line-height:16px; color:3fa5c3; letter-spacing:-1px;} .stxt_04 {font-size:11px; line-height:16px; color:#555555; letter-spacing:-1px;} /* small 사이즈 그레이칼라 */ .stxt {letter-spacing:-1px;}/* txt 간격 */ .lh20 {line-height:20px;}/* txt 간격 */ .btxt_01{font-size:14px; line-height:18px; color:#777777;} /*===== Message font =====*/ .msg_01_b {font-size:12px; line-height:18px; color:#777777; font-weight:bold;} .msg_02 {font-size:14px; line-height:20px; color:#5E5E5E; font-weight:bold;} .msg_03 {font-size:14px; line-height:20px; color:0091BD; font-weight:bold;} .msg_04 {font-size:14px; line-height:20px; color:#FF6F00; font-weight:bold;} /* 각 채널별 포인트 컬러 */ /*===== Core =====*/ .pnt_lightgray {color:#777777;} /* 포인트 그레이 글체 */ .pnt_lightgray_b {color:#777777; font-weight: bold;} /* 각 채널 포인트 굵은체 */ .pnt_gray {color:#444444;} /* 포인트 그레이 글체 */ .pnt_gray_b {color:#444444; font-weight: bold;} /* 각 채널 포인트 굵은체 */ .pnt_gray2 {color:#777;} /* 포인트 그레이 글체 */ .pnt_gray2_b {color:#777; font-weight: bold;} /* 각 채널 포인트 굵은체 */ .pnt_gray3 {color:#333;} /* 포인트 그레이 글체 */ .pnt_gray3_b {color:#333; font-weight: bold;} /* 각 채널 포인트 굵은체 */ .pnt_org {color:#FF6F00;} /* 포인트 그레이 글체 */ .pnt_org_b {color:#FF6F00; font-weight: bold;} /* 각 채널 포인트 굵은체 */ .pnt {color:0091BD;} /* 포인트 컬러 */ .pnt_b {color:0091BD; font-weight: bold;} /* 기본 포인트 굵은체 */ /* ###### Box Style ######################################################################################### */ /*===== 서브 박스 라인 1px 그레이 =====*/ .submain_top{ background-image:url(../img/common/box/submain_dot.gif); background-repeat:repeat-x; background-position:top;} .submain_bot{ background-image:url(../img/common/box/submain_dot.gif); background-repeat:repeat-x; background-position:bottom} .submain_cen{border-left-style:solid; border-right-style:solid; border-width:1; border-color:#E3E3E3; padding:9 10 9 10;} .submain_bg{background-image:url(../img/kplus/submain_bbs_bg.gif); background-repeat:repeat-x;} .submain1_bot{ background-image:url(../img/common/box/submain1_bot_bg.gif); background-repeat:repeat-x; background-position:bottom} .submain1_cen{border-left-style:solid; border-right-style:solid; border-width:1; border-color:#E3E3E3; padding:9 10 9 10;background-image:url(../img/common/box/submain1_cen_bg.gif); background-repeat:repeat-x; background-position:bottom;} /*===== 뉴스서브 박스 라인 1px 그레이 =====*/ .box1_cen_l{background-image:url(../img/news/box1_cen_left.gif); background-repeat:repeat-y; background-position:left; padding:22 18 15 25;} .box1_cen_r{background-image:url(../img/news/box1_cen_right.gif); background-repeat:repeat-y; background-position:right;} .box1_bot{background-image:url(../img/news/box1_bot_bg.gif); background-repeat:repeat-x; background-position:bottom;} .box2_top{ background-image:url(../img/news/box2_dot.gif); background-repeat:repeat-x; background-position:top;} .box2_bot{ background-image:url(../img/news/box2_dot.gif); background-repeat:repeat-x; background-position:bottom;} .box2_cen{ border-left-style:solid; border-right-style:solid; border-width:1; border-color:#3FA5C3; padding:9 10 9 10;} .box3_top{ background-image:url(../img/news/box3_dot.gif); background-repeat:repeat-x; background-position:top;} .box3_bot{ background-image:url(../img/news/box3_dot.gif); background-repeat:repeat-x; background-position:bottom;} .box3_cen{ border-left-style:solid; border-right-style:solid; border-width:5; border-color:#EEEEEE; padding:9 10 9 10;} .box4{border:1px solid #EEEEEE; padding:12 12 12 12;} .box5 { background-color:#F5F5F5; border:1 solid #E7E7E7; padding:15 10 10 10;} /*===== 그레이 2px두께 테두리 =====*/ .box_bor_01 {border:1 solid #E3E3E3; background-color:#F7F7F7; padding:15 15 15 15;} /* 기본 1px 테두리 박스 */ .box_bor_02 {border:2 solid #E3E3E3; background-color:#F7F7F7; padding:15 15 15 15;} /* 기본 2px 테두리 박스 */ .box_bor_03 {border:3 solid #F0F0F0; background-color:#fff; padding:20 20 20 20;} /* 기본 3px 테두리 박스 */ .box_img {border:1 solid #CCCCCC; background-color:#FFFFFF;} /* 이미지 테두리 */ /*===== 4PX 라인 BOX =====*/ .sub_top { background-image:url(../img/common/box/sub_4dot.gif); background-repeat:repeat-x; background-position:top;} .sub_cen { padding:14 0 14 15; border-left:solid; border-right:solid; border-width:4; border-color:#DEDEDE;} .sub_bot { background-image:url(../img/common/box/sub_4dot.gif); background-repeat:repeat-x; background-position:bottom;} /* ###### Space Style ######################################################################################### */ /* 여백 */ .bbs_h {height:27px; line-height:18px;} /* td 높이 */ .bbs_w_01 {width:50px; height:27px; text-align:center; padding: 0 10 0 10;} /* 게시판 필드 td 넓이와 높이 */ .bbs_tpad_01 {padding: 3 0 0 20; text-align:left;} /* 왼쪽여백20, 왼쪽정렬 */ .bbs_rpad_01 {padding: 0 20 0 0; text-align:right;} /* 오른쪽여백20, 오른쪽정렬 */ .bbs_ipt_01 {padding: 4 0 4 20; align:left;} /* 입력 input박스 여백20 */ .bbs_ipt_02 {padding: 4 0 4 10; align:left;} /* 입력 input박스 여백10 */ .bbs_rd_01 {padding: 3 30 0 2;} /* 입력 radio 여백30 */ .bbs_rd_02 {padding: 3 10 0 2;} /* 입력 radio 여백10 */ .bbs_txtarea_01 {padding: 25 10 25 20; height:250px;vertical-align:top; text-align:left;} /* 쓰기 텍스트 여백 */ .lp_s1 {padding:10px 12px 10px 12px;} /*Left padding*/ /*===== padding(여백) =====*/ .btn {padding-top:20px; vertical-align:top; text-align:center;} /* 상단과 하단의 버튼 간격 */ .btnb {padding-top:10px; vertical-align:top; text-align:right;} /* 상단과 하단의 버튼 간격 */ .no {padding-top:10px; vertical-align:top; text-align:center;} /* 게시판페이지번호와 상단과의 간격 */ /*===== search(여백) =====*/ .bbs_search {background-color:FCFCFC; padding:10 0 10 0; margin:30 0 0 0; text-align:center; height:40px; border:1 solid #E8E8E8;} /* 검색 가운데 정렬, 상단하단 컨텐츠와 30 여백 */ .bbs_top_search {background-color:FCFCFC; padding:10 0 10 0; margin:0 0 10 0; text-align:center; height:40px; border:1 solid #E8E8E8;} /* 검색 가운데 정렬, 하단 컨텐츠와 20 여백 */ /*===== Tab(여백) =====*/ .tab {background-image:url(../img/common/tab/tab.gif); background-repeat:repeat-x; background-position:bottom; vertical-align:bottom;} .tab_l {padding-left:2px; vertical-align:bottom;} /*===== height(단락 높이) =====*/ /* Space */ .sp2 {height:2px; width:1px; line-height:0px; font-size:0px; clear:both;} /*높이 small height 2 */ .sp4 {height:4px; width:1px; line-height:0px; font-size:0px; clear:both;} /*높이 small height 4 */ .sp5 {height:5px; width:1px; line-height:0px; font-size:0px; clear:both;} /*높이 small height 5 */ .sp7 {height:7px; width:1px; line-height:0px; font-size:0px; clear:both;} /*높이 small height 7 */ .sp8 {height:8px; width:1px; line-height:0px; font-size:0px; clear:both;} /*높이 small height 8 */ .sp9 {height:9px; width:1px; line-height:0px; font-size:0px; clear:both;} /*높이 small height 9 */ .sp10 {height:10px; width:1px; line-height:0px; font-size:0px; clear:both;} /*높이 middle height 10 */ .sp12 {height:12px; width:1px; line-height:0px; font-size:0px; clear:both;} /*높이 middle height 12 */ .sp13 {height:13px; width:1px; line-height:0px; font-size:0px; clear:both;} /*높이 middle height 13 */ .sp15 {height:15px; width:1px; line-height:0px; font-size:0px; clear:both;} /*높이 middle height 15 */ .sp17 {height:17px; width:1px; line-height:0px; font-size:0px; clear:both;} /*높이 middle height 17 */ .sp18 {height:18px; width:1px; line-height:0px; font-size:0px; clear:both;} /*높이 middle height 18 */ .sp20 {height:20px; width:1px; line-height:0px; font-size:0px; clear:both;} /*높이 middle height 20 */ .sp21 {height:21px; width:1px; line-height:0px; font-size:0px; clear:both;} /*높이 middle height 21 */ .sp22 {height:22px; width:1px; line-height:0px; font-size:0px; clear:both;} /*높이 middle height 21 */ .sp23 {height:23px; width:1px; line-height:0px; font-size:0px; clear:both;} /*높이 middle height 21 */ .sp24 {height:24px; width:1px; line-height:0px; font-size:0px; clear:both;} /*높이 middle height 24 */ .sp25 {height:25px; width:1px; line-height:0px; font-size:0px; clear:both;} /*높이 middle height 25 */ .sp26 {height:26px; width:1px; line-height:0px; font-size:0px; clear:both;} /*높이 middle height 26 */ .sp30 {height:30px; width:1px; line-height:0px; font-size:0px; clear:both;} /*높이 default height 30 */ .sp35 {height:35px; width:1px; line-height:0px; font-size:0px; clear:both;} /*높이 long height 35 */ .sp40 {height:40px; width:1px; line-height:0px; font-size:0px; clear:both;} /*높이 long height 40 */ .sp50 {height:50px; width:1px; line-height:0px; font-size:0px; clear:both;} /*높이 long height 50 */