64 lines
3.3 KiB
CSS
64 lines
3.3 KiB
CSS
/* SIR SOFT 지운아빠 Dec 2012 */
|
|
|
|
/* 초기화 */
|
|
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, 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}
|
|
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}
|
|
input, select {vertical-align:middle}
|
|
label {cursor:pointer}
|
|
|
|
/* 내용 건너띄기 */
|
|
#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:7px;height:43px;text-align:center}
|
|
#home_link {z-index:2;position:absolute;top:50px;right:20px;zoom:1}
|
|
#home_link:after {display:block;visibility:hidden;clear:both;content:""}
|
|
#home_link li {float:left}
|
|
#current_location {position:absolute;top:50px;left:0;width:100%;height:35px;background:#2c2f34;line-height:2.2em}
|
|
#wrapper {margin:60px 0 0 220px;min-height:630px}
|
|
|
|
/* GNB */
|
|
#gnb {position:absolute;top:110px;left:20px;width:180px}
|
|
/* #gnb ul ul {display:block;visibility:hidden;height:0} */
|
|
.gnb_1depth {margin-bottom:5px;border:1px solid #c7cfd5;background:#eef2f3}
|
|
.gnb_1depth a {display:block;padding-left:15px;height:38px;font-weight:bold;text-decoration:none;line-height:2.5em}
|
|
.gnb_2depth {border-bottom:1px solid #eef1f2;background:#fff}
|
|
.gnb_2depth a {display:block;padding-left:15px;height:30px;font:0.75em normal;text-decoration:none;line-height:2.8em}
|
|
|
|
/* heading */
|
|
h1 {display:block;visibility:hidden;height:0}
|
|
article h1 {visibility:visible;height:auto}
|
|
|
|
/* 폼요소 */
|
|
textarea, input, select {border:1px solid #ced9de;background:#f6f9fa}
|
|
textarea, input {padding:3px}
|
|
textarea:focus, input:focus {padding:4px;border:0;background:#9aacb4;color:#fff}
|
|
select {padding:2px}
|
|
fieldset {padding:13px;border:1px solid #ced9de;background:#fff}
|
|
legend {margin-left:0;padding:7px 10px;border:1px solid #ced9de;background:#f6f9fa}
|
|
button {padding:3px;border:1px solid #ced9de;background:#f6f9fa;cursor:pointer}
|
|
|
|
/* 테이블 */
|
|
table {margin-bottom:20px;width:100%;border:1px solid #d5dcdf;background:#fff}
|
|
caption {text-align:left}
|
|
caption p {color:#6b8088;font-size:0.75em}
|
|
th, td {border-bottom:1px solid #e9ecee;font:0.75em normal}
|
|
th label {display:block}
|
|
th {padding:10px;background:#f1f6f7}
|
|
.frm_tbl th {width:130px;text-align:left}
|
|
td {padding:10px}
|