82 lines
4.4 KiB
CSS
82 lines
4.4 KiB
CSS
/* SIR SOFT 지운아빠 Dec 2012 */
|
|
|
|
/* 초기화 */
|
|
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dt, dd, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, header, article, aside, canvas, details, figcaption, figure, hgroup, menu, nav, section, summary, footer, time, mark, audio, video {margin:0;padding:0;font-size:1em}
|
|
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section {display:block}
|
|
header ul, nav ul {margin:0;padding:0;list-style:none}
|
|
p {margin:10px 0}
|
|
blockquote, q {quotes:none} blockquote:before, blockquote:after, q:before, q:after {content:'';content:none}
|
|
ins {background-color:#fff;color:#000;text-decoration:none}
|
|
mark {background-color:#fff;color:#000;font-style:italic;font-weight:bold}
|
|
del {text-decoration: line-through}
|
|
abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help}
|
|
table {border-collapse:collapse;border-spacing:0}
|
|
img {border:0}
|
|
|
|
/* 내용 건너띄기 */
|
|
#skip_to_main {display:block;position:absolute;top:0;left:0;margin:5px;height:0;text-decoration:none;overflow:hidden}
|
|
#skip_to_main:focus, #skip_to_main:active {height:auto;padding:5px 10px;border:1px solid #000;background:#eee;color:#333;font-size:0.75em;overflow:auto}
|
|
|
|
/* 내용 없는 테이블 */
|
|
.empty_table {padding:200px 0;text-align:center}
|
|
|
|
/* 레이아웃 */
|
|
html {overflow-y:scroll}
|
|
body {background:#dfe4e6}
|
|
header {background:#2c2f34}
|
|
#logo {padding-top:4px;height:46px;background:url('../img/logo_bg.png') repeat-x;text-align:center}
|
|
#home_link {z-index:2;position:absolute;top:50px;right:20px;height:35px;zoom:1}
|
|
#home_link:after {display:block;visibility:hidden;clear:both;content:""}
|
|
#home_link li {float:left;margin-left:10px}
|
|
#home_link a {color:#ccc;font-size:0.75em;text-decoration:none;line-height:2.95em}
|
|
#current_location {position:absolute;top:50px;left:0;width:100%;height:35px;background:url('../img/top_bg.png') #2c2f34 repeat-x;color:#ccc;font-size:0.75em;line-height:2.95em}
|
|
#current_location ul {margin-left:20px}
|
|
#current_location li {float:left}
|
|
#wrapper {margin:60px 20px 0 220px;min-height:630px}
|
|
|
|
/* GNB */
|
|
#gnb {position:absolute;top:110px;left:20px;width:180px}
|
|
.gnb_1depth ul {display:block;visibility:hidden;height:0}
|
|
.gnb_1depth_on ul {visibility:visible;height:auto}
|
|
.gnb_1depth {margin-bottom:5px;border:1px solid #c7cfd5;background:#eef2f3}
|
|
.gnb_1depth a {display:block;padding-left:15px;height:38px;color:#899093;font-size:0.9em;font-weight:bold;text-decoration:none;line-height:2.8em}
|
|
.gnb_1depth_on a {background:#515b5f;color:#fff}
|
|
.gnb_2depth {border-bottom:1px solid #eef1f2}
|
|
.gnb_2depth a {display:block;padding-left:15px;height:30px;background:#fff;color:#000;font:0.75em normal;text-decoration:none;line-height:2.8em}
|
|
.gnb_2depth a:focus, .gnb_2depth a:hover {background:#f6f9fa}
|
|
|
|
/* heading */
|
|
h1 {display:block;visibility:hidden;height:0}
|
|
article h1 {visibility:visible;height:auto}
|
|
|
|
/* 폼요소 */
|
|
label {vertical-align:middle}
|
|
textarea, input, select {border:1px solid #ced9de;background:#f6f9fa;vertical-align:middle}
|
|
textarea, input {padding:3px}
|
|
textarea:focus, input:focus {padding:4px;border:0;background:#9aacb4;color:#fff}
|
|
textarea {width:90%}
|
|
select {padding:2px}
|
|
fieldset {margin-bottom:20px;padding:13px;border:1px solid #ced9de;background:#fff}
|
|
legend {margin-left:0;padding:7px 10px;border:1px solid #ced9de;background:#f6f9fa;font-size:0.875em}
|
|
button {padding:3px;border:1px solid #ced9de;background:#f6f9fa;cursor:pointer}
|
|
.readonly {background:#ff3061}
|
|
|
|
.adm_field_explain {display:block;padding:0 0 5px;color:#768f99}
|
|
|
|
/* 테이블 */
|
|
table {margin-bottom:10px;width:100%;border:1px solid #d5dcdf;background:#fff}
|
|
caption {padding-bottom:15px;text-align:left;font-size:1em;font-weight:bold}
|
|
caption p {padding:0 0 5px;color:#6b8088;font:0.75em normal}
|
|
th, td {border-bottom:1px solid #e9ecee;font-size:0.75em}
|
|
th label {display:block}
|
|
th a {color:#000}
|
|
th {padding:10px;background:#f1f6f7}
|
|
td {padding:10px}
|
|
.frm_tbl th {width:130px;text-align:left;font-weight:normal}
|
|
|
|
/* pagination */
|
|
.pg {margin-bottom:30px;font-size:0.875em;text-align:center}
|
|
.pg_page, .pg_current {display:inline-block;position:relative;margin-left:-6px;padding:0 10px;height:25px;border:1px solid #ddd;background:#fff;line-height:1.9em;vertical-align:middle}
|
|
.pg_page {text-decoration:none}
|
|
.pg_current {font-weight:normal}
|