175 lines
11 KiB
CSS
175 lines
11 KiB
CSS
@charset "utf-8";
|
|
/* SIR 지운아빠 */
|
|
|
|
/* 버튼 */
|
|
.mbskin a.btn01 {display:inline-block;padding:0 0.5em;height:2em;border:1px solid #ccc;background:#fafafa;color:#000;font-size:1em;text-decoration:none;line-height:2em;vertical-align:middle}
|
|
.mbskin a.btn01:focus, .mbskin a.btn01:hover {text-decoration:none}
|
|
.mbskin a.btn02 {display:inline-block;padding:0 0.5em;height:2em;border:1px solid #333;background:#333;color:#fff;font-size:1em;text-decoration:none;line-height:2em;vertical-align:middle}
|
|
.mbskin a.btn02:focus, .mbskin .btn02:hover {text-decoration:none}
|
|
.mbskin .btn_confirm {text-align:center} /* 서식단계 진행 */
|
|
.mbskin .btn_submit {padding:0 1em;height:2.6em;border:0;background:#333;color:#fff;letter-spacing:-0.1em;vertical-align:top;-webkit-appearance:none}
|
|
.mbskin .btn_cancel {display:inline-block;padding:0 1em;height:2.5em;border:1px solid #ccc;background:#fafafa;color:#000;font-size:1em;text-decoration:none;line-height:2.5em}
|
|
.mbskin .btn_frmline {display:inline-block;padding:0 0.3em;height:1.9em;border:0;background:#333;color:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:top;line-height:1.9em} /* 우편번호검색버튼 등 */
|
|
.mbskin .btn_win {clear:both;margin-bottom:1.5em;text-align:center} /* 새창용 */
|
|
.mbskin .btn_win a {display:inline-block;padding:0 1em;height:2.5em;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle;line-height:2.5em}
|
|
.mbskin .btn_win button {display:inline-block;padding:0 1em;height:2.65em;border:0;background:#666;color:#fff;text-decoration:none;vertical-align:middle;line-height:2.65em}
|
|
.mbskin .btn_win input {height:2.65em;line-height:2.65em}
|
|
/* 게시판용 버튼 */
|
|
.mbskin a.btn_b01 {display:inline-block;margin:0 0 0.3em;padding:0 1em;border:1px solid #eee;background:#fafafa;color:#000;text-decoration:none;line-height:2em;vertical-align:middle}
|
|
.mbskin a.btn_b01:focus, .mbskin .btn_b01:hover {text-decoration:none}
|
|
.mbskin a.btn_b02 {display:inline-block;margin:0 0 0.3em;padding:0 1em;border:1px solid #eee;background:#fafafa;color:#000;text-decoration:none;line-height:2em;vertical-align:middle}
|
|
.mbskin a.btn_b02:focus, .mbskin .btn_b02:hover {text-decoration:none}
|
|
.mbskin a.btn_admin {display:inline-block;margin:0 0 0.3em;padding:0 1em;border:1px solid #e8180c;background:#e8180c;color:#fff;text-decoration:none;line-height:2em;vertical-align:middle} /* 관리자 전용 버튼 */
|
|
.mbskin a.btn_admin:focus, .mbskin a.btn_admin:hover {text-decoration:none}
|
|
|
|
/* 기본테이블 */
|
|
.mbskin .basic_tbl {margin-bottom:1em;width:100%;border-collapse:collapse;border-spacing:0}
|
|
.mbskin .basic_tbl caption {padding:0 0 1em;color:#777;text-align:left}
|
|
.mbskin .basic_tbl thead th {padding:0.5em 0;background:#565e60;color:#fff}
|
|
.mbskin .basic_tbl thead a {color:#fff}
|
|
.mbskin .basic_tbl thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
|
|
.mbskin .basic_tbl tfoot th {border-top:1px solid #666;border-bottom:1px solid #666;background:#484848;color:#fff}
|
|
.mbskin .basic_tbl tfoot td {border-color:#666;background:#484848;color:#fff;font-weight:bold;text-align:center}
|
|
.mbskin .basic_tbl tbody th {border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
|
|
.mbskin .basic_tbl td {padding:0.5em;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.5em;word-break:break-all}
|
|
.mbskin .basic_tbl a {display:block;padding:0.5em;color:#000;text-decoration:none}
|
|
.mbskin .bo_sideview td {} /* 사이드뷰 사용하는 테이블 셀 패딩값 */
|
|
.mbskin td.empty_table {padding:5em 0;text-align:center}
|
|
|
|
/* 폼 테이블 */
|
|
.mbskin .frm_tbl {margin-bottom:1.5em;width:100%;border-collapse:collapse;border-spacing:0}
|
|
.mbskin .frm_tbl caption {padding:1em;color:#4b8b99;font-weight:bold;text-align:left}
|
|
.mbskin .frm_tbl th {padding:0.4em;width:110px;border:1px solid #e9e9e9;border-left:0;vertical-align:top;text-align:left}
|
|
.mbskin .frm_tbl td {padding:0.4em 0.5em;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
|
|
.mbskin .frm_tbl textarea, .mbskin .frm_input {border:1px solid #b8c9c2;background:#f7f7f7;vertical-align:middle;line-height:1.8em;-webkit-appearance:none}
|
|
.mbskin .frm_tbl textarea {width:90%;height:150px}
|
|
.mbskin .frm_address {display:block;margin-top:0.3em}
|
|
.mbskin .frm_file {display:block;margin-bottom:0.3em}
|
|
.mbskin .frm_tbl #captcha {margin:0;padding:0;border:0;background:transparent}
|
|
.mbskin .frm_tbl #captcha input {margin-left:0.3em;text-align:center}
|
|
.mbskin .frm_tbl a {text-decoration:none}
|
|
|
|
.mbskin .frm_info {display:block;padding:0.3em 0 0;color:#666;line-height:1.3em}
|
|
|
|
.mbskin .required {background:url('../../../../img/wrest.gif') #f7f7f7 top right no-repeat} /* 필수입력 */
|
|
|
|
/* 테이블 항목별 정의 */
|
|
.mbskin .td_board {width:120px;text-align:center}
|
|
.mbskin .td_chk {width:30px;text-align:center}
|
|
.mbskin .td_date {width:60px;text-align:center}
|
|
.mbskin .td_datetime {width:150px;text-align:center}
|
|
.mbskin .td_group {width:100px;text-align:center}
|
|
.mbskin .td_mb_id {width:100px;text-align:center}
|
|
.mbskin .td_mng {width:80px;text-align:center}
|
|
.mbskin .td_name {width:100px;text-align:left}
|
|
.mbskin .td_nick {width:100px;text-align:center}
|
|
.mbskin .td_num {width:50px;text-align:center}
|
|
.mbskin .td_numbig {width:80px;text-align:center}
|
|
|
|
/* 회원가입 약관 */
|
|
#fregister section {padding:1.5em;border-bottom:1px solid #eee;background:#fafafa}
|
|
#fregister h2 {margin:0 0 1.5em;text-align:center}
|
|
#fregister textarea {display:block;margin-bottom:1em;padding:0.3em;width:99%;height:150px;border:1px solid #cfded8;background:#f7f7f7}
|
|
#fregister textarea:focus {background:#21272e;color:#fff}
|
|
.fregister_agree {padding:1em 0 0;text-align:right}
|
|
.fregister_agree label {display:inline-block;margin-right:0.3em}
|
|
#fregister p {color:#e8180c;text-align:center}
|
|
#fregister .btn_confirm {margin:1.5em 0}
|
|
|
|
/* 회원가입 입력 */
|
|
#fregisterform textarea {height:50px}
|
|
|
|
/* 회원가입 완료 */
|
|
#reg_result {padding:4em 1em 0}
|
|
#reg_result_logo {margin-bottom:50px;text-align:center}
|
|
#reg_result_email {padding:10px 50px;border-top:1px solid #eee;border-bottom:1px solid #eee;background:#fff;line-height:2em}
|
|
#reg_result_email span {display:inline-block;width:150px}
|
|
#reg_result_email strong {color:#e8180c;font-size:1.2em}
|
|
#reg_result .btn_confirm {margin:50px 0}
|
|
|
|
/* 아이디/패스워드 찾기 */
|
|
#find_info_fs {margin:0 auto 1em;padding:1em;border-bottom:1px solid #eee}
|
|
#find_info_fs #mb_email {width:100%}
|
|
#find_info #captcha {margin:0 0 1em;padding:0 1em 1em}
|
|
#find_info #captcha input {margin-left:0.3em}
|
|
|
|
/* 로그인 */
|
|
#mb_login {margin:2em 0}
|
|
#mb_login h1 {margin:0 0 1.5em;padding:0 1em;font-size:1.3em}
|
|
#mb_login h2 {margin:0}
|
|
#mb_login fieldset {position:relative;padding:0 0.5em;font-size:1em}
|
|
#mb_login .frm_input {display:block;margin-bottom:0.3em;padding:0;width:80%;height:1.8em;line-height:1.8em}
|
|
#mb_login .btn_submit {position:absolute;top:0em;right:0.5em;padding:0 !important;width:18%;height:4em !important;text-align:center}
|
|
#mb_login section {margin:30px 0;padding:1.5em 1em;border:1px solid #cfded8;background:#f7f7f7}
|
|
#mb_login section div {text-align:right}
|
|
|
|
#mb_login_notmb {margin:30px 0;padding:1.5em 1em;border:1px solid #cfded8;background:#f7f7f7}
|
|
#mb_login_notmb #guest_privacy {margin:0 0 1em;padding:1em;height:150px;border:1px solid #e9e9e9;background:#fff;overflow:auto}
|
|
#mb_login_notmb .btn_confirm {text-align:right}
|
|
|
|
#mb_login_od {position:relative;margin:2em 0.5em;border-bottom:0;background:#fff}
|
|
#mb_login_od legend {position:absolute;font-size:0;line-height:0;overflow:hidden}
|
|
#mb_login_od .od_id {position:absolute;top:26px;left:95px}
|
|
#mb_login_od .od_pwd {position:absolute;top:52px;left:95px}
|
|
#mb_login_od .frm_input {display:block;margin-bottom:0.3em;padding:0;width:80%;height:1.8em;line-height:1.8em}
|
|
#mb_login_od .btn_submit {position:absolute;top:0em;right:0;padding:0 !important;width:18%;height:4em !important;text-align:center}
|
|
#mb_login_odinfo {margin:0 0 30px;padding:20px;border:1px solid #cfded8;background:#f7f7f7}
|
|
#mb_login_odinfo div {text-align:right}
|
|
|
|
/* 쪽지 */
|
|
#memo_view section {padding:1em}
|
|
#memo_view section h2 {width:0;height:0;font-size:0;line-height:0;overflow:hidden}
|
|
#memo_view_ul {margin:0;padding:0 0 1em;border-bottom:1px solid #eee;list-style:none}
|
|
.memo_view_li {position:relative;padding:0.3em 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 #me_recv_mb_id {width:98%}
|
|
#memo_write textarea {width:99%;height:100px}
|
|
|
|
/* 스크랩 */
|
|
#scrap td:nth-of-type(1) {width:150px}
|
|
#scrap td:nth-last-of-type(1) {width:50px;text-align:center}
|
|
|
|
#scrap_do table {margin:0 0 1em;width:100%}
|
|
#scrap_do textarea {width:99%;height:100px}
|
|
|
|
/* 회원 패스워드 확인 */
|
|
#mb_confirm {margin:30px 0}
|
|
#mb_confirm h1 {margin:0 0 1.5em;padding:0 1em;font-size:1.3em}
|
|
#mb_confirm p {padding:1.5em 1em;border-bottom:1px solid #cfded8;border-bottom:0;background:#fff}
|
|
#mb_confirm p strong {display:block}
|
|
#mb_confirm fieldset {position:relative;margin:0 0 3em;padding:2em 1em;border-bottom:1px solid #cfded8;background:#f7f7f7}
|
|
#mb_confirm_pw {display:block;margin-top:1em;padding:0;width:80%;line-height:1.8em !important}
|
|
#mb_confirm .btn_submit {position:absolute;bottom:2em;right:1em;width:18%;height:1.9em !important;line-height:1.9em}
|
|
|
|
/* 비밀글 패스워드 확인 */
|
|
#pw_confirm {margin:30px 0}
|
|
#pw_confirm h1 {margin:0 0 1.5em;padding:0 1em;font-size:1.3em}
|
|
#pw_confirm p {padding:1.5em 1em;border-bottom:1px solid #cfded8;border-bottom:0;background:#fff}
|
|
#pw_confirm p strong {display:block}
|
|
#pw_confirm fieldset {position:relative;margin:0 0 3em;padding:0.5em 0.5em 1em;border-bottom:1px solid #cfded8;background:#f7f7f7}
|
|
#pw_wr_password {display:block;margin-top:1em;padding:0;width:80%;line-height:1.8em !important}
|
|
#pw_confirm .btn_submit {position:absolute;bottom:1em;right:0.5em;width:18%;height:1.9em !important;line-height:1.9em}
|
|
|
|
/* 폼메일 */
|
|
#formmail #subject {width:98%}
|
|
#formmail textarea {width:99%;height:100px}
|
|
|
|
/* 자기소개 */
|
|
#profile table {margin-bottom:0}
|
|
#profile section {padding:1em}
|
|
#profile h2 {margin:0}
|
|
#profile .sv_wrap a {margin:0 0 0.3em;padding:0;font-weight:bold;line-height:1em}
|
|
|
|
/* 우편번호 검색 */
|
|
#post_code fieldset {margin:0 auto 10px;padding:1em;text-align:center}
|
|
#post_code dl {margin:0 0 1em;padding:1.5em 1em;background:#fff}
|
|
#post_code dt {margin-bottom:15px;color:#000}
|
|
#post_code dd {margin:0;padding:0}
|
|
#post_code ul {margin:0;padding:0;list-style:none}
|
|
#post_code li a {display:block;padding:0.7em 0;border-bottom:1px solid #eee;color:#000;text-decoration:none}
|
|
#post_code p {margin:0 auto 30px;padding:0 1em}
|
|
#post_code .btn_submit {height:1.9em !important;line-height:1.9em !important}
|
|
.post_code {display:inline-block;width:100px;color:#999} |