From 5de52ec045c8ff5793f350515f4057a4d8973401 Mon Sep 17 00:00:00 2001 From: whitedot Date: Thu, 31 Oct 2013 15:18:43 +0900 Subject: [PATCH] =?UTF-8?q?less=20=EC=9B=90=EB=B3=B8=20=ED=8C=8C=EC=9D=BC?= =?UTF-8?q?=20=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .gitignore | 2 + css/admin.css | 3005 +++++++++++++++++++------ css/admin.less | 665 ++++++ css/default.css | 1363 ++++++++--- css/default.less | 257 +++ css/mobile.css | 1028 +++++++-- css/mobile.less | 206 ++ mobile/skin/board/basic/style.css | 868 +++++-- mobile/skin/board/basic/style.less | 241 ++ mobile/skin/board/gallery/style.css | 845 +++++-- mobile/skin/board/gallery/style.less | 227 ++ mobile/skin/connect/basic/style.css | 19 +- mobile/skin/connect/basic/style.less | 9 + mobile/skin/latest/basic/style.css | 49 +- mobile/skin/latest/basic/style.less | 11 + mobile/skin/member/basic/style.css | 514 +++-- mobile/skin/member/basic/style.less | 169 ++ mobile/skin/new/basic/style.css | 19 +- mobile/skin/new/basic/style.less | 9 + mobile/skin/outlogin/basic/style.css | 168 +- mobile/skin/outlogin/basic/style.less | 30 + mobile/skin/poll/basic/style.css | 288 ++- mobile/skin/poll/basic/style.less | 85 + mobile/skin/popular/basic/style.css | 50 +- mobile/skin/popular/basic/style.less | 13 + mobile/skin/search/basic/style.css | 151 +- mobile/skin/search/basic/style.less | 30 + mobile/skin/visit/basic/style.css | 62 +- mobile/skin/visit/basic/style.less | 12 + skin/board/basic/style.css | 971 +++++--- skin/board/gallery/style.css | 966 +++++--- skin/connect/basic/style.less | 0 skin/latest/basic/style.css | 52 +- skin/latest/basic/style.less | 11 + skin/member/basic/style.css | 517 +++-- skin/member/basic/style.less | 176 ++ skin/new/basic/style.css | 25 +- skin/new/basic/style.less | 7 + skin/outlogin/basic/style.css | 242 +- skin/outlogin/basic/style.less | 46 + skin/poll/basic/style.css | 291 ++- skin/poll/basic/style.less | 89 + skin/popular/basic/style.css | 56 +- skin/popular/basic/style.less | 13 + skin/search/basic/style.css | 143 +- skin/search/basic/style.less | 27 + skin/visit/basic/style.css | 68 +- skin/visit/basic/style.less | 14 + 48 files changed, 11248 insertions(+), 2861 deletions(-) create mode 100644 css/admin.less create mode 100644 css/default.less create mode 100644 css/mobile.less create mode 100644 mobile/skin/board/basic/style.less create mode 100644 mobile/skin/board/gallery/style.less create mode 100644 mobile/skin/connect/basic/style.less create mode 100644 mobile/skin/latest/basic/style.less create mode 100644 mobile/skin/member/basic/style.less create mode 100644 mobile/skin/new/basic/style.less create mode 100644 mobile/skin/outlogin/basic/style.less create mode 100644 mobile/skin/poll/basic/style.less create mode 100644 mobile/skin/popular/basic/style.less create mode 100644 mobile/skin/search/basic/style.less create mode 100644 mobile/skin/visit/basic/style.less create mode 100644 skin/connect/basic/style.less create mode 100644 skin/latest/basic/style.less create mode 100644 skin/member/basic/style.less create mode 100644 skin/new/basic/style.less create mode 100644 skin/outlogin/basic/style.less create mode 100644 skin/poll/basic/style.less create mode 100644 skin/popular/basic/style.less create mode 100644 skin/search/basic/style.less create mode 100644 skin/visit/basic/style.less diff --git a/.gitignore b/.gitignore index 4ae7fdff4..d22e3a357 100644 --- a/.gitignore +++ b/.gitignore @@ -17,3 +17,5 @@ cheditor* kcho07_rss/ mobile/skin/board/bach72_mobile/ skin/board +lessc.inc.php +lessc.php \ No newline at end of file diff --git a/css/admin.css b/css/admin.css index aac68f1db..a40c7ceb0 100644 --- a/css/admin.css +++ b/css/admin.css @@ -1,665 +1,2340 @@ -@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} +@charset "utf-8"; +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 { +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 {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; +} + +.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 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 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; +} + +.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 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 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; +} + +.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;} + +.tbl_head01 thead a { +color:#383838; +text-decoration:underline; +} + +.tbl_head01 tbody td { +padding:10px 5px; +line-height:1.4em; +word-break:break-all; +} + +.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;} + +.tbl_head02 thead a { +color:#383838; +text-decoration:underline; +} + +.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 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_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_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 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; +} + +#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;} + +.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; +} + diff --git a/css/admin.less b/css/admin.less new file mode 100644 index 000000000..44d4ee987 --- /dev/null +++ b/css/admin.less @@ -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} diff --git a/css/default.css b/css/default.css index 988bcf15c..1d144dce5 100644 --- a/css/default.css +++ b/css/default.css @@ -1,257 +1,1108 @@ -@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} +@charset "utf-8"; +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 { +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 #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_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; +} + +.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; +} + +.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;} + +.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 .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 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 .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;} + +#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;} + +.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; +} + +#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; +} -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} \ No newline at end of file diff --git a/css/default.less b/css/default.less new file mode 100644 index 000000000..fa1a3ff25 --- /dev/null +++ b/css/default.less @@ -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} \ No newline at end of file diff --git a/css/mobile.css b/css/mobile.css index c65b98c4c..5de24fd50 100644 --- a/css/mobile.css +++ b/css/mobile.css @@ -1,206 +1,822 @@ -@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} \ No newline at end of file +@charset "utf-8"; +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; +} + +#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 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_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;} + +.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 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 #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; +} + +.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; +} + +#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; +} + diff --git a/css/mobile.less b/css/mobile.less new file mode 100644 index 000000000..c65b98c4c --- /dev/null +++ b/css/mobile.less @@ -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} \ No newline at end of file diff --git a/mobile/skin/board/basic/style.css b/mobile/skin/board/basic/style.css index 36772bce2..c39c4b76b 100644 --- a/mobile/skin/board/basic/style.css +++ b/mobile/skin/board/basic/style.css @@ -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} \ No newline at end of file +@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;} + diff --git a/mobile/skin/board/basic/style.less b/mobile/skin/board/basic/style.less new file mode 100644 index 000000000..8d321398d --- /dev/null +++ b/mobile/skin/board/basic/style.less @@ -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} \ No newline at end of file diff --git a/mobile/skin/board/gallery/style.css b/mobile/skin/board/gallery/style.css index 9349e386b..54a4de012 100644 --- a/mobile/skin/board/gallery/style.css +++ b/mobile/skin/board/gallery/style.css @@ -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} \ No newline at end of file +@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;} + diff --git a/mobile/skin/board/gallery/style.less b/mobile/skin/board/gallery/style.less new file mode 100644 index 000000000..6f2b903cb --- /dev/null +++ b/mobile/skin/board/gallery/style.less @@ -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} \ No newline at end of file diff --git a/mobile/skin/connect/basic/style.css b/mobile/skin/connect/basic/style.css index 09c88df61..e333c5d65 100644 --- a/mobile/skin/connect/basic/style.css +++ b/mobile/skin/connect/basic/style.css @@ -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} \ No newline at end of file +@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; +} + diff --git a/mobile/skin/connect/basic/style.less b/mobile/skin/connect/basic/style.less new file mode 100644 index 000000000..09c88df61 --- /dev/null +++ b/mobile/skin/connect/basic/style.less @@ -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} \ No newline at end of file diff --git a/mobile/skin/latest/basic/style.css b/mobile/skin/latest/basic/style.css index c4e79378a..1f0a17848 100644 --- a/mobile/skin/latest/basic/style.css +++ b/mobile/skin/latest/basic/style.css @@ -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} \ No newline at end of file +@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; +} + diff --git a/mobile/skin/latest/basic/style.less b/mobile/skin/latest/basic/style.less new file mode 100644 index 000000000..c4e79378a --- /dev/null +++ b/mobile/skin/latest/basic/style.less @@ -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} \ No newline at end of file diff --git a/mobile/skin/member/basic/style.css b/mobile/skin/member/basic/style.css index 4d881265d..22a95caee 100644 --- a/mobile/skin/member/basic/style.css +++ b/mobile/skin/member/basic/style.css @@ -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} \ No newline at end of file +@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; +} + diff --git a/mobile/skin/member/basic/style.less b/mobile/skin/member/basic/style.less new file mode 100644 index 000000000..4d881265d --- /dev/null +++ b/mobile/skin/member/basic/style.less @@ -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} \ No newline at end of file diff --git a/mobile/skin/new/basic/style.css b/mobile/skin/new/basic/style.css index 6fe648fcf..3d70d34e6 100644 --- a/mobile/skin/new/basic/style.css +++ b/mobile/skin/new/basic/style.css @@ -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} \ No newline at end of file +@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;} + diff --git a/mobile/skin/new/basic/style.less b/mobile/skin/new/basic/style.less new file mode 100644 index 000000000..6fe648fcf --- /dev/null +++ b/mobile/skin/new/basic/style.less @@ -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} \ No newline at end of file diff --git a/mobile/skin/outlogin/basic/style.css b/mobile/skin/outlogin/basic/style.css index 4060b4ef6..173f89d6d 100644 --- a/mobile/skin/outlogin/basic/style.css +++ b/mobile/skin/outlogin/basic/style.css @@ -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} \ No newline at end of file +@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; +} + diff --git a/mobile/skin/outlogin/basic/style.less b/mobile/skin/outlogin/basic/style.less new file mode 100644 index 000000000..4060b4ef6 --- /dev/null +++ b/mobile/skin/outlogin/basic/style.less @@ -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} \ No newline at end of file diff --git a/mobile/skin/poll/basic/style.css b/mobile/skin/poll/basic/style.css index d884713d4..14669cd11 100644 --- a/mobile/skin/poll/basic/style.css +++ b/mobile/skin/poll/basic/style.css @@ -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} \ No newline at end of file +@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; +} + diff --git a/mobile/skin/poll/basic/style.less b/mobile/skin/poll/basic/style.less new file mode 100644 index 000000000..d884713d4 --- /dev/null +++ b/mobile/skin/poll/basic/style.less @@ -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} \ No newline at end of file diff --git a/mobile/skin/popular/basic/style.css b/mobile/skin/popular/basic/style.css index 26180fa5b..074c78b33 100644 --- a/mobile/skin/popular/basic/style.css +++ b/mobile/skin/popular/basic/style.css @@ -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} \ No newline at end of file +@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; +} + diff --git a/mobile/skin/popular/basic/style.less b/mobile/skin/popular/basic/style.less new file mode 100644 index 000000000..26180fa5b --- /dev/null +++ b/mobile/skin/popular/basic/style.less @@ -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} \ No newline at end of file diff --git a/mobile/skin/search/basic/style.css b/mobile/skin/search/basic/style.css index 8207d200a..9f896a910 100644 --- a/mobile/skin/search/basic/style.css +++ b/mobile/skin/search/basic/style.css @@ -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} \ No newline at end of file +@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; +} + diff --git a/mobile/skin/search/basic/style.less b/mobile/skin/search/basic/style.less new file mode 100644 index 000000000..8207d200a --- /dev/null +++ b/mobile/skin/search/basic/style.less @@ -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} \ No newline at end of file diff --git a/mobile/skin/visit/basic/style.css b/mobile/skin/visit/basic/style.css index 75be93d82..bb3af2536 100644 --- a/mobile/skin/visit/basic/style.css +++ b/mobile/skin/visit/basic/style.css @@ -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} \ No newline at end of file +@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; +} + diff --git a/mobile/skin/visit/basic/style.less b/mobile/skin/visit/basic/style.less new file mode 100644 index 000000000..75be93d82 --- /dev/null +++ b/mobile/skin/visit/basic/style.less @@ -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} \ No newline at end of file diff --git a/skin/board/basic/style.css b/skin/board/basic/style.css index f26f0e6b1..362827004 100644 --- a/skin/board/basic/style.css +++ b/skin/board/basic/style.css @@ -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} \ No newline at end of file +@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;} + diff --git a/skin/board/gallery/style.css b/skin/board/gallery/style.css index 642fce52d..952ea56ab 100644 --- a/skin/board/gallery/style.css +++ b/skin/board/gallery/style.css @@ -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} \ No newline at end of file +@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;} + diff --git a/skin/connect/basic/style.less b/skin/connect/basic/style.less new file mode 100644 index 000000000..e69de29bb diff --git a/skin/latest/basic/style.css b/skin/latest/basic/style.css index 23bea367b..de277fba0 100644 --- a/skin/latest/basic/style.css +++ b/skin/latest/basic/style.css @@ -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} \ No newline at end of file +@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; +} + diff --git a/skin/latest/basic/style.less b/skin/latest/basic/style.less new file mode 100644 index 000000000..23bea367b --- /dev/null +++ b/skin/latest/basic/style.less @@ -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} \ No newline at end of file diff --git a/skin/member/basic/style.css b/skin/member/basic/style.css index 7f40a5583..c6925b74a 100644 --- a/skin/member/basic/style.css +++ b/skin/member/basic/style.css @@ -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} \ No newline at end of file +@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; +} + diff --git a/skin/member/basic/style.less b/skin/member/basic/style.less new file mode 100644 index 000000000..7f40a5583 --- /dev/null +++ b/skin/member/basic/style.less @@ -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} \ No newline at end of file diff --git a/skin/new/basic/style.css b/skin/new/basic/style.css index 0ad4a40bb..adabce6e6 100644 --- a/skin/new/basic/style.css +++ b/skin/new/basic/style.css @@ -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} \ No newline at end of file +@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;} + diff --git a/skin/new/basic/style.less b/skin/new/basic/style.less new file mode 100644 index 000000000..0ad4a40bb --- /dev/null +++ b/skin/new/basic/style.less @@ -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} \ No newline at end of file diff --git a/skin/outlogin/basic/style.css b/skin/outlogin/basic/style.css index ea3d00864..5113c5ed1 100644 --- a/skin/outlogin/basic/style.css +++ b/skin/outlogin/basic/style.css @@ -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} \ No newline at end of file +@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;} + diff --git a/skin/outlogin/basic/style.less b/skin/outlogin/basic/style.less new file mode 100644 index 000000000..ea3d00864 --- /dev/null +++ b/skin/outlogin/basic/style.less @@ -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} \ No newline at end of file diff --git a/skin/poll/basic/style.css b/skin/poll/basic/style.css index 889b880d0..eb7787d2e 100644 --- a/skin/poll/basic/style.css +++ b/skin/poll/basic/style.css @@ -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} \ No newline at end of file +@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; +} + diff --git a/skin/poll/basic/style.less b/skin/poll/basic/style.less new file mode 100644 index 000000000..889b880d0 --- /dev/null +++ b/skin/poll/basic/style.less @@ -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} \ No newline at end of file diff --git a/skin/popular/basic/style.css b/skin/popular/basic/style.css index 6961daeaa..a70a14fc2 100644 --- a/skin/popular/basic/style.css +++ b/skin/popular/basic/style.css @@ -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} \ No newline at end of file +@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; +} + diff --git a/skin/popular/basic/style.less b/skin/popular/basic/style.less new file mode 100644 index 000000000..6961daeaa --- /dev/null +++ b/skin/popular/basic/style.less @@ -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} \ No newline at end of file diff --git a/skin/search/basic/style.css b/skin/search/basic/style.css index 8e2d4e199..ba7b235f8 100644 --- a/skin/search/basic/style.css +++ b/skin/search/basic/style.css @@ -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} \ No newline at end of file +@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;} + diff --git a/skin/search/basic/style.less b/skin/search/basic/style.less new file mode 100644 index 000000000..8e2d4e199 --- /dev/null +++ b/skin/search/basic/style.less @@ -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} \ No newline at end of file diff --git a/skin/visit/basic/style.css b/skin/visit/basic/style.css index 3bfaa9d19..321b33164 100644 --- a/skin/visit/basic/style.css +++ b/skin/visit/basic/style.css @@ -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} \ No newline at end of file +@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; +} + diff --git a/skin/visit/basic/style.less b/skin/visit/basic/style.less new file mode 100644 index 000000000..3bfaa9d19 --- /dev/null +++ b/skin/visit/basic/style.less @@ -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} \ No newline at end of file