less 원본 파일 추가
This commit is contained in:
2
.gitignore
vendored
2
.gitignore
vendored
@ -17,3 +17,5 @@ cheditor*
|
||||
kcho07_rss/
|
||||
mobile/skin/board/bach72_mobile/
|
||||
skin/board
|
||||
lessc.inc.php
|
||||
lessc.php
|
||||
3005
css/admin.css
3005
css/admin.css
File diff suppressed because it is too large
Load Diff
665
css/admin.less
Normal file
665
css/admin.less
Normal file
@ -0,0 +1,665 @@
|
||||
@charset "utf-8";
|
||||
/* SIR 지운아빠 */
|
||||
|
||||
/* 초기화 */
|
||||
html {overflow-y:scroll}
|
||||
body {margin:0;padding:0;background:#fff;color:#000;font-size:0.75em;font-family:dotum}
|
||||
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;font-family:dotum}
|
||||
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
|
||||
header ul, nav ul, aside ul, footer ul {margin:0;padding:0;list-style:none}
|
||||
label, input, select, img {vertical-align:middle}
|
||||
|
||||
textarea, select {font-family:dotum;font-size:1em}
|
||||
|
||||
input {margin:0;padding:0;border-radius:0;font-family:dotum}
|
||||
input[type=text], input[type=password], input[type=submit], input[type=image] {-webkit-appearance:none}
|
||||
button {border-radius:0;font-size:1em;font-family:dotum;-webkit-appearance:none}
|
||||
p {margin:0;padding:0 0 10px;line-height:1.7em;word-break:break-all}
|
||||
hr {display:none}
|
||||
pre {overflow-x:scroll;font-size:1.1em}
|
||||
a {color:#000;text-decoration:none}
|
||||
a:focus, a:hover, a:active {text-decoration:underline}
|
||||
|
||||
/* 헤딩 */
|
||||
h1 {margin:0 0 10px;padding:0 20px 10px;min-width:960px;border-bottom:1px solid #e9e9e9;color:#333;font-size:1.5em;font-family:dotum;letter-spacing:-0.1em}
|
||||
h2 {margin:0 0 10px;padding:0 20px;font-size:1.2em}
|
||||
h2.h2_frm {padding-top:15px}
|
||||
|
||||
/* 레이아웃 */
|
||||
#hd {z-index:10;min-width:1000px;background:url('../adm/img/hd_bg.jpg') #383b3f repeat-x}
|
||||
#hd h1, #hd h2 {position:absolute;border:0;font-size:0;line-height:0;overflow:hidden}
|
||||
#hd_wrap {z-index:11;position:relative;margin:0 auto}
|
||||
#logo {position:relative;height:70px}
|
||||
#logo img {position:absolute;top:19px;left:20px}
|
||||
|
||||
#tnb {z-index:2;position:absolute;top:27px;right:20px;zoom:1}
|
||||
#tnb:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#tnb {float:right;margin:0;padding:0;zoom:1}
|
||||
#tnb:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#tnb li {float:left;margin:0 0 0 10px;padding:0 10px 0 0;border-right:1px solid #444}
|
||||
#tnb #tnb_logout {border-right:0;padding:0}
|
||||
#tnb a {display:inline-block;color:#bbb;text-decoration:none;letter-spacing:-0.1em}
|
||||
#tnb a:focus, #tnb a:hover {color:#fff}
|
||||
#tnb #tnb_logout a {color:#ff3061}
|
||||
#tnb span {position:absolute;bottom:10px;left:0;width:100%;text-align:center}
|
||||
|
||||
/* gnb js off */
|
||||
#gnb {z-index:12;min-width:999px;background:#383a3f}
|
||||
#gnb h2 {margin:0;padding:0;font-size:0;line-height:0;overflow:hidden}
|
||||
#gnb_1dul {margin:0 auto;padding:0;zoom:1}
|
||||
#gnb_1dul:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
.gnb_1dli {z-index:13;clear:both;zoom:1}
|
||||
.gnb_1dli:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
.gnb_1dli a {display:block;float:left;padding:10px 0;width:110px;color:#e0e0e0;font-weight:bold;text-decoration:none}
|
||||
.gnb_1dli a:focus, .gnb_1dli a:hover {text-decoration:none}
|
||||
.gnb_2dul {float:left;width:auto}
|
||||
.gnb_2dli {float:left}
|
||||
.gnb_2dli a {color:#e0e0e0;font-weight:normal}
|
||||
/* gnb js on */
|
||||
.gnb_js {padding-left:1px}
|
||||
.gnb_js #gnb_1dul {margin:0 20px;zoom:1}
|
||||
.gnb_js #gnb_1dul:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
.gnb_js .gnb_1dli {clear:none;position:relative;float:left;margin:0 0 0 -1px;border:1px solid #333;border-top:0;border-bottom:0}
|
||||
.gnb_js .gnb_1dli a {color:#fff;text-align:center}
|
||||
.gnb_js .gnb_1dli_air a {float:none;background:#fff;color:#000}
|
||||
.gnb_js .gnb_1dli_on a {float:none;background:#282828;color:#fff}
|
||||
.gnb_js .gnb_2dul {display:none;position:absolute;top:34px;width:181px;border:1px solid #999;border-top:0;background:#fff}
|
||||
.gnb_js .gnb_2dli a {display:inline-block;float:none;padding:8px 10px;width:161px;background:#fff;color:#000;text-align:left}
|
||||
.gnb_js .gnb_2dli a:focus, .gnb_js .gnb_2dli a:hover {background:#484848;color:#fff}
|
||||
.gnb_1dli_over .gnb_2dul {display:block;left:-1px}
|
||||
.gnb_1dli_over2 .gnb_2dul {display:block;right:-1px}
|
||||
|
||||
.gnb_js .gnb_grp_style {background:#f7f7f7 !important}
|
||||
.gnb_js .gnb_grp_style:focus, .gnb_js .gnb_grp_style:hover {background:#484848 !important}
|
||||
.gnb_js .gnb_grp_div {border-top:1px solid #eee}
|
||||
|
||||
#lnb {margin:0;padding:15px;min-width:970px;border-bottom:1px solid #e9e9e9;list-style:none;zoom:1}
|
||||
#lnb:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#lnb li {float:left}
|
||||
#lnb a {display:inline-block;margin:0 0 0 10px;padding:0 10px 0 0;border-right:1px solid #ccc;font-size:0.95em;letter-spacing:-0.1em}
|
||||
|
||||
/* 중간 레이아웃 */
|
||||
#wrapper {z-index:5;margin:20px 0;min-width:1000px;zoom:1}
|
||||
#wrapper:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
|
||||
#container {z-index:4;position:relative}
|
||||
|
||||
/* 텍스트 크기 조절 */
|
||||
#text_size {position:absolute;top:-6px;right:20px}
|
||||
#text_size button {margin:0;padding:0;border:0;background:transparent;cursor:pointer}
|
||||
.ts_up {font-size:1.167em !important}
|
||||
.ts_up2 {font-size:1.3em !important}
|
||||
|
||||
/* 화면낭독기 사용자용 */
|
||||
#hd_login_msg {position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden}
|
||||
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;width:1px !important;height:1px !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
|
||||
/* 본문 바로가기 */
|
||||
#to_content a {z-index:100000;position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
|
||||
#to_content a:focus, #to_content a:active {width:100%;height:70px;background:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.1em}
|
||||
|
||||
/* 캡챠 자동등록(입력)방지 기본 */
|
||||
#captcha img {border:1px solid #ddd;border-right:0}
|
||||
#captcha_mp3 img {border:1px solid #ddd;border-left:0;background:#494949}
|
||||
|
||||
/* ckeditor 단축키 */
|
||||
.cke_sc {margin:0 0 5px;text-align:right}
|
||||
.btn_cke_sc{display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc !important;background:#fafafa !important;color:#000 !important;text-decoration:none !important;line-height:1.9em;vertical-align:middle}
|
||||
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
|
||||
.cke_sc_def dl{margin:0 0 5px;text-align:left;zoom:1}
|
||||
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
|
||||
.cke_sc_def dt {width:20%;font-weight:bold}
|
||||
.cke_sc_def dd {width:30%}
|
||||
|
||||
/* 공통박스 */
|
||||
.compare_wrap {margin:0 20px 10px;zoom:1}
|
||||
.compare_wrap:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
.compare_wrap section {margin:10px 0;padding-top:10px}
|
||||
.compare_wrap h3 {margin:10px 0 20px;text-align:center}
|
||||
.compare_wrap .tbl_frm {margin:0}
|
||||
.compare_wrap .btn_confirm {padding:10px 0 0}
|
||||
.compare_left {float:left;width:49%}
|
||||
.compare_right {float:right;width:49%}
|
||||
|
||||
/* 버튼 */
|
||||
.btn_confirm {margin:0 20px 10px}
|
||||
|
||||
.btn_confirm01 {clear:both;text-align:center}
|
||||
.btn_confirm01 button {padding:0 15px;height:30px;border:0;background:#617d46;color:#fff;line-height:2.2em;vertical-align:middle;cursor:pointer}
|
||||
.btn_confirm01 a {display:inline-block;padding:0 15px;height:30px;background:#617d46;color:#fff;text-decoration:none;line-height:2.5em;vertical-align:middle}
|
||||
.btn_confirm01 a:focus {background:#555}
|
||||
|
||||
.btn_confirm02 {clear:both;margin-top:10px;text-align:center}
|
||||
.btn_confirm02 button {padding:0 15px;height:30px;border:0;background:#617d46;color:#fff;line-height:2.2em;vertical-align:middle;cursor:pointer}
|
||||
.btn_confirm02 a {display:inline-block;padding:0 15px;height:30px;background:#617d46;color:#fff;text-decoration:none;line-height:2.5em;vertical-align:middle}
|
||||
.btn_confirm02 a:focus {background:#555}
|
||||
|
||||
.btn_submit {background:#ff3061}
|
||||
.btn_confirm .btn_submit {padding:0 15px;border:0;height:30px;color:#fff}
|
||||
.btn_cancel {display:inline-block;padding:0 15px;height:30px;border:0;background:#617d46;color:#fff;text-decoration:none;line-height:2.5em;vertical-align:middle}
|
||||
.btn_frmline {display:inline-block;padding:0 7px 0 5px;height:21px;border:0;background:#444;color:#fff !important;letter-spacing:-0.1em;text-decoration:none;vertical-align:middle;line-height:2em} /* 우편번호검색버튼 등 */
|
||||
.btn_frmline:focus, .btn_frmline:hover, .btn_frmline:active {text-decoration:none}
|
||||
|
||||
.btn_win {margin:0 20px 10px} /* 새창용 */
|
||||
|
||||
.btn_win01 {clear:both;text-align:center}
|
||||
.btn_win01 a, .btn_win01 button {display:inline-block;padding:0 10px;height:22px;border:1px solid #ccc;background:#fafafa;line-height:2em;cursor:pointer}
|
||||
.btn_win01 a:focus, .btn_win01 a:hover {text-decoration:none}
|
||||
|
||||
.btn_list {margin:0 20px 10px} /* 목록용 */
|
||||
|
||||
.btn_list01 {}
|
||||
.btn_list01 input, .btn_list01 button, .btn_list01 a {display:inline-block;padding:10px;border:1px solid #ccc;background:#fafafa;text-decoration:none;cursor:pointer}
|
||||
.btn_list01 a:focus {background:#555}
|
||||
|
||||
.btn_list02 {}
|
||||
.btn_list02 input, .btn_list02 button, .btn_list02 a {display:inline-block;padding:5px 10px;border:1px solid #ccc;background:#fafafa;text-decoration:none;cursor:pointer}
|
||||
.btn_list02 a:focus {background:#555}
|
||||
|
||||
.btn_list03 {text-align:right}
|
||||
.btn_list03 a {display:inline-block;padding:0 15px;height:28px;background:#617d46;color:#fff;text-decoration:none;line-height:2.4em;vertical-align:middle}
|
||||
.btn_list03 a:focus {background:#555}
|
||||
|
||||
.btn_add {margin:0 20px 10px} /* 목록용 추가 */
|
||||
|
||||
.btn_add01 {text-align:right}
|
||||
.btn_add01 a {display:inline-block;padding:10px;border:1px solid #ccc;background:#f0f0f0;text-decoration:none;cursor:pointer}
|
||||
|
||||
/* 필수입력 */
|
||||
.required {background:url('../img/wrest.gif') #f6f9fa top right no-repeat !important}
|
||||
|
||||
/* 외부서비스 사이트코드 */
|
||||
.sitecode {display:inline-block;font:bold 15px 'Verdana';vertical-align:middle}
|
||||
|
||||
/* 폼 */
|
||||
label {vertical-align:middle}
|
||||
textarea, .frm_input {padding:2px;border:1px solid #ced9de;background:#f6f9fa;vertical-align:middle}
|
||||
textarea {width:90%}
|
||||
select {border:1px solid #ced9de}
|
||||
legend {position:absolute;width:0;height:0;font-size:0;line-height:0;text-indent:-9999em;border:0;overflow:hidden}
|
||||
|
||||
.readonly {}
|
||||
|
||||
/* 폼 안내글 */
|
||||
.frm_info {display:block;padding:0 0 5px;color:#5b747e}
|
||||
|
||||
/* 목록 바로가기 */
|
||||
.anchor {margin:0 20px 10px 21px;padding:0;zoom:1}
|
||||
.anchor:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
.anchor li {float:left;margin-left:-1px;list-style:none}
|
||||
.anchor a {display:inline-block;padding:5px 10px;border:1px solid #c8ced1;background:#d6dde1;text-decoration:none}
|
||||
.anchor a:focus, .anchor a:hover {background:#c8d2d8}
|
||||
|
||||
#sort_mb {width:800px}
|
||||
|
||||
#sort_sodr {width:600px}
|
||||
|
||||
/* 하단 레이아웃 */
|
||||
#ft {margin:20px 0;padding:10px 20px;min-width:960px;border-top:1px solid #d0d6d8}
|
||||
|
||||
/* 페이지 내 검색 */
|
||||
.local_sch {min-width:960px}
|
||||
.local_sch .btn_submit {padding:3px 5px;border:1px solid #ff3061;color:#fff;font-size:0.95em;vertical-align:middle;cursor:pointer}
|
||||
|
||||
.local_sch01 {margin:0 0 10px;padding:0 20px 10px;border-bottom:1px solid #e9e9e9}
|
||||
.local_sch01 span {display:block;margin:0 0 5px}
|
||||
|
||||
.local_sch02 {margin:0 0 10px;padding:0 20px 5px;border-bottom:1px solid #e9e9e9}
|
||||
.local_sch02 div {padding:0 0 5px;margin:0 0 5px;border-bottom:1px solid #f4f4f4}
|
||||
.local_sch02 div.sch_last {margin:0;border:0}
|
||||
.local_sch02 strong {display:inline-block;width:80px}
|
||||
.local_sch02 strong.sch_long {width:160px}
|
||||
.local_sch02 label {display:inline-block;margin:0 5px 0 0}
|
||||
.local_sch02 button {padding:3px 5px;border:1px solid #ced9de;background:#f6f9fa;font-size:0.95em;cursor:pointer}
|
||||
|
||||
/* 페이지 내 실행 */
|
||||
.local_cmd {min-width:960px}
|
||||
|
||||
.local_cmd01 {margin:0 0 10px;padding:0 20px}
|
||||
.local_cmd01 .cmd_tit {font-weight:bold}
|
||||
.local_cmd01 .btn_submit {padding:3px 5px;border:1px solid #ff3061;color:#fff;font-size:0.95em;vertical-align:middle;cursor:pointer}
|
||||
|
||||
/* 페이지 내 안내문 */
|
||||
.local_desc {}
|
||||
.local_desc ol, .local_desc ul {margin:0;padding:0 0 10px 21px}
|
||||
.local_desc li {margin:0 0 5px}
|
||||
|
||||
.local_desc01 {margin:0 20px 10px;padding:10px 20px 0;min-width:920px;border:1px solid #f2f2f2;background:#f9f9f9}
|
||||
.local_desc01 strong {color:#ff3061}
|
||||
.local_desc01 a {text-decoration:underline}
|
||||
|
||||
.local_desc02 {margin:0 20px 10px;min-width:960px} /* 주로 온라인 서식 관련 안내 내용에 사용 */
|
||||
.local_desc02 p {padding:0}
|
||||
|
||||
/* 페이지 내 카운트 */
|
||||
.local_ov {min-width:960px}
|
||||
|
||||
.local_ov01 {position:relative;margin:-10px 0 10px;padding:10px 20px;border-bottom:1px solid #e9e9e9;background:#f2f5f9}
|
||||
.local_ov01 .ov_listall {display:inline-block;margin:0 5px 0 0;padding:0 10px 0 0;border-right:1px solid #ccc}
|
||||
|
||||
/* 테이블 */
|
||||
table {clear:both;width:100%;border-collapse:collapse;border-spacing:0}
|
||||
table caption {height:0;font-size:0;line-height:0;overflow:hidden}
|
||||
tbody td {border:1px solid #ececec}
|
||||
tfoot th, tfoot td {padding:10px 0;border:1px solid #c1d1d5;background:#d7e0e2}
|
||||
tfoot th {}
|
||||
tfoot td {font-weight:bold;text-align:center}
|
||||
table .tr_bg0 {background:#fff}
|
||||
table .tr_bg1 {background:#f9f9f9}
|
||||
|
||||
.tbl_wrap {margin:0 0 10px;padding:0 20px}
|
||||
.tbl_wrap td.empty_table {padding:100px 0;text-align:center}
|
||||
|
||||
/* thead 한 줄 테이블 */
|
||||
.tbl_head01 {}
|
||||
.tbl_head01 table {clear:both;width:100%;border-collapse:collapse;border-spacing:0}
|
||||
.tbl_head01 thead th {padding:10px 0;border:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;letter-spacing:-0.1em}
|
||||
.tbl_head01 thead input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
|
||||
.tbl_head01 thead a {color:#383838;text-decoration:underline}
|
||||
.tbl_head01 tbody th {}
|
||||
.tbl_head01 tbody td {padding:10px 5px;line-height:1.4em;word-break:break-all}
|
||||
|
||||
/* thead 두 줄 테이블 */
|
||||
.tbl_head02 {}
|
||||
.tbl_head02 table {clear:both;width:100%;border-collapse:collapse;border-spacing:0}
|
||||
.tbl_head02 thead th {padding:5px 0;border:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;letter-spacing:-0.1em}
|
||||
.tbl_head02 thead input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
|
||||
.tbl_head02 thead a {color:#383838;text-decoration:underline}
|
||||
.tbl_head02 tbody th {}
|
||||
.tbl_head02 tbody td {padding:5px 3px;line-height:1.4em;word-break:break-all}
|
||||
|
||||
/* 폼 테이블 */
|
||||
.tbl_frm01 th {padding:0;border-top:1px solid #ececec;border-bottom:1px solid #ececec;text-align:left}
|
||||
.tbl_frm01 td {padding:10px 5px;border-right:0;border-left:0}
|
||||
.tbl_frm01 textarea {height:150px}
|
||||
.tbl_frm01 #captcha {margin:0;padding:0;border:0;background:transparent}
|
||||
.tbl_frm01 #captcha input {margin-left:5px;text-align:center}
|
||||
|
||||
/* 테이블 그리드 */
|
||||
.grid_1 {width:50px}
|
||||
.grid_2 {width:100px}
|
||||
.grid_3 {width:150px}
|
||||
.grid_4 {width:200px}
|
||||
.grid_5 {width:250px}
|
||||
.grid_6 {width:300px}
|
||||
.grid_7 {width:350px}
|
||||
.grid_8 {width:400px}
|
||||
.grid_9 {width:450px}
|
||||
.grid_10 {width:500px}
|
||||
.grid_11 {width:550px}
|
||||
.grid_12 {width:600px}
|
||||
.grid_13 {width:650px}
|
||||
.grid_14 {width:700px}
|
||||
.grid_15 {width:750px}
|
||||
.grid_16 {width:800px}
|
||||
.grid_17 {width:850px}
|
||||
.grid_18 {width:900px}
|
||||
|
||||
/* 회원관리 목록 */
|
||||
.mb_leave_msg {color:#b6b6b6}
|
||||
.mb_intercept_msg {color:#f59fe4}
|
||||
#point_mng {margin-top:50px}
|
||||
|
||||
/* 게시판추가/수정 */
|
||||
#anc_bo_extra .td_grpset label {width:auto}
|
||||
#anc_bo_extra .td_grpset input {margin:0}
|
||||
#anc_bo_extra label {display:inline-block;width:100px}
|
||||
#anc_bo_extra input {margin-right:10px}
|
||||
|
||||
/* 접속자집계 목록 */
|
||||
.tbl_visit_list td {text-align:center}
|
||||
.visit_bar {position:relative}
|
||||
.visit_bar span {position:absolute;top:-8px;left:0;height:15px;background:#ddd}
|
||||
|
||||
/* 추가배송비 관리 */
|
||||
#sendcost_postal {margin-top:50px}
|
||||
#sendcost_postal_win {}
|
||||
#sendcost_postal_win fieldset {text-align:center}
|
||||
#sendcost_postal_win ul {margin:10px auto;padding:5px 10px;width:87%;border-right:1px solid #eee;border-bottom:1px solid #eee;background:#fff;list-style:none}
|
||||
#sendcost_postal_win li {position:relative;padding:8px 0 6px;border-bottom:1px solid #eee}
|
||||
#sendcost_postal_win button {position:absolute;top:4px;right:0}
|
||||
|
||||
/* 공통 */
|
||||
.td_addr {text-align:left !important}
|
||||
.td_amount {width:70px;text-align:center}
|
||||
.td_auth {width:100px;text-align:center}
|
||||
.td_auth_mbnick {width:200px}
|
||||
.td_boolean {width:50px;text-align:center}
|
||||
.td_category {width:120px;text-align:center}
|
||||
.td_chk {width:30px;text-align:center}
|
||||
.td_cnt {width:100px;font-size:0.95em;text-align:center}
|
||||
.td_cntsmall {width:50px;font-size:0.95em;text-align:center}
|
||||
.td_code {width:60px}
|
||||
.td_confirm {width:90px;text-align:center}
|
||||
.td_date {width:70px;text-align:center}
|
||||
.td_datetime {width:130px;text-align:center}
|
||||
.td_delicom {width:100px}
|
||||
.td_etc {width:80px;text-align:center}
|
||||
.td_extra label {display:inline-block;width:100px}
|
||||
.td_extra input {margin-right:5px;width:130px}
|
||||
.td_grid {width:60px;text-align:center}
|
||||
td.td_grpset {width:160px;border-left:1px solid #e9ecee;text-align:center}
|
||||
.td_id {width:150px}
|
||||
.td_idsmall {width:75px}
|
||||
.td_itopt {width:200px}
|
||||
.td_img {text-align:center}
|
||||
.td_imgline {width:70px;text-align:center}
|
||||
.td_input input {width:94%}
|
||||
.td_mbcert {text-align:center}
|
||||
.td_mbid, .td_name, .td_mbname {width:100px;text-align:left !important}
|
||||
.td_mbstat {text-align:center}
|
||||
.td_mng {width:100px;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
|
||||
.td_mngsmall {width:60px;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
|
||||
.td_mng .mng_mod, .td_mngsmall .mng_mod {}
|
||||
.td_mng .mng_del, .td_mngsmall .mng_del {}
|
||||
.td_num {width:60px;text-align:center}
|
||||
.td_numbig {width:100px;text-align:center}
|
||||
.td_numcancel {color:#999;text-decoration:line-through}
|
||||
.td_numcoupon {color:#86b325;text-align:center}
|
||||
.td_numincome {color:#357dbb;text-align:center}
|
||||
.td_numsmall {width:30px;text-align:center}
|
||||
.td_numsum {font-weight:bold;text-align:center}
|
||||
.td_numrdy {color:#ff3061;text-align:center}
|
||||
.td_odrnum {width:250px;text-align:center}
|
||||
.td_odrnum2 {width:140px;text-align:center}
|
||||
.td_odrnum3 {width:110px;text-align:center}
|
||||
.td_odrstatus {width:70px;letter-spacing:-0.1em;text-align:center}
|
||||
.td_output {width:90px;text-align:center}
|
||||
.td_payby {width:70px;text-align:center;letter-spacing:-0.1em}
|
||||
.td_paybybig {width:140px;text-align:center;letter-spacing:-0.1em}
|
||||
.td_possible {width:70px;text-align:center}
|
||||
.td_postal {width:60px;text-align:center}
|
||||
.td_bigpostal {width:140px;text-align:center}
|
||||
.td_pt {text-align:right !important}
|
||||
.td_scate {padding-right:15px;text-align:right;vertical-align:top}
|
||||
.td_send {width:50px;text-align:center}
|
||||
.td_sendcost_by {width:50px;text-align:center}
|
||||
.td_sendcost_add {width:100px;text-align:center}
|
||||
.td_tdiv {border-bottom:1px solid #c9c9c9 !important}
|
||||
.td_tel {width:80px;text-align:center}
|
||||
.td_test {width:50px;text-align:center}
|
||||
|
||||
.txt_true {color:#e8180c}
|
||||
.txt_false {color:#ccc}
|
||||
|
||||
|
||||
.banner_or_img {margin:10px 0 0}
|
||||
.banner_or_img button {display:block;margin:5px 0 0}
|
||||
.txt_active {color:#5d910b}
|
||||
.txt_expired {color:#ccc}
|
||||
|
||||
/* 환경설정 */
|
||||
.cf_cert_hide {display:none}
|
||||
|
||||
/* 관리권한설정 */
|
||||
#add_admin fieldset {margin-top:20px}
|
||||
|
||||
/* 메일 테스트 */
|
||||
#fsendmailtest {margin:50px 0;text-align:center}
|
||||
#fsendmailtest .btn_submit {padding:3px 5px;border:1px solid #ff3061;color:#fff;font-size:0.95em;vertical-align:middle;cursor:pointer}
|
||||
|
||||
/* ########## 쇼핑몰 사용시 적용 ########## */
|
||||
|
||||
/* 쇼핑몰 설정 */
|
||||
#anc_scf_payment textarea {height:50px}
|
||||
|
||||
#scf_cardtest_btn {margin-left:5px;vertical-align:middle}
|
||||
#scf_cardtest_tip {margin:10px 0 0;padding:10px;border:3px solid #ddd}
|
||||
#scf_cardtest_tip strong {display:inline-block;margin:0 0 5px}
|
||||
#scf_cardtest_tip dl {margin:0 0 15px;padding:0;zoom:1}
|
||||
#scf_cardtest_tip dl:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#scf_cardtest_tip dt {float:left;width:100px}
|
||||
#scf_cardtest_tip dd {padding:0;overflow:hidden}
|
||||
.scf_cardtest_tip {display:none}
|
||||
|
||||
.scf_img {display:none}
|
||||
|
||||
#scf_sms_pre h3 {padding:10px 0 0}
|
||||
#scf_sms_pre dl {margin:10px 0 0;zoom:1}
|
||||
#scf_sms_pre dl:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#scf_sms_pre dt {clear:both;float:left;padding:5px 0;width:100px}
|
||||
#scf_sms_pre dd {padding:5px 0;overflow:hidden}
|
||||
#scf_sms_pre p {margin:0 0 20px}
|
||||
#scf_sms {margin:0 0 30px;zoom:1}
|
||||
#scf_sms:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
.scf_sms_box {float:left;margin:0 8px 0 9px;width:163px;text-align:center}
|
||||
.scf_sms_box h4 {margin:0 0 5px}
|
||||
.scf_sms_img {margin:10px 0;width:163px;height:191px;background:url('../adm/shop_admin/img/sms_back.gif') no-repeat 0 0;text-align:center}
|
||||
.scf_sms_img textarea {margin:54px 0 0;width:115px;height:85px;border:0;background:transparent;font-size:0.95em;overflow:hidden}
|
||||
.scf_sms_img span {display:block}
|
||||
.scf_sms_cnt {display:block}
|
||||
|
||||
/* 주문내역 */
|
||||
#sodr_list {text-align:center}
|
||||
|
||||
/* 주문내역 수정 */
|
||||
.sodr_nonpay {color:#ff6600}
|
||||
strong.sodr_nonpay {display:block;padding:5px 0;text-align:right}
|
||||
.sodr_sppay {color:#1f9bff}
|
||||
#anc_sodr_memo textarea {width:98%}
|
||||
#anc_sodr_memo .btn_confirm {margin:10px 0 0}
|
||||
#anc_sodr_payer #od_addr1,
|
||||
#anc_sodr_payer #od_addr2 {margin:5px 0 0}
|
||||
#anc_sodr_addressee #od_b_addr1,
|
||||
#anc_sodr_addressee #od_b_addr2 {margin:5px 0 0}
|
||||
|
||||
#sodr_qty_log h3 {margin:20px 0 10px}
|
||||
#sodr_qty_log div {padding:10px;height:auto !important;height:200px;max-height:200px;border:1px solid #e9e9e9;background:#f5f6fa;line-height:1.8em;overflow-y:scroll}
|
||||
|
||||
#sodr_request_frm h3 {margin:20px 0 0}
|
||||
#sodr_request_item h3 {margin-bottom:10px}
|
||||
#sodr_request_frm #forderrequest {border-top:1px solid #e9e9e9}
|
||||
#sodr_request_log_wrap {padding:10px;height:auto !important;height:200px;max-height:200px;border:1px solid #e9e9e9;background:#f5f6fa;overflow-y:scroll}
|
||||
#sodr_request_log_wrap p {position:relative;padding:5px 0;border-bottom:1px solid #e9e9e9}
|
||||
#sodr_request_log_wrap span {display:inline-block;margin:0 0 0 80px}
|
||||
#sodr_request_log_wrap b {display:inline-block;margin:0 15px 0 0;font-weight:normal}
|
||||
#sodr_request_log_wrap button {position:absolute;top:7px;left:0;margin:0;padding:0;border:0;background:transparent;font-weight:bold}
|
||||
#sodr_request_handle h3 {margin-bottom:10px}
|
||||
|
||||
#anc_sodr_request h3 {margin:20px 0 10px}
|
||||
#sodr_request_list {padding:10px;height:auto !important;height:200px;max-height:200px;border:1px solid #e9e9e9;background:#f5f6fa;overflow-y:scroll}
|
||||
#sodr_request_list p {position:relative;padding:5px 0;border-bottom:1px solid #e9e9e9}
|
||||
|
||||
/* 주문통합내역 */
|
||||
#sodr_sort {margin:0 20px 20px;padding:0;list-style:none;zoom:1}
|
||||
#sodr_sort:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#sodr_sort li {float:left;margin:0 10px 0 0}
|
||||
#sodr_sort a {font-size:0.95em;text-decoration:underline;letter-spacing:-0.1em}
|
||||
#sodr_sort a.sort_on {color:#ff3061}
|
||||
|
||||
#sodr_all {margin:0 20px}
|
||||
#sodr_all h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
|
||||
|
||||
#sodr_all .btn_list {margin:10px 0}
|
||||
|
||||
.sodr_all_list {clear:both;margin:0 0 50px;padding:0;list-style:none}
|
||||
|
||||
.sodr_all_list .sodr_basic {float:left;zoom:1}
|
||||
.sodr_all_list .sodr_basic:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
.sodr_all_list .sodr_basic dt {float:left;margin:0 10px 0 0}
|
||||
.sodr_all_list .sodr_basic dd {float:left;margin:0 30px 0 0}
|
||||
.sodr_all_list .sodr_basic strong a {color:#ff3061;text-decoration:underline}
|
||||
|
||||
.sodr_all_list .sodr_person {float:right;zoom:1}
|
||||
.sodr_all_list .sodr_person:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
.sodr_all_list .sodr_person dt {float:left;margin:0 0 0 30px}
|
||||
.sodr_all_list .sodr_person dd {float:left;margin:0 0 0 10px}
|
||||
|
||||
.sodr_all_list .sodr_pay {clear:both;margin:0;border-top:1px solid #d1dee2;zoom:1}
|
||||
.sodr_all_list .sodr_pay:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
.sodr_all_list .sodr_pay dt {float:left;padding:8px 0;width:15%}
|
||||
.sodr_all_list .sodr_pay dd {float:left;margin:0;padding:8px 0;width:35%}
|
||||
|
||||
#sodr_total table {text-align:center}
|
||||
#sodr_total th {width:125px}
|
||||
|
||||
/* 분류관리 목록 */
|
||||
.cate_list_lbl {display:inline-block;width:13px;height:13px;background:url('../adm/shop_admin/img/icon_reply.gif') 0 0 no-repeat}
|
||||
|
||||
/* 분류 추가/수정 */
|
||||
.frm_ca_id {display:inline-block;margin:0 10px 0 0;font-weight:bold}
|
||||
|
||||
/* 상품관리 */
|
||||
.sit_odrby {text-align:center}
|
||||
.sit_amt {text-align:right;background-color:#e8fbff !important}
|
||||
.sit_amt2 {text-align:right;border-color:#c3e189 !important;background-color:#f6ffe6 !important}
|
||||
.sit_amt3 {text-align:right;border-color:#f6c8c4 !important;background-color:#ffedeb !important}
|
||||
.sit_camt, .sit_pt, .sit_qty {text-align:right}
|
||||
.frm_sit_title {margin:5px 0 0}
|
||||
|
||||
/* 상품입력/수정 */
|
||||
#sit_compact {margin:0 20px;padding:15px 0;border:1px solid #e9e9e9;background:#f7f7f7;text-align:center}
|
||||
|
||||
.sit_w_opt {height:70px !important}
|
||||
.sit_wimg {display:none}
|
||||
.sit_relation_list {width:100%;background:#f6f6f6}
|
||||
.sit_relation_selected {width:100%;background:#fcfff2}
|
||||
#add_span img, #sel_span img {margin:5px 0}
|
||||
|
||||
.sit_option {margin:0 0 10px;padding:10px 10px 0;border:1px solid #e9e9e9;background:#f7f7f7}
|
||||
.sit_option .frm_input {background:#fff !important;color:#000}
|
||||
.sit_option_frm_wrapper {margin:0 0 10px;height:auto !important;height:500px;max-height:500px;border:1px solid #484848;overflow-y:scroll}
|
||||
.sit_option_frm_wrapper th {padding:5px 0 !important;text-align:center !important}
|
||||
|
||||
#sit_option_frm .btn_list {margin:0 0 10px}
|
||||
#sit_option_frm fieldset {padding:10px;border:1px solid #e9e9e9;background:#f7f7f7;text-align:center}
|
||||
#sit_option_frm fieldset .frm_input {margin:0 10px 0 5px;background:#fff !important;color:#000}
|
||||
|
||||
#sit_option_addfrm_btn {position:relative}
|
||||
#sit_option_addfrm_btn button {position:absolute;top:-32px;right:0}
|
||||
|
||||
#sit_option_addfrm .btn_list {margin:0 0 10px}
|
||||
#sit_option_addfrm fieldset {padding:10px;border:1px solid #e9e9e9;background:#f7f7f7;text-align:center}
|
||||
#sit_option_addfrm fieldset .frm_input {margin:0 10px 0 5px;background:#fff !important;color:#000}
|
||||
|
||||
/* 상품 복사 */
|
||||
#sit_copy {margin:10px 20px 20px;background:#fff}
|
||||
#sit_copy label {display:inline-block;margin:0 10px 0 0;font-weight:bold}
|
||||
|
||||
/* 상품 일괄 등록 */
|
||||
#excelfile_upload {margin:10px auto 20px;padding:20px;width:86%;border:1px solid #e9e9e9;background:#fff}
|
||||
#excelfile_upload label {font-weight:bold}
|
||||
#excelfile_result {margin:0 auto 20px;padding:20px;width:86%;border:1px solid #e9e9e9;background:#fff;zoom:1}
|
||||
#excelfile_result:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#excelfile_result dt {clear:both;float:left;padding:10px 0;width:40%}
|
||||
#excelfile_result dd {float:left;margin:0;padding:10px 0;width:60%}
|
||||
|
||||
/* 상품옵션재고관리 */
|
||||
.sit_stock_qty_alert {color:#ff1133;font-weight:bold}
|
||||
|
||||
/* 배송일괄처리 */
|
||||
#sdeli_proc_fs {padding:20px 0;border-bottom:1px solid #f7f7f7;text-align:center}
|
||||
|
||||
/* 이벤트 입력/수정 */
|
||||
.frm_ev_id {display:inline-block;margin:0 10px 0 0;font-weight:bold}
|
||||
|
||||
/* 관련 상품, 관련 이벤트 입력/수정 */
|
||||
.srel section ul {margin:0;padding:10px;list-style:none}
|
||||
.srel section li {position:relative;border-bottom:1px solid #e9e9e9}
|
||||
.srel .srel_list {height:auto !important;height:200px;max-height:200px;border:1px solid #ced9de;background:#f6f6f6;overflow-y:scroll}
|
||||
.srel .srel_sel {border:1px solid #ced9de;background:#fcfff2}
|
||||
.srel .srel_list p, .srel .srel_sel p {padding:10px 0;text-align:center}
|
||||
.srel .compare_left ul {margin:0;list-style:none}
|
||||
.srel button {position:absolute;top:12px;right:0}
|
||||
.srel .srel_noneimg li {padding:7px 0}
|
||||
.srel .srel_noneimg button {top:0;right:0}
|
||||
.srel .srel_pad {display:block;height:30px}
|
||||
|
||||
/* 쿠폰관리 */
|
||||
.scp_new_win .empty_table {padding:30px 0}
|
||||
|
||||
#scp_list_find {margin:10px 20px;padding:20px;border:1px solid #e9e9e9;background:#fff}
|
||||
#scp_list_find .btn_frmline {line-height:1.5em !important}
|
||||
#scp_list_find label {font-weight:bold}
|
||||
|
||||
.scp_find_code {width:110px;text-align:center}
|
||||
.scp_find_select {width:50px;text-align:center}
|
||||
|
||||
.scp_target_select {width:50px;text-align:center}
|
||||
|
||||
/* 매출현황 */
|
||||
#ssale_stats {zoom:1}
|
||||
#ssale_stats:after {display:block;clear:both;visibility:hidden;content:''}
|
||||
#ssale_stats div {float:left;padding:2%;width:46%;border-bottom:1px solid #eee;text-align:center}
|
||||
#ssale_stats h3 {margin:30px 0 0;font-size:1.3em;text-align:center}
|
||||
#ssale_stats form {margin:20px 0 10px;padding:10px 0}
|
||||
#ssale_stats .frm_input {padding:0 10px !important;height:24px !important}
|
||||
|
||||
/* 주문내역출력 (새창) */
|
||||
.new_win .sodr_print_pop_list table {width:100%}
|
||||
|
||||
#sodr_print_pop h2 {padding:15px 0;color:#ff3600;text-align:right}
|
||||
#sodr_print_pop h3 {margin:0 0 10px}
|
||||
|
||||
.sodr_print_pop_list {margin:0 20px 10px;padding:0 0 10px;border-bottom:1px dotted #ddd}
|
||||
.sodr_print_pop_list .sodr_print_pop_same {margin:0 0 10px;border:1px solid #e9e9e9;background:#f7f7f7;text-align:center}
|
||||
.sodr_print_pop_list dl {margin:0 0 15px;padding:0;zoom:1}
|
||||
.sodr_print_pop_list dl:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
.sodr_print_pop_list dt {float:left;padding:7px 0 6px;width:100px;border-bottom:1px solid #ddd}
|
||||
.sodr_print_pop_list dd {padding:7px 0 6px;border-bottom:1px solid #ddd;overflow:hidden}
|
||||
|
||||
#sodr_print_pop_total {padding:20px 0;text-align:center}
|
||||
#sodr_print_pop_total span {display:block;margin:0 0 10px;font-size:1.5em}
|
||||
#sodr_print_pop_total strong {color:#ff3600}
|
||||
|
||||
/* SMS문자전송 */
|
||||
#sms_send {padding-bottom:100px;zoom:1}
|
||||
#sms_send:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
|
||||
#sms_frm {float:left;width:650px}
|
||||
#sms_frm table {margin:0 0 30px}
|
||||
#sms_frm textarea {height:70px}
|
||||
|
||||
#sms_sm {position:relative;float:left;width:229px;height:418px;background:url('../adm/shop_admin/img/mobilebg.jpg') no-repeat}
|
||||
#sms_sm_text {position:absolute;top:75px;left:27px;width:180px;color:#fff;font-size:2em;word-break:break-all}
|
||||
#sms_sm p {position:absolute;bottom:-70px;left:0;font-size:0.95em;letter-spacing:-0.1em}
|
||||
|
||||
/* 가격비교사이트 */
|
||||
#anc_pricecompare_info li {margin:5px 0}
|
||||
|
||||
#anc_pricecompare_engine dt a {font-weight:bold}
|
||||
#anc_pricecompare_engine dd {margin:0 0 30px}
|
||||
#anc_pricecompare_engine li {margin:5px 0}
|
||||
|
||||
/* 새창 기본 스타일 */
|
||||
.new_win {}
|
||||
.new_win h1 {margin-bottom:20px;padding:0 20px;min-width:320px/* 적정값으로 변경하여 사용하세요. */;height:60px;border-top:2px solid #484848;border-bottom:1px solid #e9e9e9;background:#fff;font-size:1.2em;line-height:5em}
|
||||
.new_win h2 {margin:0 20px 10px}
|
||||
.new_win_ul {margin:-20px 0 20px 0;padding:0 0 0 20px;border-bottom:1px solid #515151;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 #595959;border-left:1px solid #595959;color:#fff;font-family:dotum;font-weight:bold;text-decoration:none}
|
||||
.new_win_desc {margin:0 auto;width:93%}
|
||||
.new_win .anchor {margin:0 auto 5px;width:93%}
|
||||
.new_win .tbl_wrap {margin:0 20px 20px;padding:0}
|
||||
|
||||
/* 자바스크립트 alert 대안 */
|
||||
#validation_check {margin:100px auto;width:500px}
|
||||
#validation_check h1 {margin-bottom:20px;font-size:1.3em}
|
||||
#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}
|
||||
|
||||
/* 관리자 패스워드 확인 */
|
||||
#admin_confirm {padding:0 0 10px;background:#222;text-align:center}
|
||||
#admin_confirm p {margin:0 0 10px;color:#9ab9c5;background:#383a3f}
|
||||
#admin_confirm label {color:#fff}
|
||||
#admin_confirm .frm_input {border-color:#000}
|
||||
|
||||
/* 사이드뷰 */
|
||||
.sv_wrap {display:inline-block;position:relative;font-weight:normal;font-size:1em}
|
||||
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;border:1px solid #383838}
|
||||
.sv_wrap .sv a {display:inline-block;margin:0;padding:3px;width:94px;border-bottom:1px solid #383838;background:#111;color:#fff;text-decoration:none}
|
||||
.sv_wrap .sv a:focus, .sv_wrap .sv a:hover {background:#393939}
|
||||
.sv_on {display:block !important;position:absolute;top:10px;left:20px;width:auto;height:auto}
|
||||
.sv_nojs .sv {display:block}
|
||||
|
||||
/* pagination */
|
||||
.pg_wrap {clear:both;margin:0 0 20px;padding-top:20px;text-align:center}
|
||||
.pg {display:inline-block;border:1px solid #ddd;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:2.6em;vertical-align:middle}
|
||||
.pg_page {background:#f9f9f9;text-decoration:none}
|
||||
.pg_start, .pg_prev {border-right:1px solid #ddd}
|
||||
.pg_end, .pg_next {border-left:1px solid #ddd}
|
||||
.pg_current {background:#444;color:#fff;font-weight:bold}
|
||||
1363
css/default.css
1363
css/default.css
File diff suppressed because it is too large
Load Diff
257
css/default.less
Normal file
257
css/default.less
Normal file
@ -0,0 +1,257 @@
|
||||
@charset "utf-8";
|
||||
/* SIR 지운아빠 */
|
||||
|
||||
/* 초기화 */
|
||||
html {overflow-y:scroll}
|
||||
body {margin:0;padding:0;background:#f9fafe;color:#000;font-size:0.75em;font-family:dotum}
|
||||
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;font-family:dotum}
|
||||
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}
|
||||
textarea,
|
||||
select {font-family:dotum;font-size:1em}
|
||||
input {margin:0;padding:0;border-radius:0;font-family:dotum}
|
||||
input[type=text], input[type=password], input[type=submit], input[type=image] {-webkit-appearance:none}
|
||||
button {border-radius:0;font-size:1em;-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}
|
||||
a:link, a:visited {color:#000;text-decoration:none}
|
||||
a:hover, a:focus, a:active {color:#000;text-decoration:underline}
|
||||
|
||||
/* 상단 레이아웃 */
|
||||
#hd {z-index:10;position:relative;border-top:3px solid #151515;background:#fff}
|
||||
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
|
||||
#hd_wrapper {position:relative;margin:0 auto;width:980px}
|
||||
|
||||
#logo {padding:26px 0}
|
||||
|
||||
/* 전체 검색 */
|
||||
#sch_all {position:absolute;top:22px;left:170px;margin:0;padding:0;border:1px solid #555}
|
||||
#sch_all legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
|
||||
#sch_all #sch_all_stx {padding-left:5px;width:165px;height:24px;border:0;background:#fff;line-height:1.9em !important;line-height:1.6em}
|
||||
#sch_all_submit {padding:0 5px;height:26px;border:0;background:#555;color:#fff;cursor:pointer}
|
||||
|
||||
#tnb {position:absolute;top:18px;right:0;margin:0;padding:0;list-style:none;zoom:1}
|
||||
#tnb:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#tnb li {float:left}
|
||||
#tnb a {display:inline-block;padding:5px 10px;color:#333;letter-spacing:-0.1em;line-height:2em}
|
||||
#tnb a:focus, #tnb a:hover, #tnb a:active {text-decoration:none}
|
||||
#tnb img {margin-right:3px}
|
||||
|
||||
/* gnb js off */
|
||||
#gnb {position:relative;margin:-1px 0 0;border-bottom:1px solid #c3c7c5;background:#f0f4f8}
|
||||
#gnb h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
|
||||
#gnb_1dul {margin:0 auto;padding:0;width:980px;zoom:1}
|
||||
#gnb_1dul:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
.gnb_1dli {z-index:10;clear:both;zoom:1}
|
||||
.gnb_1dli:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
.gnb_1da {display:block;float:left;width:80px;height:35px;font-weight:bold;line-height:2.95em;text-decoration:none}
|
||||
.gnb_1da:focus, .gnb_1da:hover {text-decoration:none}
|
||||
.gnb_2dul {float:left;width:auto}
|
||||
.gnb_2dli {float:left}
|
||||
.gnb_2da {display:block;float:left;width:80px;height:35px;line-height:2.95em;text-decoration:none}
|
||||
.gnb_2da:focus, .gnb_2da:hover {text-decoration:none}
|
||||
/* gnb js on */
|
||||
.gnb_js {}
|
||||
.gnb_js #gnb_1dul {zoom:1}
|
||||
.gnb_js #gnb_1dul:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
.gnb_js .gnb_1dli {clear:none;position:relative;float:left}
|
||||
.gnb_js .gnb_1da {text-align:center}
|
||||
.gnb_js .gnb_1dli_air a {float:none;background:#333;color:#fff}
|
||||
.gnb_js .gnb_1dli_on a {float:none;background:#333;color:#fff}
|
||||
.gnb_js .gnb_2dul {display:none;position:absolute;top:35px}
|
||||
.gnb_js .gnb_2da {display:inline-block;float:none !important;padding:0 10px;width:161px;text-align:left}
|
||||
.gnb_1dli_over .gnb_2dul {display:block;left:0;width:180px;background:#fff}
|
||||
.gnb_1dli_over2 .gnb_2dul {display:block;right:1px;width:180px;background:#fff}
|
||||
|
||||
.gnb_empty {width:100%;height:35px;text-align:center;line-height:2.95em}
|
||||
|
||||
/* 중간 레이아웃 */
|
||||
#wrapper {z-index:5;margin:50px auto;width:980px;zoom:1}
|
||||
#wrapper:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
|
||||
#aside {float:right;width:210px;border:1px solid #cfded8;background:#fff}
|
||||
|
||||
#container {z-index:4;position:relative;float:left;padding:25px 14px 15px;width:728px;min-height:500px;height:auto !important;height:500px;border:1px solid #cfded8;background:#fff;font-size:1em;zoom:1}
|
||||
#container:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#container_title {margin-bottom:20px;font-size:1.2em;font-weight:bold}
|
||||
|
||||
/* 텍스트 크기 조절 */
|
||||
#text_size {position:absolute;top:-33px;left:-1px;letter-spacing:-3px}
|
||||
#text_size button {margin:0;padding:0;border:0;background:transparent;vertical-align:middle;cursor:pointer}
|
||||
.ts_up {font-size:1.167em !important}
|
||||
.ts_up2 {font-size:1.3em !important}
|
||||
|
||||
/* 하단 레이아웃 */
|
||||
#ft {background:#484848}
|
||||
#ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
|
||||
|
||||
#ft_catch {position:relative;margin:0 auto;padding:20px 0;width:980px;text-align:center}
|
||||
|
||||
#ft_copy {background:#414141}
|
||||
#ft_copy p {position:relative;margin:0 auto;width:980px;color:#4a9ab8}
|
||||
#ft_copy b {color:#fff}
|
||||
#ft_copy a {position:absolute;top:10px;right:0;color:#fff}
|
||||
|
||||
/* 게시물 선택복사 선택이동 */
|
||||
#copymove {}
|
||||
.copymove_current {float:right;color:#ff3061}
|
||||
.copymove_currentbg {background:#f4f4f4}
|
||||
|
||||
/* 화면낭독기 사용자용 */
|
||||
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
|
||||
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
|
||||
/* 본문 바로가기 */
|
||||
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
|
||||
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}
|
||||
|
||||
/* ie6 이미지 너비 지정 */
|
||||
.img_fix {width:100%;height:auto}
|
||||
|
||||
/* 캡챠 자동등록(입력)방지 기본 */
|
||||
#captcha {display:inline-block;position:relative}
|
||||
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
|
||||
#captcha #captcha_img {width:100px;height:41px;border:1px solid #e9e9e9}
|
||||
#captcha #captcha_mp3 {position:absolute;top:0;left:101px;;margin:0;padding:0;width:23px;height:22px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer}
|
||||
#captcha #captcha_mp3 span {position:absolute;top:0;left:0;width:23px;height:22px;background:url('../plugin/kcaptcha/img/sound.gif')}
|
||||
#captcha #captcha_reload {position:absolute;top:21px;left:101px;margin:0;padding:0;width:23px;height:22px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer}
|
||||
#captcha #captcha_reload span {position:absolute;top:0;left:0;width:23px;height:22px;background:url('../plugin/kcaptcha/img/reload.gif')}
|
||||
#captcha #captcha_key {margin:0 0 0 25px;padding:0 5px;width:70px;height:41px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:2.8em}
|
||||
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
|
||||
|
||||
/* ckeditor 단축키 */
|
||||
.cke_sc {margin:0 0 5px;text-align:right}
|
||||
.btn_cke_sc{display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}
|
||||
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
|
||||
.cke_sc_def dl{margin:0 0 5px;text-align:left;zoom:1}
|
||||
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
|
||||
.cke_sc_def dt {width:20%;font-weight:bold}
|
||||
.cke_sc_def dd {width:30%}
|
||||
|
||||
/* 버튼 */
|
||||
a.btn01 {display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:2.15em;vertical-align:middle}
|
||||
a.btn01:focus, .btn01:hover {text-decoration:none}
|
||||
a.btn02 {display:inline-block;padding:0 10px;height:23px;border:1px solid #000;background:#333;color:#fff;text-decoration:none;line-height:2.15em;vertical-align:middle}
|
||||
a.btn02:focus, .btn02:hover {text-decoration:none}
|
||||
|
||||
.btn_confirm {text-align:center} /* 서식단계 진행 */
|
||||
|
||||
input.btn_submit {padding:0 10px;height:24px;border:0;background:#333;color:#fff;letter-spacing:-0.1em;vertical-align:middle;cursor:pointer}
|
||||
button.btn_submit {height:22px;font-size:1em}
|
||||
fieldset .btn_submit {height:22px;font-size:1em}
|
||||
|
||||
a.btn_cancel {display:inline-block;padding:0 10px;height:22px;border:1px solid #ccc;background:#fafafa;line-height:2em}
|
||||
a.btn_cancel:focus, a.btn_cancel:hover {text-decoration:none}
|
||||
|
||||
a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 7px 0 5px;height:22px;border:0;background:#333;color:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:top;line-height:2em} /* 우편번호검색버튼 등 */
|
||||
button.btn_frmline {font-size:1em}
|
||||
|
||||
/* 게시판용 버튼 */
|
||||
a.btn_b01 {display:inline-block;padding:0 10px;height:23px;border:1px solid #d9ded9;background:#f5f6fa;color:#000;text-decoration:none;line-height:2.15em;vertical-align:middle}
|
||||
a.btn_b01:focus, .btn_b01:hover {text-decoration:none}
|
||||
a.btn_b02 {display:inline-block;padding:0 10px;height:23px;border:1px solid #000;background:#333;color:#fff;text-decoration:none;line-height:2.15em;vertical-align:middle}
|
||||
a.btn_b02:focus, .btn_b02:hover {text-decoration:none}
|
||||
a.btn_admin {display:inline-block;padding:0 10px;height:23px;border:1px solid #e8180c;background:#e8180c;color:#fff;text-decoration:none;line-height:2.15em;vertical-align:middle} /* 관리자 전용 버튼 */
|
||||
a.btn_admin:focus, a.btn_admin:hover {text-decoration:none}
|
||||
|
||||
/* 댓글 스타일 */
|
||||
.cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold}
|
||||
|
||||
/* 기본테이블 */
|
||||
.tbl_wrp table {width:100%;border-collapse:collapse;border-spacing:0}
|
||||
.tbl_wrp caption {padding:10px 0;font-weight:bold;text-align:left}
|
||||
|
||||
.tbl_head01 {margin:0 0 10px}
|
||||
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
|
||||
.tbl_head01 thead th {padding:12px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;letter-spacing:-0.1em}
|
||||
.tbl_head01 thead a {color:#383838}
|
||||
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
|
||||
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
|
||||
.tbl_head01 tbody th {border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
|
||||
.tbl_head01 td {padding:8px 5px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.5em;word-break:break-all}
|
||||
.tbl_head01 a {}
|
||||
.tbl_head01 .empty_table {padding:50px 0;text-align:center}
|
||||
|
||||
/* 폼 테이블 */
|
||||
.tbl_frm01 {margin:0 0 20px}
|
||||
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
|
||||
.tbl_frm01 th {width:100px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f7f7f7;text-align:left}
|
||||
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
|
||||
.tbl_frm01 textarea, .tbl_frm01 .frm_input {padding:2px 2px 3px;border:1px solid #b8c9c2;background:#f7f7f7;color:#000;vertical-align:middle}
|
||||
.tbl_frm01 textarea {width:98%;height:100px}
|
||||
/*
|
||||
.tbl_frm01 #captcha {margin:0;padding:0;border:0;background:transparent}
|
||||
.tbl_frm01 #captcha input {margin-left:5px;text-align:center}
|
||||
*/
|
||||
.tbl_frm01 a {text-decoration:none}
|
||||
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}
|
||||
.tbl_frm01 .frm_address {display:block;margin-top:5px}
|
||||
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
|
||||
|
||||
fieldset .frm_input {padding:2px 2px 3px;border:1px solid #b8c9c2;background:#f7f7f7;color:#000;vertical-align:middle}
|
||||
|
||||
/* 필수입력 */
|
||||
.required, textarea.required {background:url('../img/wrest.gif') #f7f7f7 top right no-repeat !important}
|
||||
|
||||
/* 테이블 항목별 정의 */
|
||||
.td_board {width:120px;text-align:center}
|
||||
.td_chk {width:30px;text-align:center}
|
||||
.td_date {width:60px;text-align:center}
|
||||
.td_datetime {width:110px;text-align:center}
|
||||
.td_group {width:100px;text-align:center}
|
||||
.td_mb_id {width:100px;text-align:center}
|
||||
.td_mng {width:80px;text-align:center}
|
||||
.td_name {width:100px;text-align:left}
|
||||
.td_nick {width:100px;text-align:center}
|
||||
.td_num {width:50px;text-align:center}
|
||||
.td_numbig {width:80px;text-align:center}
|
||||
|
||||
.txt_active {color:#5d910b}
|
||||
.txt_expired {color:#ccc}
|
||||
|
||||
/* 새창 기본 스타일 */
|
||||
.new_win {}
|
||||
.new_win .tbl_wrp {margin:0 20px}
|
||||
.new_win #win_title {margin:0 0 20px;padding:20px;border-top:3px solid #4e5d60;border-bottom:1px solid #e9e9e9;background:#fff;font-size:1.2em}
|
||||
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
|
||||
.new_win .win_ul {margin:-20px 0 20px 0;padding:0 20px;border-bottom:1px solid #455255;background:#484848;list-style:none;zoom:1}
|
||||
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
.new_win .win_ul li {float:left;margin-left:-1px}
|
||||
.new_win .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 .win_desc {margin:0 20px}
|
||||
|
||||
.new_win .win_btn {clear:both;margin:20px;text-align:center} /* 새창용 */
|
||||
.new_win .win_btn button {display:inline-block;padding:0 10px;height:30px;border:0;background:#666;color:#fff;vertical-align:top;line-height:2em;cursor:pointer}
|
||||
.new_win .win_btn input {height:30px;line-height:2em}
|
||||
.new_win .win_btn a {display:inline-block;padding:0 10px;height:28px;border:1px solid #ccc;background:#fafafa;vertical-align:top;line-height:2.4em}
|
||||
.new_win .win_btn a:focus, .new_win .win_btn a:hover {text-decoration:none}
|
||||
|
||||
/* 자바스크립트 alert 대안 */
|
||||
#validation_check {margin:100px auto;width:500px}
|
||||
#validation_check h1 {margin-bottom:20px;font-size:1.3em}
|
||||
#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}
|
||||
|
||||
/* 사이드뷰 */
|
||||
.sv_wrap {display:inline-block;position:relative;font-weight:normal}
|
||||
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;border:1px solid #283646;background:#111}
|
||||
.sv_wrap .sv a {display:inline-block;margin:0;padding:3px;width:94px;border-bottom:1px solid #283646;color:#fff}
|
||||
.sv_wrap a:focus, .sv_wrap a:hover, .sv_wrap a:active {text-decoration:none}
|
||||
.sv_on {display:block !important;position:absolute;top:10px;left:20px;width:auto;height:auto}
|
||||
.sv_nojs .sv {display:block}
|
||||
|
||||
/* 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:2.6em;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}
|
||||
|
||||
/* Mobile화면으로 */
|
||||
#device_change {display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center}
|
||||
1028
css/mobile.css
1028
css/mobile.css
File diff suppressed because it is too large
Load Diff
206
css/mobile.less
Normal file
206
css/mobile.less
Normal file
@ -0,0 +1,206 @@
|
||||
@charset "utf-8";
|
||||
/* SIR 지운아빠 */
|
||||
|
||||
/* 초기화 */
|
||||
html {overflow-y:scroll}
|
||||
body {margin:0;padding:0;font-size:0.75em}
|
||||
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}
|
||||
legend {position:absolute;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
|
||||
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;font-size:1em}
|
||||
textarea, select {font-size:1em}
|
||||
textarea {border-radius:0;-webkit-appearance:none}
|
||||
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}
|
||||
a:link, a:visited {color:#000;text-decoration:none}
|
||||
a:hover, a:focus, a:active {color:#000;text-decoration:underline}
|
||||
|
||||
/* 화면낭독기 사용자용 */
|
||||
#hd_login_msg {position:absolute;top:0;left:0;width:0;height:0;overflow:hidden}
|
||||
.msg_sound_only, .sound_only {display:inline-block;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;width:1px !important;height:1px !important;font-size:0 !important;line-height:0 !important;overflow:hidden}
|
||||
/* 본문 바로가기 */
|
||||
.to_content a {z-index:100000;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0;overflow:hidden}
|
||||
|
||||
/* 이미지 등비율 리사이징 */
|
||||
.img_fix {width:100%;height:auto}
|
||||
|
||||
/* 캡챠 자동등록(입력)방지 기본 */
|
||||
#captcha {display:inline-block;position:relative}
|
||||
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
|
||||
#captcha audio {display:block;margin:0 0 5px;width:263px}
|
||||
#captcha #captcha_img {width:100px;height:41px;border:1px solid #e9e9e9}
|
||||
#captcha #captcha_reload {margin:0;padding:0;width:70px;height:43px;border:0;background:#e4eaec;vertical-align:middle;overflow:hidden;cursor:pointer}
|
||||
#captcha #captcha_key {margin:0 0 0 4px;padding:0 5px;width:70px;height:41px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:2.8em}
|
||||
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
|
||||
|
||||
/* 상단 레이아웃 */
|
||||
#hd {background:#fff}
|
||||
#hd:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
|
||||
|
||||
#logo {float:left;padding:10px 0;margin-left:5px}
|
||||
|
||||
#schall {float:right;margin:7px 5px;border:1px solid #aaa;letter-spacing:-4px}
|
||||
#schall_stx {padding-left:3px;width:100px;height:24px;border:0;background:#fff;line-height:1.5em;-webkit-appearance:none}
|
||||
#schall_submit {}
|
||||
|
||||
#mb_nb {clear:both;background:#151515;text-align:center}
|
||||
#mb_nb li {display:inline-block;border-right:1px solid #333}
|
||||
#mb_nb li:nth-last-of-type(1) {border-right:0 !important}
|
||||
#mb_nb a {display:inline-block;padding:10px 7px;color:#fff;text-decoration:none}
|
||||
#mb_nb img {display:none}
|
||||
|
||||
#lnb {}
|
||||
#lnb ul {margin:0;padding:0;border-bottom:1px solid #e7f1ed;list-style:none}
|
||||
#lnb ul:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#lnb li {float:left;margin-bottom:-1px;width:20%}
|
||||
#lnb a {display:block;padding:10px 0;border-right:1px solid #e7f1ed;border-bottom:1px solid #e7f1ed;color:#000;text-align:center;text-decoration:none}
|
||||
#lnb li:nth-of-type(5n) a {border-right:0}
|
||||
|
||||
/* 중간 레이아웃 */
|
||||
#wrapper {margin:20px 0}
|
||||
#wrapper:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
|
||||
#container {position:relative;min-height:300px}
|
||||
#container:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#container_title {margin:0 10px 20px;font-size:1.2em;font-weight:bold}
|
||||
|
||||
/* 텍스트 크기 조절 */
|
||||
#text_size {margin:0 0 10px;text-align:center}
|
||||
#text_size button {margin:0;padding:0;border:0;background:transparent;vertical-align:middle}
|
||||
.ts_up {font-size:1.167em !important}
|
||||
.ts_up2 {font-size:1.3em !important}
|
||||
|
||||
/* 하단 레이아웃 */
|
||||
#gnb {border-top:1px solid #c3c7c5;border-bottom:1px solid #c3c7c5;background:#f0f4f8}
|
||||
#gnb:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#gnb h2 {width:0;height:0;font-size:0;line-height:0;overflow:hidden}
|
||||
#gnb ul {border-top:1px solid #e7f1ed}
|
||||
#gnb li {float:left;width:25%;border-bottom:1px solid #e7f1ed}
|
||||
#gnb li ul {display:none}
|
||||
#gnb li a {display:block;padding:10px 0;border-right:1px solid #e7f1ed;color:#000;text-align:center;text-decoration:none}
|
||||
|
||||
.gnb_empty {float:none !important;padding:30px 0;width:100% !important;text-align:center}
|
||||
|
||||
#ft {background:#484848}
|
||||
#ft h1 {width:0;height:0;font-size:0;line-height:0;overflow:hidden}
|
||||
|
||||
#ft img {display:none}
|
||||
|
||||
#ft_copy {background:#232323}
|
||||
#ft_copy p {position:relative;padding:10px;color:#4a9ab8}
|
||||
#ft_copy b {color:#fff}
|
||||
#ft_copy a {color:#fff;text-decoration:none}
|
||||
|
||||
/* 게시물 선택복사 선택이동 */
|
||||
#copymove {}
|
||||
.copymove_current {float:right;color:#ff3061}
|
||||
.copymove_currentbg {background:#f4f4f4}
|
||||
|
||||
/* 버튼 */
|
||||
a.btn01 {display:inline-block;padding:0 5px;height:2em;border:1px solid #ccc;background:#fafafa;color:#000;font-size:1em;text-decoration:none;line-height:2em;vertical-align:middle}
|
||||
a.btn01:focus, a.btn01:hover {text-decoration:none}
|
||||
a.btn02 {display:inline-block;padding:0 5px;height:2em;border:1px solid #333;background:#333;color:#fff;font-size:1em;text-decoration:none;line-height:2em;vertical-align:middle}
|
||||
a.btn02:focus, .btn02:hover {text-decoration:none}
|
||||
|
||||
.btn_confirm {text-align:center} /* 서식단계 진행 */
|
||||
|
||||
input.btn_submit {padding:0 10px;height:2.6em;border:0;background:#333;color:#fff;letter-spacing:-0.1em;vertical-align:top;-webkit-appearance:none}
|
||||
fieldset .btn_submit {padding:0 10px;height:1.9em;border:0;background:#333;color:#fff;letter-spacing:-0.1em;vertical-align:top;-webkit-appearance:none}
|
||||
|
||||
a.btn_cancel {display:inline-block;padding:0 10px;height:2.5em;border:1px solid #ccc;background:#fafafa;color:#000;font-size:1em;text-decoration:none;line-height:2.5em}
|
||||
|
||||
a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:1.9em;border:0;background:#333;color:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:top;line-height:1.9em} /* 우편번호검색버튼 등 */
|
||||
|
||||
/* 게시판용 버튼 */
|
||||
a.btn_b01 {display:inline-block;margin:0 0 3px;padding:0 10px;border:1px solid #eee;background:#fafafa;color:#000;text-decoration:none;line-height:2em;vertical-align:middle}
|
||||
a.btn_b01:focus, .btn_b01:hover {text-decoration:none}
|
||||
a.btn_b02 {display:inline-block;margin:0 0 3px;padding:0 10px;border:1px solid #eee;background:#fafafa;color:#000;text-decoration:none;line-height:2em;vertical-align:middle}
|
||||
a.btn_b02:focus, .btn_b02:hover {text-decoration:none}
|
||||
a.btn_admin {display:inline-block;margin:0 0 3px;padding:0 10px;border:1px solid #e8180c;background:#e8180c;color:#fff;text-decoration:none;line-height:2em;vertical-align:middle} /* 관리자 전용 버튼 */
|
||||
a.btn_admin:focus, a.btn_admin:hover {text-decoration:none}
|
||||
|
||||
/* 댓글 스타일 */
|
||||
.cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold}
|
||||
|
||||
/* 기본테이블 */
|
||||
.tbl_wrp table {width:100%;border-collapse:collapse;border-spacing:0}
|
||||
.tbl_wrp caption {padding:10px 0;color:#4b8b99;font-weight:bold;text-align:left}
|
||||
|
||||
.tbl_head01 {margin:0 10px 10px}
|
||||
.tbl_head01 caption {padding:0 0 10px;color:#777;text-align:left}
|
||||
.tbl_head01 thead th {padding:12px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;letter-spacing:-0.1em}
|
||||
.tbl_head01 thead a {color:#383838}
|
||||
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
|
||||
.tbl_head01 tfoot th {border-top:1px solid #666;border-bottom:1px solid #666;background:#484848;color:#fff}
|
||||
.tbl_head01 tfoot td {border-color:#666;background:#484848;color:#fff;font-weight:bold;text-align:center}
|
||||
.tbl_head01 tbody th {border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
|
||||
.tbl_head01 td {padding:5px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.5em;word-break:break-all}
|
||||
.tbl_head01 .empty_table {padding:10px 0;text-align:center}
|
||||
|
||||
/* 폼 테이블 */
|
||||
.tbl_frm01 {margin:0 10px}
|
||||
.tbl_frm01 th {padding:10px 0;width:90px;border:1px solid #e9e9e9;border-left:0;text-align:left}
|
||||
.tbl_frm01 td {padding:10px 5px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
|
||||
.tbl_frm01 textarea, .frm_input {border:1px solid #b8c9c2;background:#f7f7f7;vertical-align:middle;line-height:1.8em;-webkit-appearance:none}
|
||||
.tbl_frm01 textarea {width:100%;height:150px}
|
||||
/*
|
||||
.tbl_frm01 #captcha {margin:0;padding:0;border:0;background:transparent}
|
||||
.tbl_frm01 #captcha input {margin-left:0.3em;text-align:center}
|
||||
*/
|
||||
.tbl_frm01 a {text-decoration:none}
|
||||
.tbl_frm01 .frm_address {display:block;margin-top:5px}
|
||||
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
|
||||
.tbl_frm01 .frm_info {display:block;padding:5px 0 0;color:#666;line-height:1.3em}
|
||||
|
||||
/* 필수입력 */
|
||||
.required, textarea.required {background:url('../img/wrest.gif') #f7f7f7 top right no-repeat !important}
|
||||
|
||||
/* 테이블 항목별 정의 */
|
||||
.td_board {width:120px;text-align:center}
|
||||
.td_chk {width:30px;text-align:center}
|
||||
.td_date {width:60px;text-align:center}
|
||||
.td_datetime {width:150px;text-align:center}
|
||||
.td_group {width:100px;text-align:center}
|
||||
.td_mb_id {width:100px;text-align:center}
|
||||
.td_mng {width:80px;text-align:center}
|
||||
.td_name {width:100px;text-align:left}
|
||||
.td_nick {width:100px;text-align:center}
|
||||
.td_num {width:50px;text-align:center}
|
||||
.td_numbig {width:80px;text-align:center}
|
||||
|
||||
/* 새창 기본 스타일 */
|
||||
.new_win {}
|
||||
.new_win #win_title {margin:0 0 20px;padding:20px;border-top:3px solid #4e5d60;border-bottom:1px solid #e9e9e9;font-size:1.2em}
|
||||
.new_win .tbl_wrp {margin:0 20px}
|
||||
.new_win .win_ul {margin:-20px 0 20px 0;padding:0 20px;border-bottom:1px solid #455255;background:#484848;list-style:none}
|
||||
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
.new_win .win_ul li {float:left;margin-left:-1px}
|
||||
.new_win .win_ul a {display:block;padding:10px;border-right:1px solid #455255;border-left:1px solid #455255;color:#fff;font-weight:bold;text-decoration:none}
|
||||
.new_win .win_desc {padding:10px 20px}
|
||||
|
||||
.new_win .win_btn {clear:both;margin:20px;text-align:center}
|
||||
.new_win .win_btn a {display:inline-block;padding:0 10px;height:2.5em;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle;line-height:2.5em}
|
||||
.new_win .win_btn button {display:inline-block;padding:0 10px;height:2.65em;border:0;background:#666;color:#fff;text-decoration:none;vertical-align:middle;line-height:2.65em}
|
||||
.new_win .win_btn input {height:2.65em;line-height:2.65em}
|
||||
|
||||
/* 사이드뷰 */
|
||||
/* 모바일에서는 사이드뷰를 지원하지 않습니다. */
|
||||
|
||||
/* pagination */
|
||||
.pg_wrap {clear:both;margin:0 0 10px;padding-top:10px;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 8px;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}
|
||||
|
||||
/* PC화면으로 */
|
||||
#device_change {display:block;margin:5px;padding:5px 0;border:1px solid #eee;border-radius:2em;color:#000;font-size:1em;text-decoration:none;text-align:center}
|
||||
@ -1,241 +1,627 @@
|
||||
@charset "utf-8";
|
||||
/* SIR 지운아빠 */
|
||||
|
||||
/* ### 기본 스타일 커스터마이징 시작 ### */
|
||||
|
||||
/* 게시판 버튼 */
|
||||
/* 목록 버튼 */
|
||||
#bo_list a.btn_b01 {}
|
||||
#bo_list a.btn_b01:focus, #bo_list .btn_b01:hover {}
|
||||
#bo_list a.btn_b02 {}
|
||||
#bo_list a.btn_b02:focus, #bo_list .btn_b02:hover {}
|
||||
#bo_list a.btn_admin {} /* 관리자 전용 버튼 */
|
||||
#bo_list a.btn_admin:focus, #bo_list a.btn_admin:hover {}
|
||||
|
||||
/* 읽기 버튼 */
|
||||
#bo_v a.btn_b01 {}
|
||||
#bo_v a.btn_b01:focus, #bo_v .btn_b01:hover {}
|
||||
#bo_v a.btn_b02 {}
|
||||
#bo_v a.btn_b02:focus, #bo_v .btn_b02:hover {}
|
||||
#bo_v a.btn_admin {} /* 관리자 전용 버튼 */
|
||||
#bo_v a.btn_admin:focus, #bo_v a.btn_admin:hover {}
|
||||
|
||||
/* 쓰기 버튼 */
|
||||
#bo_w .btn_confirm {} /* 서식단계 진행 */
|
||||
#bo_w .btn_submit {}
|
||||
#bo_w .btn_cancel {}
|
||||
#bo_w .btn_frmline {} /* 우편번호검색버튼 등 */
|
||||
|
||||
/* 기본테이블 */
|
||||
/* 목록 테이블 */
|
||||
#bo_list .tbl_head01 {}
|
||||
#bo_list .tbl_head01 caption {}
|
||||
#bo_list .tbl_head01 thead th {}
|
||||
#bo_list .tbl_head01 thead a {}
|
||||
#bo_list .tbl_head01 thead th input {} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
|
||||
#bo_list .tbl_head01 tfoot th {}
|
||||
#bo_list .tbl_head01 tfoot td {}
|
||||
#bo_list .tbl_head01 tbody th {}
|
||||
#bo_list .tbl_head01 td {}
|
||||
#bo_list .tbl_head01 a {}
|
||||
#bo_list td.empty_table {}
|
||||
|
||||
/* 읽기 내 테이블 */
|
||||
#bo_v .tbl_head01 {}
|
||||
#bo_v .tbl_head01 caption {}
|
||||
#bo_v .tbl_head01 thead th {}
|
||||
#bo_v .tbl_head01 thead a {}
|
||||
#bo_v .tbl_head01 thead th input {} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
|
||||
#bo_v .tbl_head01 tfoot th {}
|
||||
#bo_v .tbl_head01 tfoot td {}
|
||||
#bo_v .tbl_head01 tbody th {}
|
||||
#bo_v .tbl_head01 td {}
|
||||
#bo_v .tbl_head01 a {}
|
||||
#bo_v td.empty_table {}
|
||||
|
||||
/* 쓰기 테이블 */
|
||||
#bo_w table {}
|
||||
#bo_w caption {}
|
||||
#bo_w .frm_address {}
|
||||
#bo_w .frm_file {}
|
||||
#bo_w .frm_info {}
|
||||
|
||||
#bo_w .tbl_frm01 {}
|
||||
#bo_w .tbl_frm01 caption {}
|
||||
#bo_w .tbl_frm01 th {}
|
||||
#bo_w .tbl_frm01 td {}
|
||||
#bo_w .tbl_frm01 textarea, #bo_w .frm_input {}
|
||||
#bo_w .tbl_frm01 textarea {}
|
||||
/*
|
||||
#bo_w .tbl_frm01 #captcha {}
|
||||
#bo_w .tbl_frm01 #captcha input {}
|
||||
*/
|
||||
#bo_w .tbl_frm01 a {}
|
||||
|
||||
#bo_w .required, #bo_w textarea.required {}
|
||||
|
||||
/* ### 기본 스타일 커스터마이징 끝 ### */
|
||||
|
||||
/* 게시판 목록 */
|
||||
#bo_list .td_chk {width:30px;text-align:center}
|
||||
#bo_list .td_group {width:100px;text-align:center}
|
||||
#bo_list .td_board {width:120px;text-align:center}
|
||||
#bo_list .td_num {width:50px;text-align:center}
|
||||
#bo_list .td_numbig {width:80px;text-align:center}
|
||||
#bo_list .td_mb_id {width:100px;text-align:center}
|
||||
#bo_list .td_nick {width:100px;text-align:center}
|
||||
#bo_list .td_name {width:100px;text-align:left}
|
||||
#bo_list .td_date {width:60px;text-align:center}
|
||||
#bo_list .td_datetime {width:150px;text-align:center}
|
||||
#bo_list .td_mng {width:80px;text-align:center}
|
||||
|
||||
#bo_cate h2 {width:0;height:0;font-size:0;line-height:0;overflow:hidden}
|
||||
#bo_cate ul {margin:5px 10px;padding-left:1px;zoom:1}
|
||||
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#bo_cate li {float:left;margin-bottom:-1px;width:25%}
|
||||
#bo_cate a {display:block;position:relative;margin-left:-1px;padding:5px 0;border:1px solid #ddd;background:#f7f7f7;color:#888;text-align:center;text-decoration:none;letter-spacing:-0.1em}
|
||||
#bo_cate a:focus,
|
||||
#bo_cate a:hover,
|
||||
#bo_cate a:active {text-decoration:none}
|
||||
#bo_cate #bo_cate_on {z-index:2;border:1px solid #565e60;background:#fff;color:#565e60;font-weight:bold}
|
||||
|
||||
/* 관리자일 때 */
|
||||
#bo_list_admin th label {position:absolute;font-size:0;line-height:0;overflow:hidden}
|
||||
|
||||
#bo_list_admin th:nth-of-type(1) {width:40px}
|
||||
#bo_list_admin th:nth-of-type(3) {width:100px}
|
||||
|
||||
#bo_list_admin td:nth-of-type(1) {text-align:center}
|
||||
#bo_list_admin td:nth-of-type(3) {text-align:center}
|
||||
|
||||
/* 관리자가 아닐 때 */
|
||||
#bo_list th:nth-of-type(2) {width:100px}
|
||||
|
||||
#bo_list td:nth-of-type(2) {text-align:center}
|
||||
|
||||
/* 게시판 목록 공통 */
|
||||
.bo_fx {margin-bottom:5px;padding:5px 10px}
|
||||
.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: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_adm {float:left}
|
||||
.btn_bo_adm li {float:left;margin-right:5px}
|
||||
.btn_bo_adm input {padding:0 10px;height:2em;border:1px solid #e8180c !important;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-appearance:none}
|
||||
.bo_notice td {background:#f7f7f7}
|
||||
.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}
|
||||
#bo_list .cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold}
|
||||
|
||||
#bo_sch {margin-bottom:10px;padding-top:5px;text-align:center}
|
||||
|
||||
/* 게시판 쓰기 */
|
||||
#bo_w #wr_email, #bo_w #wr_homepage, #bo_w #wr_subject {width:100%}
|
||||
|
||||
#char_count_desc {display:block;margin:0 0 5px;padding:0}
|
||||
#char_count_wrp {margin:5px 0 0;text-align:right}
|
||||
#char_count {font-weight:bold}
|
||||
|
||||
/* 게시판 읽기 */
|
||||
#bo_v {margin-bottom:15px;padding-bottom:15px}
|
||||
|
||||
#bo_v_table {padding:0 10px;color:#999;font-size:0.9em;font-weight:bold}
|
||||
|
||||
#bo_v_title {padding:0 7px 5px;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 0 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:#f7f7f7}
|
||||
#bo_v_file a {display:inline-block;padding:5px 0;color:#000;text-decoration:none}
|
||||
#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:#f7f7f7}
|
||||
#bo_v_link a {display:inline-block;padding:5px 0;color:#000;text-decoration:none}
|
||||
#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}
|
||||
#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 {margin:0;padding:0;list-style:none}
|
||||
|
||||
#bo_v_bot {padding:0 10px}
|
||||
#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_title {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:15px;max-width:100%;height:auto}
|
||||
|
||||
#bo_v_con {margin-bottom:20px;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:20px;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;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_act_good, #bo_v_act_nogood {display:inline-block;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
|
||||
|
||||
#bo_v_sns {margin:0 0 20px;padding:0;list-style:none;zoom:1}
|
||||
#bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#bo_v_sns li {float:left;margin:0 5px 0 0}
|
||||
|
||||
#bo_v form {padding-top:15px}
|
||||
|
||||
/* 게시판 댓글 */
|
||||
#bo_vc {margin:0 0 5px;padding:15px 15px 5px;border-top:1px solid #cfded8;border-bottom:1px solid #cfded8;background:#f7f7f7}
|
||||
#bo_vc h2 {margin-bottom:5px}
|
||||
#bo_vc article {padding:0 0 5px;border-top:1px dotted #ccc}
|
||||
#bo_vc header {position:relative;padding:13px 0 5px}
|
||||
#bo_vc header .icon_reply {position:absolute;top:13px;left:-20px}
|
||||
#bo_vc .sv_member, #bo_vc .sv_guest {font-weight:bold}
|
||||
.bo_vc_hdinfo {display:inline-block;margin:0 10px 0 5px}
|
||||
#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 a {text-decoration:underline}
|
||||
#bo_vc_empty {margin:0;padding:15px !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}
|
||||
.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 15px 15px;border-bottom:1px solid #cfded8}
|
||||
#bo_vc_w h2 {padding:10px 0 5px}
|
||||
#bo_vc_w #char_cnt {display:block;margin-bottom:5px}
|
||||
#bo_vc_w textarea {width:99%}
|
||||
|
||||
#bo_vc_sns {margin:0;padding:0;list-style:none;zoom:1}
|
||||
#bo_vc_sns:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#bo_vc_sns li {float:left;margin:0 10px 0 0}
|
||||
#bo_vc_sns input {margin:0 0 0 5px}
|
||||
|
||||
#bo_vc form {padding:0}
|
||||
@charset "utf-8";
|
||||
#bo_list .td_chk {
|
||||
width:30px;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
#bo_list .td_group {
|
||||
width:100px;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
#bo_list .td_board {
|
||||
width:120px;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
#bo_list .td_num {
|
||||
width:50px;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
#bo_list .td_numbig {
|
||||
width:80px;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
#bo_list .td_mb_id {
|
||||
width:100px;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
#bo_list .td_nick {
|
||||
width:100px;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
#bo_list .td_name {
|
||||
width:100px;
|
||||
text-align:left;
|
||||
}
|
||||
|
||||
#bo_list .td_date {
|
||||
width:60px;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
#bo_list .td_datetime {
|
||||
width:150px;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
#bo_list .td_mng {
|
||||
width:80px;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
#bo_cate h2 {
|
||||
width:0;
|
||||
height:0;
|
||||
font-size:0;
|
||||
line-height:0;
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
#bo_cate ul {
|
||||
margin:5px 10px;
|
||||
padding-left:1px;
|
||||
zoom:1;
|
||||
}
|
||||
|
||||
#bo_cate ul:after {
|
||||
display:block;
|
||||
visibility:hidden;
|
||||
clear:both;
|
||||
content:"";
|
||||
}
|
||||
|
||||
#bo_cate li {
|
||||
float:left;
|
||||
margin-bottom:-1px;
|
||||
width:25%;
|
||||
}
|
||||
|
||||
#bo_cate a {
|
||||
display:block;
|
||||
position:relative;
|
||||
margin-left:-1px;
|
||||
padding:5px 0;
|
||||
border:1px solid #ddd;
|
||||
background:#f7f7f7;
|
||||
color:#888;
|
||||
text-align:center;
|
||||
text-decoration:none;
|
||||
letter-spacing:-0.1em;
|
||||
}
|
||||
|
||||
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none;}
|
||||
|
||||
#bo_cate #bo_cate_on {
|
||||
z-index:2;
|
||||
border:1px solid #565e60;
|
||||
background:#fff;
|
||||
color:#565e60;
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
#bo_list_admin th label {
|
||||
position:absolute;
|
||||
font-size:0;
|
||||
line-height:0;
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
#bo_list_admin th:nth-of-type(1) {width:40px;}
|
||||
|
||||
#bo_list_admin th:nth-of-type(3) {width:100px;}
|
||||
|
||||
#bo_list_admin td:nth-of-type(1) {text-align:center;}
|
||||
|
||||
#bo_list_admin td:nth-of-type(3) {text-align:center;}
|
||||
|
||||
#bo_list th:nth-of-type(2) {width:100px;}
|
||||
|
||||
#bo_list td:nth-of-type(2) {text-align:center;}
|
||||
|
||||
.bo_fx {
|
||||
margin-bottom:5px;
|
||||
padding:5px 10px;
|
||||
}
|
||||
|
||||
.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: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_adm {float:left;}
|
||||
|
||||
.btn_bo_adm li {
|
||||
float:left;
|
||||
margin-right:5px;
|
||||
}
|
||||
|
||||
.btn_bo_adm input {
|
||||
padding:0 10px;
|
||||
height:2em;
|
||||
border:1px solid #e8180c !important;
|
||||
background:#e8180c;
|
||||
color:#fff;
|
||||
text-decoration:none;
|
||||
vertical-align:middle;
|
||||
cursor:pointer;
|
||||
-webkit-appearance:none;
|
||||
}
|
||||
|
||||
.bo_notice td {background:#f7f7f7;}
|
||||
|
||||
.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;}
|
||||
|
||||
#bo_list .cnt_cmt {
|
||||
display:inline-block;
|
||||
margin:0 0 0 3px;
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
#bo_sch {
|
||||
margin-bottom:10px;
|
||||
padding-top:5px;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
#bo_w #wr_email, #bo_w #wr_homepage, #bo_w #wr_subject {width:100%;}
|
||||
|
||||
#char_count_desc {
|
||||
display:block;
|
||||
margin:0 0 5px;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
#char_count_wrp {
|
||||
margin:5px 0 0;
|
||||
text-align:right;
|
||||
}
|
||||
|
||||
#char_count {font-weight:bold;}
|
||||
|
||||
#bo_v {
|
||||
margin-bottom:15px;
|
||||
padding-bottom:15px;
|
||||
}
|
||||
|
||||
#bo_v_table {
|
||||
padding:0 10px;
|
||||
color:#999;
|
||||
font-size:0.9em;
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
#bo_v_title {
|
||||
padding:0 7px 5px;
|
||||
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 strong {
|
||||
display:inline-block;
|
||||
margin:0 0 0 5px;
|
||||
font-weight:normal;
|
||||
}
|
||||
|
||||
#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:#f7f7f7;
|
||||
}
|
||||
|
||||
#bo_v_file a {
|
||||
display:inline-block;
|
||||
padding:5px 0;
|
||||
color:#000;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
#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 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:#f7f7f7;
|
||||
}
|
||||
|
||||
#bo_v_link a {
|
||||
display:inline-block;
|
||||
padding:5px 0;
|
||||
color:#000;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
#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;
|
||||
}
|
||||
|
||||
#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 {
|
||||
margin:0;
|
||||
padding:0;
|
||||
list-style:none;
|
||||
}
|
||||
|
||||
#bo_v_bot {padding:0 10px;}
|
||||
|
||||
#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;
|
||||
}
|
||||
|
||||
#bo_v_atc_title {
|
||||
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:15px;
|
||||
max-width:100%;
|
||||
height:auto;
|
||||
}
|
||||
|
||||
#bo_v_con {
|
||||
margin-bottom:20px;
|
||||
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:20px;
|
||||
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;
|
||||
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_act_good, #bo_v_act_nogood {
|
||||
display:inline-block;
|
||||
width:1px;
|
||||
height:1px;
|
||||
font-size:0;
|
||||
line-height:0;
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
#bo_v_sns {
|
||||
margin:0 0 20px;
|
||||
padding:0;
|
||||
list-style:none;
|
||||
zoom:1;
|
||||
}
|
||||
|
||||
#bo_v_sns:after {
|
||||
display:block;
|
||||
visibility:hidden;
|
||||
clear:both;
|
||||
content:"";
|
||||
}
|
||||
|
||||
#bo_v_sns li {
|
||||
float:left;
|
||||
margin:0 5px 0 0;
|
||||
}
|
||||
|
||||
#bo_v form {padding-top:15px;}
|
||||
|
||||
#bo_vc {
|
||||
margin:0 0 5px;
|
||||
padding:15px 15px 5px;
|
||||
border-top:1px solid #cfded8;
|
||||
border-bottom:1px solid #cfded8;
|
||||
background:#f7f7f7;
|
||||
}
|
||||
|
||||
#bo_vc h2 {margin-bottom:5px;}
|
||||
|
||||
#bo_vc article {
|
||||
padding:0 0 5px;
|
||||
border-top:1px dotted #ccc;
|
||||
}
|
||||
|
||||
#bo_vc header {
|
||||
position:relative;
|
||||
padding:13px 0 5px;
|
||||
}
|
||||
|
||||
#bo_vc header .icon_reply {
|
||||
position:absolute;
|
||||
top:13px;
|
||||
left:-20px;
|
||||
}
|
||||
|
||||
#bo_vc .sv_member, #bo_vc .sv_guest {font-weight:bold;}
|
||||
|
||||
.bo_vc_hdinfo {
|
||||
display:inline-block;
|
||||
margin:0 10px 0 5px;
|
||||
}
|
||||
|
||||
#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 a {text-decoration:underline;}
|
||||
|
||||
#bo_vc_empty {
|
||||
margin:0;
|
||||
padding:15px !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;
|
||||
}
|
||||
|
||||
.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 15px 15px;
|
||||
border-bottom:1px solid #cfded8;
|
||||
}
|
||||
|
||||
#bo_vc_w h2 {padding:10px 0 5px;}
|
||||
|
||||
#bo_vc_w #char_cnt {
|
||||
display:block;
|
||||
margin-bottom:5px;
|
||||
}
|
||||
|
||||
#bo_vc_w textarea {width:99%;}
|
||||
|
||||
#bo_vc_sns {
|
||||
margin:0;
|
||||
padding:0;
|
||||
list-style:none;
|
||||
zoom:1;
|
||||
}
|
||||
|
||||
#bo_vc_sns:after {
|
||||
display:block;
|
||||
visibility:hidden;
|
||||
clear:both;
|
||||
content:"";
|
||||
}
|
||||
|
||||
#bo_vc_sns li {
|
||||
float:left;
|
||||
margin:0 10px 0 0;
|
||||
}
|
||||
|
||||
#bo_vc_sns input {margin:0 0 0 5px;}
|
||||
|
||||
#bo_vc form {padding:0;}
|
||||
|
||||
|
||||
241
mobile/skin/board/basic/style.less
Normal file
241
mobile/skin/board/basic/style.less
Normal file
@ -0,0 +1,241 @@
|
||||
@charset "utf-8";
|
||||
/* SIR 지운아빠 */
|
||||
|
||||
/* ### 기본 스타일 커스터마이징 시작 ### */
|
||||
|
||||
/* 게시판 버튼 */
|
||||
/* 목록 버튼 */
|
||||
#bo_list a.btn_b01 {}
|
||||
#bo_list a.btn_b01:focus, #bo_list .btn_b01:hover {}
|
||||
#bo_list a.btn_b02 {}
|
||||
#bo_list a.btn_b02:focus, #bo_list .btn_b02:hover {}
|
||||
#bo_list a.btn_admin {} /* 관리자 전용 버튼 */
|
||||
#bo_list a.btn_admin:focus, #bo_list a.btn_admin:hover {}
|
||||
|
||||
/* 읽기 버튼 */
|
||||
#bo_v a.btn_b01 {}
|
||||
#bo_v a.btn_b01:focus, #bo_v .btn_b01:hover {}
|
||||
#bo_v a.btn_b02 {}
|
||||
#bo_v a.btn_b02:focus, #bo_v .btn_b02:hover {}
|
||||
#bo_v a.btn_admin {} /* 관리자 전용 버튼 */
|
||||
#bo_v a.btn_admin:focus, #bo_v a.btn_admin:hover {}
|
||||
|
||||
/* 쓰기 버튼 */
|
||||
#bo_w .btn_confirm {} /* 서식단계 진행 */
|
||||
#bo_w .btn_submit {}
|
||||
#bo_w .btn_cancel {}
|
||||
#bo_w .btn_frmline {} /* 우편번호검색버튼 등 */
|
||||
|
||||
/* 기본테이블 */
|
||||
/* 목록 테이블 */
|
||||
#bo_list .tbl_head01 {}
|
||||
#bo_list .tbl_head01 caption {}
|
||||
#bo_list .tbl_head01 thead th {}
|
||||
#bo_list .tbl_head01 thead a {}
|
||||
#bo_list .tbl_head01 thead th input {} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
|
||||
#bo_list .tbl_head01 tfoot th {}
|
||||
#bo_list .tbl_head01 tfoot td {}
|
||||
#bo_list .tbl_head01 tbody th {}
|
||||
#bo_list .tbl_head01 td {}
|
||||
#bo_list .tbl_head01 a {}
|
||||
#bo_list td.empty_table {}
|
||||
|
||||
/* 읽기 내 테이블 */
|
||||
#bo_v .tbl_head01 {}
|
||||
#bo_v .tbl_head01 caption {}
|
||||
#bo_v .tbl_head01 thead th {}
|
||||
#bo_v .tbl_head01 thead a {}
|
||||
#bo_v .tbl_head01 thead th input {} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
|
||||
#bo_v .tbl_head01 tfoot th {}
|
||||
#bo_v .tbl_head01 tfoot td {}
|
||||
#bo_v .tbl_head01 tbody th {}
|
||||
#bo_v .tbl_head01 td {}
|
||||
#bo_v .tbl_head01 a {}
|
||||
#bo_v td.empty_table {}
|
||||
|
||||
/* 쓰기 테이블 */
|
||||
#bo_w table {}
|
||||
#bo_w caption {}
|
||||
#bo_w .frm_address {}
|
||||
#bo_w .frm_file {}
|
||||
#bo_w .frm_info {}
|
||||
|
||||
#bo_w .tbl_frm01 {}
|
||||
#bo_w .tbl_frm01 caption {}
|
||||
#bo_w .tbl_frm01 th {}
|
||||
#bo_w .tbl_frm01 td {}
|
||||
#bo_w .tbl_frm01 textarea, #bo_w .frm_input {}
|
||||
#bo_w .tbl_frm01 textarea {}
|
||||
/*
|
||||
#bo_w .tbl_frm01 #captcha {}
|
||||
#bo_w .tbl_frm01 #captcha input {}
|
||||
*/
|
||||
#bo_w .tbl_frm01 a {}
|
||||
|
||||
#bo_w .required, #bo_w textarea.required {}
|
||||
|
||||
/* ### 기본 스타일 커스터마이징 끝 ### */
|
||||
|
||||
/* 게시판 목록 */
|
||||
#bo_list .td_chk {width:30px;text-align:center}
|
||||
#bo_list .td_group {width:100px;text-align:center}
|
||||
#bo_list .td_board {width:120px;text-align:center}
|
||||
#bo_list .td_num {width:50px;text-align:center}
|
||||
#bo_list .td_numbig {width:80px;text-align:center}
|
||||
#bo_list .td_mb_id {width:100px;text-align:center}
|
||||
#bo_list .td_nick {width:100px;text-align:center}
|
||||
#bo_list .td_name {width:100px;text-align:left}
|
||||
#bo_list .td_date {width:60px;text-align:center}
|
||||
#bo_list .td_datetime {width:150px;text-align:center}
|
||||
#bo_list .td_mng {width:80px;text-align:center}
|
||||
|
||||
#bo_cate h2 {width:0;height:0;font-size:0;line-height:0;overflow:hidden}
|
||||
#bo_cate ul {margin:5px 10px;padding-left:1px;zoom:1}
|
||||
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#bo_cate li {float:left;margin-bottom:-1px;width:25%}
|
||||
#bo_cate a {display:block;position:relative;margin-left:-1px;padding:5px 0;border:1px solid #ddd;background:#f7f7f7;color:#888;text-align:center;text-decoration:none;letter-spacing:-0.1em}
|
||||
#bo_cate a:focus,
|
||||
#bo_cate a:hover,
|
||||
#bo_cate a:active {text-decoration:none}
|
||||
#bo_cate #bo_cate_on {z-index:2;border:1px solid #565e60;background:#fff;color:#565e60;font-weight:bold}
|
||||
|
||||
/* 관리자일 때 */
|
||||
#bo_list_admin th label {position:absolute;font-size:0;line-height:0;overflow:hidden}
|
||||
|
||||
#bo_list_admin th:nth-of-type(1) {width:40px}
|
||||
#bo_list_admin th:nth-of-type(3) {width:100px}
|
||||
|
||||
#bo_list_admin td:nth-of-type(1) {text-align:center}
|
||||
#bo_list_admin td:nth-of-type(3) {text-align:center}
|
||||
|
||||
/* 관리자가 아닐 때 */
|
||||
#bo_list th:nth-of-type(2) {width:100px}
|
||||
|
||||
#bo_list td:nth-of-type(2) {text-align:center}
|
||||
|
||||
/* 게시판 목록 공통 */
|
||||
.bo_fx {margin-bottom:5px;padding:5px 10px}
|
||||
.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: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_adm {float:left}
|
||||
.btn_bo_adm li {float:left;margin-right:5px}
|
||||
.btn_bo_adm input {padding:0 10px;height:2em;border:1px solid #e8180c !important;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-appearance:none}
|
||||
.bo_notice td {background:#f7f7f7}
|
||||
.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}
|
||||
#bo_list .cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold}
|
||||
|
||||
#bo_sch {margin-bottom:10px;padding-top:5px;text-align:center}
|
||||
|
||||
/* 게시판 쓰기 */
|
||||
#bo_w #wr_email, #bo_w #wr_homepage, #bo_w #wr_subject {width:100%}
|
||||
|
||||
#char_count_desc {display:block;margin:0 0 5px;padding:0}
|
||||
#char_count_wrp {margin:5px 0 0;text-align:right}
|
||||
#char_count {font-weight:bold}
|
||||
|
||||
/* 게시판 읽기 */
|
||||
#bo_v {margin-bottom:15px;padding-bottom:15px}
|
||||
|
||||
#bo_v_table {padding:0 10px;color:#999;font-size:0.9em;font-weight:bold}
|
||||
|
||||
#bo_v_title {padding:0 7px 5px;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 0 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:#f7f7f7}
|
||||
#bo_v_file a {display:inline-block;padding:5px 0;color:#000;text-decoration:none}
|
||||
#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:#f7f7f7}
|
||||
#bo_v_link a {display:inline-block;padding:5px 0;color:#000;text-decoration:none}
|
||||
#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}
|
||||
#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 {margin:0;padding:0;list-style:none}
|
||||
|
||||
#bo_v_bot {padding:0 10px}
|
||||
#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_title {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:15px;max-width:100%;height:auto}
|
||||
|
||||
#bo_v_con {margin-bottom:20px;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:20px;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;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_act_good, #bo_v_act_nogood {display:inline-block;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
|
||||
|
||||
#bo_v_sns {margin:0 0 20px;padding:0;list-style:none;zoom:1}
|
||||
#bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#bo_v_sns li {float:left;margin:0 5px 0 0}
|
||||
|
||||
#bo_v form {padding-top:15px}
|
||||
|
||||
/* 게시판 댓글 */
|
||||
#bo_vc {margin:0 0 5px;padding:15px 15px 5px;border-top:1px solid #cfded8;border-bottom:1px solid #cfded8;background:#f7f7f7}
|
||||
#bo_vc h2 {margin-bottom:5px}
|
||||
#bo_vc article {padding:0 0 5px;border-top:1px dotted #ccc}
|
||||
#bo_vc header {position:relative;padding:13px 0 5px}
|
||||
#bo_vc header .icon_reply {position:absolute;top:13px;left:-20px}
|
||||
#bo_vc .sv_member, #bo_vc .sv_guest {font-weight:bold}
|
||||
.bo_vc_hdinfo {display:inline-block;margin:0 10px 0 5px}
|
||||
#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 a {text-decoration:underline}
|
||||
#bo_vc_empty {margin:0;padding:15px !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}
|
||||
.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 15px 15px;border-bottom:1px solid #cfded8}
|
||||
#bo_vc_w h2 {padding:10px 0 5px}
|
||||
#bo_vc_w #char_cnt {display:block;margin-bottom:5px}
|
||||
#bo_vc_w textarea {width:99%}
|
||||
|
||||
#bo_vc_sns {margin:0;padding:0;list-style:none;zoom:1}
|
||||
#bo_vc_sns:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#bo_vc_sns li {float:left;margin:0 10px 0 0}
|
||||
#bo_vc_sns input {margin:0 0 0 5px}
|
||||
|
||||
#bo_vc form {padding:0}
|
||||
@ -1,227 +1,618 @@
|
||||
@charset "utf-8";
|
||||
/* SIR 지운아빠 */
|
||||
|
||||
/* ### 기본 스타일 커스터마이징 시작 ### */
|
||||
|
||||
/* 게시판 버튼 */
|
||||
/* 목록 버튼 */
|
||||
#bo_gall a.btn_b01 {}
|
||||
#bo_gall a.btn_b01:focus, #bo_gall .btn_b01:hover {}
|
||||
#bo_gall a.btn_b02 {}
|
||||
#bo_gall a.btn_b02:focus, #bo_gall .btn_b02:hover {}
|
||||
#bo_gall a.btn_admin {} /* 관리자 전용 버튼 */
|
||||
#bo_gall a.btn_admin:focus, #bo_gall a.btn_admin:hover {}
|
||||
|
||||
/* 읽기 버튼 */
|
||||
#bo_v a.btn_b01 {}
|
||||
#bo_v a.btn_b01:focus, #bo_v .btn_b01:hover {}
|
||||
#bo_v a.btn_b02 {}
|
||||
#bo_v a.btn_b02:focus, #bo_v .btn_b02:hover {}
|
||||
#bo_v a.btn_admin {} /* 관리자 전용 버튼 */
|
||||
#bo_v a.btn_admin:focus, #bo_v a.btn_admin:hover {}
|
||||
|
||||
/* 쓰기 버튼 */
|
||||
#bo_w .btn_confirm {} /* 서식단계 진행 */
|
||||
#bo_w .btn_submit {}
|
||||
#bo_w .btn_cancel {}
|
||||
#bo_w .btn_frmline {} /* 우편번호검색버튼 등 */
|
||||
|
||||
/* 기본테이블 */
|
||||
/* 읽기 내 테이블 */
|
||||
#bo_v .tbl_head01 {}
|
||||
#bo_v .tbl_head01 caption {}
|
||||
#bo_v .tbl_head01 thead th {}
|
||||
#bo_v .tbl_head01 thead a {}
|
||||
#bo_v .tbl_head01 thead th input {} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
|
||||
#bo_v .tbl_head01 tfoot th {}
|
||||
#bo_v .tbl_head01 tfoot td {}
|
||||
#bo_v .tbl_head01 tbody th {}
|
||||
#bo_v .tbl_head01 td {}
|
||||
#bo_v .tbl_head01 a {}
|
||||
#bo_v td.empty_table {}
|
||||
|
||||
/* 쓰기 테이블 */
|
||||
#bo_w table {}
|
||||
#bo_w caption {}
|
||||
#bo_w .frm_address {}
|
||||
#bo_w .frm_file {}
|
||||
#bo_w .frm_info {}
|
||||
|
||||
#bo_w .tbl_frm01 {}
|
||||
#bo_w .tbl_frm01 caption {}
|
||||
#bo_w .tbl_frm01 th {}
|
||||
#bo_w .tbl_frm01 td {}
|
||||
#bo_w .tbl_frm01 textarea, #bo_w .frm_input {}
|
||||
#bo_w .tbl_frm01 textarea {}
|
||||
/*
|
||||
#bo_w .tbl_frm01 #captcha {}
|
||||
#bo_w .tbl_frm01 #captcha input {}
|
||||
*/
|
||||
#bo_w .tbl_frm01 a {}
|
||||
|
||||
#bo_w .required, #bo_w textarea.required {}
|
||||
|
||||
/* ### 기본 스타일 커스터마이징 끝 ### */
|
||||
|
||||
/* 갤러리 목록 */
|
||||
#bo_gall h2 {margin:0;padding:0;width:0;height:0;font-size:0;line-height:0;overflow:hidden}
|
||||
|
||||
#bo_gall #gall_allchk {margin:0 10px}
|
||||
|
||||
#bo_gall #gall_ul {margin:10px 0 0;padding:0 10px;list-style:none}
|
||||
#bo_gall #gall_ul:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
|
||||
#bo_cate h2 {width:0;height:0;font-size:0;line-height:0;overflow:hidden}
|
||||
#bo_cate ul {margin:10px;padding-left:1px;zoom:1}
|
||||
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#bo_cate li {float:left;margin-bottom:-1px;width:25%}
|
||||
#bo_cate a {display:block;position:relative;margin-left:-1px;padding:5px 0;border:1px solid #ddd;background:#f7f7f7;color:#888;text-align:center;text-decoration:none;letter-spacing:-0.1em}
|
||||
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none}
|
||||
#bo_cate #bo_cate_on {z-index:2;border:1px solid #565e60;background:#fff;color:#565e60;font-weight:bold}
|
||||
|
||||
#bo_gall .gall_li {float:left;padding:0 10px 20px 0}
|
||||
#bo_gall .gall_clear {clear:both}
|
||||
|
||||
#bo_gall .gall_con {margin:0;padding:0;list-style:none}
|
||||
#bo_gall .gall_con li {margin:0 0 5px}
|
||||
#bo_gall .gall_con .gall_subject {display:inline-block;width:50px}
|
||||
|
||||
#bo_gall .gall_now .gall_text_href a {color:#ff3061}
|
||||
|
||||
#bo_gall .gall_href a:link, #bo_gall .gall_href a:focus, #bo_gall .gall_href a:hover {text-decoration:none}
|
||||
#bo_gall .gall_href strong, #bo_gall .gall_href span {display:block;width:174px;height:124px;background:#f7f7f7;text-align:center;line-height:8em}
|
||||
|
||||
#bo_gall .gall_text_href {margin:10px 0 !important}
|
||||
#bo_gall .gall_text_href a {color:#000;font-weight:bold;text-decoration:none}
|
||||
#bo_gall .gall_text_href img {margin:0 0 0 5px}
|
||||
|
||||
/* 게시판 목록 공통 */
|
||||
.bo_fx {margin-bottom:5px;padding:5px 10px}
|
||||
.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: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_adm {float:left}
|
||||
.btn_bo_adm li {float:left;margin-right:5px}
|
||||
.btn_bo_adm input {padding:0 10px;height:2em;border:1px solid #e8180c !important;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-appearance:none}
|
||||
.bo_notice td {background:#f7f7f7}
|
||||
.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_gall li.empty_list {padding:30px 0;text-align:center}
|
||||
|
||||
/* 게시판 쓰기 */
|
||||
#char_count_desc {display:block;margin:0 0 5px;padding:0}
|
||||
#char_count_wrp {margin:5px 0 0;text-align:right}
|
||||
#char_count {font-weight:bold}
|
||||
|
||||
/* 게시판 읽기 */
|
||||
#bo_v {margin-bottom:15px;padding-bottom:15px}
|
||||
|
||||
#bo_v_table {padding:0 10px;color:#999;font-size:0.9em;font-weight:bold}
|
||||
|
||||
#bo_v_title {padding:0 5px 5px;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 0 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:#f7f7f7}
|
||||
#bo_v_file a {display:inline-block;padding:5px 0;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:#f7f7f7}
|
||||
#bo_v_link a {display:inline-block;padding:5px 0;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}
|
||||
#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 {margin:0;padding:0;list-style:none}
|
||||
|
||||
#bo_v_bot {padding:0 10px}
|
||||
#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_title {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:15px;max-width:100%;height:auto}
|
||||
|
||||
#bo_v_con {margin-bottom:20px;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:20px;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;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_act_good, #bo_v_act_nogood {display:inline-block;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
|
||||
|
||||
#bo_v_sns {margin:0 0 20px;padding:0;list-style:none;zoom:1}
|
||||
#bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#bo_v_sns li {float:left;margin:0 5px 0 0}
|
||||
|
||||
#bo_v form {padding-top:15px}
|
||||
|
||||
/* 게시판 댓글 */
|
||||
#bo_vc {margin:0 0 5px;padding:15px 15px 5px;border-top:1px solid #cfded8;border-bottom:1px solid #cfded8;background:#f7f7f7}
|
||||
#bo_vc h2 {margin-bottom:5px}
|
||||
#bo_vc article {padding:0 0 5px;border-top:1px dotted #ccc}
|
||||
#bo_vc header {position:relative;padding:13px 0 5px}
|
||||
#bo_vc header .icon_reply {position:absolute;top:13px;left:-20px}
|
||||
#bo_vc .sv_member, #bo_vc .sv_guest {font-weight:bold}
|
||||
.bo_vc_hdinfo {display:inline-block;margin:0 10px 0 5px}
|
||||
#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 a {text-decoration:underline}
|
||||
#bo_vc_empty {margin:0;padding:15px !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}
|
||||
.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 15px 15px;border-bottom:1px solid #cfded8}
|
||||
#bo_vc_w h2 {padding:10px 0 5px}
|
||||
#bo_vc_w #char_cnt {display:block;margin-bottom:5px}
|
||||
#bo_vc_w textarea {width:99%}
|
||||
|
||||
#bo_vc_sns {margin:0;padding:0;list-style:none;zoom:1}
|
||||
#bo_vc_sns:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#bo_vc_sns li {float:left;margin:0 10px 0 0}
|
||||
#bo_vc_sns input {margin:0 0 0 5px}
|
||||
|
||||
#bo_vc form {padding:0}
|
||||
@charset "utf-8";
|
||||
#bo_gall h2 {
|
||||
margin:0;
|
||||
padding:0;
|
||||
width:0;
|
||||
height:0;
|
||||
font-size:0;
|
||||
line-height:0;
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
#bo_gall #gall_allchk {margin:0 10px;}
|
||||
|
||||
#bo_gall #gall_ul {
|
||||
margin:10px 0 0;
|
||||
padding:0 10px;
|
||||
list-style:none;
|
||||
}
|
||||
|
||||
#bo_gall #gall_ul:after {
|
||||
display:block;
|
||||
visibility:hidden;
|
||||
clear:both;
|
||||
content:"";
|
||||
}
|
||||
|
||||
#bo_cate h2 {
|
||||
width:0;
|
||||
height:0;
|
||||
font-size:0;
|
||||
line-height:0;
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
#bo_cate ul {
|
||||
margin:10px;
|
||||
padding-left:1px;
|
||||
zoom:1;
|
||||
}
|
||||
|
||||
#bo_cate ul:after {
|
||||
display:block;
|
||||
visibility:hidden;
|
||||
clear:both;
|
||||
content:"";
|
||||
}
|
||||
|
||||
#bo_cate li {
|
||||
float:left;
|
||||
margin-bottom:-1px;
|
||||
width:25%;
|
||||
}
|
||||
|
||||
#bo_cate a {
|
||||
display:block;
|
||||
position:relative;
|
||||
margin-left:-1px;
|
||||
padding:5px 0;
|
||||
border:1px solid #ddd;
|
||||
background:#f7f7f7;
|
||||
color:#888;
|
||||
text-align:center;
|
||||
text-decoration:none;
|
||||
letter-spacing:-0.1em;
|
||||
}
|
||||
|
||||
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none;}
|
||||
|
||||
#bo_cate #bo_cate_on {
|
||||
z-index:2;
|
||||
border:1px solid #565e60;
|
||||
background:#fff;
|
||||
color:#565e60;
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
#bo_gall .gall_li {
|
||||
float:left;
|
||||
padding:0 10px 20px 0;
|
||||
}
|
||||
|
||||
#bo_gall .gall_clear {clear:both;}
|
||||
|
||||
#bo_gall .gall_con {
|
||||
margin:0;
|
||||
padding:0;
|
||||
list-style:none;
|
||||
}
|
||||
|
||||
#bo_gall .gall_con li {margin:0 0 5px;}
|
||||
|
||||
#bo_gall .gall_con .gall_subject {
|
||||
display:inline-block;
|
||||
width:50px;
|
||||
}
|
||||
|
||||
#bo_gall .gall_now .gall_text_href a {color:#ff3061;}
|
||||
|
||||
#bo_gall .gall_href a:link, #bo_gall .gall_href a:focus, #bo_gall .gall_href a:hover {text-decoration:none;}
|
||||
|
||||
#bo_gall .gall_href strong, #bo_gall .gall_href span {
|
||||
display:block;
|
||||
width:174px;
|
||||
height:124px;
|
||||
background:#f7f7f7;
|
||||
text-align:center;
|
||||
line-height:8em;
|
||||
}
|
||||
|
||||
#bo_gall .gall_text_href {margin:10px 0 !important;}
|
||||
|
||||
#bo_gall .gall_text_href a {
|
||||
color:#000;
|
||||
font-weight:bold;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
#bo_gall .gall_text_href img {margin:0 0 0 5px;}
|
||||
|
||||
.bo_fx {
|
||||
margin-bottom:5px;
|
||||
padding:5px 10px;
|
||||
}
|
||||
|
||||
.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: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_adm {float:left;}
|
||||
|
||||
.btn_bo_adm li {
|
||||
float:left;
|
||||
margin-right:5px;
|
||||
}
|
||||
|
||||
.btn_bo_adm input {
|
||||
padding:0 10px;
|
||||
height:2em;
|
||||
border:1px solid #e8180c !important;
|
||||
background:#e8180c;
|
||||
color:#fff;
|
||||
text-decoration:none;
|
||||
vertical-align:middle;
|
||||
cursor:pointer;
|
||||
-webkit-appearance:none;
|
||||
}
|
||||
|
||||
.bo_notice td {background:#f7f7f7;}
|
||||
|
||||
.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_gall li.empty_list {
|
||||
padding:30px 0;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
#char_count_desc {
|
||||
display:block;
|
||||
margin:0 0 5px;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
#char_count_wrp {
|
||||
margin:5px 0 0;
|
||||
text-align:right;
|
||||
}
|
||||
|
||||
#char_count {font-weight:bold;}
|
||||
|
||||
#bo_v {
|
||||
margin-bottom:15px;
|
||||
padding-bottom:15px;
|
||||
}
|
||||
|
||||
#bo_v_table {
|
||||
padding:0 10px;
|
||||
color:#999;
|
||||
font-size:0.9em;
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
#bo_v_title {
|
||||
padding:0 5px 5px;
|
||||
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 strong {
|
||||
display:inline-block;
|
||||
margin:0 0 0 5px;
|
||||
font-weight:normal;
|
||||
}
|
||||
|
||||
#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:#f7f7f7;
|
||||
}
|
||||
|
||||
#bo_v_file a {
|
||||
display:inline-block;
|
||||
padding:5px 0;
|
||||
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 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:#f7f7f7;
|
||||
}
|
||||
|
||||
#bo_v_link a {
|
||||
display:inline-block;
|
||||
padding:5px 0;
|
||||
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;
|
||||
}
|
||||
|
||||
#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 {
|
||||
margin:0;
|
||||
padding:0;
|
||||
list-style:none;
|
||||
}
|
||||
|
||||
#bo_v_bot {padding:0 10px;}
|
||||
|
||||
#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;
|
||||
}
|
||||
|
||||
#bo_v_atc_title {
|
||||
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:15px;
|
||||
max-width:100%;
|
||||
height:auto;
|
||||
}
|
||||
|
||||
#bo_v_con {
|
||||
margin-bottom:20px;
|
||||
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:20px;
|
||||
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;
|
||||
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_act_good, #bo_v_act_nogood {
|
||||
display:inline-block;
|
||||
width:1px;
|
||||
height:1px;
|
||||
font-size:0;
|
||||
line-height:0;
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
#bo_v_sns {
|
||||
margin:0 0 20px;
|
||||
padding:0;
|
||||
list-style:none;
|
||||
zoom:1;
|
||||
}
|
||||
|
||||
#bo_v_sns:after {
|
||||
display:block;
|
||||
visibility:hidden;
|
||||
clear:both;
|
||||
content:"";
|
||||
}
|
||||
|
||||
#bo_v_sns li {
|
||||
float:left;
|
||||
margin:0 5px 0 0;
|
||||
}
|
||||
|
||||
#bo_v form {padding-top:15px;}
|
||||
|
||||
#bo_vc {
|
||||
margin:0 0 5px;
|
||||
padding:15px 15px 5px;
|
||||
border-top:1px solid #cfded8;
|
||||
border-bottom:1px solid #cfded8;
|
||||
background:#f7f7f7;
|
||||
}
|
||||
|
||||
#bo_vc h2 {margin-bottom:5px;}
|
||||
|
||||
#bo_vc article {
|
||||
padding:0 0 5px;
|
||||
border-top:1px dotted #ccc;
|
||||
}
|
||||
|
||||
#bo_vc header {
|
||||
position:relative;
|
||||
padding:13px 0 5px;
|
||||
}
|
||||
|
||||
#bo_vc header .icon_reply {
|
||||
position:absolute;
|
||||
top:13px;
|
||||
left:-20px;
|
||||
}
|
||||
|
||||
#bo_vc .sv_member, #bo_vc .sv_guest {font-weight:bold;}
|
||||
|
||||
.bo_vc_hdinfo {
|
||||
display:inline-block;
|
||||
margin:0 10px 0 5px;
|
||||
}
|
||||
|
||||
#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 a {text-decoration:underline;}
|
||||
|
||||
#bo_vc_empty {
|
||||
margin:0;
|
||||
padding:15px !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;
|
||||
}
|
||||
|
||||
.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 15px 15px;
|
||||
border-bottom:1px solid #cfded8;
|
||||
}
|
||||
|
||||
#bo_vc_w h2 {padding:10px 0 5px;}
|
||||
|
||||
#bo_vc_w #char_cnt {
|
||||
display:block;
|
||||
margin-bottom:5px;
|
||||
}
|
||||
|
||||
#bo_vc_w textarea {width:99%;}
|
||||
|
||||
#bo_vc_sns {
|
||||
margin:0;
|
||||
padding:0;
|
||||
list-style:none;
|
||||
zoom:1;
|
||||
}
|
||||
|
||||
#bo_vc_sns:after {
|
||||
display:block;
|
||||
visibility:hidden;
|
||||
clear:both;
|
||||
content:"";
|
||||
}
|
||||
|
||||
#bo_vc_sns li {
|
||||
float:left;
|
||||
margin:0 10px 0 0;
|
||||
}
|
||||
|
||||
#bo_vc_sns input {margin:0 0 0 5px;}
|
||||
|
||||
#bo_vc form {padding:0;}
|
||||
|
||||
|
||||
227
mobile/skin/board/gallery/style.less
Normal file
227
mobile/skin/board/gallery/style.less
Normal file
@ -0,0 +1,227 @@
|
||||
@charset "utf-8";
|
||||
/* SIR 지운아빠 */
|
||||
|
||||
/* ### 기본 스타일 커스터마이징 시작 ### */
|
||||
|
||||
/* 게시판 버튼 */
|
||||
/* 목록 버튼 */
|
||||
#bo_gall a.btn_b01 {}
|
||||
#bo_gall a.btn_b01:focus, #bo_gall .btn_b01:hover {}
|
||||
#bo_gall a.btn_b02 {}
|
||||
#bo_gall a.btn_b02:focus, #bo_gall .btn_b02:hover {}
|
||||
#bo_gall a.btn_admin {} /* 관리자 전용 버튼 */
|
||||
#bo_gall a.btn_admin:focus, #bo_gall a.btn_admin:hover {}
|
||||
|
||||
/* 읽기 버튼 */
|
||||
#bo_v a.btn_b01 {}
|
||||
#bo_v a.btn_b01:focus, #bo_v .btn_b01:hover {}
|
||||
#bo_v a.btn_b02 {}
|
||||
#bo_v a.btn_b02:focus, #bo_v .btn_b02:hover {}
|
||||
#bo_v a.btn_admin {} /* 관리자 전용 버튼 */
|
||||
#bo_v a.btn_admin:focus, #bo_v a.btn_admin:hover {}
|
||||
|
||||
/* 쓰기 버튼 */
|
||||
#bo_w .btn_confirm {} /* 서식단계 진행 */
|
||||
#bo_w .btn_submit {}
|
||||
#bo_w .btn_cancel {}
|
||||
#bo_w .btn_frmline {} /* 우편번호검색버튼 등 */
|
||||
|
||||
/* 기본테이블 */
|
||||
/* 읽기 내 테이블 */
|
||||
#bo_v .tbl_head01 {}
|
||||
#bo_v .tbl_head01 caption {}
|
||||
#bo_v .tbl_head01 thead th {}
|
||||
#bo_v .tbl_head01 thead a {}
|
||||
#bo_v .tbl_head01 thead th input {} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
|
||||
#bo_v .tbl_head01 tfoot th {}
|
||||
#bo_v .tbl_head01 tfoot td {}
|
||||
#bo_v .tbl_head01 tbody th {}
|
||||
#bo_v .tbl_head01 td {}
|
||||
#bo_v .tbl_head01 a {}
|
||||
#bo_v td.empty_table {}
|
||||
|
||||
/* 쓰기 테이블 */
|
||||
#bo_w table {}
|
||||
#bo_w caption {}
|
||||
#bo_w .frm_address {}
|
||||
#bo_w .frm_file {}
|
||||
#bo_w .frm_info {}
|
||||
|
||||
#bo_w .tbl_frm01 {}
|
||||
#bo_w .tbl_frm01 caption {}
|
||||
#bo_w .tbl_frm01 th {}
|
||||
#bo_w .tbl_frm01 td {}
|
||||
#bo_w .tbl_frm01 textarea, #bo_w .frm_input {}
|
||||
#bo_w .tbl_frm01 textarea {}
|
||||
/*
|
||||
#bo_w .tbl_frm01 #captcha {}
|
||||
#bo_w .tbl_frm01 #captcha input {}
|
||||
*/
|
||||
#bo_w .tbl_frm01 a {}
|
||||
|
||||
#bo_w .required, #bo_w textarea.required {}
|
||||
|
||||
/* ### 기본 스타일 커스터마이징 끝 ### */
|
||||
|
||||
/* 갤러리 목록 */
|
||||
#bo_gall h2 {margin:0;padding:0;width:0;height:0;font-size:0;line-height:0;overflow:hidden}
|
||||
|
||||
#bo_gall #gall_allchk {margin:0 10px}
|
||||
|
||||
#bo_gall #gall_ul {margin:10px 0 0;padding:0 10px;list-style:none}
|
||||
#bo_gall #gall_ul:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
|
||||
#bo_cate h2 {width:0;height:0;font-size:0;line-height:0;overflow:hidden}
|
||||
#bo_cate ul {margin:10px;padding-left:1px;zoom:1}
|
||||
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#bo_cate li {float:left;margin-bottom:-1px;width:25%}
|
||||
#bo_cate a {display:block;position:relative;margin-left:-1px;padding:5px 0;border:1px solid #ddd;background:#f7f7f7;color:#888;text-align:center;text-decoration:none;letter-spacing:-0.1em}
|
||||
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none}
|
||||
#bo_cate #bo_cate_on {z-index:2;border:1px solid #565e60;background:#fff;color:#565e60;font-weight:bold}
|
||||
|
||||
#bo_gall .gall_li {float:left;padding:0 10px 20px 0}
|
||||
#bo_gall .gall_clear {clear:both}
|
||||
|
||||
#bo_gall .gall_con {margin:0;padding:0;list-style:none}
|
||||
#bo_gall .gall_con li {margin:0 0 5px}
|
||||
#bo_gall .gall_con .gall_subject {display:inline-block;width:50px}
|
||||
|
||||
#bo_gall .gall_now .gall_text_href a {color:#ff3061}
|
||||
|
||||
#bo_gall .gall_href a:link, #bo_gall .gall_href a:focus, #bo_gall .gall_href a:hover {text-decoration:none}
|
||||
#bo_gall .gall_href strong, #bo_gall .gall_href span {display:block;width:174px;height:124px;background:#f7f7f7;text-align:center;line-height:8em}
|
||||
|
||||
#bo_gall .gall_text_href {margin:10px 0 !important}
|
||||
#bo_gall .gall_text_href a {color:#000;font-weight:bold;text-decoration:none}
|
||||
#bo_gall .gall_text_href img {margin:0 0 0 5px}
|
||||
|
||||
/* 게시판 목록 공통 */
|
||||
.bo_fx {margin-bottom:5px;padding:5px 10px}
|
||||
.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: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_adm {float:left}
|
||||
.btn_bo_adm li {float:left;margin-right:5px}
|
||||
.btn_bo_adm input {padding:0 10px;height:2em;border:1px solid #e8180c !important;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-appearance:none}
|
||||
.bo_notice td {background:#f7f7f7}
|
||||
.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_gall li.empty_list {padding:30px 0;text-align:center}
|
||||
|
||||
/* 게시판 쓰기 */
|
||||
#char_count_desc {display:block;margin:0 0 5px;padding:0}
|
||||
#char_count_wrp {margin:5px 0 0;text-align:right}
|
||||
#char_count {font-weight:bold}
|
||||
|
||||
/* 게시판 읽기 */
|
||||
#bo_v {margin-bottom:15px;padding-bottom:15px}
|
||||
|
||||
#bo_v_table {padding:0 10px;color:#999;font-size:0.9em;font-weight:bold}
|
||||
|
||||
#bo_v_title {padding:0 5px 5px;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 0 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:#f7f7f7}
|
||||
#bo_v_file a {display:inline-block;padding:5px 0;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:#f7f7f7}
|
||||
#bo_v_link a {display:inline-block;padding:5px 0;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}
|
||||
#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 {margin:0;padding:0;list-style:none}
|
||||
|
||||
#bo_v_bot {padding:0 10px}
|
||||
#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_title {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:15px;max-width:100%;height:auto}
|
||||
|
||||
#bo_v_con {margin-bottom:20px;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:20px;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;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_act_good, #bo_v_act_nogood {display:inline-block;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
|
||||
|
||||
#bo_v_sns {margin:0 0 20px;padding:0;list-style:none;zoom:1}
|
||||
#bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#bo_v_sns li {float:left;margin:0 5px 0 0}
|
||||
|
||||
#bo_v form {padding-top:15px}
|
||||
|
||||
/* 게시판 댓글 */
|
||||
#bo_vc {margin:0 0 5px;padding:15px 15px 5px;border-top:1px solid #cfded8;border-bottom:1px solid #cfded8;background:#f7f7f7}
|
||||
#bo_vc h2 {margin-bottom:5px}
|
||||
#bo_vc article {padding:0 0 5px;border-top:1px dotted #ccc}
|
||||
#bo_vc header {position:relative;padding:13px 0 5px}
|
||||
#bo_vc header .icon_reply {position:absolute;top:13px;left:-20px}
|
||||
#bo_vc .sv_member, #bo_vc .sv_guest {font-weight:bold}
|
||||
.bo_vc_hdinfo {display:inline-block;margin:0 10px 0 5px}
|
||||
#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 a {text-decoration:underline}
|
||||
#bo_vc_empty {margin:0;padding:15px !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}
|
||||
.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 15px 15px;border-bottom:1px solid #cfded8}
|
||||
#bo_vc_w h2 {padding:10px 0 5px}
|
||||
#bo_vc_w #char_cnt {display:block;margin-bottom:5px}
|
||||
#bo_vc_w textarea {width:99%}
|
||||
|
||||
#bo_vc_sns {margin:0;padding:0;list-style:none;zoom:1}
|
||||
#bo_vc_sns:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#bo_vc_sns li {float:left;margin:0 10px 0 0}
|
||||
#bo_vc_sns input {margin:0 0 0 5px}
|
||||
|
||||
#bo_vc form {padding:0}
|
||||
@ -1,9 +1,10 @@
|
||||
@charset "utf-8";
|
||||
/* SIR 지운아빠 */
|
||||
|
||||
/* 현재접속자 */
|
||||
#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}
|
||||
@charset "utf-8";
|
||||
#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;
|
||||
}
|
||||
|
||||
|
||||
9
mobile/skin/connect/basic/style.less
Normal file
9
mobile/skin/connect/basic/style.less
Normal file
@ -0,0 +1,9 @@
|
||||
@charset "utf-8";
|
||||
/* SIR 지운아빠 */
|
||||
|
||||
/* 현재접속자 */
|
||||
#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}
|
||||
@ -1,11 +1,38 @@
|
||||
@charset "utf-8";
|
||||
/* SIR 지운아빠 */
|
||||
|
||||
/* 최근게시물 스킨 (latest) */
|
||||
.lt {position:relative;margin:0 0 10px;padding:0 10px 15px;border-bottom:1px solid #ddd}
|
||||
.lt ul {margin:0 0 10px;padding:0;list-style:none}
|
||||
.lt li {padding:3px 0}
|
||||
.lt a {color:#000;text-decoration:none}
|
||||
.lt .lt_title {display:block;padding:10px 0}
|
||||
.lt .lt_more {position:absolute;top:10px;right:10px}
|
||||
.lt .cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold}
|
||||
@charset "utf-8";
|
||||
.lt {
|
||||
position:relative;
|
||||
margin:0 0 10px;
|
||||
padding:0 10px 15px;
|
||||
border-bottom:1px solid #ddd;
|
||||
}
|
||||
|
||||
.lt ul {
|
||||
margin:0 0 10px;
|
||||
padding:0;
|
||||
list-style:none;
|
||||
}
|
||||
|
||||
.lt li {padding:3px 0;}
|
||||
|
||||
.lt a {
|
||||
color:#000;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
.lt .lt_title {
|
||||
display:block;
|
||||
padding:10px 0;
|
||||
}
|
||||
|
||||
.lt .lt_more {
|
||||
position:absolute;
|
||||
top:10px;
|
||||
right:10px;
|
||||
}
|
||||
|
||||
.lt .cnt_cmt {
|
||||
display:inline-block;
|
||||
margin:0 0 0 3px;
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
|
||||
11
mobile/skin/latest/basic/style.less
Normal file
11
mobile/skin/latest/basic/style.less
Normal file
@ -0,0 +1,11 @@
|
||||
@charset "utf-8";
|
||||
/* SIR 지운아빠 */
|
||||
|
||||
/* 최근게시물 스킨 (latest) */
|
||||
.lt {position:relative;margin:0 0 10px;padding:0 10px 15px;border-bottom:1px solid #ddd}
|
||||
.lt ul {margin:0 0 10px;padding:0;list-style:none}
|
||||
.lt li {padding:3px 0}
|
||||
.lt a {color:#000;text-decoration:none}
|
||||
.lt .lt_title {display:block;padding:10px 0}
|
||||
.lt .lt_more {position:absolute;top:10px;right:10px}
|
||||
.lt .cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold}
|
||||
@ -1,169 +1,345 @@
|
||||
@charset "utf-8";
|
||||
/* SIR 지운아빠 */
|
||||
|
||||
/* ### 기본 스타일 커스터마이징 시작 ### */
|
||||
|
||||
/* 버튼 */
|
||||
.mbskin a.btn01 {}
|
||||
.mbskin a.btn01:focus, .mbskin a.btn01:hover {}
|
||||
.mbskin a.btn02 {}
|
||||
.mbskin a.btn02:focus, .mbskin .btn02:hover {}
|
||||
.mbskin .btn_confirm {} /* 서식단계 진행 */
|
||||
.mbskin .btn_submit {}
|
||||
.mbskin .btn_cancel {}
|
||||
.mbskin .btn_frmline {} /* 우편번호검색버튼 등 */
|
||||
.mbskin .win_btn {} /* 새창용 */
|
||||
.mbskin .win_btn a {}
|
||||
.mbskin .win_btn button {}
|
||||
.mbskin .win_btn input {}
|
||||
/* 게시판용 버튼 */
|
||||
.mbskin a.btn_b01 {}
|
||||
.mbskin a.btn_b01:focus, .mbskin .btn_b01:hover {}
|
||||
.mbskin a.btn_b02 {}
|
||||
.mbskin a.btn_b02:focus, .mbskin .btn_b02:hover {}
|
||||
.mbskin a.btn_admin {} /* 관리자 전용 버튼 */
|
||||
.mbskin a.btn_admin:focus, .mbskin a.btn_admin:hover {}
|
||||
|
||||
/* 기본테이블 */
|
||||
.mbskin .tbl_head01 {}
|
||||
.mbskin .tbl_head01 caption {}
|
||||
.mbskin .tbl_head01 thead th {}
|
||||
.mbskin .tbl_head01 thead a {}
|
||||
.mbskin .tbl_head01 thead th input {} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
|
||||
.mbskin .tbl_head01 tfoot th {}
|
||||
.mbskin .tbl_head01 tfoot td {}
|
||||
.mbskin .tbl_head01 tbody th {}
|
||||
.mbskin .tbl_head01 td {}
|
||||
.mbskin .tbl_head01 a {}
|
||||
.mbskin td.empty_table {}
|
||||
|
||||
/* 폼 테이블 */
|
||||
.mb_skin table {}
|
||||
.mb_skin caption {}
|
||||
.mb_skin .frm_info {}
|
||||
.mb_skin .frm_address {}
|
||||
.mb_skin .frm_file {}
|
||||
|
||||
.mbskin .tbl_frm01 {}
|
||||
.mbskin .tbl_frm01 caption {}
|
||||
.mbskin .tbl_frm01 th {}
|
||||
.mbskin .tbl_frm01 td {}
|
||||
.mbskin .tbl_frm01 textarea, .mbskin .frm_input {}
|
||||
.mbskin .tbl_frm01 textarea {}
|
||||
/*
|
||||
.mbskin .tbl_frm01 #captcha {}
|
||||
.mbskin .tbl_frm01 #captcha input {}
|
||||
*/
|
||||
.mbskin .tbl_frm01 a {}
|
||||
|
||||
.mbskin .required, .mbskin textarea.required {} /* 필수입력 */
|
||||
|
||||
/* 테이블 항목별 정의 */
|
||||
.mbskin .td_board {}
|
||||
.mbskin .td_chk {}
|
||||
.mbskin .td_date {}
|
||||
.mbskin .td_datetime {}
|
||||
.mbskin .td_group {}
|
||||
.mbskin .td_mb_id {}
|
||||
.mbskin .td_mng {}
|
||||
.mbskin .td_name {}
|
||||
.mbskin .td_nick {}
|
||||
.mbskin .td_num {}
|
||||
.mbskin .td_numbig {}
|
||||
|
||||
/* ### 기본 스타일 커스터마이징 끝 ### */
|
||||
|
||||
/* 회원가입 약관 */
|
||||
#fregister section {padding:15px;border-bottom:1px solid #eee;background:#fafafa}
|
||||
#fregister h2 {margin:0 0 15px;text-align:center}
|
||||
#fregister textarea {display:block;margin-bottom:10px;padding:5px;width:99%;height:150px;border:1px solid #cfded8;background:#f7f7f7}
|
||||
.fregister_agree {padding:10px 0 0;text-align:right}
|
||||
.fregister_agree label {display:inline-block;margin-right:5px}
|
||||
#fregister p {color:#e8180c;text-align:center}
|
||||
#fregister .btn_confirm {margin:15px 0}
|
||||
|
||||
/* 회원가입 입력 */
|
||||
#fregisterform #reg_mb_email, #fregisterform .frm_address {width:100%}
|
||||
#fregisterform textarea {width:100%;height:50px}
|
||||
|
||||
/* 회원가입 완료 */
|
||||
#reg_result {padding:40px 10px 0}
|
||||
#reg_result #result_logo {margin-bottom:50px;text-align:center}
|
||||
#reg_result #result_email {padding:10px 50px;border-top:1px solid #eee;border-bottom:1px solid #eee;background:#fff;line-height:2em}
|
||||
#reg_result #result_email span {display:inline-block;width:150px}
|
||||
#reg_result #result_email strong {color:#e8180c;font-size:1.2em}
|
||||
#reg_result .btn_confirm {margin:50px 0}
|
||||
|
||||
/* 아이디/패스워드 찾기 */
|
||||
#find_info #info_fs {margin:0 auto 10px;padding:10px;border-bottom:1px solid #eee}
|
||||
#find_info #info_fs #mb_email {width:100%}
|
||||
#find_info #captcha {margin:0 0 10px;padding:0 10px 10px}
|
||||
#find_info #captcha input {margin-left:5px}
|
||||
|
||||
/* 로그인 */
|
||||
#mb_login {margin:20px 0}
|
||||
#mb_login h1 {margin:0 0 15px;padding:0 10px;font-size:1.3em}
|
||||
#mb_login h2 {margin:0}
|
||||
#mb_login fieldset {position:relative;padding:0 5px;font-size:1em}
|
||||
#mb_login .frm_input {display:block;margin-bottom:5px;padding:0;width:80%;height:1.8em;line-height:1.8em}
|
||||
#mb_login .btn_submit {position:absolute;top:0;right:5px;padding:0 !important;width:18%;height:4em !important;text-align:center}
|
||||
#mb_login section {margin:30px 0;padding:15px 10px;border:1px solid #cfded8;background:#f7f7f7}
|
||||
#mb_login section div {text-align:right}
|
||||
|
||||
/* 쪽지 */
|
||||
#memo_view section {padding:10px}
|
||||
#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_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 10px;width:100%}
|
||||
#scrap_do textarea {width:99%;height:100px}
|
||||
|
||||
/* 회원 패스워드 확인 */
|
||||
#mb_confirm {margin:30px 0}
|
||||
#mb_confirm h1 {margin:0 0 15px;padding:0 10px;font-size:1.3em}
|
||||
#mb_confirm p {padding:15px 10px;border-bottom:1px solid #cfded8;border-bottom:0;background:#fff}
|
||||
#mb_confirm p strong {display:block}
|
||||
#mb_confirm fieldset {position:relative;margin:0 0 5px;padding:20px 10px;border-bottom:1px solid #cfded8;background:#f7f7f7}
|
||||
#mb_confirm_pw {display:block;margin-top:10px;padding:0;width:88%;line-height:1.8em !important}
|
||||
#mb_confirm .btn_submit {position:absolute;bottom:20px;right:10px;width:10%;height:1.9em !important;line-height:1.9em}
|
||||
|
||||
/* 비밀글 패스워드 확인 */
|
||||
#pw_confirm {margin:30px 0}
|
||||
#pw_confirm h1 {margin:0 0 15px;padding:0 10px;font-size:1.3em}
|
||||
#pw_confirm p {padding:15px 10px;border-bottom:1px solid #cfded8;border-bottom:0;background:#fff}
|
||||
#pw_confirm p strong {display:block}
|
||||
#pw_confirm fieldset {position:relative;margin:0 0 5px;padding:5px 5px 10px;border-bottom:1px solid #cfded8;background:#f7f7f7}
|
||||
#pw_wr_password {display:block;margin-top:10px;padding:0;width:88%;line-height:1.8em !important}
|
||||
#pw_confirm .btn_submit {position:absolute;bottom:10px;right:5px;width:10%;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:10px}
|
||||
#profile h2 {margin:0}
|
||||
#profile .sv_wrap a {margin:0 0 5px;padding:0;font-weight:bold;line-height:10px}
|
||||
|
||||
/* 우편번호 검색 */
|
||||
#post_code fieldset {margin:0 auto 10px;padding:10px;text-align:center}
|
||||
#post_code dl {margin:0 0 10px;padding:15px 10px;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:5px 0;border-bottom:1px solid #eee;color:#000;text-decoration:none}
|
||||
#post_code p {margin:0 auto 30px;padding:0 10px}
|
||||
#post_code .btn_submit {height:1.9em !important;line-height:1.9em !important}
|
||||
.post_code {display:inline-block;width:100px;color:#999}
|
||||
@charset "utf-8";
|
||||
#fregister section {
|
||||
padding:15px;
|
||||
border-bottom:1px solid #eee;
|
||||
background:#fafafa;
|
||||
}
|
||||
|
||||
#fregister h2 {
|
||||
margin:0 0 15px;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
#fregister textarea {
|
||||
display:block;
|
||||
margin-bottom:10px;
|
||||
padding:5px;
|
||||
width:99%;
|
||||
height:150px;
|
||||
border:1px solid #cfded8;
|
||||
background:#f7f7f7;
|
||||
}
|
||||
|
||||
.fregister_agree {
|
||||
padding:10px 0 0;
|
||||
text-align:right;
|
||||
}
|
||||
|
||||
.fregister_agree label {
|
||||
display:inline-block;
|
||||
margin-right:5px;
|
||||
}
|
||||
|
||||
#fregister p {
|
||||
color:#e8180c;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
#fregister .btn_confirm {margin:15px 0;}
|
||||
|
||||
#fregisterform #reg_mb_email, #fregisterform .frm_address {width:100%;}
|
||||
|
||||
#fregisterform textarea {
|
||||
width:100%;
|
||||
height:50px;
|
||||
}
|
||||
|
||||
#reg_result {padding:40px 10px 0;}
|
||||
|
||||
#reg_result #result_logo {
|
||||
margin-bottom:50px;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
#reg_result #result_email {
|
||||
padding:10px 50px;
|
||||
border-top:1px solid #eee;
|
||||
border-bottom:1px solid #eee;
|
||||
background:#fff;
|
||||
line-height:2em;
|
||||
}
|
||||
|
||||
#reg_result #result_email span {
|
||||
display:inline-block;
|
||||
width:150px;
|
||||
}
|
||||
|
||||
#reg_result #result_email strong {
|
||||
color:#e8180c;
|
||||
font-size:1.2em;
|
||||
}
|
||||
|
||||
#reg_result .btn_confirm {margin:50px 0;}
|
||||
|
||||
#find_info #info_fs {
|
||||
margin:0 auto 10px;
|
||||
padding:10px;
|
||||
border-bottom:1px solid #eee;
|
||||
}
|
||||
|
||||
#find_info #info_fs #mb_email {width:100%;}
|
||||
|
||||
#find_info #captcha {
|
||||
margin:0 0 10px;
|
||||
padding:0 10px 10px;
|
||||
}
|
||||
|
||||
#find_info #captcha input {margin-left:5px;}
|
||||
|
||||
#mb_login {margin:20px 0;}
|
||||
|
||||
#mb_login h1 {
|
||||
margin:0 0 15px;
|
||||
padding:0 10px;
|
||||
font-size:1.3em;
|
||||
}
|
||||
|
||||
#mb_login h2 {margin:0;}
|
||||
|
||||
#mb_login fieldset {
|
||||
position:relative;
|
||||
padding:0 5px;
|
||||
font-size:1em;
|
||||
}
|
||||
|
||||
#mb_login .frm_input {
|
||||
display:block;
|
||||
margin-bottom:5px;
|
||||
padding:0;
|
||||
width:80%;
|
||||
height:1.8em;
|
||||
line-height:1.8em;
|
||||
}
|
||||
|
||||
#mb_login .btn_submit {
|
||||
position:absolute;
|
||||
top:0;
|
||||
right:5px;
|
||||
padding:0 !important;
|
||||
width:18%;
|
||||
height:4em !important;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
#mb_login section {
|
||||
margin:30px 0;
|
||||
padding:15px 10px;
|
||||
border:1px solid #cfded8;
|
||||
background:#f7f7f7;
|
||||
}
|
||||
|
||||
#mb_login section div {text-align:right;}
|
||||
|
||||
#memo_view section {padding:10px;}
|
||||
|
||||
#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_subj {
|
||||
display:inline-block;
|
||||
width:65px;
|
||||
}
|
||||
|
||||
#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 10px;
|
||||
width:100%;
|
||||
}
|
||||
|
||||
#scrap_do textarea {
|
||||
width:99%;
|
||||
height:100px;
|
||||
}
|
||||
|
||||
#mb_confirm {margin:30px 0;}
|
||||
|
||||
#mb_confirm h1 {
|
||||
margin:0 0 15px;
|
||||
padding:0 10px;
|
||||
font-size:1.3em;
|
||||
}
|
||||
|
||||
#mb_confirm p {
|
||||
padding:15px 10px;
|
||||
border-bottom:1px solid #cfded8;
|
||||
border-bottom:0;
|
||||
background:#fff;
|
||||
}
|
||||
|
||||
#mb_confirm p strong {display:block;}
|
||||
|
||||
#mb_confirm fieldset {
|
||||
position:relative;
|
||||
margin:0 0 5px;
|
||||
padding:20px 10px;
|
||||
border-bottom:1px solid #cfded8;
|
||||
background:#f7f7f7;
|
||||
}
|
||||
|
||||
#mb_confirm_pw {
|
||||
display:block;
|
||||
margin-top:10px;
|
||||
padding:0;
|
||||
width:88%;
|
||||
line-height:1.8em !important;
|
||||
}
|
||||
|
||||
#mb_confirm .btn_submit {
|
||||
position:absolute;
|
||||
bottom:20px;
|
||||
right:10px;
|
||||
width:10%;
|
||||
height:1.9em !important;
|
||||
line-height:1.9em;
|
||||
}
|
||||
|
||||
#pw_confirm {margin:30px 0;}
|
||||
|
||||
#pw_confirm h1 {
|
||||
margin:0 0 15px;
|
||||
padding:0 10px;
|
||||
font-size:1.3em;
|
||||
}
|
||||
|
||||
#pw_confirm p {
|
||||
padding:15px 10px;
|
||||
border-bottom:1px solid #cfded8;
|
||||
border-bottom:0;
|
||||
background:#fff;
|
||||
}
|
||||
|
||||
#pw_confirm p strong {display:block;}
|
||||
|
||||
#pw_confirm fieldset {
|
||||
position:relative;
|
||||
margin:0 0 5px;
|
||||
padding:5px 5px 10px;
|
||||
border-bottom:1px solid #cfded8;
|
||||
background:#f7f7f7;
|
||||
}
|
||||
|
||||
#pw_wr_password {
|
||||
display:block;
|
||||
margin-top:10px;
|
||||
padding:0;
|
||||
width:88%;
|
||||
line-height:1.8em !important;
|
||||
}
|
||||
|
||||
#pw_confirm .btn_submit {
|
||||
position:absolute;
|
||||
bottom:10px;
|
||||
right:5px;
|
||||
width:10%;
|
||||
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:10px;}
|
||||
|
||||
#profile h2 {margin:0;}
|
||||
|
||||
#profile .sv_wrap a {
|
||||
margin:0 0 5px;
|
||||
padding:0;
|
||||
font-weight:bold;
|
||||
line-height:10px;
|
||||
}
|
||||
|
||||
#post_code fieldset {
|
||||
margin:0 auto 10px;
|
||||
padding:10px;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
#post_code dl {
|
||||
margin:0 0 10px;
|
||||
padding:15px 10px;
|
||||
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:5px 0;
|
||||
border-bottom:1px solid #eee;
|
||||
color:#000;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
#post_code p {
|
||||
margin:0 auto 30px;
|
||||
padding:0 10px;
|
||||
}
|
||||
|
||||
#post_code .btn_submit {
|
||||
height:1.9em !important;
|
||||
line-height:1.9em !important;
|
||||
}
|
||||
|
||||
.post_code {
|
||||
display:inline-block;
|
||||
width:100px;
|
||||
color:#999;
|
||||
}
|
||||
|
||||
|
||||
169
mobile/skin/member/basic/style.less
Normal file
169
mobile/skin/member/basic/style.less
Normal file
@ -0,0 +1,169 @@
|
||||
@charset "utf-8";
|
||||
/* SIR 지운아빠 */
|
||||
|
||||
/* ### 기본 스타일 커스터마이징 시작 ### */
|
||||
|
||||
/* 버튼 */
|
||||
.mbskin a.btn01 {}
|
||||
.mbskin a.btn01:focus, .mbskin a.btn01:hover {}
|
||||
.mbskin a.btn02 {}
|
||||
.mbskin a.btn02:focus, .mbskin .btn02:hover {}
|
||||
.mbskin .btn_confirm {} /* 서식단계 진행 */
|
||||
.mbskin .btn_submit {}
|
||||
.mbskin .btn_cancel {}
|
||||
.mbskin .btn_frmline {} /* 우편번호검색버튼 등 */
|
||||
.mbskin .win_btn {} /* 새창용 */
|
||||
.mbskin .win_btn a {}
|
||||
.mbskin .win_btn button {}
|
||||
.mbskin .win_btn input {}
|
||||
/* 게시판용 버튼 */
|
||||
.mbskin a.btn_b01 {}
|
||||
.mbskin a.btn_b01:focus, .mbskin .btn_b01:hover {}
|
||||
.mbskin a.btn_b02 {}
|
||||
.mbskin a.btn_b02:focus, .mbskin .btn_b02:hover {}
|
||||
.mbskin a.btn_admin {} /* 관리자 전용 버튼 */
|
||||
.mbskin a.btn_admin:focus, .mbskin a.btn_admin:hover {}
|
||||
|
||||
/* 기본테이블 */
|
||||
.mbskin .tbl_head01 {}
|
||||
.mbskin .tbl_head01 caption {}
|
||||
.mbskin .tbl_head01 thead th {}
|
||||
.mbskin .tbl_head01 thead a {}
|
||||
.mbskin .tbl_head01 thead th input {} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
|
||||
.mbskin .tbl_head01 tfoot th {}
|
||||
.mbskin .tbl_head01 tfoot td {}
|
||||
.mbskin .tbl_head01 tbody th {}
|
||||
.mbskin .tbl_head01 td {}
|
||||
.mbskin .tbl_head01 a {}
|
||||
.mbskin td.empty_table {}
|
||||
|
||||
/* 폼 테이블 */
|
||||
.mb_skin table {}
|
||||
.mb_skin caption {}
|
||||
.mb_skin .frm_info {}
|
||||
.mb_skin .frm_address {}
|
||||
.mb_skin .frm_file {}
|
||||
|
||||
.mbskin .tbl_frm01 {}
|
||||
.mbskin .tbl_frm01 caption {}
|
||||
.mbskin .tbl_frm01 th {}
|
||||
.mbskin .tbl_frm01 td {}
|
||||
.mbskin .tbl_frm01 textarea, .mbskin .frm_input {}
|
||||
.mbskin .tbl_frm01 textarea {}
|
||||
/*
|
||||
.mbskin .tbl_frm01 #captcha {}
|
||||
.mbskin .tbl_frm01 #captcha input {}
|
||||
*/
|
||||
.mbskin .tbl_frm01 a {}
|
||||
|
||||
.mbskin .required, .mbskin textarea.required {} /* 필수입력 */
|
||||
|
||||
/* 테이블 항목별 정의 */
|
||||
.mbskin .td_board {}
|
||||
.mbskin .td_chk {}
|
||||
.mbskin .td_date {}
|
||||
.mbskin .td_datetime {}
|
||||
.mbskin .td_group {}
|
||||
.mbskin .td_mb_id {}
|
||||
.mbskin .td_mng {}
|
||||
.mbskin .td_name {}
|
||||
.mbskin .td_nick {}
|
||||
.mbskin .td_num {}
|
||||
.mbskin .td_numbig {}
|
||||
|
||||
/* ### 기본 스타일 커스터마이징 끝 ### */
|
||||
|
||||
/* 회원가입 약관 */
|
||||
#fregister section {padding:15px;border-bottom:1px solid #eee;background:#fafafa}
|
||||
#fregister h2 {margin:0 0 15px;text-align:center}
|
||||
#fregister textarea {display:block;margin-bottom:10px;padding:5px;width:99%;height:150px;border:1px solid #cfded8;background:#f7f7f7}
|
||||
.fregister_agree {padding:10px 0 0;text-align:right}
|
||||
.fregister_agree label {display:inline-block;margin-right:5px}
|
||||
#fregister p {color:#e8180c;text-align:center}
|
||||
#fregister .btn_confirm {margin:15px 0}
|
||||
|
||||
/* 회원가입 입력 */
|
||||
#fregisterform #reg_mb_email, #fregisterform .frm_address {width:100%}
|
||||
#fregisterform textarea {width:100%;height:50px}
|
||||
|
||||
/* 회원가입 완료 */
|
||||
#reg_result {padding:40px 10px 0}
|
||||
#reg_result #result_logo {margin-bottom:50px;text-align:center}
|
||||
#reg_result #result_email {padding:10px 50px;border-top:1px solid #eee;border-bottom:1px solid #eee;background:#fff;line-height:2em}
|
||||
#reg_result #result_email span {display:inline-block;width:150px}
|
||||
#reg_result #result_email strong {color:#e8180c;font-size:1.2em}
|
||||
#reg_result .btn_confirm {margin:50px 0}
|
||||
|
||||
/* 아이디/패스워드 찾기 */
|
||||
#find_info #info_fs {margin:0 auto 10px;padding:10px;border-bottom:1px solid #eee}
|
||||
#find_info #info_fs #mb_email {width:100%}
|
||||
#find_info #captcha {margin:0 0 10px;padding:0 10px 10px}
|
||||
#find_info #captcha input {margin-left:5px}
|
||||
|
||||
/* 로그인 */
|
||||
#mb_login {margin:20px 0}
|
||||
#mb_login h1 {margin:0 0 15px;padding:0 10px;font-size:1.3em}
|
||||
#mb_login h2 {margin:0}
|
||||
#mb_login fieldset {position:relative;padding:0 5px;font-size:1em}
|
||||
#mb_login .frm_input {display:block;margin-bottom:5px;padding:0;width:80%;height:1.8em;line-height:1.8em}
|
||||
#mb_login .btn_submit {position:absolute;top:0;right:5px;padding:0 !important;width:18%;height:4em !important;text-align:center}
|
||||
#mb_login section {margin:30px 0;padding:15px 10px;border:1px solid #cfded8;background:#f7f7f7}
|
||||
#mb_login section div {text-align:right}
|
||||
|
||||
/* 쪽지 */
|
||||
#memo_view section {padding:10px}
|
||||
#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_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 10px;width:100%}
|
||||
#scrap_do textarea {width:99%;height:100px}
|
||||
|
||||
/* 회원 패스워드 확인 */
|
||||
#mb_confirm {margin:30px 0}
|
||||
#mb_confirm h1 {margin:0 0 15px;padding:0 10px;font-size:1.3em}
|
||||
#mb_confirm p {padding:15px 10px;border-bottom:1px solid #cfded8;border-bottom:0;background:#fff}
|
||||
#mb_confirm p strong {display:block}
|
||||
#mb_confirm fieldset {position:relative;margin:0 0 5px;padding:20px 10px;border-bottom:1px solid #cfded8;background:#f7f7f7}
|
||||
#mb_confirm_pw {display:block;margin-top:10px;padding:0;width:88%;line-height:1.8em !important}
|
||||
#mb_confirm .btn_submit {position:absolute;bottom:20px;right:10px;width:10%;height:1.9em !important;line-height:1.9em}
|
||||
|
||||
/* 비밀글 패스워드 확인 */
|
||||
#pw_confirm {margin:30px 0}
|
||||
#pw_confirm h1 {margin:0 0 15px;padding:0 10px;font-size:1.3em}
|
||||
#pw_confirm p {padding:15px 10px;border-bottom:1px solid #cfded8;border-bottom:0;background:#fff}
|
||||
#pw_confirm p strong {display:block}
|
||||
#pw_confirm fieldset {position:relative;margin:0 0 5px;padding:5px 5px 10px;border-bottom:1px solid #cfded8;background:#f7f7f7}
|
||||
#pw_wr_password {display:block;margin-top:10px;padding:0;width:88%;line-height:1.8em !important}
|
||||
#pw_confirm .btn_submit {position:absolute;bottom:10px;right:5px;width:10%;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:10px}
|
||||
#profile h2 {margin:0}
|
||||
#profile .sv_wrap a {margin:0 0 5px;padding:0;font-weight:bold;line-height:10px}
|
||||
|
||||
/* 우편번호 검색 */
|
||||
#post_code fieldset {margin:0 auto 10px;padding:10px;text-align:center}
|
||||
#post_code dl {margin:0 0 10px;padding:15px 10px;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:5px 0;border-bottom:1px solid #eee;color:#000;text-decoration:none}
|
||||
#post_code p {margin:0 auto 30px;padding:0 10px}
|
||||
#post_code .btn_submit {height:1.9em !important;line-height:1.9em !important}
|
||||
.post_code {display:inline-block;width:100px;color:#999}
|
||||
@ -1,9 +1,10 @@
|
||||
@charset "utf-8";
|
||||
/* SIR 지운아빠 */
|
||||
|
||||
/* 새글 */
|
||||
#new_sch {margin:0 0 5px;padding:5px 10px}
|
||||
#new_tbl {}
|
||||
#new_tbl th:nth-of-type(3) {width:50px}
|
||||
|
||||
#new_tbl td:nth-of-type(3) {text-align:center}
|
||||
@charset "utf-8";
|
||||
#new_sch {
|
||||
margin:0 0 5px;
|
||||
padding:5px 10px;
|
||||
}
|
||||
|
||||
#new_tbl th:nth-of-type(3) {width:50px;}
|
||||
|
||||
#new_tbl td:nth-of-type(3) {text-align:center;}
|
||||
|
||||
|
||||
9
mobile/skin/new/basic/style.less
Normal file
9
mobile/skin/new/basic/style.less
Normal file
@ -0,0 +1,9 @@
|
||||
@charset "utf-8";
|
||||
/* SIR 지운아빠 */
|
||||
|
||||
/* 새글 */
|
||||
#new_sch {margin:0 0 5px;padding:5px 10px}
|
||||
#new_tbl {}
|
||||
#new_tbl th:nth-of-type(3) {width:50px}
|
||||
|
||||
#new_tbl td:nth-of-type(3) {text-align:center}
|
||||
@ -1,30 +1,138 @@
|
||||
@charset "utf-8";
|
||||
/* SIR 지운아빠 */
|
||||
|
||||
/* 아웃로그인 */
|
||||
.ol {position:relative;margin:0 0 10px;padding:0 5px 5px;border-bottom:1px solid #e7f1ed}
|
||||
.ol h2 {width:0;height:0;overflow:hidden}
|
||||
|
||||
.ol a.btn_admin {display:inline-block;margin:0 0 5px;padding:0 10px;border:1px solid #e8180c;background:#e8180c;color:#fff;text-decoration:none;line-height:2em;vertical-align:middle} /* 관리자 전용 버튼 */
|
||||
.ol a.btn_admin:focus, .ol a.btn_admin:hover {text-decoration:none}
|
||||
|
||||
#ol_before input[type=text],
|
||||
#ol_before input[type=password] {display:block;margin-bottom:5px;padding:0;width:80%;height:1.8em;border:1px solid #b8c9c2;background:#f7f7f7;vertical-align:middle;line-height:1.8em;-webkit-appearance:none}
|
||||
#ol_before input[type=submit] {position:absolute;top:0;right:5px;padding:0 !important;width:18%;height:4em;border:0;background:#333;color:#fff;letter-spacing:-0.1em;vertical-align:top;cursor:pointer;-webkit-appearance:none}
|
||||
#ol_svc {margin:5px 0;text-align:right}
|
||||
#ol_svc a {display:inline-block;margin:0 0 0 5px;color:#000;text-decoration:none;vertical-align:middle}
|
||||
|
||||
#ol_after_hd strong {display:inline-block;padding:0 0 5px}
|
||||
#ol_after_hd .btn_admin {display:block;padding:0 !important;width:100%;text-align:center}
|
||||
#ol_after_private {margin:0;padding:0;list-style:none}
|
||||
#ol_after_private:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#ol_after_private li {float:left}
|
||||
#ol_after_memo {width:30%}
|
||||
#ol_after_pt {width:40%}
|
||||
#ol_after_scrap {width:30%}
|
||||
#ol_after_private a {display:block;height:3em;background:#f7f7f7;color:#000;text-decoration:none;text-align:center;line-height:3em}
|
||||
#ol_after_private a strong {color:#000;font-weight:normal}
|
||||
#ol_after_private a:nth-of-type(1) {border-right:1px solid #fff}
|
||||
#ol_after_private a:nth-of-type(2) {border-right:1px solid #fff}
|
||||
#ol_after_ft {margin-top:5px;text-align:right}
|
||||
#ol_after_ft a {display:inline-block;padding:0 20px;height:2em;background:#333;color:#fff;text-decoration:none;text-align:center;line-height:2em}
|
||||
@charset "utf-8";
|
||||
.ol {
|
||||
position:relative;
|
||||
margin:0 0 10px;
|
||||
padding:0 5px 5px;
|
||||
border-bottom:1px solid #e7f1ed;
|
||||
}
|
||||
|
||||
.ol h2 {
|
||||
width:0;
|
||||
height:0;
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
.ol a.btn_admin {
|
||||
display:inline-block;
|
||||
margin:0 0 5px;
|
||||
padding:0 10px;
|
||||
border:1px solid #e8180c;
|
||||
background:#e8180c;
|
||||
color:#fff;
|
||||
text-decoration:none;
|
||||
line-height:2em;
|
||||
vertical-align:middle;
|
||||
}
|
||||
|
||||
.ol a.btn_admin:focus, .ol a.btn_admin:hover {text-decoration:none;}
|
||||
|
||||
#ol_before input[type=text], #ol_before input[type=password] {
|
||||
display:block;
|
||||
margin-bottom:5px;
|
||||
padding:0;
|
||||
width:80%;
|
||||
height:1.8em;
|
||||
border:1px solid #b8c9c2;
|
||||
background:#f7f7f7;
|
||||
vertical-align:middle;
|
||||
line-height:1.8em;
|
||||
-webkit-appearance:none;
|
||||
}
|
||||
|
||||
#ol_before input[type=submit] {
|
||||
position:absolute;
|
||||
top:0;
|
||||
right:5px;
|
||||
padding:0 !important;
|
||||
width:18%;
|
||||
height:4em;
|
||||
border:0;
|
||||
background:#333;
|
||||
color:#fff;
|
||||
letter-spacing:-0.1em;
|
||||
vertical-align:top;
|
||||
cursor:pointer;
|
||||
-webkit-appearance:none;
|
||||
}
|
||||
|
||||
#ol_svc {
|
||||
margin:5px 0;
|
||||
text-align:right;
|
||||
}
|
||||
|
||||
#ol_svc a {
|
||||
display:inline-block;
|
||||
margin:0 0 0 5px;
|
||||
color:#000;
|
||||
text-decoration:none;
|
||||
vertical-align:middle;
|
||||
}
|
||||
|
||||
#ol_after_hd strong {
|
||||
display:inline-block;
|
||||
padding:0 0 5px;
|
||||
}
|
||||
|
||||
#ol_after_hd .btn_admin {
|
||||
display:block;
|
||||
padding:0 !important;
|
||||
width:100%;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
#ol_after_private {
|
||||
margin:0;
|
||||
padding:0;
|
||||
list-style:none;
|
||||
}
|
||||
|
||||
#ol_after_private:after {
|
||||
display:block;
|
||||
visibility:hidden;
|
||||
clear:both;
|
||||
content:"";
|
||||
}
|
||||
|
||||
#ol_after_private li {float:left;}
|
||||
|
||||
#ol_after_memo {width:30%;}
|
||||
|
||||
#ol_after_pt {width:40%;}
|
||||
|
||||
#ol_after_scrap {width:30%;}
|
||||
|
||||
#ol_after_private a {
|
||||
display:block;
|
||||
height:3em;
|
||||
background:#f7f7f7;
|
||||
color:#000;
|
||||
text-decoration:none;
|
||||
text-align:center;
|
||||
line-height:3em;
|
||||
}
|
||||
|
||||
#ol_after_private a strong {
|
||||
color:#000;
|
||||
font-weight:normal;
|
||||
}
|
||||
|
||||
#ol_after_private a:nth-of-type(1) {border-right:1px solid #fff;}
|
||||
|
||||
#ol_after_private a:nth-of-type(2) {border-right:1px solid #fff;}
|
||||
|
||||
#ol_after_ft {
|
||||
margin-top:5px;
|
||||
text-align:right;
|
||||
}
|
||||
|
||||
#ol_after_ft a {
|
||||
display:inline-block;
|
||||
padding:0 20px;
|
||||
height:2em;
|
||||
background:#333;
|
||||
color:#fff;
|
||||
text-decoration:none;
|
||||
text-align:center;
|
||||
line-height:2em;
|
||||
}
|
||||
|
||||
|
||||
30
mobile/skin/outlogin/basic/style.less
Normal file
30
mobile/skin/outlogin/basic/style.less
Normal file
@ -0,0 +1,30 @@
|
||||
@charset "utf-8";
|
||||
/* SIR 지운아빠 */
|
||||
|
||||
/* 아웃로그인 */
|
||||
.ol {position:relative;margin:0 0 10px;padding:0 5px 5px;border-bottom:1px solid #e7f1ed}
|
||||
.ol h2 {width:0;height:0;overflow:hidden}
|
||||
|
||||
.ol a.btn_admin {display:inline-block;margin:0 0 5px;padding:0 10px;border:1px solid #e8180c;background:#e8180c;color:#fff;text-decoration:none;line-height:2em;vertical-align:middle} /* 관리자 전용 버튼 */
|
||||
.ol a.btn_admin:focus, .ol a.btn_admin:hover {text-decoration:none}
|
||||
|
||||
#ol_before input[type=text],
|
||||
#ol_before input[type=password] {display:block;margin-bottom:5px;padding:0;width:80%;height:1.8em;border:1px solid #b8c9c2;background:#f7f7f7;vertical-align:middle;line-height:1.8em;-webkit-appearance:none}
|
||||
#ol_before input[type=submit] {position:absolute;top:0;right:5px;padding:0 !important;width:18%;height:4em;border:0;background:#333;color:#fff;letter-spacing:-0.1em;vertical-align:top;cursor:pointer;-webkit-appearance:none}
|
||||
#ol_svc {margin:5px 0;text-align:right}
|
||||
#ol_svc a {display:inline-block;margin:0 0 0 5px;color:#000;text-decoration:none;vertical-align:middle}
|
||||
|
||||
#ol_after_hd strong {display:inline-block;padding:0 0 5px}
|
||||
#ol_after_hd .btn_admin {display:block;padding:0 !important;width:100%;text-align:center}
|
||||
#ol_after_private {margin:0;padding:0;list-style:none}
|
||||
#ol_after_private:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#ol_after_private li {float:left}
|
||||
#ol_after_memo {width:30%}
|
||||
#ol_after_pt {width:40%}
|
||||
#ol_after_scrap {width:30%}
|
||||
#ol_after_private a {display:block;height:3em;background:#f7f7f7;color:#000;text-decoration:none;text-align:center;line-height:3em}
|
||||
#ol_after_private a strong {color:#000;font-weight:normal}
|
||||
#ol_after_private a:nth-of-type(1) {border-right:1px solid #fff}
|
||||
#ol_after_private a:nth-of-type(2) {border-right:1px solid #fff}
|
||||
#ol_after_ft {margin-top:5px;text-align:right}
|
||||
#ol_after_ft a {display:inline-block;padding:0 20px;height:2em;background:#333;color:#fff;text-decoration:none;text-align:center;line-height:2em}
|
||||
@ -1,85 +1,203 @@
|
||||
@charset "utf-8";
|
||||
/* SIR 지운아빠 */
|
||||
|
||||
/* ### 기본 스타일 커스터마이징 끝 ### */
|
||||
|
||||
#poll a.btn_admin {} /* 관리자 전용 버튼 */
|
||||
#poll a.btn_admin:focus, #poll a.btn_admin:hover {}
|
||||
|
||||
/* 폼 테이블 */
|
||||
#poll .tbl_frm table {}
|
||||
#poll .tbl_frm .frm_address {}
|
||||
#poll .tbl_frm .frm_file {}
|
||||
#poll .tbl_frm .frm_info {}
|
||||
|
||||
#poll .tbl_frm01 {}
|
||||
#poll .tbl_frm01 caption {}
|
||||
#poll .tbl_frm01 th {}
|
||||
#poll .tbl_frm01 td {}
|
||||
#poll .tbl_frm01 textarea, #poll .frm_input {}
|
||||
#poll .tbl_frm01 textarea {}
|
||||
/*
|
||||
#poll .tbl_frm01 #captcha {}
|
||||
#poll .tbl_frm01 #captcha input {}
|
||||
*/
|
||||
#poll .tbl_frm01 a {}
|
||||
|
||||
#poll .required, #poll textarea.required {}
|
||||
|
||||
#poll .btn_confirm {} /* 서식단계 진행 */
|
||||
#poll .btn_submit {}
|
||||
#poll .btn_cancel {}
|
||||
#poll .btn_frmline {} /* 우편번호검색버튼 등 */
|
||||
#poll .win_btn {} /* 새창용 */
|
||||
#poll .win_btn a {}
|
||||
#poll .win_btn button {}
|
||||
#poll .win_btn input {}
|
||||
|
||||
/* ### 기본 스타일 커스터마이징 끝 ### */
|
||||
|
||||
/* 설문조사 스킨 */
|
||||
#poll {margin:10px 0 0;padding:0 0 10px}
|
||||
#poll header {position:relative;padding:0 5px}
|
||||
#poll h2 {padding:0 0 5px}
|
||||
#poll header .btn_admin {display:block;padding:0 !important;width:100%;text-align:center}
|
||||
#poll header p {padding:0}
|
||||
#poll ul {margin:0 0 10px;padding:5px 10px;list-style:none}
|
||||
#poll li {padding:3px 0}
|
||||
#poll footer {padding:0 5px;text-align:center}
|
||||
#poll footer input {width:49%;height:2.15em;border:0;background:#333;color:#fff;letter-spacing:-0.1em;vertical-align:top;cursor:pointer;-webkit-appearance:none}
|
||||
#poll footer a {display:inline-block;width:49%;height:2em;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;text-align:center;line-height:2em}
|
||||
#poll footer a:focus,
|
||||
#poll footer a:hover {text-decoration:none !important}
|
||||
|
||||
/* 설문조사 결과 (새창) */
|
||||
#poll_result section {padding:10px;border-bottom:1px solid #eee}
|
||||
#poll_result h2 {margin:0;padding:0}
|
||||
#poll_result .member, #poll_result .guest, #poll_result .sv_member, #poll_result .sv_guest {font-weight:bold;margin-right:5px}
|
||||
#poll_result_list {margin:0 auto}
|
||||
#poll_result_list h2 {text-align:center}
|
||||
#poll_result_list dl, #poll_result_list dt, #poll_result_list dd {margin:0;padding:0}
|
||||
#poll_result_list dl {padding-bottom:20px}
|
||||
#poll_result_list dt {margin-right:5%;color:#e8180d;text-align:right}
|
||||
#poll_result_list ol {margin:0;padding-left:25px}
|
||||
#poll_result_list li {margin-top:10px}
|
||||
#poll_result_list p {position:relative;margin:0;padding:5px 0}
|
||||
#poll_result_list p strong {position:absolute;top:5px;right:5%;margin-right:60px;width:100px;text-align:right}
|
||||
#poll_result_list p span {position:absolute;top:5px;right:5%;width:60px;color:#68999c;text-align:right}
|
||||
.poll_result_graph {position:relative;margin-right:5%;height:5px;background:#eee}
|
||||
.poll_result_graph span {position:absolute;top:0;left:0;height:5px;background:#565e60;font-size:0.1em}
|
||||
#poll_result_cmt {margin:0 auto;padding:15px 25px !important;background:#f7f7f7}
|
||||
#poll_result_cmt h2 {text-align:center}
|
||||
#poll_result_cmt h3 {margin:0 auto 10px}
|
||||
#poll_result_cmt article {margin:0 0 10px;border-bottom:1px solid #eee}
|
||||
#poll_result_cmt h1 {margin:0;padding:0;width:0;height:0;font-size:0;line-height:0;overflow:hidden}
|
||||
#poll_result_cmt p {padding:5px 0}
|
||||
#poll_result_cmt footer {text-align:right}
|
||||
#poll_result_wcmt {margin:0 0 10px !important}
|
||||
#poll_result_wcmt td {padding:0 0 5px;border:0}
|
||||
#poll_result_wcmt input[type=text] {background:#fff !important}
|
||||
#pc_idea {width:98%}
|
||||
.poll_cmt_del a {display:inline-block;padding-bottom:10px}
|
||||
#poll_result_oth {margin:0 auto 15px}
|
||||
#poll_result_oth h2 {padding:10px}
|
||||
#poll_result_oth ul {margin:0;padding:0 10px;list-style:none}
|
||||
#poll_result_oth a {display:block;padding:10px 0;border-bottom:1px solid #eee;color:#000;text-decoration:none}
|
||||
@charset "utf-8";
|
||||
#poll {
|
||||
margin:10px 0 0;
|
||||
padding:0 0 10px;
|
||||
}
|
||||
|
||||
#poll header {
|
||||
position:relative;
|
||||
padding:0 5px;
|
||||
}
|
||||
|
||||
#poll h2 {padding:0 0 5px;}
|
||||
|
||||
#poll header .btn_admin {
|
||||
display:block;
|
||||
padding:0 !important;
|
||||
width:100%;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
#poll header p {padding:0;}
|
||||
|
||||
#poll ul {
|
||||
margin:0 0 10px;
|
||||
padding:5px 10px;
|
||||
list-style:none;
|
||||
}
|
||||
|
||||
#poll li {padding:3px 0;}
|
||||
|
||||
#poll footer {
|
||||
padding:0 5px;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
#poll footer input {
|
||||
width:49%;
|
||||
height:2.15em;
|
||||
border:0;
|
||||
background:#333;
|
||||
color:#fff;
|
||||
letter-spacing:-0.1em;
|
||||
vertical-align:top;
|
||||
cursor:pointer;
|
||||
-webkit-appearance:none;
|
||||
}
|
||||
|
||||
#poll footer a {
|
||||
display:inline-block;
|
||||
width:49%;
|
||||
height:2em;
|
||||
border:1px solid #ccc;
|
||||
background:#fafafa;
|
||||
color:#000;
|
||||
text-decoration:none;
|
||||
text-align:center;
|
||||
line-height:2em;
|
||||
}
|
||||
|
||||
#poll footer a:focus, #poll footer a:hover {text-decoration:none !important;}
|
||||
|
||||
#poll_result section {
|
||||
padding:10px;
|
||||
border-bottom:1px solid #eee;
|
||||
}
|
||||
|
||||
#poll_result h2 {
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
#poll_result .member, #poll_result .guest, #poll_result .sv_member, #poll_result .sv_guest {
|
||||
font-weight:bold;
|
||||
margin-right:5px;
|
||||
}
|
||||
|
||||
#poll_result_list {margin:0 auto;}
|
||||
|
||||
#poll_result_list h2 {text-align:center;}
|
||||
|
||||
#poll_result_list dl, #poll_result_list dt, #poll_result_list dd {
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
#poll_result_list dl {padding-bottom:20px;}
|
||||
|
||||
#poll_result_list dt {
|
||||
margin-right:5%;
|
||||
color:#e8180d;
|
||||
text-align:right;
|
||||
}
|
||||
|
||||
#poll_result_list ol {
|
||||
margin:0;
|
||||
padding-left:25px;
|
||||
}
|
||||
|
||||
#poll_result_list li {margin-top:10px;}
|
||||
|
||||
#poll_result_list p {
|
||||
position:relative;
|
||||
margin:0;
|
||||
padding:5px 0;
|
||||
}
|
||||
|
||||
#poll_result_list p strong {
|
||||
position:absolute;
|
||||
top:5px;
|
||||
right:5%;
|
||||
margin-right:60px;
|
||||
width:100px;
|
||||
text-align:right;
|
||||
}
|
||||
|
||||
#poll_result_list p span {
|
||||
position:absolute;
|
||||
top:5px;
|
||||
right:5%;
|
||||
width:60px;
|
||||
color:#68999c;
|
||||
text-align:right;
|
||||
}
|
||||
|
||||
.poll_result_graph {
|
||||
position:relative;
|
||||
margin-right:5%;
|
||||
height:5px;
|
||||
background:#eee;
|
||||
}
|
||||
|
||||
.poll_result_graph span {
|
||||
position:absolute;
|
||||
top:0;
|
||||
left:0;
|
||||
height:5px;
|
||||
background:#565e60;
|
||||
font-size:0.1em;
|
||||
}
|
||||
|
||||
#poll_result_cmt {
|
||||
margin:0 auto;
|
||||
padding:15px 25px !important;
|
||||
background:#f7f7f7;
|
||||
}
|
||||
|
||||
#poll_result_cmt h2 {text-align:center;}
|
||||
|
||||
#poll_result_cmt h3 {margin:0 auto 10px;}
|
||||
|
||||
#poll_result_cmt article {
|
||||
margin:0 0 10px;
|
||||
border-bottom:1px solid #eee;
|
||||
}
|
||||
|
||||
#poll_result_cmt h1 {
|
||||
margin:0;
|
||||
padding:0;
|
||||
width:0;
|
||||
height:0;
|
||||
font-size:0;
|
||||
line-height:0;
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
#poll_result_cmt p {padding:5px 0;}
|
||||
|
||||
#poll_result_cmt footer {text-align:right;}
|
||||
|
||||
#poll_result_wcmt {margin:0 0 10px !important;}
|
||||
|
||||
#poll_result_wcmt td {
|
||||
padding:0 0 5px;
|
||||
border:0;
|
||||
}
|
||||
|
||||
#poll_result_wcmt input[type=text] {background:#fff !important;}
|
||||
|
||||
#pc_idea {width:98%;}
|
||||
|
||||
.poll_cmt_del a {
|
||||
display:inline-block;
|
||||
padding-bottom:10px;
|
||||
}
|
||||
|
||||
#poll_result_oth {margin:0 auto 15px;}
|
||||
|
||||
#poll_result_oth h2 {padding:10px;}
|
||||
|
||||
#poll_result_oth ul {
|
||||
margin:0;
|
||||
padding:0 10px;
|
||||
list-style:none;
|
||||
}
|
||||
|
||||
#poll_result_oth a {
|
||||
display:block;
|
||||
padding:10px 0;
|
||||
border-bottom:1px solid #eee;
|
||||
color:#000;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
|
||||
85
mobile/skin/poll/basic/style.less
Normal file
85
mobile/skin/poll/basic/style.less
Normal file
@ -0,0 +1,85 @@
|
||||
@charset "utf-8";
|
||||
/* SIR 지운아빠 */
|
||||
|
||||
/* ### 기본 스타일 커스터마이징 끝 ### */
|
||||
|
||||
#poll a.btn_admin {} /* 관리자 전용 버튼 */
|
||||
#poll a.btn_admin:focus, #poll a.btn_admin:hover {}
|
||||
|
||||
/* 폼 테이블 */
|
||||
#poll .tbl_frm table {}
|
||||
#poll .tbl_frm .frm_address {}
|
||||
#poll .tbl_frm .frm_file {}
|
||||
#poll .tbl_frm .frm_info {}
|
||||
|
||||
#poll .tbl_frm01 {}
|
||||
#poll .tbl_frm01 caption {}
|
||||
#poll .tbl_frm01 th {}
|
||||
#poll .tbl_frm01 td {}
|
||||
#poll .tbl_frm01 textarea, #poll .frm_input {}
|
||||
#poll .tbl_frm01 textarea {}
|
||||
/*
|
||||
#poll .tbl_frm01 #captcha {}
|
||||
#poll .tbl_frm01 #captcha input {}
|
||||
*/
|
||||
#poll .tbl_frm01 a {}
|
||||
|
||||
#poll .required, #poll textarea.required {}
|
||||
|
||||
#poll .btn_confirm {} /* 서식단계 진행 */
|
||||
#poll .btn_submit {}
|
||||
#poll .btn_cancel {}
|
||||
#poll .btn_frmline {} /* 우편번호검색버튼 등 */
|
||||
#poll .win_btn {} /* 새창용 */
|
||||
#poll .win_btn a {}
|
||||
#poll .win_btn button {}
|
||||
#poll .win_btn input {}
|
||||
|
||||
/* ### 기본 스타일 커스터마이징 끝 ### */
|
||||
|
||||
/* 설문조사 스킨 */
|
||||
#poll {margin:10px 0 0;padding:0 0 10px}
|
||||
#poll header {position:relative;padding:0 5px}
|
||||
#poll h2 {padding:0 0 5px}
|
||||
#poll header .btn_admin {display:block;padding:0 !important;width:100%;text-align:center}
|
||||
#poll header p {padding:0}
|
||||
#poll ul {margin:0 0 10px;padding:5px 10px;list-style:none}
|
||||
#poll li {padding:3px 0}
|
||||
#poll footer {padding:0 5px;text-align:center}
|
||||
#poll footer input {width:49%;height:2.15em;border:0;background:#333;color:#fff;letter-spacing:-0.1em;vertical-align:top;cursor:pointer;-webkit-appearance:none}
|
||||
#poll footer a {display:inline-block;width:49%;height:2em;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;text-align:center;line-height:2em}
|
||||
#poll footer a:focus,
|
||||
#poll footer a:hover {text-decoration:none !important}
|
||||
|
||||
/* 설문조사 결과 (새창) */
|
||||
#poll_result section {padding:10px;border-bottom:1px solid #eee}
|
||||
#poll_result h2 {margin:0;padding:0}
|
||||
#poll_result .member, #poll_result .guest, #poll_result .sv_member, #poll_result .sv_guest {font-weight:bold;margin-right:5px}
|
||||
#poll_result_list {margin:0 auto}
|
||||
#poll_result_list h2 {text-align:center}
|
||||
#poll_result_list dl, #poll_result_list dt, #poll_result_list dd {margin:0;padding:0}
|
||||
#poll_result_list dl {padding-bottom:20px}
|
||||
#poll_result_list dt {margin-right:5%;color:#e8180d;text-align:right}
|
||||
#poll_result_list ol {margin:0;padding-left:25px}
|
||||
#poll_result_list li {margin-top:10px}
|
||||
#poll_result_list p {position:relative;margin:0;padding:5px 0}
|
||||
#poll_result_list p strong {position:absolute;top:5px;right:5%;margin-right:60px;width:100px;text-align:right}
|
||||
#poll_result_list p span {position:absolute;top:5px;right:5%;width:60px;color:#68999c;text-align:right}
|
||||
.poll_result_graph {position:relative;margin-right:5%;height:5px;background:#eee}
|
||||
.poll_result_graph span {position:absolute;top:0;left:0;height:5px;background:#565e60;font-size:0.1em}
|
||||
#poll_result_cmt {margin:0 auto;padding:15px 25px !important;background:#f7f7f7}
|
||||
#poll_result_cmt h2 {text-align:center}
|
||||
#poll_result_cmt h3 {margin:0 auto 10px}
|
||||
#poll_result_cmt article {margin:0 0 10px;border-bottom:1px solid #eee}
|
||||
#poll_result_cmt h1 {margin:0;padding:0;width:0;height:0;font-size:0;line-height:0;overflow:hidden}
|
||||
#poll_result_cmt p {padding:5px 0}
|
||||
#poll_result_cmt footer {text-align:right}
|
||||
#poll_result_wcmt {margin:0 0 10px !important}
|
||||
#poll_result_wcmt td {padding:0 0 5px;border:0}
|
||||
#poll_result_wcmt input[type=text] {background:#fff !important}
|
||||
#pc_idea {width:98%}
|
||||
.poll_cmt_del a {display:inline-block;padding-bottom:10px}
|
||||
#poll_result_oth {margin:0 auto 15px}
|
||||
#poll_result_oth h2 {padding:10px}
|
||||
#poll_result_oth ul {margin:0;padding:0 10px;list-style:none}
|
||||
#poll_result_oth a {display:block;padding:10px 0;border-bottom:1px solid #eee;color:#000;text-decoration:none}
|
||||
@ -1,13 +1,37 @@
|
||||
@charset "utf-8";
|
||||
/* SIR 지운아빠 */
|
||||
|
||||
/* 인기검색어 */
|
||||
#popular {background:#515151}
|
||||
#popular div {zoom:1}
|
||||
#popular div:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#popular h2 {float:left;padding:10px;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:focus,
|
||||
#popular a:hover {background:#333;color:#fff}
|
||||
@charset "utf-8";
|
||||
#popular {background:#515151;}
|
||||
|
||||
#popular div {zoom:1;}
|
||||
|
||||
#popular div:after {
|
||||
display:block;
|
||||
visibility:hidden;
|
||||
clear:both;
|
||||
content:"";
|
||||
}
|
||||
|
||||
#popular h2 {
|
||||
float:left;
|
||||
padding:10px;
|
||||
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:focus, #popular a:hover {
|
||||
background:#333;
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
|
||||
13
mobile/skin/popular/basic/style.less
Normal file
13
mobile/skin/popular/basic/style.less
Normal file
@ -0,0 +1,13 @@
|
||||
@charset "utf-8";
|
||||
/* SIR 지운아빠 */
|
||||
|
||||
/* 인기검색어 */
|
||||
#popular {background:#515151}
|
||||
#popular div {zoom:1}
|
||||
#popular div:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#popular h2 {float:left;padding:10px;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:focus,
|
||||
#popular a:hover {background:#333;color:#fff}
|
||||
@ -1,30 +1,121 @@
|
||||
@charset "utf-8";
|
||||
/* SIR 지운아빠 */
|
||||
|
||||
/* 전체검색결과 스킨 */
|
||||
#sch_res_detail {padding:0 0 10px;border-bottom:1px solid #e9e9e9;text-align:center}
|
||||
#sch_res_detail legend {position:absolute;font-size:0;line-height:0;overflow:hidden}
|
||||
#sch_res_detail div {margin:0 0 5px}
|
||||
#sch_res_detail .frm_input {height:2.5em;line-height:2.5em}
|
||||
|
||||
#sch_res_ov {padding:10px;border-bottom:1px solid #e9e9e9;background:#f5f6fa;zoom:1}
|
||||
#sch_res_ov:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#sch_res_ov h2 {margin:0 0 5px}
|
||||
#sch_res_ov dl {margin:0 0 5px;zoom:1}
|
||||
#sch_res_ov dl:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#sch_res_ov dt {float:left}
|
||||
#sch_res_ov dd {float:left;margin:0 10px 0 5px}
|
||||
#sch_res_ov p {margin:0;padding:0}
|
||||
|
||||
#sch_res_board {margin:0 0 10px;padding:0;list-style:none;zoom:1}
|
||||
#sch_res_board:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#sch_res_board a {display:block;position:relative;margin-left:-1px;padding:5px 10px;border-bottom:1px solid #e9e9e9;text-decoration:none;letter-spacing:-0.1em;line-height:1.2em;cursor:pointer}
|
||||
#sch_res_board a:focus, #sch_res_board a:hover, #sch_res_board a:active {text-decoration:none}
|
||||
#sch_res_board .cnt_cmt {font-weight:normal !important}
|
||||
|
||||
.sch_res_list {margin:0 0 10px;padding:10px 0}
|
||||
.sch_res_list h2 {margin:0 0 10px;padding:0 10px;font-size:1.2em}
|
||||
.sch_res_list ul {margin:0;padding:0;list-style:none}
|
||||
.sch_res_list li {margin:0 0 10px;padding:0 10px 10px;border-bottom:1px solid #e9e9e9}
|
||||
.sch_res_list a {text-decoration:none}
|
||||
.sch_more {padding:0 10px;text-align:right}
|
||||
@charset "utf-8";
|
||||
#sch_res_detail {
|
||||
padding:0 0 10px;
|
||||
border-bottom:1px solid #e9e9e9;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
#sch_res_detail legend {
|
||||
position:absolute;
|
||||
font-size:0;
|
||||
line-height:0;
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
#sch_res_detail div {margin:0 0 5px;}
|
||||
|
||||
#sch_res_detail .frm_input {
|
||||
height:2.5em;
|
||||
line-height:2.5em;
|
||||
}
|
||||
|
||||
#sch_res_ov {
|
||||
padding:10px;
|
||||
border-bottom:1px solid #e9e9e9;
|
||||
background:#f5f6fa;
|
||||
zoom:1;
|
||||
}
|
||||
|
||||
#sch_res_ov:after {
|
||||
display:block;
|
||||
visibility:hidden;
|
||||
clear:both;
|
||||
content:"";
|
||||
}
|
||||
|
||||
#sch_res_ov h2 {margin:0 0 5px;}
|
||||
|
||||
#sch_res_ov dl {
|
||||
margin:0 0 5px;
|
||||
zoom:1;
|
||||
}
|
||||
|
||||
#sch_res_ov dl:after {
|
||||
display:block;
|
||||
visibility:hidden;
|
||||
clear:both;
|
||||
content:"";
|
||||
}
|
||||
|
||||
#sch_res_ov dt {float:left;}
|
||||
|
||||
#sch_res_ov dd {
|
||||
float:left;
|
||||
margin:0 10px 0 5px;
|
||||
}
|
||||
|
||||
#sch_res_ov p {
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
#sch_res_board {
|
||||
margin:0 0 10px;
|
||||
padding:0;
|
||||
list-style:none;
|
||||
zoom:1;
|
||||
}
|
||||
|
||||
#sch_res_board:after {
|
||||
display:block;
|
||||
visibility:hidden;
|
||||
clear:both;
|
||||
content:"";
|
||||
}
|
||||
|
||||
#sch_res_board a {
|
||||
display:block;
|
||||
position:relative;
|
||||
margin-left:-1px;
|
||||
padding:5px 10px;
|
||||
border-bottom:1px solid #e9e9e9;
|
||||
text-decoration:none;
|
||||
letter-spacing:-0.1em;
|
||||
line-height:1.2em;
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
#sch_res_board a:focus, #sch_res_board a:hover, #sch_res_board a:active {text-decoration:none;}
|
||||
|
||||
#sch_res_board .cnt_cmt {font-weight:normal !important;}
|
||||
|
||||
.sch_res_list {
|
||||
margin:0 0 10px;
|
||||
padding:10px 0;
|
||||
}
|
||||
|
||||
.sch_res_list h2 {
|
||||
margin:0 0 10px;
|
||||
padding:0 10px;
|
||||
font-size:1.2em;
|
||||
}
|
||||
|
||||
.sch_res_list ul {
|
||||
margin:0;
|
||||
padding:0;
|
||||
list-style:none;
|
||||
}
|
||||
|
||||
.sch_res_list li {
|
||||
margin:0 0 10px;
|
||||
padding:0 10px 10px;
|
||||
border-bottom:1px solid #e9e9e9;
|
||||
}
|
||||
|
||||
.sch_res_list a {text-decoration:none;}
|
||||
|
||||
.sch_more {
|
||||
padding:0 10px;
|
||||
text-align:right;
|
||||
}
|
||||
|
||||
|
||||
30
mobile/skin/search/basic/style.less
Normal file
30
mobile/skin/search/basic/style.less
Normal file
@ -0,0 +1,30 @@
|
||||
@charset "utf-8";
|
||||
/* SIR 지운아빠 */
|
||||
|
||||
/* 전체검색결과 스킨 */
|
||||
#sch_res_detail {padding:0 0 10px;border-bottom:1px solid #e9e9e9;text-align:center}
|
||||
#sch_res_detail legend {position:absolute;font-size:0;line-height:0;overflow:hidden}
|
||||
#sch_res_detail div {margin:0 0 5px}
|
||||
#sch_res_detail .frm_input {height:2.5em;line-height:2.5em}
|
||||
|
||||
#sch_res_ov {padding:10px;border-bottom:1px solid #e9e9e9;background:#f5f6fa;zoom:1}
|
||||
#sch_res_ov:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#sch_res_ov h2 {margin:0 0 5px}
|
||||
#sch_res_ov dl {margin:0 0 5px;zoom:1}
|
||||
#sch_res_ov dl:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#sch_res_ov dt {float:left}
|
||||
#sch_res_ov dd {float:left;margin:0 10px 0 5px}
|
||||
#sch_res_ov p {margin:0;padding:0}
|
||||
|
||||
#sch_res_board {margin:0 0 10px;padding:0;list-style:none;zoom:1}
|
||||
#sch_res_board:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#sch_res_board a {display:block;position:relative;margin-left:-1px;padding:5px 10px;border-bottom:1px solid #e9e9e9;text-decoration:none;letter-spacing:-0.1em;line-height:1.2em;cursor:pointer}
|
||||
#sch_res_board a:focus, #sch_res_board a:hover, #sch_res_board a:active {text-decoration:none}
|
||||
#sch_res_board .cnt_cmt {font-weight:normal !important}
|
||||
|
||||
.sch_res_list {margin:0 0 10px;padding:10px 0}
|
||||
.sch_res_list h2 {margin:0 0 10px;padding:0 10px;font-size:1.2em}
|
||||
.sch_res_list ul {margin:0;padding:0;list-style:none}
|
||||
.sch_res_list li {margin:0 0 10px;padding:0 10px 10px;border-bottom:1px solid #e9e9e9}
|
||||
.sch_res_list a {text-decoration:none}
|
||||
.sch_more {padding:0 10px;text-align:right}
|
||||
@ -1,12 +1,50 @@
|
||||
@charset "utf-8";
|
||||
/* SIR 지운아빠 */
|
||||
|
||||
#visit {background:#444}
|
||||
#visit div {zoom:1}
|
||||
#visit div:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#visit h2 {float:left;padding:10px;color:#fff}
|
||||
#visit dl {float:left;margin:0 0 0 10px;padding:0}
|
||||
#visit dt {float:left;margin:0;padding:10px;color:#fff}
|
||||
#visit dd {float:left;margin:0 3px 0 0;padding:10px 5px;color:#fff}
|
||||
#visit a {display:inline-block;padding:10px 3px;color:#fff;text-decoration:none}
|
||||
#visit a:focus, #visit a:hover {background:#333;color:#fff}
|
||||
@charset "utf-8";
|
||||
#visit {background:#444;}
|
||||
|
||||
#visit div {zoom:1;}
|
||||
|
||||
#visit div:after {
|
||||
display:block;
|
||||
visibility:hidden;
|
||||
clear:both;
|
||||
content:"";
|
||||
}
|
||||
|
||||
#visit h2 {
|
||||
float:left;
|
||||
padding:10px;
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
#visit dl {
|
||||
float:left;
|
||||
margin:0 0 0 10px;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
#visit dt {
|
||||
float:left;
|
||||
margin:0;
|
||||
padding:10px;
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
#visit dd {
|
||||
float:left;
|
||||
margin:0 3px 0 0;
|
||||
padding:10px 5px;
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
#visit a {
|
||||
display:inline-block;
|
||||
padding:10px 3px;
|
||||
color:#fff;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
#visit a:focus, #visit a:hover {
|
||||
background:#333;
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
|
||||
12
mobile/skin/visit/basic/style.less
Normal file
12
mobile/skin/visit/basic/style.less
Normal file
@ -0,0 +1,12 @@
|
||||
@charset "utf-8";
|
||||
/* SIR 지운아빠 */
|
||||
|
||||
#visit {background:#444}
|
||||
#visit div {zoom:1}
|
||||
#visit div:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#visit h2 {float:left;padding:10px;color:#fff}
|
||||
#visit dl {float:left;margin:0 0 0 10px;padding:0}
|
||||
#visit dt {float:left;margin:0;padding:10px;color:#fff}
|
||||
#visit dd {float:left;margin:0 3px 0 0;padding:10px 5px;color:#fff}
|
||||
#visit a {display:inline-block;padding:10px 3px;color:#fff;text-decoration:none}
|
||||
#visit a:focus, #visit a:hover {background:#333;color:#fff}
|
||||
@ -1,261 +1,710 @@
|
||||
@charset "utf-8";
|
||||
/* SIR 지운아빠 */
|
||||
|
||||
/* ### 기본 스타일 커스터마이징 시작 ### */
|
||||
|
||||
/* 게시판 버튼 */
|
||||
/* 목록 버튼 */
|
||||
#bo_list a.btn_b01 {}
|
||||
#bo_list a.btn_b01:focus, #bo_list a.btn_b01:hover {}
|
||||
#bo_list a.btn_b02 {}
|
||||
#bo_list a.btn_b02:focus, #bo_list a.btn_b02:hover {}
|
||||
#bo_list a.btn_admin {} /* 관리자 전용 버튼 */
|
||||
#bo_list a.btn_admin:focus, #bo_list .btn_admin:hover {}
|
||||
|
||||
/* 읽기 버튼 */
|
||||
#bo_v a.btn_b01 {}
|
||||
#bo_v a.btn_b01:focus, #bo_v a.btn_b01:hover {}
|
||||
#bo_v a.btn_b02 {}
|
||||
#bo_v a.btn_b02:focus, #bo_v a.btn_b02:hover {}
|
||||
#bo_v a.btn_admin {} /* 관리자 전용 버튼 */
|
||||
#bo_v a.btn_admin:focus, #bo_v a.btn_admin:hover {}
|
||||
|
||||
/* 쓰기 버튼 */
|
||||
#bo_w .btn_confirm {} /* 서식단계 진행 */
|
||||
#bo_w .btn_submit {}
|
||||
#bo_w button.btn_submit {}
|
||||
#bo_w fieldset .btn_submit {}
|
||||
#bo_w .btn_cancel {}
|
||||
#bo_w button.btn_cancel {}
|
||||
#bo_w .btn_cancel:focus, #bo_w .btn_cancel:hover {}
|
||||
#bo_w a.btn_frmline, #bo_w button.btn_frmline {} /* 우편번호검색버튼 등 */
|
||||
#bo_w button.btn_frmline {}
|
||||
|
||||
/* 기본 테이블 */
|
||||
/* 목록 테이블 */
|
||||
#bo_list .tbl_head01 {}
|
||||
#bo_list .tbl_head01 caption {}
|
||||
#bo_list .tbl_head01 thead th {}
|
||||
#bo_list .tbl_head01 thead a {}
|
||||
#bo_list .tbl_head01 thead th input {} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
|
||||
#bo_list .tbl_head01 tfoot th {}
|
||||
#bo_list .tbl_head01 tfoot td {}
|
||||
#bo_list .tbl_head01 tbody th {}
|
||||
#bo_list .tbl_head01 td {}
|
||||
#bo_list .tbl_head01 a {}
|
||||
#bo_list td.empty_table {}
|
||||
|
||||
/* 읽기 내 테이블 */
|
||||
#bo_v .tbl_head01 {}
|
||||
#bo_v .tbl_head01 caption {}
|
||||
#bo_v .tbl_head01 thead th {}
|
||||
#bo_v .tbl_head01 thead a {}
|
||||
#bo_v .tbl_head01 thead th input {} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
|
||||
#bo_v .tbl_head01 tfoot th {}
|
||||
#bo_v .tbl_head01 tfoot td {}
|
||||
#bo_v .tbl_head01 tbody th {}
|
||||
#bo_v .tbl_head01 td {}
|
||||
#bo_v .tbl_head01 a {}
|
||||
#bo_v td.empty_table {}
|
||||
|
||||
/* 쓰기 테이블 */
|
||||
#bo_w table {}
|
||||
#bo_w caption {}
|
||||
#bo_w .frm_info {}
|
||||
#bo_w .frm_address {}
|
||||
#bo_w .frm_file {}
|
||||
|
||||
#bo_w .tbl_frm01 {}
|
||||
#bo_w .tbl_frm01 th {}
|
||||
#bo_w .tbl_frm01 td {}
|
||||
#bo_w .tbl_frm01 textarea, #bo_w tbl_frm01 .frm_input {}
|
||||
#bo_w .tbl_frm01 textarea {}
|
||||
/*
|
||||
#bo_w .tbl_frm01 #captcha {}
|
||||
#bo_w .tbl_frm01 #captcha input {}
|
||||
*/
|
||||
#bo_w .tbl_frm01 a {}
|
||||
|
||||
/* 필수입력 */
|
||||
#bo_w .required, #bo_w textarea.required {}
|
||||
|
||||
#bo_w .cke_sc {}
|
||||
#bo_w button.btn_cke_sc{}
|
||||
#bo_w .cke_sc_def {}
|
||||
#bo_w .cke_sc_def dl {}
|
||||
#bo_w .cke_sc_def dl:after {}
|
||||
#bo_w .cke_sc_def dt, #bo_w .cke_sc_def dd {}
|
||||
#bo_w .cke_sc_def dt {}
|
||||
#bo_w .cke_sc_def dd {}
|
||||
|
||||
/* ### 기본 스타일 커스터마이징 끝 ### */
|
||||
|
||||
/* 게시판 목록 */
|
||||
#bo_list .td_board {width:120px;text-align:center}
|
||||
#bo_list .td_chk {width:30px;text-align:center}
|
||||
#bo_list .td_date {width:60px;text-align:center}
|
||||
#bo_list .td_datetime {width:110px;text-align:center}
|
||||
#bo_list .td_group {width:100px;text-align:center}
|
||||
#bo_list .td_mb_id {width:100px;text-align:center}
|
||||
#bo_list .td_mng {width:80px;text-align:center}
|
||||
#bo_list .td_name {width:100px;text-align:left}
|
||||
#bo_list .td_nick {width:100px;text-align:center}
|
||||
#bo_list .td_num {width:50px;text-align:center}
|
||||
#bo_list .td_numbig {width:80px;text-align:center}
|
||||
|
||||
#bo_list .txt_active {color:#5d910b}
|
||||
#bo_list .txt_expired {color:#ccc}
|
||||
|
||||
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
|
||||
#bo_cate ul {margin-bottom:10px;padding-left:1px;width:728px;zoom:1}
|
||||
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#bo_cate li {float:left;margin-bottom:-1px}
|
||||
#bo_cate a {display:block;position:relative;margin-left:-1px;padding:6px 0 5px;width:90px;border:1px solid #ddd;background:#f7f7f7;color:#888;text-align:center;letter-spacing:-0.1em;line-height:1.2em;cursor:pointer}
|
||||
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none}
|
||||
#bo_cate #bo_cate_on {z-index:2;border:1px solid #565e60;background:#fff;color:#565e60;font-weight:bold}
|
||||
|
||||
.td_subject img {margin-left:3px}
|
||||
|
||||
/* 게시판 목록 공통 */
|
||||
.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:#f5f6fa}
|
||||
.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}
|
||||
#bo_list .cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold}
|
||||
|
||||
#bo_sch {margin-bottom:10px;padding-top:5px;text-align:center}
|
||||
#bo_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
|
||||
|
||||
/* 게시판 쓰기 */
|
||||
#char_count_desc {display:block;margin:0 0 5px;padding:0}
|
||||
#char_count_wrp {margin:5px 0 0;text-align:right}
|
||||
#char_count {font-weight:bold}
|
||||
|
||||
#autosave_wrapper {position:relative}
|
||||
#autosave_pop {display:none;z-index:10;position:absolute;top:24px;right:117px;padding:8px;width:350px;height:auto !important;height:180px;max-height:180px;border:1px solid #565656;background:#fff;overflow-y:scroll}
|
||||
html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
|
||||
#autosave_pop strong {position:absolute;font-size:0;line-height:0;overflow:hidden}
|
||||
#autosave_pop div {text-align:right}
|
||||
#autosave_pop button {margin:0;padding:0;border:0;background:transparent}
|
||||
#autosave_pop ul {margin:10px 0;padding:0;border-top:1px solid #e9e9e9;list-style:none}
|
||||
#autosave_pop li {padding:8px 5px;border-bottom:1px solid #e9e9e9;zoom:1}
|
||||
#autosave_pop li:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#autosave_pop a {display:block;float:left}
|
||||
#autosave_pop span {display:block;float:right}
|
||||
.autosave_close {cursor:pointer}
|
||||
.autosave_content {display:none}
|
||||
|
||||
/* 게시판 읽기 */
|
||||
#bo_v {margin-bottom:20px;padding-bottom:20px}
|
||||
|
||||
#bo_v_table {position:absolute;top:0;right:15px;margin:0;padding:0 5px;height:25px;background:#565e60;color:#fff;font-weight:bold;line-height:2.2em}
|
||||
|
||||
#bo_v_title {padding:10px 0;font-size:1.2em}
|
||||
|
||||
#bo_v_info {padding:0 0 10px;border-bottom:1px solid #ddd}
|
||||
#bo_v_info h2 {margin:0;padding:0;height:0;overflow:hidden}
|
||||
#bo_v_info strong {display:inline-block;margin:0 15px 0 5px;font-weight:normal}
|
||||
#bo_v_info .sv_member,
|
||||
#bo_v_info .sv_guest,
|
||||
#bo_v_info .member,
|
||||
#bo_v_info .guest {font-weight:bold}
|
||||
|
||||
#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:#f5f6fa}
|
||||
#bo_v_file a {display:inline-block;padding:8px 0 7px;width:100%;color:#000;word-wrap:break-word}
|
||||
#bo_v_file a:focus, #bo_v_file a:hover, #bo_v_file a:active {text-decoration:none}
|
||||
#bo_v_file img {float:left;margin:0 10px 0 0}
|
||||
.bo_v_file_cnt {display:inline-block;margin:0 0 3px 16px}
|
||||
|
||||
#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:#f5f6fa}
|
||||
#bo_v_link a {display:inline-block;padding:8px 0 7px;width:100%;color:#000;word-wrap:break-word}
|
||||
#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 0 3px 16px}
|
||||
|
||||
#bo_v_top {margin:0 0 10px;padding:10px 0;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 {margin:0;padding:0;list-style:none}
|
||||
|
||||
#bo_v_bot {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;height:auto !important;height:200px}
|
||||
#bo_v_atc_title {position:absolute;font-size:0;line-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:23px;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:#ff3061}
|
||||
#bo_v_act_good,
|
||||
#bo_v_act_nogood {position:absolute;font-size:0;line-height:0;overflow:hidden}
|
||||
|
||||
#bo_v_sns {margin:0 0 20px;padding:0;list-style:none;zoom:1}
|
||||
#bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#bo_v_sns li {float:left;margin:0 5px 0 0}
|
||||
|
||||
#bo_v form {padding-top:20px}
|
||||
|
||||
/* 게시판 댓글 */
|
||||
#bo_vc {padding:20px 20px 10px;border-top:1px solid #cfded8;border-bottom:1px solid #cfded8;background:#f5f6fa}
|
||||
#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 .member, #bo_vc .guest, #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 {position:absolute;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 a {text-decoration:underline}
|
||||
#bo_vc_empty {margin:0;padding:20px !important;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:0 0 10px;padding:0 0 20px;border-bottom:1px solid #cfded8}
|
||||
#bo_vc_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
|
||||
#bo_vc_w #char_cnt {display:block;margin:0 0 5px}
|
||||
|
||||
#bo_vc_sns {margin:0;padding:0;list-style:none;zoom:1}
|
||||
#bo_vc_sns:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#bo_vc_sns li {float:left;margin:0 20px 0 0}
|
||||
#bo_vc_sns input {margin:0 0 0 5px}
|
||||
|
||||
#bo_vc form {padding:0}
|
||||
@charset "utf-8";
|
||||
#bo_list .td_board {
|
||||
width:120px;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
#bo_list .td_chk {
|
||||
width:30px;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
#bo_list .td_date {
|
||||
width:60px;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
#bo_list .td_datetime {
|
||||
width:110px;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
#bo_list .td_group {
|
||||
width:100px;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
#bo_list .td_mb_id {
|
||||
width:100px;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
#bo_list .td_mng {
|
||||
width:80px;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
#bo_list .td_name {
|
||||
width:100px;
|
||||
text-align:left;
|
||||
}
|
||||
|
||||
#bo_list .td_nick {
|
||||
width:100px;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
#bo_list .td_num {
|
||||
width:50px;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
#bo_list .td_numbig {
|
||||
width:80px;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
#bo_list .txt_active {color:#5d910b;}
|
||||
|
||||
#bo_list .txt_expired {color:#ccc;}
|
||||
|
||||
#bo_cate h2 {
|
||||
position:absolute;
|
||||
font-size:0;
|
||||
line-height:0;
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
#bo_cate ul {
|
||||
margin-bottom:10px;
|
||||
padding-left:1px;
|
||||
width:728px;
|
||||
zoom:1;
|
||||
}
|
||||
|
||||
#bo_cate ul:after {
|
||||
display:block;
|
||||
visibility:hidden;
|
||||
clear:both;
|
||||
content:"";
|
||||
}
|
||||
|
||||
#bo_cate li {
|
||||
float:left;
|
||||
margin-bottom:-1px;
|
||||
}
|
||||
|
||||
#bo_cate a {
|
||||
display:block;
|
||||
position:relative;
|
||||
margin-left:-1px;
|
||||
padding:6px 0 5px;
|
||||
width:90px;
|
||||
border:1px solid #ddd;
|
||||
background:#f7f7f7;
|
||||
color:#888;
|
||||
text-align:center;
|
||||
letter-spacing:-0.1em;
|
||||
line-height:1.2em;
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none;}
|
||||
|
||||
#bo_cate #bo_cate_on {
|
||||
z-index:2;
|
||||
border:1px solid #565e60;
|
||||
background:#fff;
|
||||
color:#565e60;
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
.td_subject img {margin-left:3px;}
|
||||
|
||||
.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:#f5f6fa;}
|
||||
|
||||
.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;}
|
||||
|
||||
#bo_list .cnt_cmt {
|
||||
display:inline-block;
|
||||
margin:0 0 0 3px;
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
#bo_sch {
|
||||
margin-bottom:10px;
|
||||
padding-top:5px;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
#bo_sch legend {
|
||||
position:absolute;
|
||||
margin:0;
|
||||
padding:0;
|
||||
font-size:0;
|
||||
line-height:0;
|
||||
text-indent:-9999em;
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
#char_count_desc {
|
||||
display:block;
|
||||
margin:0 0 5px;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
#char_count_wrp {
|
||||
margin:5px 0 0;
|
||||
text-align:right;
|
||||
}
|
||||
|
||||
#char_count {font-weight:bold;}
|
||||
|
||||
#autosave_wrapper {position:relative;}
|
||||
|
||||
#autosave_pop {
|
||||
display:none;
|
||||
z-index:10;
|
||||
position:absolute;
|
||||
top:24px;
|
||||
right:117px;
|
||||
padding:8px;
|
||||
width:350px;
|
||||
height:auto !important;
|
||||
height:180px;
|
||||
max-height:180px;
|
||||
border:1px solid #565656;
|
||||
background:#fff;
|
||||
overflow-y:scroll;
|
||||
}
|
||||
|
||||
html.no-overflowscrolling #autosave_pop {
|
||||
height:auto;
|
||||
max-height:10000px !important;
|
||||
}
|
||||
|
||||
#autosave_pop strong {
|
||||
position:absolute;
|
||||
font-size:0;
|
||||
line-height:0;
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
#autosave_pop div {text-align:right;}
|
||||
|
||||
#autosave_pop button {
|
||||
margin:0;
|
||||
padding:0;
|
||||
border:0;
|
||||
background:transparent;
|
||||
}
|
||||
|
||||
#autosave_pop ul {
|
||||
margin:10px 0;
|
||||
padding:0;
|
||||
border-top:1px solid #e9e9e9;
|
||||
list-style:none;
|
||||
}
|
||||
|
||||
#autosave_pop li {
|
||||
padding:8px 5px;
|
||||
border-bottom:1px solid #e9e9e9;
|
||||
zoom:1;
|
||||
}
|
||||
|
||||
#autosave_pop li:after {
|
||||
display:block;
|
||||
visibility:hidden;
|
||||
clear:both;
|
||||
content:"";
|
||||
}
|
||||
|
||||
#autosave_pop a {
|
||||
display:block;
|
||||
float:left;
|
||||
}
|
||||
|
||||
#autosave_pop span {
|
||||
display:block;
|
||||
float:right;
|
||||
}
|
||||
|
||||
.autosave_close {cursor:pointer;}
|
||||
|
||||
.autosave_content {display:none;}
|
||||
|
||||
#bo_v {
|
||||
margin-bottom:20px;
|
||||
padding-bottom:20px;
|
||||
}
|
||||
|
||||
#bo_v_table {
|
||||
position:absolute;
|
||||
top:0;
|
||||
right:15px;
|
||||
margin:0;
|
||||
padding:0 5px;
|
||||
height:25px;
|
||||
background:#565e60;
|
||||
color:#fff;
|
||||
font-weight:bold;
|
||||
line-height:2.2em;
|
||||
}
|
||||
|
||||
#bo_v_title {
|
||||
padding:10px 0;
|
||||
font-size:1.2em;
|
||||
}
|
||||
|
||||
#bo_v_info {
|
||||
padding:0 0 10px;
|
||||
border-bottom:1px solid #ddd;
|
||||
}
|
||||
|
||||
#bo_v_info h2 {
|
||||
margin:0;
|
||||
padding:0;
|
||||
height:0;
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
#bo_v_info strong {
|
||||
display:inline-block;
|
||||
margin:0 15px 0 5px;
|
||||
font-weight:normal;
|
||||
}
|
||||
|
||||
#bo_v_info .sv_member, #bo_v_info .sv_guest, #bo_v_info .member, #bo_v_info .guest {font-weight:bold;}
|
||||
|
||||
#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:#f5f6fa;
|
||||
}
|
||||
|
||||
#bo_v_file a {
|
||||
display:inline-block;
|
||||
padding:8px 0 7px;
|
||||
width:100%;
|
||||
color:#000;
|
||||
word-wrap:break-word;
|
||||
}
|
||||
|
||||
#bo_v_file a:focus, #bo_v_file a:hover, #bo_v_file a:active {text-decoration:none;}
|
||||
|
||||
#bo_v_file img {
|
||||
float:left;
|
||||
margin:0 10px 0 0;
|
||||
}
|
||||
|
||||
.bo_v_file_cnt {
|
||||
display:inline-block;
|
||||
margin:0 0 3px 16px;
|
||||
}
|
||||
|
||||
#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:#f5f6fa;
|
||||
}
|
||||
|
||||
#bo_v_link a {
|
||||
display:inline-block;
|
||||
padding:8px 0 7px;
|
||||
width:100%;
|
||||
color:#000;
|
||||
word-wrap:break-word;
|
||||
}
|
||||
|
||||
#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 0 3px 16px;
|
||||
}
|
||||
|
||||
#bo_v_top {
|
||||
margin:0 0 10px;
|
||||
padding:10px 0;
|
||||
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 {
|
||||
margin:0;
|
||||
padding:0;
|
||||
list-style:none;
|
||||
}
|
||||
|
||||
#bo_v_bot {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;
|
||||
height:auto !important;
|
||||
height:200px;
|
||||
}
|
||||
|
||||
#bo_v_atc_title {
|
||||
position:absolute;
|
||||
font-size:0;
|
||||
line-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:23px;
|
||||
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:#ff3061;}
|
||||
|
||||
#bo_v_act_good, #bo_v_act_nogood {
|
||||
position:absolute;
|
||||
font-size:0;
|
||||
line-height:0;
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
#bo_v_sns {
|
||||
margin:0 0 20px;
|
||||
padding:0;
|
||||
list-style:none;
|
||||
zoom:1;
|
||||
}
|
||||
|
||||
#bo_v_sns:after {
|
||||
display:block;
|
||||
visibility:hidden;
|
||||
clear:both;
|
||||
content:"";
|
||||
}
|
||||
|
||||
#bo_v_sns li {
|
||||
float:left;
|
||||
margin:0 5px 0 0;
|
||||
}
|
||||
|
||||
#bo_v form {padding-top:20px;}
|
||||
|
||||
#bo_vc {
|
||||
padding:20px 20px 10px;
|
||||
border-top:1px solid #cfded8;
|
||||
border-bottom:1px solid #cfded8;
|
||||
background:#f5f6fa;
|
||||
}
|
||||
|
||||
#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 .member, #bo_vc .guest, #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 {
|
||||
position:absolute;
|
||||
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 a {text-decoration:underline;}
|
||||
|
||||
#bo_vc_empty {
|
||||
margin:0;
|
||||
padding:20px !important;
|
||||
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:0 0 10px;
|
||||
padding:0 0 20px;
|
||||
border-bottom:1px solid #cfded8;
|
||||
}
|
||||
|
||||
#bo_vc_w h2 {
|
||||
position:absolute;
|
||||
font-size:0;
|
||||
line-height:0;
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
#bo_vc_w #char_cnt {
|
||||
display:block;
|
||||
margin:0 0 5px;
|
||||
}
|
||||
|
||||
#bo_vc_sns {
|
||||
margin:0;
|
||||
padding:0;
|
||||
list-style:none;
|
||||
zoom:1;
|
||||
}
|
||||
|
||||
#bo_vc_sns:after {
|
||||
display:block;
|
||||
visibility:hidden;
|
||||
clear:both;
|
||||
content:"";
|
||||
}
|
||||
|
||||
#bo_vc_sns li {
|
||||
float:left;
|
||||
margin:0 20px 0 0;
|
||||
}
|
||||
|
||||
#bo_vc_sns input {margin:0 0 0 5px;}
|
||||
|
||||
#bo_vc form {padding:0;}
|
||||
|
||||
|
||||
@ -1,254 +1,712 @@
|
||||
@charset "utf-8";
|
||||
/* SIR 지운아빠 */
|
||||
|
||||
/* ### 기본 스타일 커스터마이징 시작 ### */
|
||||
|
||||
/* 게시판 버튼 */
|
||||
/* 목록 버튼 */
|
||||
#bo_gall a.btn_b01 {}
|
||||
#bo_gall a.btn_b01:focus, #bo_gall a.btn_b01:hover {}
|
||||
#bo_gall a.btn_b02 {}
|
||||
#bo_gall a.btn_b02:focus, #bo_gall a.btn_b02:hover {}
|
||||
#bo_gall a.btn_admin {} /* 관리자 전용 버튼 */
|
||||
#bo_gall a.btn_admin:focus, #bo_gall .btn_admin:hover {}
|
||||
|
||||
/* 읽기 버튼 */
|
||||
#bo_v a.btn_b01 {}
|
||||
#bo_v a.btn_b01:focus, #bo_v a.btn_b01:hover {}
|
||||
#bo_v a.btn_b02 {}
|
||||
#bo_v a.btn_b02:focus, #bo_v a.btn_b02:hover {}
|
||||
#bo_v a.btn_admin {} /* 관리자 전용 버튼 */
|
||||
#bo_v a.btn_admin:focus, #bo_v a.btn_admin:hover {}
|
||||
|
||||
/* 쓰기 버튼 */
|
||||
#bo_w .btn_confirm {} /* 서식단계 진행 */
|
||||
#bo_w .btn_submit {}
|
||||
#bo_w button.btn_submit {}
|
||||
#bo_w fieldset .btn_submit {}
|
||||
#bo_w .btn_cancel {}
|
||||
#bo_w button.btn_cancel {}
|
||||
#bo_w .btn_cancel:focus, #bo_w .btn_cancel:hover {}
|
||||
#bo_w a.btn_frmline, #bo_w button.btn_frmline {} /* 우편번호검색버튼 등 */
|
||||
#bo_w button.btn_frmline {}
|
||||
|
||||
/* 기본 테이블 */
|
||||
/* 읽기 내 테이블 */
|
||||
#bo_v .tbl_head01 {}
|
||||
#bo_v .tbl_head01 caption {}
|
||||
#bo_v .tbl_head01 thead th {}
|
||||
#bo_v .tbl_head01 thead a {}
|
||||
#bo_v .tbl_head01 thead th input {} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
|
||||
#bo_v .tbl_head01 tfoot th {}
|
||||
#bo_v .tbl_head01 tfoot td {}
|
||||
#bo_v .tbl_head01 tbody th {}
|
||||
#bo_v .tbl_head01 td {}
|
||||
#bo_v .tbl_head01 a {}
|
||||
#bo_v td.empty_table {}
|
||||
|
||||
/* 쓰기 테이블 */
|
||||
#bo_w table {}
|
||||
#bo_w caption {}
|
||||
#bo_w .frm_info {}
|
||||
#bo_w .frm_address {}
|
||||
#bo_w .frm_file {}
|
||||
|
||||
#bo_w .tbl_frm01 {}
|
||||
#bo_w .tbl_frm01 th {}
|
||||
#bo_w .tbl_frm01 td {}
|
||||
#bo_w .tbl_frm01 textarea, #bo_w tbl_frm01 .frm_input {}
|
||||
#bo_w .tbl_frm01 textarea {}
|
||||
/*
|
||||
#bo_w .tbl_frm01 #captcha {}
|
||||
#bo_w .tbl_frm01 #captcha input {}
|
||||
*/
|
||||
#bo_w .tbl_frm01 a {}
|
||||
|
||||
/* 필수입력 */
|
||||
#bo_w .required, #bo_w textarea.required {}
|
||||
|
||||
#bo_w .cke_sc {}
|
||||
#bo_w button.btn_cke_sc{}
|
||||
#bo_w .cke_sc_def {}
|
||||
#bo_w .cke_sc_def dl {}
|
||||
#bo_w .cke_sc_def dl:after {}
|
||||
#bo_w .cke_sc_def dt, #bo_w .cke_sc_def dd {}
|
||||
#bo_w .cke_sc_def dt {}
|
||||
#bo_w .cke_sc_def dd {}
|
||||
|
||||
/* ### 기본 스타일 커스터마이징 끝 ### */
|
||||
|
||||
/* 게시판 목록 */
|
||||
#bo_cate h2 {width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
|
||||
#bo_cate ul {margin-bottom:10px;padding-left:1px;width:728px;zoom:1}
|
||||
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#bo_cate li {float:left;margin-bottom:-1px}
|
||||
#bo_cate a {display:block;position:relative;margin-left:-1px;padding:6px 0 5px;width:90px;border:1px solid #ddd;background:#f7f7f7;color:#888;text-align:center;letter-spacing:-0.1em;line-height:1.2em;cursor:pointer}
|
||||
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none}
|
||||
#bo_cate #bo_cate_on {z-index:2;border:1px solid #565e60;background:#fff;color:#565e60;font-weight:bold}
|
||||
|
||||
.td_subject img {margin-left:3px}
|
||||
|
||||
/* 갤러리 목록 */
|
||||
#bo_gall h2 {margin:0;padding:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
|
||||
#bo_gall #gall_ul {margin:10px 0 0;padding:0;list-style:none;zoom:1}
|
||||
#bo_gall #gall_ul:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#bo_gall .gall_li {float:left;margin:0 10px 30px 0}
|
||||
|
||||
#bo_gall .gall_con {margin:0;padding:0;list-style:none}
|
||||
#bo_gall .gall_con li {margin:0 0 4px}
|
||||
#bo_gall .gall_con .gall_subject {display:inline-block;width:50px}
|
||||
|
||||
#bo_gall .gall_now .gall_text_href a {color:#ff3061}
|
||||
|
||||
#bo_gall .gall_href a:link, #bo_gall .gall_href a:focus, #bo_gall .gall_href a:hover {text-decoration:none}
|
||||
#bo_gall .gall_href strong, #bo_gall .gall_href span {display:inline-block;background:#f7f7f7;text-align:center;line-height:10em}
|
||||
|
||||
#bo_gall .gall_text_href {margin:10px 0 !important}
|
||||
#bo_gall .gall_text_href a {font-weight:bold}
|
||||
#bo_gall .gall_text_href span {display:inline !important}
|
||||
#bo_gall .gall_text_href img {margin:0 0 0 4px}
|
||||
|
||||
/* 게시판 목록 공통 */
|
||||
.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}
|
||||
|
||||
#bo_sch {margin-bottom:10px;padding-top:5px;text-align:center}
|
||||
#bo_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
|
||||
|
||||
#bo_gall li.empty_list {padding:85px 0;text-align:center}
|
||||
|
||||
/* 게시판 쓰기 */
|
||||
#char_count_desc {display:block;margin:0 0 5px;padding:0}
|
||||
#char_count_wrp {margin:5px 0 0;text-align:right}
|
||||
#char_count {font-weight:bold}
|
||||
|
||||
#autosave_wrapper {position:relative}
|
||||
#autosave_pop {display:none;z-index:10;position:absolute;top:24px;right:117px;padding:8px;width:350px;height:auto !important;height:180px;max-height:180px;border:1px solid #565656;background:#fff;overflow-y:scroll}
|
||||
html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
|
||||
#autosave_pop strong {position:absolute;font-size:0;line-height:0;overflow:hidden}
|
||||
#autosave_pop div {text-align:right}
|
||||
#autosave_pop button {margin:0;padding:0;border:0;background:transparent}
|
||||
#autosave_pop ul {margin:10px 0;padding:0;border-top:1px solid #e9e9e9;list-style:none}
|
||||
#autosave_pop li {padding:8px 5px;border-bottom:1px solid #e9e9e9;zoom:1}
|
||||
#autosave_pop li:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#autosave_pop a {display:block;float:left}
|
||||
#autosave_pop span {display:block;float:right}
|
||||
.autosave_close {cursor:pointer}
|
||||
.autosave_content {display:none}
|
||||
|
||||
/* 게시판 읽기 */
|
||||
#bo_v {margin-bottom:20px;padding-bottom:20px}
|
||||
|
||||
#bo_v_table {position:absolute;top:0;right:15px;margin:0;padding:0 5px;height:25px;background:#565e60;color:#fff;font-weight:bold;line-height:2.2em}
|
||||
|
||||
#bo_v_title {padding:10px 0;font-size:1.2em}
|
||||
|
||||
#bo_v_info {padding:0 0 10px;border-bottom:1px solid #ddd}
|
||||
#bo_v_info h2 {margin:0;padding:0;height:0;overflow:hidden}
|
||||
#bo_v_info strong {display:inline-block;margin:0 15px 0 5px;font-weight:normal}
|
||||
#bo_v_info .sv_member,
|
||||
#bo_v_info .sv_guest,
|
||||
#bo_v_info .member,
|
||||
#bo_v_info .guest {font-weight:bold}
|
||||
|
||||
#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:#f5f6fa}
|
||||
#bo_v_file a {display:inline-block;padding:8px 0 7px;width:100%;color:#000;word-wrap:break-word}
|
||||
#bo_v_file a:focus, #bo_v_file a:hover, #bo_v_file a:active {text-decoration:none}
|
||||
#bo_v_file img {float:left;margin:0 10px 0 0}
|
||||
.bo_v_file_cnt {display:inline-block;margin:0 0 3px 16px}
|
||||
|
||||
#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:#f5f6fa}
|
||||
#bo_v_link a {display:inline-block;padding:8px 0 7px;width:100%;color:#000;word-wrap:break-word}
|
||||
#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 0 3px 16px}
|
||||
|
||||
#bo_v_top {margin:0 0 10px;padding:10px 0;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 {margin:0;padding:0;list-style:none}
|
||||
|
||||
#bo_v_bot {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;height:auto !important;height:200px}
|
||||
#bo_v_atc_title {position:absolute;font-size:0;line-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:23px;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:#ff3061}
|
||||
#bo_v_act_good,
|
||||
#bo_v_act_nogood {position:absolute;font-size:0;line-height:0;overflow:hidden}
|
||||
|
||||
#bo_v_sns {margin:0 0 20px;padding:0;list-style:none;zoom:1}
|
||||
#bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#bo_v_sns li {float:left;margin:0 5px 0 0}
|
||||
|
||||
#bo_v form {padding-top:20px}
|
||||
|
||||
/* 게시판 댓글 */
|
||||
#bo_vc {padding:20px 20px 10px;border-top:1px solid #cfded8;border-bottom:1px solid #cfded8;background:#f5f6fa}
|
||||
#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 .member, #bo_vc .guest, #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 {position:absolute;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 a {text-decoration:underline}
|
||||
#bo_vc_empty {margin:0;padding:20px !important;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:0 0 10px;padding:0 0 20px;border-bottom:1px solid #cfded8}
|
||||
#bo_vc_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
|
||||
#bo_vc_w #char_cnt {display:block;margin:0 0 5px}
|
||||
|
||||
#bo_vc_sns {margin:0;padding:0;list-style:none;zoom:1}
|
||||
#bo_vc_sns:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#bo_vc_sns li {float:left;margin:0 20px 0 0}
|
||||
#bo_vc_sns input {margin:0 0 0 5px}
|
||||
|
||||
#bo_vc form {padding:0}
|
||||
@charset "utf-8";
|
||||
#bo_cate h2 {
|
||||
width:1px;
|
||||
height:1px;
|
||||
font-size:0;
|
||||
line-height:0;
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
#bo_cate ul {
|
||||
margin-bottom:10px;
|
||||
padding-left:1px;
|
||||
width:728px;
|
||||
zoom:1;
|
||||
}
|
||||
|
||||
#bo_cate ul:after {
|
||||
display:block;
|
||||
visibility:hidden;
|
||||
clear:both;
|
||||
content:"";
|
||||
}
|
||||
|
||||
#bo_cate li {
|
||||
float:left;
|
||||
margin-bottom:-1px;
|
||||
}
|
||||
|
||||
#bo_cate a {
|
||||
display:block;
|
||||
position:relative;
|
||||
margin-left:-1px;
|
||||
padding:6px 0 5px;
|
||||
width:90px;
|
||||
border:1px solid #ddd;
|
||||
background:#f7f7f7;
|
||||
color:#888;
|
||||
text-align:center;
|
||||
letter-spacing:-0.1em;
|
||||
line-height:1.2em;
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none;}
|
||||
|
||||
#bo_cate #bo_cate_on {
|
||||
z-index:2;
|
||||
border:1px solid #565e60;
|
||||
background:#fff;
|
||||
color:#565e60;
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
.td_subject img {margin-left:3px;}
|
||||
|
||||
#bo_gall h2 {
|
||||
margin:0;
|
||||
padding:0;
|
||||
width:1px;
|
||||
height:1px;
|
||||
font-size:0;
|
||||
line-height:0;
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
#bo_gall #gall_ul {
|
||||
margin:10px 0 0;
|
||||
padding:0;
|
||||
list-style:none;
|
||||
zoom:1;
|
||||
}
|
||||
|
||||
#bo_gall #gall_ul:after {
|
||||
display:block;
|
||||
visibility:hidden;
|
||||
clear:both;
|
||||
content:"";
|
||||
}
|
||||
|
||||
#bo_gall .gall_li {
|
||||
float:left;
|
||||
margin:0 10px 30px 0;
|
||||
}
|
||||
|
||||
#bo_gall .gall_con {
|
||||
margin:0;
|
||||
padding:0;
|
||||
list-style:none;
|
||||
}
|
||||
|
||||
#bo_gall .gall_con li {margin:0 0 4px;}
|
||||
|
||||
#bo_gall .gall_con .gall_subject {
|
||||
display:inline-block;
|
||||
width:50px;
|
||||
}
|
||||
|
||||
#bo_gall .gall_now .gall_text_href a {color:#ff3061;}
|
||||
|
||||
#bo_gall .gall_href a:link, #bo_gall .gall_href a:focus, #bo_gall .gall_href a:hover {text-decoration:none;}
|
||||
|
||||
#bo_gall .gall_href strong, #bo_gall .gall_href span {
|
||||
display:inline-block;
|
||||
background:#f7f7f7;
|
||||
text-align:center;
|
||||
line-height:10em;
|
||||
}
|
||||
|
||||
#bo_gall .gall_text_href {margin:10px 0 !important;}
|
||||
|
||||
#bo_gall .gall_text_href a {font-weight:bold;}
|
||||
|
||||
#bo_gall .gall_text_href span {display:inline !important;}
|
||||
|
||||
#bo_gall .gall_text_href img {margin:0 0 0 4px;}
|
||||
|
||||
.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;}
|
||||
|
||||
#bo_sch {
|
||||
margin-bottom:10px;
|
||||
padding-top:5px;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
#bo_sch legend {
|
||||
position:absolute;
|
||||
margin:0;
|
||||
padding:0;
|
||||
font-size:0;
|
||||
line-height:0;
|
||||
text-indent:-9999em;
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
#bo_gall li.empty_list {
|
||||
padding:85px 0;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
#char_count_desc {
|
||||
display:block;
|
||||
margin:0 0 5px;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
#char_count_wrp {
|
||||
margin:5px 0 0;
|
||||
text-align:right;
|
||||
}
|
||||
|
||||
#char_count {font-weight:bold;}
|
||||
|
||||
#autosave_wrapper {position:relative;}
|
||||
|
||||
#autosave_pop {
|
||||
display:none;
|
||||
z-index:10;
|
||||
position:absolute;
|
||||
top:24px;
|
||||
right:117px;
|
||||
padding:8px;
|
||||
width:350px;
|
||||
height:auto !important;
|
||||
height:180px;
|
||||
max-height:180px;
|
||||
border:1px solid #565656;
|
||||
background:#fff;
|
||||
overflow-y:scroll;
|
||||
}
|
||||
|
||||
html.no-overflowscrolling #autosave_pop {
|
||||
height:auto;
|
||||
max-height:10000px !important;
|
||||
}
|
||||
|
||||
#autosave_pop strong {
|
||||
position:absolute;
|
||||
font-size:0;
|
||||
line-height:0;
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
#autosave_pop div {text-align:right;}
|
||||
|
||||
#autosave_pop button {
|
||||
margin:0;
|
||||
padding:0;
|
||||
border:0;
|
||||
background:transparent;
|
||||
}
|
||||
|
||||
#autosave_pop ul {
|
||||
margin:10px 0;
|
||||
padding:0;
|
||||
border-top:1px solid #e9e9e9;
|
||||
list-style:none;
|
||||
}
|
||||
|
||||
#autosave_pop li {
|
||||
padding:8px 5px;
|
||||
border-bottom:1px solid #e9e9e9;
|
||||
zoom:1;
|
||||
}
|
||||
|
||||
#autosave_pop li:after {
|
||||
display:block;
|
||||
visibility:hidden;
|
||||
clear:both;
|
||||
content:"";
|
||||
}
|
||||
|
||||
#autosave_pop a {
|
||||
display:block;
|
||||
float:left;
|
||||
}
|
||||
|
||||
#autosave_pop span {
|
||||
display:block;
|
||||
float:right;
|
||||
}
|
||||
|
||||
.autosave_close {cursor:pointer;}
|
||||
|
||||
.autosave_content {display:none;}
|
||||
|
||||
#bo_v {
|
||||
margin-bottom:20px;
|
||||
padding-bottom:20px;
|
||||
}
|
||||
|
||||
#bo_v_table {
|
||||
position:absolute;
|
||||
top:0;
|
||||
right:15px;
|
||||
margin:0;
|
||||
padding:0 5px;
|
||||
height:25px;
|
||||
background:#565e60;
|
||||
color:#fff;
|
||||
font-weight:bold;
|
||||
line-height:2.2em;
|
||||
}
|
||||
|
||||
#bo_v_title {
|
||||
padding:10px 0;
|
||||
font-size:1.2em;
|
||||
}
|
||||
|
||||
#bo_v_info {
|
||||
padding:0 0 10px;
|
||||
border-bottom:1px solid #ddd;
|
||||
}
|
||||
|
||||
#bo_v_info h2 {
|
||||
margin:0;
|
||||
padding:0;
|
||||
height:0;
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
#bo_v_info strong {
|
||||
display:inline-block;
|
||||
margin:0 15px 0 5px;
|
||||
font-weight:normal;
|
||||
}
|
||||
|
||||
#bo_v_info .sv_member, #bo_v_info .sv_guest, #bo_v_info .member, #bo_v_info .guest {font-weight:bold;}
|
||||
|
||||
#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:#f5f6fa;
|
||||
}
|
||||
|
||||
#bo_v_file a {
|
||||
display:inline-block;
|
||||
padding:8px 0 7px;
|
||||
width:100%;
|
||||
color:#000;
|
||||
word-wrap:break-word;
|
||||
}
|
||||
|
||||
#bo_v_file a:focus, #bo_v_file a:hover, #bo_v_file a:active {text-decoration:none;}
|
||||
|
||||
#bo_v_file img {
|
||||
float:left;
|
||||
margin:0 10px 0 0;
|
||||
}
|
||||
|
||||
.bo_v_file_cnt {
|
||||
display:inline-block;
|
||||
margin:0 0 3px 16px;
|
||||
}
|
||||
|
||||
#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:#f5f6fa;
|
||||
}
|
||||
|
||||
#bo_v_link a {
|
||||
display:inline-block;
|
||||
padding:8px 0 7px;
|
||||
width:100%;
|
||||
color:#000;
|
||||
word-wrap:break-word;
|
||||
}
|
||||
|
||||
#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 0 3px 16px;
|
||||
}
|
||||
|
||||
#bo_v_top {
|
||||
margin:0 0 10px;
|
||||
padding:10px 0;
|
||||
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 {
|
||||
margin:0;
|
||||
padding:0;
|
||||
list-style:none;
|
||||
}
|
||||
|
||||
#bo_v_bot {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;
|
||||
height:auto !important;
|
||||
height:200px;
|
||||
}
|
||||
|
||||
#bo_v_atc_title {
|
||||
position:absolute;
|
||||
font-size:0;
|
||||
line-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:23px;
|
||||
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:#ff3061;}
|
||||
|
||||
#bo_v_act_good, #bo_v_act_nogood {
|
||||
position:absolute;
|
||||
font-size:0;
|
||||
line-height:0;
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
#bo_v_sns {
|
||||
margin:0 0 20px;
|
||||
padding:0;
|
||||
list-style:none;
|
||||
zoom:1;
|
||||
}
|
||||
|
||||
#bo_v_sns:after {
|
||||
display:block;
|
||||
visibility:hidden;
|
||||
clear:both;
|
||||
content:"";
|
||||
}
|
||||
|
||||
#bo_v_sns li {
|
||||
float:left;
|
||||
margin:0 5px 0 0;
|
||||
}
|
||||
|
||||
#bo_v form {padding-top:20px;}
|
||||
|
||||
#bo_vc {
|
||||
padding:20px 20px 10px;
|
||||
border-top:1px solid #cfded8;
|
||||
border-bottom:1px solid #cfded8;
|
||||
background:#f5f6fa;
|
||||
}
|
||||
|
||||
#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 .member, #bo_vc .guest, #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 {
|
||||
position:absolute;
|
||||
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 a {text-decoration:underline;}
|
||||
|
||||
#bo_vc_empty {
|
||||
margin:0;
|
||||
padding:20px !important;
|
||||
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:0 0 10px;
|
||||
padding:0 0 20px;
|
||||
border-bottom:1px solid #cfded8;
|
||||
}
|
||||
|
||||
#bo_vc_w h2 {
|
||||
position:absolute;
|
||||
font-size:0;
|
||||
line-height:0;
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
#bo_vc_w #char_cnt {
|
||||
display:block;
|
||||
margin:0 0 5px;
|
||||
}
|
||||
|
||||
#bo_vc_sns {
|
||||
margin:0;
|
||||
padding:0;
|
||||
list-style:none;
|
||||
zoom:1;
|
||||
}
|
||||
|
||||
#bo_vc_sns:after {
|
||||
display:block;
|
||||
visibility:hidden;
|
||||
clear:both;
|
||||
content:"";
|
||||
}
|
||||
|
||||
#bo_vc_sns li {
|
||||
float:left;
|
||||
margin:0 20px 0 0;
|
||||
}
|
||||
|
||||
#bo_vc_sns input {margin:0 0 0 5px;}
|
||||
|
||||
#bo_vc form {padding:0;}
|
||||
|
||||
|
||||
0
skin/connect/basic/style.less
Normal file
0
skin/connect/basic/style.less
Normal file
@ -1,11 +1,41 @@
|
||||
@charset "utf-8";
|
||||
/* SIR 지운아빠 */
|
||||
|
||||
/* 새글 스킨 (latest) */
|
||||
.lt_pc {float:left;margin-left:20px}
|
||||
.lt {position:relative;float:left;margin-bottom:20px;padding-bottom:10px;width:354px;height:150px;border-bottom:1px solid #ddd}
|
||||
.lt ul {margin:0 0 10px;padding:0;list-style:none}
|
||||
.lt li {padding:3px 0}
|
||||
.lt .lt_title {display:block;padding:10px 0 8px}
|
||||
.lt .lt_more {position:absolute;top:10px;right:0}
|
||||
.lt .cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold}
|
||||
@charset "utf-8";
|
||||
.lt_pc {
|
||||
float:left;
|
||||
margin-left:20px;
|
||||
}
|
||||
|
||||
.lt {
|
||||
position:relative;
|
||||
float:left;
|
||||
margin-bottom:20px;
|
||||
padding-bottom:10px;
|
||||
width:354px;
|
||||
height:150px;
|
||||
border-bottom:1px solid #ddd;
|
||||
}
|
||||
|
||||
.lt ul {
|
||||
margin:0 0 10px;
|
||||
padding:0;
|
||||
list-style:none;
|
||||
}
|
||||
|
||||
.lt li {padding:3px 0;}
|
||||
|
||||
.lt .lt_title {
|
||||
display:block;
|
||||
padding:10px 0 8px;
|
||||
}
|
||||
|
||||
.lt .lt_more {
|
||||
position:absolute;
|
||||
top:10px;
|
||||
right:0;
|
||||
}
|
||||
|
||||
.lt .cnt_cmt {
|
||||
display:inline-block;
|
||||
margin:0 0 0 3px;
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
|
||||
11
skin/latest/basic/style.less
Normal file
11
skin/latest/basic/style.less
Normal file
@ -0,0 +1,11 @@
|
||||
@charset "utf-8";
|
||||
/* SIR 지운아빠 */
|
||||
|
||||
/* 새글 스킨 (latest) */
|
||||
.lt_pc {float:left;margin-left:20px}
|
||||
.lt {position:relative;float:left;margin-bottom:20px;padding-bottom:10px;width:354px;height:150px;border-bottom:1px solid #ddd}
|
||||
.lt ul {margin:0 0 10px;padding:0;list-style:none}
|
||||
.lt li {padding:3px 0}
|
||||
.lt .lt_title {display:block;padding:10px 0 8px}
|
||||
.lt .lt_more {position:absolute;top:10px;right:0}
|
||||
.lt .cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold}
|
||||
@ -1,176 +1,341 @@
|
||||
@charset "utf-8";
|
||||
/* SIR 지운아빠 */
|
||||
|
||||
/* ### 기본 스타일 커스터마이징 시작 ### */
|
||||
|
||||
/* 버튼 */
|
||||
.mbskin a.btn01 {}
|
||||
.mbskin a.btn01:focus, .mbskin .btn01:hover {}
|
||||
.mbskin a.btn02 {}
|
||||
.mbskin a.btn02:focus, .mbskin .btn02:hover {}
|
||||
.mbskin .btn_confirm {} /* 서식단계 진행 */
|
||||
.mbskin .btn_submit {}
|
||||
.mbskin button.btn_submit {}
|
||||
.mbskin fieldset .btn_submit {}
|
||||
.mbskin .btn_cancel {}
|
||||
.mbskin button.btn_cancel {}
|
||||
.mbskin .btn_cancel:focus, .mbskin .btn_cancel:hover {}
|
||||
.mbskin a.btn_frmline, .mbskin button.btn_frmline {} /* 우편번호검색버튼 등 */
|
||||
.mbskin button.btn_frmline {}
|
||||
.mbskin .win_btn {} /* 새창용 */
|
||||
.mbskin .win_btn button {}
|
||||
.mbskin .win_btn input {}
|
||||
.mbskin .win_btn a {}
|
||||
.mbskin .win_btn a:focus, .mbskin .win_btn a:hover {}
|
||||
/* 게시판용 버튼 */
|
||||
.mbskin a.btn_b01 {}
|
||||
.mbskin a.btn_b01:focus, .mbskin .btn_b01:hover {}
|
||||
.mbskin a.btn_b02 {}
|
||||
.mbskin a.btn_b02:focus, .mbskin .btn_b02:hover {}
|
||||
.mbskin a.btn_admin {} /* 관리자 전용 버튼 */
|
||||
.mbskin a.btn_admin:focus, .mbskin a.btn_admin:hover {}
|
||||
|
||||
/* 기본테이블 */
|
||||
.mbskin .tbl_head01 {}
|
||||
.mbskin .tbl_head01 caption {}
|
||||
.mbskin .tbl_head01 thead th {}
|
||||
.mbskin .tbl_head01 thead a {}
|
||||
.mbskin .tbl_head01 thead th input {} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
|
||||
.mbskin .tbl_head01 tfoot th {}
|
||||
.mbskin .tbl_head01 tfoot td {}
|
||||
.mbskin .tbl_head01 tbody th {}
|
||||
.mbskin .tbl_head01 td {}
|
||||
.mbskin .tbl_head01 a {}
|
||||
.mbskin td.empty_table {}
|
||||
|
||||
/* 폼 테이블 */
|
||||
.mbskin table {}
|
||||
.mbskin caption {}
|
||||
.mbskin .frm_info {}
|
||||
.mbskin .frm_address {}
|
||||
.mbskin .frm_file {}
|
||||
|
||||
.mbskin .tbl_frm01 {}
|
||||
.mbskin .tbl_frm01 th {}
|
||||
.mbskin .tbl_frm01 td {}
|
||||
.mbskin .tbl_frm01 textarea, .mb_skin tbl_frm01 .frm_input {}
|
||||
.mbskin .tbl_frm01 textarea {}
|
||||
/*
|
||||
.mbskin .tbl_frm01 #captcha {}
|
||||
.mbskin .tbl_frm01 #captcha input {}
|
||||
*/
|
||||
.mbskin .tbl_frm01 a {}
|
||||
|
||||
/* 필수입력 */
|
||||
.mbskin .required, .mbskin textarea.required {}
|
||||
|
||||
/* 테이블 항목별 정의 */
|
||||
.mbskin .td_board {}
|
||||
.mbskin .td_chk {}
|
||||
.mbskin .td_date {}
|
||||
.mbskin .td_datetime {}
|
||||
.mbskin .td_group {}
|
||||
.mbskin .td_mb_id {}
|
||||
.mbskin .td_mng {}
|
||||
.mbskin .td_name {}
|
||||
.mbskin .td_nick {}
|
||||
.mbskin .td_num {}
|
||||
.mbskin .td_numbig {}
|
||||
|
||||
.mbskin .txt_active {}
|
||||
.mbskin .txt_expired {}
|
||||
|
||||
/* ### 기본 스타일 커스터마이징 끝 ### */
|
||||
|
||||
/* 회원가입 약관 */
|
||||
#fregister section {margin:0 0 20px;padding:20px 0;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 #d9d9d9;background:#f7f7f7}
|
||||
#fregister .fregister_agree {padding:10px 0 0;text-align:right}
|
||||
#fregister .fregister_agree label {display:inline-block;margin-right:5px}
|
||||
#fregister p {color:#e8180c;text-align:center}
|
||||
#fregister .btn_confirm {margin-bottom:20px}
|
||||
|
||||
/* 회원가입 입력 */
|
||||
#fregisterform textarea {height:50px}
|
||||
|
||||
#msg_certify {margin:5px 0 0;padding:5px;border:1px solid #dbecff;background:#eaf4ff;text-align:center}
|
||||
|
||||
/* 회원가입 완료 */
|
||||
#reg_result {padding:50px 0 0}
|
||||
#reg_result #result_logo {margin-bottom:50px;text-align:center}
|
||||
#reg_result #result_email {padding:10px 50px;border-top:1px solid #eee;border-bottom:1px solid #eee;background:#fff;line-height:2em}
|
||||
#reg_result #result_email span {display:inline-block;width:150px}
|
||||
#reg_result #result_email strong {color:#e8180c;font-size:1.2em}
|
||||
#reg_result .btn_confirm {margin:50px 0}
|
||||
|
||||
/* 아이디/패스워드 찾기 */
|
||||
#find_info #mb_hp_label {display:inline-block;margin-left:10px}
|
||||
#find_info #info_fs {margin:0 20px 20px;padding:10px 20px 15px;background:#fff}
|
||||
#find_info #captcha {position:absolute;top:110px;right:35px}
|
||||
|
||||
/* 로그인 */
|
||||
#mb_login {margin:0 auto;padding:100px 0;width:500px}
|
||||
#mb_login h1 {margin:0 0 20px;font-size:1.3em}
|
||||
#mb_login h2 {margin:0}
|
||||
#mb_login #login_fs {position:relative;margin:0;padding:20px 20px 20px 95px;border:1px solid #cfded8;border-bottom:0;background:#fff}
|
||||
#mb_login #login_fs legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
|
||||
#mb_login #login_fs label {letter-spacing:-0.1em}
|
||||
#mb_login #login_fs .login_id {position:absolute;top:26px;left:95px}
|
||||
#mb_login #login_fs .login_pw {position:absolute;top:52px;left:95px}
|
||||
#mb_login #login_fs .frm_input {display:block;margin:0 0 5px 80px}
|
||||
#mb_login #login_fs .btn_submit {position:absolute;top:20px;left:335px;height:49px}
|
||||
#mb_login #login_info {margin:0 0 30px;padding:20px;border:1px solid #cfded8;background:#f5f6fa}
|
||||
#mb_login #login_info div {text-align:right}
|
||||
|
||||
/* 쪽지 */
|
||||
#memo_view_contents {margin:0 auto 20px;width:90%}
|
||||
#memo_view_contents h1 {position:absolute;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_subj {display:inline-block;width:65px}
|
||||
#memo_view_ul a {}
|
||||
#memo_view section p {padding:10px;min-height:150px;height:auto !important;height:150px;background:#fff}
|
||||
|
||||
#memo_write textarea {height:100px}
|
||||
|
||||
/* 스크랩 */
|
||||
#scrap_do table {margin:0 0 10px;width:100%}
|
||||
#scrap_do textarea {height:100px}
|
||||
|
||||
/* 회원 패스워드 확인 */
|
||||
#mb_confirm {margin:0 auto;padding:100px 0;width:500px}
|
||||
#mb_confirm h1 {margin:0 0 20px;font-size:1.3em}
|
||||
#mb_confirm p {padding:20px;border:1px solid #d9d9d9;border-bottom:0;background:#fff}
|
||||
#mb_confirm p strong {display:block}
|
||||
#mb_confirm fieldset {margin:0 0 30px;padding:30px 0;border:1px solid #d9d9d9;background:#f5f6fa;text-align:center}
|
||||
#mb_confirm label {letter-spacing:-0.1em}
|
||||
#mb_confirm_id {display:inline-block;margin-right:20px;font-weight:bold}
|
||||
|
||||
/* 비밀글 패스워드 확인 */
|
||||
#pw_confirm {margin:0 auto;padding:100px 0;width:500px}
|
||||
#pw_confirm h1 {margin:0 0 20px;font-size:1.3em}
|
||||
#pw_confirm p {padding:20px;border:1px solid #d9d9d9;border-bottom:0;background:#fff}
|
||||
#pw_confirm p strong {display:block}
|
||||
#pw_confirm fieldset {margin:0 0 30px;padding:30px 0;border:1px solid #d9d9d9;background:#f5f6fa;text-align:center}
|
||||
#pw_confirm label {letter-spacing:-0.1em}
|
||||
#pw_confirm_id {display:inline-block;margin-right:20px;font-weight:bold}
|
||||
|
||||
/* 폼메일 */
|
||||
#formmail #subject {width:386px}
|
||||
#formmail textarea {height:100px}
|
||||
|
||||
/* 자기소개 */
|
||||
#profile table {margin-bottom:0}
|
||||
#profile section {margin:0 auto 20px;padding:20px;width:86%}
|
||||
#profile h2 {margin:0}
|
||||
|
||||
/* 우편번호 검색 */
|
||||
#post_code fieldset {margin:0 auto 10px;padding:15px 10px;width:87%;text-align:center}
|
||||
#post_code dl {margin:0 auto 10px;padding:20px 10px;width:87%;border-right:1px solid #eee;border-bottom:1px solid #eee;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:8px 0 6px;border-bottom:1px solid #eee}
|
||||
#post_code p {margin:0 auto 30px;width:90%}
|
||||
.post_code {display:inline-block;width:50px;color:#999}
|
||||
@charset "utf-8";
|
||||
#fregister section {
|
||||
margin:0 0 20px;
|
||||
padding:20px 0;
|
||||
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 #d9d9d9;
|
||||
background:#f7f7f7;
|
||||
}
|
||||
|
||||
#fregister .fregister_agree {
|
||||
padding:10px 0 0;
|
||||
text-align:right;
|
||||
}
|
||||
|
||||
#fregister .fregister_agree label {
|
||||
display:inline-block;
|
||||
margin-right:5px;
|
||||
}
|
||||
|
||||
#fregister p {
|
||||
color:#e8180c;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
#fregister .btn_confirm {margin-bottom:20px;}
|
||||
|
||||
#fregisterform textarea {height:50px;}
|
||||
|
||||
#msg_certify {
|
||||
margin:5px 0 0;
|
||||
padding:5px;
|
||||
border:1px solid #dbecff;
|
||||
background:#eaf4ff;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
#reg_result {padding:50px 0 0;}
|
||||
|
||||
#reg_result #result_logo {
|
||||
margin-bottom:50px;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
#reg_result #result_email {
|
||||
padding:10px 50px;
|
||||
border-top:1px solid #eee;
|
||||
border-bottom:1px solid #eee;
|
||||
background:#fff;
|
||||
line-height:2em;
|
||||
}
|
||||
|
||||
#reg_result #result_email span {
|
||||
display:inline-block;
|
||||
width:150px;
|
||||
}
|
||||
|
||||
#reg_result #result_email strong {
|
||||
color:#e8180c;
|
||||
font-size:1.2em;
|
||||
}
|
||||
|
||||
#reg_result .btn_confirm {margin:50px 0;}
|
||||
|
||||
#find_info #mb_hp_label {
|
||||
display:inline-block;
|
||||
margin-left:10px;
|
||||
}
|
||||
|
||||
#find_info #info_fs {
|
||||
margin:0 20px 20px;
|
||||
padding:10px 20px 15px;
|
||||
background:#fff;
|
||||
}
|
||||
|
||||
#find_info #captcha {
|
||||
position:absolute;
|
||||
top:110px;
|
||||
right:35px;
|
||||
}
|
||||
|
||||
#mb_login {
|
||||
margin:0 auto;
|
||||
padding:100px 0;
|
||||
width:500px;
|
||||
}
|
||||
|
||||
#mb_login h1 {
|
||||
margin:0 0 20px;
|
||||
font-size:1.3em;
|
||||
}
|
||||
|
||||
#mb_login h2 {margin:0;}
|
||||
|
||||
#mb_login #login_fs {
|
||||
position:relative;
|
||||
margin:0;
|
||||
padding:20px 20px 20px 95px;
|
||||
border:1px solid #cfded8;
|
||||
border-bottom:0;
|
||||
background:#fff;
|
||||
}
|
||||
|
||||
#mb_login #login_fs legend {
|
||||
position:absolute;
|
||||
margin:0;
|
||||
padding:0;
|
||||
font-size:0;
|
||||
line-height:0;
|
||||
text-indent:-9999em;
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
#mb_login #login_fs label {letter-spacing:-0.1em;}
|
||||
|
||||
#mb_login #login_fs .login_id {
|
||||
position:absolute;
|
||||
top:26px;
|
||||
left:95px;
|
||||
}
|
||||
|
||||
#mb_login #login_fs .login_pw {
|
||||
position:absolute;
|
||||
top:52px;
|
||||
left:95px;
|
||||
}
|
||||
|
||||
#mb_login #login_fs .frm_input {
|
||||
display:block;
|
||||
margin:0 0 5px 80px;
|
||||
}
|
||||
|
||||
#mb_login #login_fs .btn_submit {
|
||||
position:absolute;
|
||||
top:20px;
|
||||
left:335px;
|
||||
height:49px;
|
||||
}
|
||||
|
||||
#mb_login #login_info {
|
||||
margin:0 0 30px;
|
||||
padding:20px;
|
||||
border:1px solid #cfded8;
|
||||
background:#f5f6fa;
|
||||
}
|
||||
|
||||
#mb_login #login_info div {text-align:right;}
|
||||
|
||||
#memo_view_contents {
|
||||
margin:0 auto 20px;
|
||||
width:90%;
|
||||
}
|
||||
|
||||
#memo_view_contents h1 {
|
||||
position:absolute;
|
||||
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_subj {
|
||||
display:inline-block;
|
||||
width:65px;
|
||||
}
|
||||
|
||||
#memo_view section p {
|
||||
padding:10px;
|
||||
min-height:150px;
|
||||
height:auto !important;
|
||||
height:150px;
|
||||
background:#fff;
|
||||
}
|
||||
|
||||
#memo_write textarea {height:100px;}
|
||||
|
||||
#scrap_do table {
|
||||
margin:0 0 10px;
|
||||
width:100%;
|
||||
}
|
||||
|
||||
#scrap_do textarea {height:100px;}
|
||||
|
||||
#mb_confirm {
|
||||
margin:0 auto;
|
||||
padding:100px 0;
|
||||
width:500px;
|
||||
}
|
||||
|
||||
#mb_confirm h1 {
|
||||
margin:0 0 20px;
|
||||
font-size:1.3em;
|
||||
}
|
||||
|
||||
#mb_confirm p {
|
||||
padding:20px;
|
||||
border:1px solid #d9d9d9;
|
||||
border-bottom:0;
|
||||
background:#fff;
|
||||
}
|
||||
|
||||
#mb_confirm p strong {display:block;}
|
||||
|
||||
#mb_confirm fieldset {
|
||||
margin:0 0 30px;
|
||||
padding:30px 0;
|
||||
border:1px solid #d9d9d9;
|
||||
background:#f5f6fa;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
#mb_confirm label {letter-spacing:-0.1em;}
|
||||
|
||||
#mb_confirm_id {
|
||||
display:inline-block;
|
||||
margin-right:20px;
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
#pw_confirm {
|
||||
margin:0 auto;
|
||||
padding:100px 0;
|
||||
width:500px;
|
||||
}
|
||||
|
||||
#pw_confirm h1 {
|
||||
margin:0 0 20px;
|
||||
font-size:1.3em;
|
||||
}
|
||||
|
||||
#pw_confirm p {
|
||||
padding:20px;
|
||||
border:1px solid #d9d9d9;
|
||||
border-bottom:0;
|
||||
background:#fff;
|
||||
}
|
||||
|
||||
#pw_confirm p strong {display:block;}
|
||||
|
||||
#pw_confirm fieldset {
|
||||
margin:0 0 30px;
|
||||
padding:30px 0;
|
||||
border:1px solid #d9d9d9;
|
||||
background:#f5f6fa;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
#pw_confirm label {letter-spacing:-0.1em;}
|
||||
|
||||
#pw_confirm_id {
|
||||
display:inline-block;
|
||||
margin-right:20px;
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
#formmail #subject {width:386px;}
|
||||
|
||||
#formmail textarea {height:100px;}
|
||||
|
||||
#profile table {margin-bottom:0;}
|
||||
|
||||
#profile section {
|
||||
margin:0 auto 20px;
|
||||
padding:20px;
|
||||
width:86%;
|
||||
}
|
||||
|
||||
#profile h2 {margin:0;}
|
||||
|
||||
#post_code fieldset {
|
||||
margin:0 auto 10px;
|
||||
padding:15px 10px;
|
||||
width:87%;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
#post_code dl {
|
||||
margin:0 auto 10px;
|
||||
padding:20px 10px;
|
||||
width:87%;
|
||||
border-right:1px solid #eee;
|
||||
border-bottom:1px solid #eee;
|
||||
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:8px 0 6px;
|
||||
border-bottom:1px solid #eee;
|
||||
}
|
||||
|
||||
#post_code p {
|
||||
margin:0 auto 30px;
|
||||
width:90%;
|
||||
}
|
||||
|
||||
.post_code {
|
||||
display:inline-block;
|
||||
width:50px;
|
||||
color:#999;
|
||||
}
|
||||
|
||||
|
||||
176
skin/member/basic/style.less
Normal file
176
skin/member/basic/style.less
Normal file
@ -0,0 +1,176 @@
|
||||
@charset "utf-8";
|
||||
/* SIR 지운아빠 */
|
||||
|
||||
/* ### 기본 스타일 커스터마이징 시작 ### */
|
||||
|
||||
/* 버튼 */
|
||||
.mbskin a.btn01 {}
|
||||
.mbskin a.btn01:focus, .mbskin .btn01:hover {}
|
||||
.mbskin a.btn02 {}
|
||||
.mbskin a.btn02:focus, .mbskin .btn02:hover {}
|
||||
.mbskin .btn_confirm {} /* 서식단계 진행 */
|
||||
.mbskin .btn_submit {}
|
||||
.mbskin button.btn_submit {}
|
||||
.mbskin fieldset .btn_submit {}
|
||||
.mbskin .btn_cancel {}
|
||||
.mbskin button.btn_cancel {}
|
||||
.mbskin .btn_cancel:focus, .mbskin .btn_cancel:hover {}
|
||||
.mbskin a.btn_frmline, .mbskin button.btn_frmline {} /* 우편번호검색버튼 등 */
|
||||
.mbskin button.btn_frmline {}
|
||||
.mbskin .win_btn {} /* 새창용 */
|
||||
.mbskin .win_btn button {}
|
||||
.mbskin .win_btn input {}
|
||||
.mbskin .win_btn a {}
|
||||
.mbskin .win_btn a:focus, .mbskin .win_btn a:hover {}
|
||||
/* 게시판용 버튼 */
|
||||
.mbskin a.btn_b01 {}
|
||||
.mbskin a.btn_b01:focus, .mbskin .btn_b01:hover {}
|
||||
.mbskin a.btn_b02 {}
|
||||
.mbskin a.btn_b02:focus, .mbskin .btn_b02:hover {}
|
||||
.mbskin a.btn_admin {} /* 관리자 전용 버튼 */
|
||||
.mbskin a.btn_admin:focus, .mbskin a.btn_admin:hover {}
|
||||
|
||||
/* 기본테이블 */
|
||||
.mbskin .tbl_head01 {}
|
||||
.mbskin .tbl_head01 caption {}
|
||||
.mbskin .tbl_head01 thead th {}
|
||||
.mbskin .tbl_head01 thead a {}
|
||||
.mbskin .tbl_head01 thead th input {} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
|
||||
.mbskin .tbl_head01 tfoot th {}
|
||||
.mbskin .tbl_head01 tfoot td {}
|
||||
.mbskin .tbl_head01 tbody th {}
|
||||
.mbskin .tbl_head01 td {}
|
||||
.mbskin .tbl_head01 a {}
|
||||
.mbskin td.empty_table {}
|
||||
|
||||
/* 폼 테이블 */
|
||||
.mbskin table {}
|
||||
.mbskin caption {}
|
||||
.mbskin .frm_info {}
|
||||
.mbskin .frm_address {}
|
||||
.mbskin .frm_file {}
|
||||
|
||||
.mbskin .tbl_frm01 {}
|
||||
.mbskin .tbl_frm01 th {}
|
||||
.mbskin .tbl_frm01 td {}
|
||||
.mbskin .tbl_frm01 textarea, .mb_skin tbl_frm01 .frm_input {}
|
||||
.mbskin .tbl_frm01 textarea {}
|
||||
/*
|
||||
.mbskin .tbl_frm01 #captcha {}
|
||||
.mbskin .tbl_frm01 #captcha input {}
|
||||
*/
|
||||
.mbskin .tbl_frm01 a {}
|
||||
|
||||
/* 필수입력 */
|
||||
.mbskin .required, .mbskin textarea.required {}
|
||||
|
||||
/* 테이블 항목별 정의 */
|
||||
.mbskin .td_board {}
|
||||
.mbskin .td_chk {}
|
||||
.mbskin .td_date {}
|
||||
.mbskin .td_datetime {}
|
||||
.mbskin .td_group {}
|
||||
.mbskin .td_mb_id {}
|
||||
.mbskin .td_mng {}
|
||||
.mbskin .td_name {}
|
||||
.mbskin .td_nick {}
|
||||
.mbskin .td_num {}
|
||||
.mbskin .td_numbig {}
|
||||
|
||||
.mbskin .txt_active {}
|
||||
.mbskin .txt_expired {}
|
||||
|
||||
/* ### 기본 스타일 커스터마이징 끝 ### */
|
||||
|
||||
/* 회원가입 약관 */
|
||||
#fregister section {margin:0 0 20px;padding:20px 0;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 #d9d9d9;background:#f7f7f7}
|
||||
#fregister .fregister_agree {padding:10px 0 0;text-align:right}
|
||||
#fregister .fregister_agree label {display:inline-block;margin-right:5px}
|
||||
#fregister p {color:#e8180c;text-align:center}
|
||||
#fregister .btn_confirm {margin-bottom:20px}
|
||||
|
||||
/* 회원가입 입력 */
|
||||
#fregisterform textarea {height:50px}
|
||||
|
||||
#msg_certify {margin:5px 0 0;padding:5px;border:1px solid #dbecff;background:#eaf4ff;text-align:center}
|
||||
|
||||
/* 회원가입 완료 */
|
||||
#reg_result {padding:50px 0 0}
|
||||
#reg_result #result_logo {margin-bottom:50px;text-align:center}
|
||||
#reg_result #result_email {padding:10px 50px;border-top:1px solid #eee;border-bottom:1px solid #eee;background:#fff;line-height:2em}
|
||||
#reg_result #result_email span {display:inline-block;width:150px}
|
||||
#reg_result #result_email strong {color:#e8180c;font-size:1.2em}
|
||||
#reg_result .btn_confirm {margin:50px 0}
|
||||
|
||||
/* 아이디/패스워드 찾기 */
|
||||
#find_info #mb_hp_label {display:inline-block;margin-left:10px}
|
||||
#find_info #info_fs {margin:0 20px 20px;padding:10px 20px 15px;background:#fff}
|
||||
#find_info #captcha {position:absolute;top:110px;right:35px}
|
||||
|
||||
/* 로그인 */
|
||||
#mb_login {margin:0 auto;padding:100px 0;width:500px}
|
||||
#mb_login h1 {margin:0 0 20px;font-size:1.3em}
|
||||
#mb_login h2 {margin:0}
|
||||
#mb_login #login_fs {position:relative;margin:0;padding:20px 20px 20px 95px;border:1px solid #cfded8;border-bottom:0;background:#fff}
|
||||
#mb_login #login_fs legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
|
||||
#mb_login #login_fs label {letter-spacing:-0.1em}
|
||||
#mb_login #login_fs .login_id {position:absolute;top:26px;left:95px}
|
||||
#mb_login #login_fs .login_pw {position:absolute;top:52px;left:95px}
|
||||
#mb_login #login_fs .frm_input {display:block;margin:0 0 5px 80px}
|
||||
#mb_login #login_fs .btn_submit {position:absolute;top:20px;left:335px;height:49px}
|
||||
#mb_login #login_info {margin:0 0 30px;padding:20px;border:1px solid #cfded8;background:#f5f6fa}
|
||||
#mb_login #login_info div {text-align:right}
|
||||
|
||||
/* 쪽지 */
|
||||
#memo_view_contents {margin:0 auto 20px;width:90%}
|
||||
#memo_view_contents h1 {position:absolute;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_subj {display:inline-block;width:65px}
|
||||
#memo_view_ul a {}
|
||||
#memo_view section p {padding:10px;min-height:150px;height:auto !important;height:150px;background:#fff}
|
||||
|
||||
#memo_write textarea {height:100px}
|
||||
|
||||
/* 스크랩 */
|
||||
#scrap_do table {margin:0 0 10px;width:100%}
|
||||
#scrap_do textarea {height:100px}
|
||||
|
||||
/* 회원 패스워드 확인 */
|
||||
#mb_confirm {margin:0 auto;padding:100px 0;width:500px}
|
||||
#mb_confirm h1 {margin:0 0 20px;font-size:1.3em}
|
||||
#mb_confirm p {padding:20px;border:1px solid #d9d9d9;border-bottom:0;background:#fff}
|
||||
#mb_confirm p strong {display:block}
|
||||
#mb_confirm fieldset {margin:0 0 30px;padding:30px 0;border:1px solid #d9d9d9;background:#f5f6fa;text-align:center}
|
||||
#mb_confirm label {letter-spacing:-0.1em}
|
||||
#mb_confirm_id {display:inline-block;margin-right:20px;font-weight:bold}
|
||||
|
||||
/* 비밀글 패스워드 확인 */
|
||||
#pw_confirm {margin:0 auto;padding:100px 0;width:500px}
|
||||
#pw_confirm h1 {margin:0 0 20px;font-size:1.3em}
|
||||
#pw_confirm p {padding:20px;border:1px solid #d9d9d9;border-bottom:0;background:#fff}
|
||||
#pw_confirm p strong {display:block}
|
||||
#pw_confirm fieldset {margin:0 0 30px;padding:30px 0;border:1px solid #d9d9d9;background:#f5f6fa;text-align:center}
|
||||
#pw_confirm label {letter-spacing:-0.1em}
|
||||
#pw_confirm_id {display:inline-block;margin-right:20px;font-weight:bold}
|
||||
|
||||
/* 폼메일 */
|
||||
#formmail #subject {width:386px}
|
||||
#formmail textarea {height:100px}
|
||||
|
||||
/* 자기소개 */
|
||||
#profile table {margin-bottom:0}
|
||||
#profile section {margin:0 auto 20px;padding:20px;width:86%}
|
||||
#profile h2 {margin:0}
|
||||
|
||||
/* 우편번호 검색 */
|
||||
#post_code fieldset {margin:0 auto 10px;padding:15px 10px;width:87%;text-align:center}
|
||||
#post_code dl {margin:0 auto 10px;padding:20px 10px;width:87%;border-right:1px solid #eee;border-bottom:1px solid #eee;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:8px 0 6px;border-bottom:1px solid #eee}
|
||||
#post_code p {margin:0 auto 30px;width:90%}
|
||||
.post_code {display:inline-block;width:50px;color:#999}
|
||||
@ -1,7 +1,18 @@
|
||||
@charset "utf-8";
|
||||
/* SIR 지운아빠 */
|
||||
|
||||
/* 최근게시물 스킨 (new) */
|
||||
#new_sch {margin-bottom:10px;text-align:right}
|
||||
#new_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
|
||||
#new_sch .btn_submit {height:22px}
|
||||
@charset "utf-8";
|
||||
#new_sch {
|
||||
margin-bottom:10px;
|
||||
text-align:right;
|
||||
}
|
||||
|
||||
#new_sch legend {
|
||||
position:absolute;
|
||||
margin:0;
|
||||
padding:0;
|
||||
font-size:0;
|
||||
line-height:0;
|
||||
text-indent:-9999em;
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
#new_sch .btn_submit {height:22px;}
|
||||
|
||||
|
||||
7
skin/new/basic/style.less
Normal file
7
skin/new/basic/style.less
Normal file
@ -0,0 +1,7 @@
|
||||
@charset "utf-8";
|
||||
/* SIR 지운아빠 */
|
||||
|
||||
/* 최근게시물 스킨 (new) */
|
||||
#new_sch {margin-bottom:10px;text-align:right}
|
||||
#new_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
|
||||
#new_sch .btn_submit {height:22px}
|
||||
@ -1,46 +1,196 @@
|
||||
@charset "utf-8";
|
||||
/* SIR 지운아빠 */
|
||||
|
||||
/* 아웃로그인 스킨 */
|
||||
.ol {position:relative;padding:15px 15px 14px 14px}
|
||||
.ol h2 {margin:0;padding:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
|
||||
.ol ul {margin:0;padding:0;list-style:none}
|
||||
|
||||
.ol a.btn_admin {display:inline-block;padding:0 10px;height:23px;border:1px solid #e8180c;background:#e8180c;color:#fff;text-decoration:none;line-height:2.15em;vertical-align:middle} /* 관리자 전용 버튼 */
|
||||
.ol a.btn_admin:focus, .ol a.btn_admin:hover {text-decoration:none}
|
||||
|
||||
#ol_before {}
|
||||
#ol_before fieldset {position:relative}
|
||||
#ol_id {display:block;margin:0 0 5px !important;margin:0 0 3px;padding:0 5px;width:168px;height:22px;border:1px solid #b8c9c2;background:#f7f7f7;line-height:1.6em}
|
||||
.ol_idlabel {position:absolute;top:6px;left:5px;color:#333;font-size:0.95em}
|
||||
#ol_pw {display:block;margin:0 0 5px !important;margin:0 0 3px;padding:0 5px;width:168px;height:22px;border:1px solid #b8c9c2;background:#f7f7f7;vertical-align:top;line-height:1.6em}
|
||||
.ol_pwlabel {position:absolute;top:35px;left:5px;color:#333;font-size:0.95em}
|
||||
#auto_login {}
|
||||
#auto_login_label {letter-spacing:-0.1em}
|
||||
#ol_submit {display:inline-block;width:60px;height:24px;border:0;background:#333;color:#fff;font-size:0.9em;font-weight:bold;vertical-align:top}
|
||||
#ol_before a {letter-spacing:-0.15em}
|
||||
#ol_svc {float:left;margin:5px 0 0}
|
||||
#ol_password_lost {display:inline-block;margin:0 0 0 5px}
|
||||
#ol_auto {position:relative;float:right;margin:5px 0 0}
|
||||
#ol_auto label {letter-spacing:-0.1em}
|
||||
#ol_auto input {width:13px;height:13px;vertical-align:bottom}
|
||||
|
||||
#ol_after {}
|
||||
#ol_after_hd {margin:0 0 3px}
|
||||
#ol_after_hd .btn_admin {margin-top:5px;width:158px;text-align:center}
|
||||
#ol_after_private {margin:0 0 3px;zoom:1}
|
||||
#ol_after_private:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#ol_after_private li {float:left}
|
||||
#ol_after_private a {display:block;padding-top:8px;height:37px;background:#f7f7f7;text-align:center}
|
||||
#ol_after_private a strong {display:block;padding-top:3px;color:#000;font-weight:normal}
|
||||
#ol_after_private a:focus,
|
||||
#ol_after_private a:hover {background:#333;color:#fff;text-decoration:none}
|
||||
#ol_after_private a:focus strong,
|
||||
#ol_after_private a:hover strong {color:#fff;text-decoration:none}
|
||||
#ol_after_memo {width:50px;margin-right:1px}
|
||||
#ol_after_pt {width:80px;margin-right:1px}
|
||||
#ol_after_scrap {width:48px;line-height:2.6em !important}
|
||||
#ol_after_ft {text-align:justify}
|
||||
#ol_after_ft a {display:inline-block;width:88px;height:22px;background:#333;color:#fff;text-align:center;line-height:1.8em}
|
||||
#ol_after_ft a:focus,
|
||||
#ol_after_ft a:hover {text-decoration:none !important}
|
||||
@charset "utf-8";
|
||||
.ol {
|
||||
position:relative;
|
||||
padding:15px 15px 14px 14px;
|
||||
}
|
||||
|
||||
.ol h2 {
|
||||
margin:0;
|
||||
padding:0;
|
||||
width:1px;
|
||||
height:1px;
|
||||
font-size:0;
|
||||
line-height:0;
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
.ol ul {
|
||||
margin:0;
|
||||
padding:0;
|
||||
list-style:none;
|
||||
}
|
||||
|
||||
.ol a.btn_admin {
|
||||
display:inline-block;
|
||||
padding:0 10px;
|
||||
height:23px;
|
||||
border:1px solid #e8180c;
|
||||
background:#e8180c;
|
||||
color:#fff;
|
||||
text-decoration:none;
|
||||
line-height:2.15em;
|
||||
vertical-align:middle;
|
||||
}
|
||||
|
||||
.ol a.btn_admin:focus, .ol a.btn_admin:hover {text-decoration:none;}
|
||||
|
||||
#ol_before fieldset {position:relative;}
|
||||
|
||||
#ol_id {
|
||||
display:block;
|
||||
margin:0 0 5px !important;
|
||||
margin:0 0 3px;
|
||||
padding:0 5px;
|
||||
width:168px;
|
||||
height:22px;
|
||||
border:1px solid #b8c9c2;
|
||||
background:#f7f7f7;
|
||||
line-height:1.6em;
|
||||
}
|
||||
|
||||
.ol_idlabel {
|
||||
position:absolute;
|
||||
top:6px;
|
||||
left:5px;
|
||||
color:#333;
|
||||
font-size:0.95em;
|
||||
}
|
||||
|
||||
#ol_pw {
|
||||
display:block;
|
||||
margin:0 0 5px !important;
|
||||
margin:0 0 3px;
|
||||
padding:0 5px;
|
||||
width:168px;
|
||||
height:22px;
|
||||
border:1px solid #b8c9c2;
|
||||
background:#f7f7f7;
|
||||
vertical-align:top;
|
||||
line-height:1.6em;
|
||||
}
|
||||
|
||||
.ol_pwlabel {
|
||||
position:absolute;
|
||||
top:35px;
|
||||
left:5px;
|
||||
color:#333;
|
||||
font-size:0.95em;
|
||||
}
|
||||
|
||||
#auto_login_label {letter-spacing:-0.1em;}
|
||||
|
||||
#ol_submit {
|
||||
display:inline-block;
|
||||
width:60px;
|
||||
height:24px;
|
||||
border:0;
|
||||
background:#333;
|
||||
color:#fff;
|
||||
font-size:0.9em;
|
||||
font-weight:bold;
|
||||
vertical-align:top;
|
||||
}
|
||||
|
||||
#ol_before a {letter-spacing:-0.15em;}
|
||||
|
||||
#ol_svc {
|
||||
float:left;
|
||||
margin:5px 0 0;
|
||||
}
|
||||
|
||||
#ol_password_lost {
|
||||
display:inline-block;
|
||||
margin:0 0 0 5px;
|
||||
}
|
||||
|
||||
#ol_auto {
|
||||
position:relative;
|
||||
float:right;
|
||||
margin:5px 0 0;
|
||||
}
|
||||
|
||||
#ol_auto label {letter-spacing:-0.1em;}
|
||||
|
||||
#ol_auto input {
|
||||
width:13px;
|
||||
height:13px;
|
||||
vertical-align:bottom;
|
||||
}
|
||||
|
||||
#ol_after_hd {margin:0 0 3px;}
|
||||
|
||||
#ol_after_hd .btn_admin {
|
||||
margin-top:5px;
|
||||
width:158px;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
#ol_after_private {
|
||||
margin:0 0 3px;
|
||||
zoom:1;
|
||||
}
|
||||
|
||||
#ol_after_private:after {
|
||||
display:block;
|
||||
visibility:hidden;
|
||||
clear:both;
|
||||
content:"";
|
||||
}
|
||||
|
||||
#ol_after_private li {float:left;}
|
||||
|
||||
#ol_after_private a {
|
||||
display:block;
|
||||
padding-top:8px;
|
||||
height:37px;
|
||||
background:#f7f7f7;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
#ol_after_private a strong {
|
||||
display:block;
|
||||
padding-top:3px;
|
||||
color:#000;
|
||||
font-weight:normal;
|
||||
}
|
||||
|
||||
#ol_after_private a:focus, #ol_after_private a:hover {
|
||||
background:#333;
|
||||
color:#fff;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
#ol_after_private a:focus strong, #ol_after_private a:hover strong {
|
||||
color:#fff;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
#ol_after_memo {
|
||||
width:50px;
|
||||
margin-right:1px;
|
||||
}
|
||||
|
||||
#ol_after_pt {
|
||||
width:80px;
|
||||
margin-right:1px;
|
||||
}
|
||||
|
||||
#ol_after_scrap {
|
||||
width:48px;
|
||||
line-height:2.6em !important;
|
||||
}
|
||||
|
||||
#ol_after_ft {text-align:justify;}
|
||||
|
||||
#ol_after_ft a {
|
||||
display:inline-block;
|
||||
width:88px;
|
||||
height:22px;
|
||||
background:#333;
|
||||
color:#fff;
|
||||
text-align:center;
|
||||
line-height:1.8em;
|
||||
}
|
||||
|
||||
#ol_after_ft a:focus, #ol_after_ft a:hover {text-decoration:none !important;}
|
||||
|
||||
|
||||
46
skin/outlogin/basic/style.less
Normal file
46
skin/outlogin/basic/style.less
Normal file
@ -0,0 +1,46 @@
|
||||
@charset "utf-8";
|
||||
/* SIR 지운아빠 */
|
||||
|
||||
/* 아웃로그인 스킨 */
|
||||
.ol {position:relative;padding:15px 15px 14px 14px}
|
||||
.ol h2 {margin:0;padding:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
|
||||
.ol ul {margin:0;padding:0;list-style:none}
|
||||
|
||||
.ol a.btn_admin {display:inline-block;padding:0 10px;height:23px;border:1px solid #e8180c;background:#e8180c;color:#fff;text-decoration:none;line-height:2.15em;vertical-align:middle} /* 관리자 전용 버튼 */
|
||||
.ol a.btn_admin:focus, .ol a.btn_admin:hover {text-decoration:none}
|
||||
|
||||
#ol_before {}
|
||||
#ol_before fieldset {position:relative}
|
||||
#ol_id {display:block;margin:0 0 5px !important;margin:0 0 3px;padding:0 5px;width:168px;height:22px;border:1px solid #b8c9c2;background:#f7f7f7;line-height:1.6em}
|
||||
.ol_idlabel {position:absolute;top:6px;left:5px;color:#333;font-size:0.95em}
|
||||
#ol_pw {display:block;margin:0 0 5px !important;margin:0 0 3px;padding:0 5px;width:168px;height:22px;border:1px solid #b8c9c2;background:#f7f7f7;vertical-align:top;line-height:1.6em}
|
||||
.ol_pwlabel {position:absolute;top:35px;left:5px;color:#333;font-size:0.95em}
|
||||
#auto_login {}
|
||||
#auto_login_label {letter-spacing:-0.1em}
|
||||
#ol_submit {display:inline-block;width:60px;height:24px;border:0;background:#333;color:#fff;font-size:0.9em;font-weight:bold;vertical-align:top}
|
||||
#ol_before a {letter-spacing:-0.15em}
|
||||
#ol_svc {float:left;margin:5px 0 0}
|
||||
#ol_password_lost {display:inline-block;margin:0 0 0 5px}
|
||||
#ol_auto {position:relative;float:right;margin:5px 0 0}
|
||||
#ol_auto label {letter-spacing:-0.1em}
|
||||
#ol_auto input {width:13px;height:13px;vertical-align:bottom}
|
||||
|
||||
#ol_after {}
|
||||
#ol_after_hd {margin:0 0 3px}
|
||||
#ol_after_hd .btn_admin {margin-top:5px;width:158px;text-align:center}
|
||||
#ol_after_private {margin:0 0 3px;zoom:1}
|
||||
#ol_after_private:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#ol_after_private li {float:left}
|
||||
#ol_after_private a {display:block;padding-top:8px;height:37px;background:#f7f7f7;text-align:center}
|
||||
#ol_after_private a strong {display:block;padding-top:3px;color:#000;font-weight:normal}
|
||||
#ol_after_private a:focus,
|
||||
#ol_after_private a:hover {background:#333;color:#fff;text-decoration:none}
|
||||
#ol_after_private a:focus strong,
|
||||
#ol_after_private a:hover strong {color:#fff;text-decoration:none}
|
||||
#ol_after_memo {width:50px;margin-right:1px}
|
||||
#ol_after_pt {width:80px;margin-right:1px}
|
||||
#ol_after_scrap {width:48px;line-height:2.6em !important}
|
||||
#ol_after_ft {text-align:justify}
|
||||
#ol_after_ft a {display:inline-block;width:88px;height:22px;background:#333;color:#fff;text-align:center;line-height:1.8em}
|
||||
#ol_after_ft a:focus,
|
||||
#ol_after_ft a:hover {text-decoration:none !important}
|
||||
@ -1,89 +1,202 @@
|
||||
@charset "utf-8";
|
||||
/* SIR 지운아빠 */
|
||||
|
||||
/* ### 기본 스타일 커스터마이징 시작 ### */
|
||||
|
||||
#poll a.btn_admin {} /* 관리자 전용 버튼 */
|
||||
#poll a.btn_admin:focus, #poll a.btn_admin:hover {}
|
||||
|
||||
#poll_result .tbl_frm table {}
|
||||
#poll_result .tbl_frm .frm_info {}
|
||||
#poll_result .tbl_frm .frm_address {}
|
||||
#poll_result .tbl_frm .frm_file {}
|
||||
#poll_result .tbl_frm caption {}
|
||||
|
||||
#poll_result .tbl_frm01 {}
|
||||
#poll_result .tbl_frm01 th {}
|
||||
#poll_result .tbl_frm01 td {}
|
||||
#poll_result .tbl_frm01 textarea, #poll_result tbl_frm01 .frm_input {}
|
||||
#poll_result .tbl_frm01 textarea {}
|
||||
/*
|
||||
#poll_result .tbl_frm01 #captcha {}
|
||||
#poll_result .tbl_frm01 #captcha input {}
|
||||
*/
|
||||
#poll_result .tbl_frm01 a {}
|
||||
|
||||
/* 필수입력 */
|
||||
#poll_result .required, #poll_result textarea.required {}
|
||||
|
||||
#poll_result .btn_confirm {} /* 서식단계 진행 */
|
||||
#poll_result .btn_submit {}
|
||||
#poll_result button.btn_submit {}
|
||||
#poll_result .win_btn {} /* 새창용 */
|
||||
#poll_result .win_btn button {}
|
||||
#poll_result .win_btn input {}
|
||||
#poll_result .win_btn a {}
|
||||
#poll_result .win_btn a:focus, #poll_result .win_btn a:hover {}
|
||||
|
||||
/* ### 기본 스타일 커스터마이징 끝 ### */
|
||||
|
||||
/* 설문조사 스킨 */
|
||||
#poll {border-top:1px solid #e7f1ed}
|
||||
#poll header {position:relative;padding:15px 14px 0}
|
||||
#poll h2 {}
|
||||
#poll header .btn_admin {margin-top:5px;width:158px;text-align:center}
|
||||
#poll header p {padding:5px 0 0}
|
||||
#poll ul {margin:0 0 10px;padding:5px 14px;list-style:none}
|
||||
#poll li {padding:3px 0}
|
||||
#poll footer {padding:0 14px 14px}
|
||||
#poll footer input {width:88px;height:24px;border:0;background:#333;color:#fff;letter-spacing:-0.1em;vertical-align:top;cursor:pointer}
|
||||
#poll footer a {display:inline-block;width:86px;height:22px;border:1px solid #ccc;background:#fafafa;text-align:center;line-height:2em}
|
||||
#poll footer a:focus,
|
||||
#poll footer a:hover {text-decoration:none !important}
|
||||
|
||||
/* 설문조사 결과 (새창) */
|
||||
#poll_result section {padding:15px;width:87%;border-right:1px solid #eee;border-bottom:1px solid #eee;background:#fff}
|
||||
#poll_result h2 {margin:0;padding:20px 0}
|
||||
#poll_result a {}
|
||||
#poll_result .sv_member,
|
||||
#poll_result .sv_guest {font-weight:bold}
|
||||
#poll_result_list {margin:0 auto 20px}
|
||||
#poll_result_list h2 {text-align:center}
|
||||
#poll_result_list dl,
|
||||
#poll_result_list dt,
|
||||
#poll_result_list dd {margin:0;padding:0}
|
||||
#poll_result_list dl {padding-bottom:30px}
|
||||
#poll_result_list dt {margin-right:5%;color:#e8180d;text-align:right}
|
||||
#poll_result_list ol {margin:0;padding-left:30px}
|
||||
#poll_result_list li {margin-top:10px}
|
||||
#poll_result_list p {position:relative;margin:0;padding:5px 0}
|
||||
#poll_result_list p strong {position:absolute;top:5px;right:5%;padding-right:80px;width:100px;text-align:right}
|
||||
#poll_result_list p span {position:absolute;top:5px;right:5%;width:80px;color:#68999c;text-align:right}
|
||||
.poll_result_graph {position:relative;margin-right:5%;height:5px;background:#eee}
|
||||
.poll_result_graph span {position:absolute;top:0;left:0;height:5px;background:#565e60;font-size:0.1em}
|
||||
#poll_result_cmt {margin:0 auto 20px}
|
||||
#poll_result_cmt h2 {text-align:center}
|
||||
#poll_result_cmt h3 {margin:0 auto 10px;padding-top:15px;width:93%}
|
||||
#poll_result_cmt article {margin:0 18px 15px;border-bottom:1px solid #eee}
|
||||
#poll_result_cmt h1 {margin:0;padding:0;height:0;border:0;font-size:0;line-height:0;overflow:hidden}
|
||||
.poll_datetime {display:inline-block;margin-left:10px}
|
||||
#poll_result_cmt p {padding:3px 0}
|
||||
#poll_result_cmt fieldset {margin-bottom:0;text-align:left}
|
||||
#poll_result_cmt fieldset p {margin:0 0 15px;padding:3px 0 0px;text-align:left}
|
||||
#poll_result_cmt footer {text-align:right}
|
||||
#poll_result_wcmt {margin-bottom:10px;width:93%}
|
||||
.poll_cmt_del a {display:inline-block;padding-bottom:10px}
|
||||
#poll_result_oth {margin:0 auto 20px;width:93%}
|
||||
#poll_result_oth h2 {padding:0 0 10px}
|
||||
#poll_result_oth ul {margin:0;padding:0;list-style:none}
|
||||
#poll_result_oth a {display:block;padding:10px 0;border-bottom:1px solid #eee}
|
||||
@charset "utf-8";
|
||||
#poll {border-top:1px solid #e7f1ed;}
|
||||
|
||||
#poll header {
|
||||
position:relative;
|
||||
padding:15px 14px 0;
|
||||
}
|
||||
|
||||
#poll header .btn_admin {
|
||||
margin-top:5px;
|
||||
width:158px;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
#poll header p {padding:5px 0 0;}
|
||||
|
||||
#poll ul {
|
||||
margin:0 0 10px;
|
||||
padding:5px 14px;
|
||||
list-style:none;
|
||||
}
|
||||
|
||||
#poll li {padding:3px 0;}
|
||||
|
||||
#poll footer {padding:0 14px 14px;}
|
||||
|
||||
#poll footer input {
|
||||
width:88px;
|
||||
height:24px;
|
||||
border:0;
|
||||
background:#333;
|
||||
color:#fff;
|
||||
letter-spacing:-0.1em;
|
||||
vertical-align:top;
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
#poll footer a {
|
||||
display:inline-block;
|
||||
width:86px;
|
||||
height:22px;
|
||||
border:1px solid #ccc;
|
||||
background:#fafafa;
|
||||
text-align:center;
|
||||
line-height:2em;
|
||||
}
|
||||
|
||||
#poll footer a:focus, #poll footer a:hover {text-decoration:none !important;}
|
||||
|
||||
#poll_result section {
|
||||
padding:15px;
|
||||
width:87%;
|
||||
border-right:1px solid #eee;
|
||||
border-bottom:1px solid #eee;
|
||||
background:#fff;
|
||||
}
|
||||
|
||||
#poll_result h2 {
|
||||
margin:0;
|
||||
padding:20px 0;
|
||||
}
|
||||
|
||||
#poll_result .sv_member, #poll_result .sv_guest {font-weight:bold;}
|
||||
|
||||
#poll_result_list {margin:0 auto 20px;}
|
||||
|
||||
#poll_result_list h2 {text-align:center;}
|
||||
|
||||
#poll_result_list dl, #poll_result_list dt, #poll_result_list dd {
|
||||
margin:0;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
#poll_result_list dl {padding-bottom:30px;}
|
||||
|
||||
#poll_result_list dt {
|
||||
margin-right:5%;
|
||||
color:#e8180d;
|
||||
text-align:right;
|
||||
}
|
||||
|
||||
#poll_result_list ol {
|
||||
margin:0;
|
||||
padding-left:30px;
|
||||
}
|
||||
|
||||
#poll_result_list li {margin-top:10px;}
|
||||
|
||||
#poll_result_list p {
|
||||
position:relative;
|
||||
margin:0;
|
||||
padding:5px 0;
|
||||
}
|
||||
|
||||
#poll_result_list p strong {
|
||||
position:absolute;
|
||||
top:5px;
|
||||
right:5%;
|
||||
padding-right:80px;
|
||||
width:100px;
|
||||
text-align:right;
|
||||
}
|
||||
|
||||
#poll_result_list p span {
|
||||
position:absolute;
|
||||
top:5px;
|
||||
right:5%;
|
||||
width:80px;
|
||||
color:#68999c;
|
||||
text-align:right;
|
||||
}
|
||||
|
||||
.poll_result_graph {
|
||||
position:relative;
|
||||
margin-right:5%;
|
||||
height:5px;
|
||||
background:#eee;
|
||||
}
|
||||
|
||||
.poll_result_graph span {
|
||||
position:absolute;
|
||||
top:0;
|
||||
left:0;
|
||||
height:5px;
|
||||
background:#565e60;
|
||||
font-size:0.1em;
|
||||
}
|
||||
|
||||
#poll_result_cmt {margin:0 auto 20px;}
|
||||
|
||||
#poll_result_cmt h2 {text-align:center;}
|
||||
|
||||
#poll_result_cmt h3 {
|
||||
margin:0 auto 10px;
|
||||
padding-top:15px;
|
||||
width:93%;
|
||||
}
|
||||
|
||||
#poll_result_cmt article {
|
||||
margin:0 18px 15px;
|
||||
border-bottom:1px solid #eee;
|
||||
}
|
||||
|
||||
#poll_result_cmt h1 {
|
||||
margin:0;
|
||||
padding:0;
|
||||
height:0;
|
||||
border:0;
|
||||
font-size:0;
|
||||
line-height:0;
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
.poll_datetime {
|
||||
display:inline-block;
|
||||
margin-left:10px;
|
||||
}
|
||||
|
||||
#poll_result_cmt p {padding:3px 0;}
|
||||
|
||||
#poll_result_cmt fieldset {
|
||||
margin-bottom:0;
|
||||
text-align:left;
|
||||
}
|
||||
|
||||
#poll_result_cmt fieldset p {
|
||||
margin:0 0 15px;
|
||||
padding:3px 0 0px;
|
||||
text-align:left;
|
||||
}
|
||||
|
||||
#poll_result_cmt footer {text-align:right;}
|
||||
|
||||
#poll_result_wcmt {
|
||||
margin-bottom:10px;
|
||||
width:93%;
|
||||
}
|
||||
|
||||
.poll_cmt_del a {
|
||||
display:inline-block;
|
||||
padding-bottom:10px;
|
||||
}
|
||||
|
||||
#poll_result_oth {
|
||||
margin:0 auto 20px;
|
||||
width:93%;
|
||||
}
|
||||
|
||||
#poll_result_oth h2 {padding:0 0 10px;}
|
||||
|
||||
#poll_result_oth ul {
|
||||
margin:0;
|
||||
padding:0;
|
||||
list-style:none;
|
||||
}
|
||||
|
||||
#poll_result_oth a {
|
||||
display:block;
|
||||
padding:10px 0;
|
||||
border-bottom:1px solid #eee;
|
||||
}
|
||||
|
||||
|
||||
89
skin/poll/basic/style.less
Normal file
89
skin/poll/basic/style.less
Normal file
@ -0,0 +1,89 @@
|
||||
@charset "utf-8";
|
||||
/* SIR 지운아빠 */
|
||||
|
||||
/* ### 기본 스타일 커스터마이징 시작 ### */
|
||||
|
||||
#poll a.btn_admin {} /* 관리자 전용 버튼 */
|
||||
#poll a.btn_admin:focus, #poll a.btn_admin:hover {}
|
||||
|
||||
#poll_result .tbl_frm table {}
|
||||
#poll_result .tbl_frm .frm_info {}
|
||||
#poll_result .tbl_frm .frm_address {}
|
||||
#poll_result .tbl_frm .frm_file {}
|
||||
#poll_result .tbl_frm caption {}
|
||||
|
||||
#poll_result .tbl_frm01 {}
|
||||
#poll_result .tbl_frm01 th {}
|
||||
#poll_result .tbl_frm01 td {}
|
||||
#poll_result .tbl_frm01 textarea, #poll_result tbl_frm01 .frm_input {}
|
||||
#poll_result .tbl_frm01 textarea {}
|
||||
/*
|
||||
#poll_result .tbl_frm01 #captcha {}
|
||||
#poll_result .tbl_frm01 #captcha input {}
|
||||
*/
|
||||
#poll_result .tbl_frm01 a {}
|
||||
|
||||
/* 필수입력 */
|
||||
#poll_result .required, #poll_result textarea.required {}
|
||||
|
||||
#poll_result .btn_confirm {} /* 서식단계 진행 */
|
||||
#poll_result .btn_submit {}
|
||||
#poll_result button.btn_submit {}
|
||||
#poll_result .win_btn {} /* 새창용 */
|
||||
#poll_result .win_btn button {}
|
||||
#poll_result .win_btn input {}
|
||||
#poll_result .win_btn a {}
|
||||
#poll_result .win_btn a:focus, #poll_result .win_btn a:hover {}
|
||||
|
||||
/* ### 기본 스타일 커스터마이징 끝 ### */
|
||||
|
||||
/* 설문조사 스킨 */
|
||||
#poll {border-top:1px solid #e7f1ed}
|
||||
#poll header {position:relative;padding:15px 14px 0}
|
||||
#poll h2 {}
|
||||
#poll header .btn_admin {margin-top:5px;width:158px;text-align:center}
|
||||
#poll header p {padding:5px 0 0}
|
||||
#poll ul {margin:0 0 10px;padding:5px 14px;list-style:none}
|
||||
#poll li {padding:3px 0}
|
||||
#poll footer {padding:0 14px 14px}
|
||||
#poll footer input {width:88px;height:24px;border:0;background:#333;color:#fff;letter-spacing:-0.1em;vertical-align:top;cursor:pointer}
|
||||
#poll footer a {display:inline-block;width:86px;height:22px;border:1px solid #ccc;background:#fafafa;text-align:center;line-height:2em}
|
||||
#poll footer a:focus,
|
||||
#poll footer a:hover {text-decoration:none !important}
|
||||
|
||||
/* 설문조사 결과 (새창) */
|
||||
#poll_result section {padding:15px;width:87%;border-right:1px solid #eee;border-bottom:1px solid #eee;background:#fff}
|
||||
#poll_result h2 {margin:0;padding:20px 0}
|
||||
#poll_result a {}
|
||||
#poll_result .sv_member,
|
||||
#poll_result .sv_guest {font-weight:bold}
|
||||
#poll_result_list {margin:0 auto 20px}
|
||||
#poll_result_list h2 {text-align:center}
|
||||
#poll_result_list dl,
|
||||
#poll_result_list dt,
|
||||
#poll_result_list dd {margin:0;padding:0}
|
||||
#poll_result_list dl {padding-bottom:30px}
|
||||
#poll_result_list dt {margin-right:5%;color:#e8180d;text-align:right}
|
||||
#poll_result_list ol {margin:0;padding-left:30px}
|
||||
#poll_result_list li {margin-top:10px}
|
||||
#poll_result_list p {position:relative;margin:0;padding:5px 0}
|
||||
#poll_result_list p strong {position:absolute;top:5px;right:5%;padding-right:80px;width:100px;text-align:right}
|
||||
#poll_result_list p span {position:absolute;top:5px;right:5%;width:80px;color:#68999c;text-align:right}
|
||||
.poll_result_graph {position:relative;margin-right:5%;height:5px;background:#eee}
|
||||
.poll_result_graph span {position:absolute;top:0;left:0;height:5px;background:#565e60;font-size:0.1em}
|
||||
#poll_result_cmt {margin:0 auto 20px}
|
||||
#poll_result_cmt h2 {text-align:center}
|
||||
#poll_result_cmt h3 {margin:0 auto 10px;padding-top:15px;width:93%}
|
||||
#poll_result_cmt article {margin:0 18px 15px;border-bottom:1px solid #eee}
|
||||
#poll_result_cmt h1 {margin:0;padding:0;height:0;border:0;font-size:0;line-height:0;overflow:hidden}
|
||||
.poll_datetime {display:inline-block;margin-left:10px}
|
||||
#poll_result_cmt p {padding:3px 0}
|
||||
#poll_result_cmt fieldset {margin-bottom:0;text-align:left}
|
||||
#poll_result_cmt fieldset p {margin:0 0 15px;padding:3px 0 0px;text-align:left}
|
||||
#poll_result_cmt footer {text-align:right}
|
||||
#poll_result_wcmt {margin-bottom:10px;width:93%}
|
||||
.poll_cmt_del a {display:inline-block;padding-bottom:10px}
|
||||
#poll_result_oth {margin:0 auto 20px;width:93%}
|
||||
#poll_result_oth h2 {padding:0 0 10px}
|
||||
#poll_result_oth ul {margin:0;padding:0;list-style:none}
|
||||
#poll_result_oth a {display:block;padding:10px 0;border-bottom:1px solid #eee}
|
||||
@ -1,13 +1,43 @@
|
||||
@charset "utf-8";
|
||||
/* SIR 지운아빠 */
|
||||
|
||||
/* 인기검색어 */
|
||||
#popular {background:#515151}
|
||||
#popular div {margin:0 auto;width:980px;zoom:1}
|
||||
#popular div:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#popular h2 {float:left;padding:10px 45px 10px 0;color:#fff}
|
||||
#popular ul {float:left;margin:0;padding:0;list-style:none}
|
||||
#popular li {float:left}
|
||||
#popular a {display:inline-block;padding:10px;color:#fff;text-decoration:none}
|
||||
#popular a:focus,
|
||||
#popular a:hover {background:#333;color:#fff}
|
||||
@charset "utf-8";
|
||||
#popular {background:#515151;}
|
||||
|
||||
#popular div {
|
||||
margin:0 auto;
|
||||
width:980px;
|
||||
zoom:1;
|
||||
}
|
||||
|
||||
#popular div:after {
|
||||
display:block;
|
||||
visibility:hidden;
|
||||
clear:both;
|
||||
content:"";
|
||||
}
|
||||
|
||||
#popular h2 {
|
||||
float:left;
|
||||
padding:10px 45px 10px 0;
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
#popular ul {
|
||||
float:left;
|
||||
margin:0;
|
||||
padding:0;
|
||||
list-style:none;
|
||||
}
|
||||
|
||||
#popular li {float:left;}
|
||||
|
||||
#popular a {
|
||||
display:inline-block;
|
||||
padding:10px;
|
||||
color:#fff;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
#popular a:focus, #popular a:hover {
|
||||
background:#333;
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
|
||||
13
skin/popular/basic/style.less
Normal file
13
skin/popular/basic/style.less
Normal file
@ -0,0 +1,13 @@
|
||||
@charset "utf-8";
|
||||
/* SIR 지운아빠 */
|
||||
|
||||
/* 인기검색어 */
|
||||
#popular {background:#515151}
|
||||
#popular div {margin:0 auto;width:980px;zoom:1}
|
||||
#popular div:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#popular h2 {float:left;padding:10px 45px 10px 0;color:#fff}
|
||||
#popular ul {float:left;margin:0;padding:0;list-style:none}
|
||||
#popular li {float:left}
|
||||
#popular a {display:inline-block;padding:10px;color:#fff;text-decoration:none}
|
||||
#popular a:focus,
|
||||
#popular a:hover {background:#333;color:#fff}
|
||||
@ -1,27 +1,116 @@
|
||||
@charset "utf-8";
|
||||
/* SIR 지운아빠 */
|
||||
|
||||
/* 전체검색결과 스킨 */
|
||||
#sch_res_detail {padding:0 0 10px;border-bottom:1px solid #e9e9e9;text-align:center}
|
||||
#sch_res_detail legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
|
||||
#sch_res_ov {margin:0 0 10px;padding:10px;border-bottom:1px solid #e9e9e9;background:#f5f6fa;zoom:1}
|
||||
#sch_res_ov:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#sch_res_ov h2 {float:left}
|
||||
#sch_res_ov dl {float:left;margin:0 0 0 10px}
|
||||
#sch_res_ov dt {float:left}
|
||||
#sch_res_ov dd {float:left;margin:0 10px 0 5px}
|
||||
#sch_res_ov p {float:right;margin:0;padding:0;line-height:1em}
|
||||
|
||||
#sch_res_board {margin:0 0 10px;padding-left:1px;width:728px;list-style:none;zoom:1}
|
||||
#sch_res_board:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#sch_res_board li {float:left;margin-bottom:-1px}
|
||||
#sch_res_board a {display:block;position:relative;margin-left:-1px;padding:6px 0 5px;width:181px;border:1px solid #ddd;text-align:center;letter-spacing:-0.1em;line-height:1.2em;cursor:pointer}
|
||||
#sch_res_board a:focus, #sch_res_board a:hover, #sch_res_board a:active {text-decoration:none}
|
||||
#sch_res_board .cnt_cmt {font-weight:normal !important}
|
||||
|
||||
.sch_res_list {margin:0 0 10px;padding:10px 0 15px}
|
||||
.sch_res_list h2 {margin:0 0 15px;font-size:1.2em}
|
||||
.sch_res_list ul {margin:0;padding:0;list-style:none}
|
||||
.sch_res_list li {margin:0 0 10px;padding:0 0 10px;border-bottom:1px solid #e9e9e9}
|
||||
.sch_res_title {font-weight:bold}
|
||||
.sch_more {text-align:right}
|
||||
@charset "utf-8";
|
||||
#sch_res_detail {
|
||||
padding:0 0 10px;
|
||||
border-bottom:1px solid #e9e9e9;
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
#sch_res_detail legend {
|
||||
position:absolute;
|
||||
margin:0;
|
||||
padding:0;
|
||||
font-size:0;
|
||||
line-height:0;
|
||||
text-indent:-9999em;
|
||||
overflow:hidden;
|
||||
}
|
||||
|
||||
#sch_res_ov {
|
||||
margin:0 0 10px;
|
||||
padding:10px;
|
||||
border-bottom:1px solid #e9e9e9;
|
||||
background:#f5f6fa;
|
||||
zoom:1;
|
||||
}
|
||||
|
||||
#sch_res_ov:after {
|
||||
display:block;
|
||||
visibility:hidden;
|
||||
clear:both;
|
||||
content:"";
|
||||
}
|
||||
|
||||
#sch_res_ov h2 {float:left;}
|
||||
|
||||
#sch_res_ov dl {
|
||||
float:left;
|
||||
margin:0 0 0 10px;
|
||||
}
|
||||
|
||||
#sch_res_ov dt {float:left;}
|
||||
|
||||
#sch_res_ov dd {
|
||||
float:left;
|
||||
margin:0 10px 0 5px;
|
||||
}
|
||||
|
||||
#sch_res_ov p {
|
||||
float:right;
|
||||
margin:0;
|
||||
padding:0;
|
||||
line-height:1em;
|
||||
}
|
||||
|
||||
#sch_res_board {
|
||||
margin:0 0 10px;
|
||||
padding-left:1px;
|
||||
width:728px;
|
||||
list-style:none;
|
||||
zoom:1;
|
||||
}
|
||||
|
||||
#sch_res_board:after {
|
||||
display:block;
|
||||
visibility:hidden;
|
||||
clear:both;
|
||||
content:"";
|
||||
}
|
||||
|
||||
#sch_res_board li {
|
||||
float:left;
|
||||
margin-bottom:-1px;
|
||||
}
|
||||
|
||||
#sch_res_board a {
|
||||
display:block;
|
||||
position:relative;
|
||||
margin-left:-1px;
|
||||
padding:6px 0 5px;
|
||||
width:181px;
|
||||
border:1px solid #ddd;
|
||||
text-align:center;
|
||||
letter-spacing:-0.1em;
|
||||
line-height:1.2em;
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
#sch_res_board a:focus, #sch_res_board a:hover, #sch_res_board a:active {text-decoration:none;}
|
||||
|
||||
#sch_res_board .cnt_cmt {font-weight:normal !important;}
|
||||
|
||||
.sch_res_list {
|
||||
margin:0 0 10px;
|
||||
padding:10px 0 15px;
|
||||
}
|
||||
|
||||
.sch_res_list h2 {
|
||||
margin:0 0 15px;
|
||||
font-size:1.2em;
|
||||
}
|
||||
|
||||
.sch_res_list ul {
|
||||
margin:0;
|
||||
padding:0;
|
||||
list-style:none;
|
||||
}
|
||||
|
||||
.sch_res_list li {
|
||||
margin:0 0 10px;
|
||||
padding:0 0 10px;
|
||||
border-bottom:1px solid #e9e9e9;
|
||||
}
|
||||
|
||||
.sch_res_title {font-weight:bold;}
|
||||
|
||||
.sch_more {text-align:right;}
|
||||
|
||||
|
||||
27
skin/search/basic/style.less
Normal file
27
skin/search/basic/style.less
Normal file
@ -0,0 +1,27 @@
|
||||
@charset "utf-8";
|
||||
/* SIR 지운아빠 */
|
||||
|
||||
/* 전체검색결과 스킨 */
|
||||
#sch_res_detail {padding:0 0 10px;border-bottom:1px solid #e9e9e9;text-align:center}
|
||||
#sch_res_detail legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
|
||||
#sch_res_ov {margin:0 0 10px;padding:10px;border-bottom:1px solid #e9e9e9;background:#f5f6fa;zoom:1}
|
||||
#sch_res_ov:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#sch_res_ov h2 {float:left}
|
||||
#sch_res_ov dl {float:left;margin:0 0 0 10px}
|
||||
#sch_res_ov dt {float:left}
|
||||
#sch_res_ov dd {float:left;margin:0 10px 0 5px}
|
||||
#sch_res_ov p {float:right;margin:0;padding:0;line-height:1em}
|
||||
|
||||
#sch_res_board {margin:0 0 10px;padding-left:1px;width:728px;list-style:none;zoom:1}
|
||||
#sch_res_board:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#sch_res_board li {float:left;margin-bottom:-1px}
|
||||
#sch_res_board a {display:block;position:relative;margin-left:-1px;padding:6px 0 5px;width:181px;border:1px solid #ddd;text-align:center;letter-spacing:-0.1em;line-height:1.2em;cursor:pointer}
|
||||
#sch_res_board a:focus, #sch_res_board a:hover, #sch_res_board a:active {text-decoration:none}
|
||||
#sch_res_board .cnt_cmt {font-weight:normal !important}
|
||||
|
||||
.sch_res_list {margin:0 0 10px;padding:10px 0 15px}
|
||||
.sch_res_list h2 {margin:0 0 15px;font-size:1.2em}
|
||||
.sch_res_list ul {margin:0;padding:0;list-style:none}
|
||||
.sch_res_list li {margin:0 0 10px;padding:0 0 10px;border-bottom:1px solid #e9e9e9}
|
||||
.sch_res_title {font-weight:bold}
|
||||
.sch_more {text-align:right}
|
||||
@ -1,14 +1,54 @@
|
||||
@charset "utf-8";
|
||||
/* SIR 지운아빠 */
|
||||
|
||||
/* 방문자 집계 */
|
||||
#visit {background:#444}
|
||||
#visit div {margin:0 auto;width:980px;zoom:1}
|
||||
#visit div:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#visit h2 {float:left;padding:10px 45px 10px 0;color:#fff}
|
||||
#visit dl {float:left;margin:0 0 0 10px;padding:0}
|
||||
#visit dt {float:left;margin:0;padding:10px 0 10px;color:#fff}
|
||||
#visit dd {float:left;margin:0 30px 0 0;padding:10px;color:#fff}
|
||||
#visit a {display:inline-block;padding:10px;color:#fff;text-decoration:none}
|
||||
#visit a:focus,
|
||||
#visit a:hover {background:#333;color:#fff}
|
||||
@charset "utf-8";
|
||||
#visit {background:#444;}
|
||||
|
||||
#visit div {
|
||||
margin:0 auto;
|
||||
width:980px;
|
||||
zoom:1;
|
||||
}
|
||||
|
||||
#visit div:after {
|
||||
display:block;
|
||||
visibility:hidden;
|
||||
clear:both;
|
||||
content:"";
|
||||
}
|
||||
|
||||
#visit h2 {
|
||||
float:left;
|
||||
padding:10px 45px 10px 0;
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
#visit dl {
|
||||
float:left;
|
||||
margin:0 0 0 10px;
|
||||
padding:0;
|
||||
}
|
||||
|
||||
#visit dt {
|
||||
float:left;
|
||||
margin:0;
|
||||
padding:10px 0 10px;
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
#visit dd {
|
||||
float:left;
|
||||
margin:0 30px 0 0;
|
||||
padding:10px;
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
#visit a {
|
||||
display:inline-block;
|
||||
padding:10px;
|
||||
color:#fff;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
#visit a:focus, #visit a:hover {
|
||||
background:#333;
|
||||
color:#fff;
|
||||
}
|
||||
|
||||
|
||||
14
skin/visit/basic/style.less
Normal file
14
skin/visit/basic/style.less
Normal file
@ -0,0 +1,14 @@
|
||||
@charset "utf-8";
|
||||
/* SIR 지운아빠 */
|
||||
|
||||
/* 방문자 집계 */
|
||||
#visit {background:#444}
|
||||
#visit div {margin:0 auto;width:980px;zoom:1}
|
||||
#visit div:after {display:block;visibility:hidden;clear:both;content:""}
|
||||
#visit h2 {float:left;padding:10px 45px 10px 0;color:#fff}
|
||||
#visit dl {float:left;margin:0 0 0 10px;padding:0}
|
||||
#visit dt {float:left;margin:0;padding:10px 0 10px;color:#fff}
|
||||
#visit dd {float:left;margin:0 30px 0 0;padding:10px;color:#fff}
|
||||
#visit a {display:inline-block;padding:10px;color:#fff;text-decoration:none}
|
||||
#visit a:focus,
|
||||
#visit a:hover {background:#333;color:#fff}
|
||||
Reference in New Issue
Block a user