모바일: px -> em 변경작업 2
This commit is contained in:
whitedot
155
css/mobile.css
155
css/mobile.css
@ -16,7 +16,7 @@ input[type=submit],
|
||||
input[type=image],
|
||||
button {border-radius:0 !important;font-size:1em;-webkit-appearance:none} /* 모바일에서만 사용 */
|
||||
select, textarea {font-size:1em}
|
||||
p {margin:0;padding:10px 0;line-height:1.7em;word-break:break-all}
|
||||
p {margin:0;padding:1em 0;line-height:1.7em;word-break:break-all}
|
||||
hr {display:none}
|
||||
pre {overflow-x:scroll;font-size:1.1em}
|
||||
|
||||
@ -35,16 +35,16 @@ pre {overflow-x:scroll;font-size:1.1em}
|
||||
#hd:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#hd h1 {width:0;height:0;font-size:0;line-height:0;overflow:hidden}
|
||||
|
||||
#logo {float:left;padding:5px 0;margin-left:10px}
|
||||
#logo {float:left;padding:0.3em 0;margin-left:1em}
|
||||
|
||||
#schall {position:absolute;top:12px;right:10px}
|
||||
#schall_stx {padding-left:5px;width:100px;height:1.5em;border:1px solid #aaa;border-right:0;background:#f7f7f2;line-height:1.5em}
|
||||
#schall {position:absolute;top:12px;right:1em}
|
||||
#schall_stx {padding-left:0.3em;width:100px;height:1.5em;border:1px solid #aaa;border-right:0;background:#f7f7f2;line-height:1.5em}
|
||||
#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 a {display:inline-block;padding:0.5em;color:#fff;text-decoration:none}
|
||||
#snb img {display:none}
|
||||
|
||||
#gnb {border-bottom:1px solid #c3c7c5;background:#f0f4f8;zoom:1}
|
||||
@ -53,16 +53,16 @@ pre {overflow-x:scroll;font-size:1.1em}
|
||||
#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}
|
||||
.gnb_1depth a {display:block;padding:1em 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 {padding:0 1em;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}
|
||||
#wrapper_title {margin-bottom:1.5em;padding:0 1em;font-size:1.2em}
|
||||
|
||||
#container {position:relative;min-height:300px;zoom:1}
|
||||
#container:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
@ -79,7 +79,7 @@ pre {overflow-x:scroll;font-size:1.1em}
|
||||
#popular h2 {float:left;padding:0.5em;color:#fff}
|
||||
#popular ul {float:left;list-style:none}
|
||||
#popular li {float:left}
|
||||
#popular a {display:inline-block;padding:10px;color:#fff;text-decoration:none}
|
||||
#popular a {display:inline-block;padding:1em;color:#fff;text-decoration:none}
|
||||
#popular a:focus,
|
||||
#popular a:hover {background:#333;color:#fff}
|
||||
|
||||
@ -90,7 +90,7 @@ pre {overflow-x:scroll;font-size:1.1em}
|
||||
#visit dl {float:left;margin:0 0 0 0.5em;padding:0}
|
||||
#visit dt {float:left;margin:0;padding:0.5em 0.1em 0.5em 0;color:#fff}
|
||||
#visit dd {float:left;margin:0 1em 0 0;padding:0.5em 0.1em;color:#fff}
|
||||
#visit a {display:inline-block;padding:10px;color:#fff;text-decoration:none}
|
||||
#visit a {display:inline-block;padding:1em;color:#fff;text-decoration:none}
|
||||
#visit a:focus,
|
||||
#visit a:hover {background:#333;color:#fff}
|
||||
|
||||
@ -108,8 +108,8 @@ pre {overflow-x:scroll;font-size:1.1em}
|
||||
.btn_confirm {text-align:center} /* 서식단계 진행 */
|
||||
.btn_submit {padding:0 1em;height:2.6em;border:0;background:#333;color:#fff;letter-spacing:-0.1em;vertical-align:top;cursor:pointer}
|
||||
.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}
|
||||
.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_frmline {display:inline-block;padding:0 7px 0 0.3em;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:1.5em;text-align:center} /* 새창용 */
|
||||
.btn_win a {display:inline-block;padding:0 1em;height:2.5em;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:2.5em;cursor:pointer}
|
||||
/* 게시판용 버튼 */
|
||||
.btn_b01 {display:inline-block;margin:0 0 0.3em;padding:0 1em;border:1px solid #eee !important;background:#fafafa !important;color:#000 !important;text-decoration:none !important;line-height:2em;vertical-align:middle}
|
||||
@ -123,8 +123,8 @@ pre {overflow-x:scroll;font-size:1.1em}
|
||||
.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 {margin-bottom:1em;width:100%;border-collapse:collapse;border-spacing:0}
|
||||
.basic_tbl caption {padding:0 0 1em;color:#777;text-align:left}
|
||||
.basic_tbl thead th {padding:0.5em 0;background:#565e60;color:#fff}
|
||||
.basic_tbl thead a {color:#fff}
|
||||
.basic_tbl thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
|
||||
@ -139,20 +139,20 @@ 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 {margin-bottom:1.5em;width:100%;border-collapse:collapse;border-spacing:0}
|
||||
.frm_tbl caption {padding:1em 0;color:#4b8b99;font-weight:bold;text-align:left}
|
||||
.frm_tbl th {padding-left:1em;width:100px;border-top:1px solid #eee;border-bottom:1px solid #eee;font-weight:normal;text-align:left}
|
||||
.frm_tbl td {padding:7px 1em;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_address {display:block;margin-top:0.3em}
|
||||
.frm_file {display:block;margin-bottom:0.3em}
|
||||
.frm_tbl #captcha {margin:0;padding:0;border:0;background:transparent}
|
||||
.frm_tbl #captcha input {margin-left:5px;text-align:center}
|
||||
.frm_tbl #captcha input {margin-left:0.3em;text-align:center}
|
||||
.frm_tbl a {text-decoration:none}
|
||||
|
||||
/* 폼 컨트롤 */
|
||||
@ -163,7 +163,7 @@ fieldset textarea {padding:3px 3px 4px;border:1px solid #b8c9c2;background:#f7f7
|
||||
.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}
|
||||
.frm_info {display:block;padding:0.3em 0 0;color:#666;line-height:1.3em}
|
||||
|
||||
/* 광고 레이아웃 */
|
||||
.ad200200 {display:none}
|
||||
@ -171,40 +171,40 @@ fieldset button {padding:0 15px;height:24px;border:0;background:#333;color:#fff;
|
||||
|
||||
/* 새창 기본 스타일 */
|
||||
.new_win {}
|
||||
.new_win h1 {margin-bottom:20px;padding:0 20px;height:3em;border-top:3px solid #4e5d60;border-bottom:1px solid #e9e9e9;font-size:1.2em;line-height:3.5em}
|
||||
.new_win table {margin:0 auto 20px !important;width:100% !important}
|
||||
.new_win h1 {margin-bottom:1.5em;padding:0 1.5em;height:3em;border-top:3px solid #4e5d60;border-bottom:1px solid #e9e9e9;font-size:1.2em;line-height:3.5em}
|
||||
.new_win table {margin:0 auto 1.5em !important;width:100% !important}
|
||||
.new_win caption {padding:1em}
|
||||
.new_win_ul {margin:-20px 0 20px 0;padding:0 0 0 20px;border-bottom:1px solid #455255;background:#484848;list-style:none;zoom:1}
|
||||
.new_win_ul {margin:-20px 0 1.5em 0;padding:0 0 0 1.5em;border-bottom:1px solid #455255;background:#484848;list-style:none;zoom:1}
|
||||
.new_win_ul:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
.new_win_ul li {float:left;margin-left:-1px}
|
||||
.new_win_ul a {display:block;padding:10px 10px 8px;border-right:1px solid #455255;border-left:1px solid #455255;color:#fff;font-family:"dotum";font-weight:bold;text-decoration:none}
|
||||
.new_win_ul a {display:block;padding:1em 1em 8px;border-right:1px solid #455255;border-left:1px solid #455255;color:#fff;font-family:"dotum";font-weight:bold;text-decoration:none}
|
||||
.new_win_desc {padding:1em}
|
||||
|
||||
/* 회원가입 약관 */
|
||||
#fregister section {margin:0 0 20px;padding:20px;border-bottom:3px solid #eee}
|
||||
#fregister h2 {margin:0 0 20px;text-align:center}
|
||||
#fregister textarea {display:block;margin-bottom:10px;padding:5px;width:98%;height:150px;border:1px solid #cfded8;background:#f7f7f7}
|
||||
#fregister section {margin:0 0 1.5em;padding:1.5em;border-bottom:3px solid #eee}
|
||||
#fregister h2 {margin:0 0 1.5em;text-align:center}
|
||||
#fregister textarea {display:block;margin-bottom:1em;padding:0.3em;width:98%;height:150px;border:1px solid #cfded8;background:#f7f7f7}
|
||||
#fregister textarea:focus {background:#21272e;color:#fff}
|
||||
.fregister_agree {padding:10px 0 0;text-align:right}
|
||||
.fregister_agree label {display:inline-block;margin-right:5px}
|
||||
.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-bottom:20px}
|
||||
#fregister .btn_confirm {margin-bottom:1.5em}
|
||||
|
||||
/* 로그인 */
|
||||
#mb_login {margin:30px 0}
|
||||
#mb_login h1 {margin:0 0 20px;padding:0 10px;font-size:1.3em}
|
||||
#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: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;text-align:center}
|
||||
#mb_login section {margin:30px 0;padding:20px 10px;border:1px solid #cfded8;background:#f7f7f2}
|
||||
#mb_login fieldset {position:relative;padding:1em}
|
||||
#mb_login .fs_input {display:block;margin-bottom:0.3em;padding:0;width:80%;height:25px}
|
||||
#mb_login .btn_submit {position:absolute;top:1em;right:1em;width:18%;height:59px;text-align:center}
|
||||
#mb_login section {margin:30px 0;padding:1.5em 1em;border:1px solid #cfded8;background:#f7f7f2}
|
||||
#mb_login section 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 10px;border-bottom:1px solid #eee;list-style:none}
|
||||
.memo_view_li {position:relative;padding:5px 0}
|
||||
#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}
|
||||
@ -212,43 +212,43 @@ fieldset button {padding:0 15px;height:24px;border:0;background:#333;color:#fff;
|
||||
#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 .cbg {margin:0 auto 1.5em;padding:1.5em;width:87%}
|
||||
#scrap_do table {margin:0 0 1em;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 h1 {margin:0 0 1.5em;padding:0 1em;font-size:1.3em}
|
||||
#mb_confirm p {padding:1.5em 1em;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_confirm fieldset {position:relative;margin:0 0 30px;padding:30px 1em;border:1px solid #cfded8;background:#f7f7f2}
|
||||
#mb_confirm_pw {display:block;margin-top:1em;padding:0;width:80%;height:25px}
|
||||
#mb_confirm .btn_submit {position:absolute;bottom:30px;right:1em;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 h1 {margin:0 0 1.5em;padding:0 1em;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 fieldset {position:relative;padding:1em}
|
||||
#mb_login .fs_input {display:block;margin-bottom:0.3em;padding:0;width:80%;height:25px}
|
||||
#mb_login .btn_submit {position:absolute;top:1em;right:1em;width:18%;height:59px}
|
||||
#mb_login section {margin:30px 0;padding:1.5em 1em;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 h1 {margin:0 0 1.5em;font-size:1.3em}
|
||||
#pw_confirm p {padding:1.5em;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}
|
||||
#pw_confirm_id {display:inline-block;margin-right:1.5em;font-weight:bold}
|
||||
|
||||
/* 설문조사 */
|
||||
|
||||
/* 최근게시물 스킨 (latest) */
|
||||
.lt {float:left}
|
||||
.lt ul {display:none}
|
||||
.lt_title {display:inline-block;padding:10px}
|
||||
.lt_title {display:inline-block;padding:1em}
|
||||
.lt_title:focus ~ ul,
|
||||
.lt_title:hover ~ ul,
|
||||
.lt_title:active ~ ul {display:block;position:absolute;top:100px;left:0}
|
||||
@ -260,11 +260,11 @@ fieldset button {padding:0 15px;height:24px;border:0;background:#333;color:#fff;
|
||||
#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 td:nth-of-type(1) {padding:1em 0;text-align:center}
|
||||
#current_connect_tbl .sv {display:none}
|
||||
|
||||
/* 새글 */
|
||||
#new_sch {margin:0 0 5px;padding:5px 10px}
|
||||
#new_sch {margin:0 0 0.3em;padding:0.3em 1em}
|
||||
#new_tbl {}
|
||||
#new_tbl th:nth-of-type(5) {width:50px}
|
||||
|
||||
@ -275,7 +275,7 @@ fieldset button {padding:0 15px;height:24px;border:0;background:#333;color:#fff;
|
||||
|
||||
/* 게시판 목록 */
|
||||
#bo_list_title {padding:0 1em}
|
||||
.bo_list table {margin-bottom:20px;width:100%;border-collapse:collapse;border-spacing:0}
|
||||
.bo_list table {margin-bottom:1.5em;width:100%;border-collapse:collapse;border-spacing:0}
|
||||
|
||||
.bo_list th {}
|
||||
.bo_list th a {color:#fff;text-decoration:none}
|
||||
@ -301,10 +301,10 @@ fieldset button {padding:0 15px;height:24px;border:0;background:#333;color:#fff;
|
||||
.bo_fx ul {margin:0;padding:0;list-style:none}
|
||||
#bo_list_total {float:left;padding:0;height:2.5em;line-height:2.5em}
|
||||
.btn_bo_user {float:right;margin:0;padding:0;list-style:none}
|
||||
.btn_bo_user li {float:left;margin-left:5px}
|
||||
.btn_bo_user li {float:left;margin-left:0.3em}
|
||||
.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}
|
||||
.btn_bo_adm li {float:left;margin-right:0.3em}
|
||||
.btn_bo_adm input {padding:0 1em;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}
|
||||
@ -313,19 +313,19 @@ fieldset button {padding:0 15px;height:24px;border:0;background:#333;color:#fff;
|
||||
.td_subject img {margin-left:3px}
|
||||
.cnt_cmt {font-weight:bold}
|
||||
|
||||
#bo_sch {margin-bottom:10px;padding-top:5px;text-align:center}
|
||||
#bo_sch {margin-bottom:1em;padding-top:0.3em;text-align:center}
|
||||
|
||||
/* 게시판 읽기 */
|
||||
#bo_v {margin-bottom:20px;padding-bottom:20px}
|
||||
#bo_v {margin-bottom:1.5em;padding-bottom:1.5em}
|
||||
|
||||
#bo_v_cate {padding:0 1em;color:#999;font-size:0.9em;font-weight:bold}
|
||||
|
||||
#bo_v_h1 {padding:0 0.7em 1em;font-size:1.2em}
|
||||
|
||||
#bo_v_info {padding:0 0.9em 10px;border-bottom:1px solid #ddd}
|
||||
#bo_v_info {padding:0 0.9em 1em;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_info strong {display:inline-block;margin:0 15px 0 0.3em;font-weight:normal}
|
||||
|
||||
#bo_v_file {}
|
||||
#bo_v_file h2 {margin:0;padding:0;height:0;overflow:hidden}
|
||||
@ -362,7 +362,7 @@ fieldset button {padding:0 15px;height:24px;border:0;background:#333;color:#fff;
|
||||
.bo_v_com {float:right}
|
||||
.bo_v_com li {float:left;margin-left:0.3em}
|
||||
|
||||
#bo_v_atc {min-height:200px;padding:0 10px;min-height:200px}
|
||||
#bo_v_atc {min-height:200px;padding:0 1em;min-height:200px}
|
||||
#bo_v_atc h1 {margin:0;padding:0;height:0;overflow:hidden}
|
||||
|
||||
#bo_v_img {margin:0 0 1em;width:100%;overflow:hidden:zoom:1}
|
||||
@ -378,40 +378,39 @@ fieldset button {padding:0 15px;height:24px;border:0;background:#333;color:#fff;
|
||||
#bo_v_act span {display:inline-block;margin-right:0.3em;padding:0 1em;border:1px solid #eee !important;background:#fafafa !important;color:#000 !important;text-decoration:none !important;line-height:2em;vertical-align:top}
|
||||
#bo_v_act strong {color:#ff3061}
|
||||
|
||||
#bo_v form {padding-top:20px}
|
||||
#bo_v form {padding-top:1.5em}
|
||||
|
||||
/* 게시판 댓글 */
|
||||
#bo_vc {margin:0 0 0.5em;padding:1.5em 1.5em 0.5em;border-top:1px solid #cfded8;border-bottom:1px solid #cfded8;background:#f7f7f2}
|
||||
#bo_vc h2 {margin-bottom:0.5em}
|
||||
#bo_vc article {padding:0 0 0.5em;border-top:1px dotted #ccc}
|
||||
#bo_vc header {position:relative;padding:1.3em 0 0.3em}
|
||||
#bo_vc header .icon_reply {position:absolute;top:1.3em;left:-20px}
|
||||
#bo_vc .sv_wrap {margin-right:15px}
|
||||
#bo_vc header .icon_reply {position:absolute;top:1.5em;left:-1.3em}
|
||||
#bo_vc .sv_member,
|
||||
#bo_vc .sv_guest {font-weight:bold}
|
||||
.bo_vc_hdinfo {display:inline-block;margin:0 15px 0 5px}
|
||||
.bo_vc_hdinfo {display:inline-block;margin:0 15px 0 0.3em}
|
||||
#bo_vc h1 {width:0;height:0;font-size:0;line-height:0;overflow:hidden}
|
||||
#bo_vc a {color:#000;text-decoration:none}
|
||||
#bo_vc p {padding:0 0 5px;line-height:1.8em}
|
||||
#bo_vc p {padding:0 0 0.3em;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_empty {margin:0;padding:1.5em !important;border-bottom:1px dotted #ccc;text-align:center}
|
||||
#bo_vc fieldset {margin:0 0 1em;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_act li {float:left;margin-left:0.3em}
|
||||
|
||||
#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_w {position:relative;margin-bottom:1em;padding:0 1.5em 1.5em;border-bottom:1px solid #cfded8}
|
||||
#bo_vc_w h2 {padding:15px 0 0.3em}
|
||||
#bo_vc_w #char_cnt {display:block;margin-bottom:0.3em}
|
||||
|
||||
#bo_vc form {padding:0}
|
||||
|
||||
/* pagination */
|
||||
.pg_wrap {clear:both;margin:0 0 20px;padding-top:20px;text-align:center}
|
||||
.pg_wrap {clear:both;margin:0 0 1.5em;padding-top:1.5em;text-align:center}
|
||||
.pg {display:inline-block;border:1px solid #cfded8;letter-spacing:-4px}
|
||||
.pg a:focus,
|
||||
.pg a:hover,
|
||||
|
||||
Reference in New Issue
Block a user