/* SIR SOFT 지운아빠 Feb. 2013 */ /* 초기화 */ html {overflow-y:scroll} body {margin:0;padding:0;background:#fff;font-size:1em} html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0} h1, h2, h3, h4, h5, h6 {font-size:1em} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block} header ul, nav ul, footer ul {margin:0;padding:0;list-style:none} label, input, select, img {vertical-align:middle} input,button {margin:0;padding:0} input[type=text], input[type=password], input[type=submit], input[type=image], button {border-radius:0 !important;-webkit-appearance:none} /* 모바일에서만 사용 */ p {margin:0;padding:10px 0;line-height:1.7em;word-break:break-all} hr {display:none} pre {overflow-x:scroll;font-size:1.1em} /* 웹접근성 스킬 --- 기본 block 속성에는 적용 안됨*/ .sound_only {display:none} /* 이미지 등비율 리사이징 */ .img_fix {float:left;width:100%;height:auto} /* 캡챠 자동등록(입력)방지 기본 */ #captcha img {border:1px solid #cfded8;border-right:0} #captcha_wav img {border:1px solid #cfded8;border-left:0;background:#494949} /* 상단 레이아웃 */ #hd {background:#fff;zoom:1} #hd:after {display:block;visibility:hidden;clear:both;content:""} #hd h1 {display:none} #logo {float:left;padding:5px 0;margin-left:10px} #schall {position:absolute;top:12px;right:10px} #schall legend {display:none} #schall_stx {padding-left:5px;width:100px;height:24px;border:1px solid #aaa;border-right:0;background:#f7f7f2;line-height:1.9em !important;line-height:1.6em} #schall_submit {border:1px solid #aaa;border-left:0} #snb {clear:both;border-top:1px solid #e7f1ed;background:#151515;text-align:center} #snb li {display:inline-block;border-right:1px solid #333} #snb li:nth-last-of-type(1) {border-right:0 !important} #snb a {display:inline-block;padding:10px;color:#fff;text-decoration:none} #snb img {display:none} #gnb {border-bottom:1px solid #c3c7c5;background:#f0f4f8;zoom:1} #gnb:after {display:block;visibility:hidden;clear:both;content:""} #gnb h2 {display:none} #gnb_ul {border-top:1px solid #e7f1ed} #gnb li {float:left;width:25%;border-bottom:1px solid #e7f1ed} #gnb li ul {display:none} .gnb_1depth a {display:block;padding:10px 0;border-right:1px solid #e7f1ed;color:#000;text-align:center;text-decoration:none} /* 배포시에는 필요없는 부분 */ #sirgle_title {padding:0 10px;height:100px;color:#fff;font-size:2em} #sirgle_title_span {display:block;position:relative;top:33px;left:0} /* 중간 레이아웃 */ #wrapper {margin:30px 0} #wrapper:after {display:block;visibility:hidden;clear:both;content:""} #wrapper_title {margin-bottom:20px;padding:0 10px;font-size:1.2em} #lnb {display:none} #container {position:relative;min-height:300px;zoom:1} #container:after {display:block;visibility:hidden;clear:both;content:""} /* 하단 레이아웃 */ #ft img {display:none} /* 버튼 */ .btn01 {display:inline-block;padding:0 10px;height:25px;border:1px solid #ccc !important;background:#fafafa !important;color:#000 !important;text-decoration:none !important;line-height:1.5em;vertical-align:middle} .btn01:focus, .btn01:hover {text-decoration:none !important} .btn02 {display:inline-block;padding:0 10px;height:25px;border:1px solid #333 !important;background:#333 !important;color:#fff !important;text-decoration:none !important;line-height:1.5em;vertical-align:middle} .btn02:focus, .btn02:hover {text-decoration:none !important} .btn_confirm {text-align:center} /* 서식단계 진행 */ .btn_submit {padding:0 10px;height:24px;border:0;background:#333;color:#fff;letter-spacing:-0.1em;vertical-align:top;cursor:pointer} .btn_cancel {display:inline-block;padding:0 10px;height:22px;border:1px solid #ccc;background:#fafafa;line-height:2em} .btn_frmline {display:inline-block;padding:0 7px 0 5px;height:22px;border:0;background:#333;color:#fff !important;letter-spacing:-0.1em;text-decoration:none;vertical-align:top;line-height:1.4em} /* 우편번호검색버튼 등 */ .btn_win {clear:both;margin-bottom:20px;text-align:center} /* 새창용 */ .btn_win a {display:inline-block;padding:0 10px;height:22px;border:1px solid #ccc;background:#fafafa;line-height:2em;cursor:pointer} .btn_win a:focus, .btn_win a:hover {text-decoration:none} /* 게시판용 버튼 */ .btn_b01 {display:inline-block;padding:0 10px;height:25px;border:1px solid #eee !important;background:#fafafa !important;color:#000 !important;text-decoration:none !important;line-height:1.5em;vertical-align:middle} .btn_b01:focus, .btn_b01:hover {text-decoration:none !important} .btn_b02 {display:inline-block;padding:0 10px;height:25px;border:1px solid #eee !important;background:#fafafa !important;color:#000 !important;text-decoration:none !important;line-height:1.5em;vertical-align:middle} .btn_b02:focus, .btn_b02:hover {text-decoration:none !important} .btn_admin {display:inline-block;padding:0 10px;height:25px;border:1px solid #e8180c !important;background:#e8180c !important;color:#fff !important;text-decoration:none !important;line-height:1.5em;vertical-align:middle} /* 관리자 전용 버튼 */ .btn_admin:focus, .btn_admin:hover {text-decoration:none !important} /* 기본테이블 */ .basic_tbl {margin-bottom:10px;width:100%;border-collapse:collapse;border-spacing:0} .basic_tbl caption {padding:0 0 10px;color:#777;text-align:left} .basic_tbl thead th {padding:12px 0 8px;background:#565e60;color:#fff} .basic_tbl thead a {color:#fff} .basic_tbl thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */ .basic_tbl tfoot th {border-top:1px solid #666;border-bottom:1px solid #666;background:#484848;color:#fff} .basic_tbl tfoot td {border-color:#666;background:#484848;color:#fff;font-weight:bold;text-align:center} .basic_tbl td {border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.5em;word-break:break-all} .basic_tbl a {display:block;padding:10px 5px;color:#000;text-decoration:none} .bo_sideview td {padding:6px 4px} /* 사이드뷰 사용하는 테이블 셀 패딩값 */ td.empty_table {padding:85px 0;text-align:center} /* 필수입력 */ .required {background:url('../img/wrest.gif') #f7f7f7 top right no-repeat !important} /* 폼 테이블 */ .frm_tbl {margin-bottom:20px;width:100%;border-collapse:collapse;border-spacing:0} .frm_tbl caption {padding:10px 0;color:#4b8b99;font-weight:bold;text-align:left} .frm_tbl th {padding-left:10px;width:100px;border-top:1px solid #eee;border-bottom:1px solid #eee;font-weight:normal;text-align:left} .frm_tbl td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent} .frm_tbl textarea, .frm_input, select {padding:2px 2px 3px;border:1px solid #b8c9c2;background:#f7f7f7;vertical-align:middle} .frm_input:focus, input.required:focus {padding:3px 3px 4px;border:0;background:#21272e !important;color:#fff} .frm_tbl textarea {width:90%;height:150px} .frm_address {display:block;margin-top:5px} .frm_file {display:block;margin-bottom:5px} .frm_tbl #captcha {margin:0;padding:0;border:0;background:transparent} .frm_tbl #captcha input {margin-left:5px;text-align:center} .frm_tbl a {text-decoration:none} /* 폼 컨트롤 */ .fs_input, fieldset textarea {padding:3px 3px 4px;border:1px solid #b8c9c2;background:#f7f7f7;vertical-align:middle} .fs_input:focus {background:#21272e;color:#fff} .fs_submit, fieldset button {padding:0 15px;height:24px;border:0;background:#333;color:#fff;line-height:1.7em;vertical-align:middle;cursor:pointer} .frm_info {display:block;padding:5px 0 0;color:#666;line-height:1.3em} /* 광고 레이아웃 */ .ad200200 {display:none} .ad72890 {display:none} sup {display:none !important} /* 로그인 */ #mb_login {margin:30px 0} #mb_login h1 {margin:0 0 20px;padding:0 10px;font-size:1.3em} #mb_login h2 {margin:0} #mb_login fieldset {position:relative;padding:10px} #mb_login .fs_input {display:block;margin-bottom:5px;padding:0;width:80%;height:25px} #mb_login .btn_submit {position:absolute;top:10px;right:10px;width:18%;height:59px} #mb_login section {margin:30px 0;padding:20px 10px;border:1px solid #cfded8;background:#f7f7f2} #mb_login section div {text-align:right} /* 쪽지 */ #memo_view section {margin:0 auto 20px;padding:20px;width:87%} #memo_view section h2 {width:1px;height:1px;overflow:hidden} #memo_view_ul {margin:0;padding:0 0 10px;border-bottom:1px solid #eee;list-style:none} .memo_view_li {position:relative;padding:5px 0} .memo_view_subj {display:inline-block;width:65px} #memo_view_ul a {} #memo_view section p {min-height:150px;height:auto !important;height:150px} #memo_write textarea {height:100px} /* 스크랩 */ #scrap_do .cbg {margin:0 auto 20px;padding:20px;width:87%} #scrap_do table {margin:0 0 10px;width:100%} #scrap_do textarea {height:100px} /* 회원 패스워드 확인 */ #mb_confirm {margin:30px 0} #mb_confirm h1 {margin:0 0 20px;padding:0 10px;font-size:1.3em} #mb_confirm p {padding:20px 10px;border:1px solid #cfded8;border-bottom:0;background:#fff} #mb_confirm p strong {display:block} #mb_confirm fieldset {position:relative;margin:0 0 30px;padding:30px 10px;border:1px solid #cfded8;background:#f7f7f2} #mb_confirm_pw {display:block;margin-top:10px;padding:0;width:80%;height:25px} #mb_confirm .btn_submit {position:absolute;bottom:30px;right:10px;width:18%;height:27px} #mb_login {margin:30px 0} #mb_login h1 {margin:0 0 20px;padding:0 10px;font-size:1.3em} #mb_login h2 {margin:0} #mb_login fieldset {position:relative;padding:10px} #mb_login .fs_input {display:block;margin-bottom:5px;padding:0;width:80%;height:25px} #mb_login .btn_submit {position:absolute;top:10px;right:10px;width:18%;height:59px} #mb_login section {margin:30px 0;padding:20px 10px;border:1px solid #cfded8;background:#f7f7f2} #mb_login section div {text-align:right} /* 비밀글 패스워드 확인 */ #pw_confirm {margin:100px auto;width:500px} #pw_confirm h1 {margin:0 0 20px;font-size:1.3em} #pw_confirm p {padding:20px;border:1px solid #cfded8;border-bottom:0;background:#fff} #pw_confirm p strong {display:block} #pw_confirm fieldset {margin:0 0 30px;padding:30px 0;border:1px solid #cfded8;background:#f7f7f2;text-align:center} #pw_confirm label {letter-spacing:-0.1em} #pw_confirm_id {display:inline-block;margin-right:20px;font-weight:bold} /* 설문조사 */ /* 최근게시물 스킨 (latest) */ .lt {float:left} .lt ul {display:none} .lt_title {display:inline-block;padding:10px} .lt_title:focus ~ ul, .lt_title:hover ~ ul, .lt_title:active ~ ul {display:block;position:absolute;top:100px;left:0} .lt a {color:#000;text-decoration:none} .lt_more {display:none} /* 현재접속자 */ #current_connect_tbl {} #current_connect_tbl th:nth-of-type(1) {width:50px} #current_connect_tbl th:nth-of-type(2) {width:120px} #current_connect_tbl td:nth-of-type(1) {padding:10px 0;text-align:center} #current_connect_tbl .sv {display:none} /* 새글 */ #new_sch {margin:0 0 5px;padding:5px 10px} #new_tbl {} #new_tbl th:nth-of-type(1) {display:none} #new_tbl th:nth-of-type(4) {display:none} #new_tbl th:nth-of-type(5) {width:50px} #new_tbl td:nth-of-type(1) {display:none} #new_tbl td:nth-of-type(4) {display:none} #new_tbl td:nth-of-type(5) {text-align:center} #new_tbl .sv {display:none} /* 게시판 목록 */ .bo_list table {margin-bottom:20px;width:100%;border-collapse:collapse;border-spacing:0} .bo_list th {} .bo_list th a {color:#fff;text-decoration:none} .bo_list td {border-bottom:1px solid #ddd} .bo_list img {margin-right:4px} .bo_list img:nth-last-of-type(1) {margin-right:0} /* 관리자일 때 생략 */ #bo_list_admin th:nth-of-type(1) {display:none} #bo_list_admin th:nth-of-type(4) {display:none} #bo_list_admin th:nth-of-type(5) {width:100px} #bo_list_admin th:nth-of-type(6) {display:none} #bo_list_admin th:nth-of-type(7) {display:none} #bo_list_admin td:nth-of-type(1) {display:none} #bo_list_admin td:nth-of-type(2) {text-align:center} #bo_list_admin td:nth-of-type(4) {display:none} #bo_list_admin td:nth-of-type(5) {text-align:center} #bo_list_admin td:nth-of-type(6) {display:none} #bo_list_admin td:nth-of-type(7) {display:none} /* 관리자가 아닐 때 생략 */ #bo_list th:nth-of-type(1) {display:none} #bo_list th:nth-of-type(3) {display:none} #bo_list th:nth-of-type(4) {width:100px} #bo_list th:nth-of-type(5) {display:none} #bo_list th:nth-of-type(6) {display:none} #bo_list td:nth-of-type(1) {display:none} #bo_list td:nth-of-type(3) {display:none} #bo_list td:nth-of-type(4) {text-align:center} #bo_list td:nth-of-type(5) {display:none} #bo_list td:nth-of-type(6) {display:none} .bo_fx {margin-bottom:5px;zoom:1} .bo_fx:after {display:block;visibility:hidden;clear:both;content:""} .bo_fx ul {margin:0;padding:0;list-style:none} #bo_list_total {float:left;padding-top:5px} .btn_bo_user {float:right;margin:0;padding:0;list-style:none} .btn_bo_user li {float:left;margin-left:5px} .btn_bo_adm {float:left} .btn_bo_adm li {float:left;margin-right:5px} .btn_bo_adm input {padding:0 10px;height:25px;border:1px solid #e8180c !important;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle;cursor:pointer} .bo_notice td {background:#f7f7f2} .bo_notice td a {font-weight:bold} .td_num strong {color:#000} .bo_cate_link {display:inline-block;margin:0 3px 0 0;padding:0 6px 0 0;border-right:1px solid #e7f1ed;color:#999 !important;font-weight:bold;text-decoration:none} /* 글제목줄 분류스타일 */ .bo_current {color:#e8180c} .td_subject img {margin-left:3px} .cnt_cmt {font-weight:bold} #bo_sch {margin-bottom:10px;padding-top:5px;text-align:center} #bo_sch legend {width:1px;height:1px;overflow:hidden} /* 게시판 읽기 */ #bo_v {margin-bottom:20px;padding-bottom:20px} #bo_v_cate {padding:0 10px;color:#999;font-size:0.9em;font-weight:bold} #bo_v_h1 {padding:0 10px 10px;font-size:1.2em} #bo_v_info {padding:0 10px 10px;border-bottom:1px solid #ddd} #bo_v_info h2 {margin:0;padding:0;height:0;overflow:hidden} #bo_v_info {} #bo_v_info strong {display:inline-block;margin:0 15px 0 5px;font-weight:normal} #bo_v_file {} #bo_v_file h2 {margin:0;padding:0;height:0;overflow:hidden} #bo_v_file ul {margin:0;padding:0;list-style:none} #bo_v_file li {padding:0 10px;border-bottom:1px solid #eee;background:#f7f7f2} #bo_v_file a {display:inline-block;padding:8px 0 7px;color:#000} #bo_v_file a:focus, #bo_v_file a:hover, #bo_v_file a:active {text-decoration:none} .bo_v_file_cnt {display:inline-block;margin:0 10px} #bo_v_link {} #bo_v_link h2 {margin:0;padding:0;height:0;overflow:hidden} #bo_v_link ul {margin:0;padding:0;list-style:none} #bo_v_link li {padding:0 10px;border-bottom:1px solid #eee;background:#f7f7f2} #bo_v_link a {display:inline-block;padding:8px 0 7px;color:#000} #bo_v_link a:focus, #bo_v_link a:hover, #bo_v_link a:active {text-decoration:none} .bo_v_link_cnt {display:inline-block;margin:0 10px} #bo_v_top {margin:0 0 10px;padding:10px;zoom:1} #bo_v_top:after {display:block;visibility:hidden;clear:both;content:""} #bo_v_top h2 {margin:0;padding:0;height:0;overflow:hidden} #bo_v_top ul {list-style:none} #bo_v_bot {padding:0 10px;zoom:1} #bo_v_bot:after {display:block;visibility:hidden;clear:both;content:""} #bo_v_bot h2 {margin:0;padding:0;height:0;overflow:hidden} #bo_v_bot ul {margin:0;padding:0;list-style:none} .bo_v_nb {float:left} .bo_v_nb li {float:left;margin-right:5px} .bo_v_com {float:right} .bo_v_com li {float:left;margin-left:5px} #bo_v_atc {min-height:200px;padding:0 10px;min-height:200px} #bo_v_atc h1 {margin:0;padding:0;height:0;overflow:hidden} #bo_v_img {margin:0 0 10px;width:100%;overflow:hidden:zoom:1} #bo_v_img:after {display:block;visibility:hidden;clear:both;content:""} #bo_v_img img {margin-bottom:20px;max-width:100%;height:auto} #bo_v_con {margin-bottom:30px;width:100%;line-height:1.7em;word-break:break-all;overflow:hidden} #bo_v_con a {color:#000;text-decoration:underline} #bo_v_con img {max-width:100%;height:auto} #bo_v_act {margin-bottom:30px;text-align:center} #bo_v_act a {margin-right:5px;vertical-align:top} #bo_v_act span {display:inline-block;margin-right:5px;padding:0 10px;height:33px;border:1px solid #ccc !important;background:#fafafa !important;color:#000 !important;text-decoration:none !important;line-height:2.15em;vertical-align:top} #bo_v_act strong {color:#000} #bo_v form {padding-top:20px} /* 게시판 댓글 */ #bo_vc {margin:0 0 10px;padding:20px 20px 10px;border-top:1px solid #cfded8;border-bottom:1px solid #cfded8;background:#f7f7f2} #bo_vc h2 {margin-bottom:10px} #bo_vc article {padding:0 0 10px;border-top:1px dotted #ccc} #bo_vc header {position:relative;padding:15px 0 5px} #bo_vc header .icon_reply {position:absolute;top:15px;left:-20px} #bo_vc .sv_wrap {margin-right:15px} #bo_vc .sv_member, #bo_vc .sv_guest {font-weight:bold} .bo_vc_hdinfo {display:inline-block;margin:0 15px 0 5px} #bo_vc h1 {width:1px;height:1px;overflow:hidden} #bo_vc a {color:#000;text-decoration:none} #bo_vc p {padding:0 0 5px;line-height:1.8em} #bo_vc p a {text-decoration:underline} #bo_vc_empty {margin:0;padding:20px !important;border-bottom:1px dotted #ccc;text-align:center} #bo_vc fieldset {margin:0 0 10px;padding:0} #bo_vc #bo_vc_winfo {float:left} #bo_vc footer {zoom:1} #bo_vc footer:after {display:block;visibility:hidden;clear:both;content:""} .bo_vc_act {float:right;margin:0;list-style:none;zoom:1} .bo_vc_act:after {display:block;visibility:hidden;clear:both;content:""} .bo_vc_act li {float:left;margin-left:5px} #bo_vc_w {position:relative;margin-bottom:10px;padding:0 20px 20px;border-bottom:1px solid #cfded8} #bo_vc_w h2 {padding:15px 0 5px} #bo_vc_w #char_cnt {display:block;margin-bottom:5px} #bo_vc form {padding:0} /* pagination */ .pg_wrap {clear:both;margin:0 0 20px;padding-top:20px;text-align:center} .pg {display:inline-block;border:1px solid #cfded8;letter-spacing:-4px} .pg a:focus, .pg a:hover, .pg a:active {text-decoration:none} .pg_page, .pg_current {display:inline-block;padding:0 12px;height:30px;color:#000;letter-spacing:0;line-height:1.9em;vertical-align:middle} .pg_page {background:#f9f9f9;text-decoration:none} .pg_start, .pg_prev {border-right:1px solid #cfded8} .pg_end, .pg_next {border-left:1px solid #cfded8} .pg_current {background:#333;color:#fff;font-weight:bold}