sp1000je
206 lines
15 KiB
CSS
206 lines
15 KiB
CSS
@charset "euc-kr";
|
|
|
|
html, body, div, span, object, iframe,
|
|
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
|
a, abbr, address, big, cite, code,
|
|
del, dfn, em, font, img, ins, q, s, samp,
|
|
small, strike, strong, sub, sup, tt, var,
|
|
b, u, i,
|
|
dl, dt, dd, ol, ul, li,
|
|
fieldset, form, label, legend,
|
|
table, caption, tbody, tfoot, thead, tr, th, td
|
|
{margin:0; padding:0; border:0;}
|
|
ol, ul, li {list-style:none;}
|
|
|
|
legend {visibility:hidden; display:none; height:0; width:0; font-size:0;}
|
|
|
|
body {font-size: 75%; font-family: Dotum,sans-serif; color: #303030;}
|
|
table {border-spacing:0;}
|
|
a, a:link {color: #303030; text-decoration: none; cursor: pointer; }
|
|
a:visited {color: #303030;}
|
|
a:hover, a:active, a:focus {color: #303030; text-decoration: underline;}
|
|
select{font-size: 1em;}
|
|
input.board_input {border:1px solid #cdcdcd; height:16px; padding:3px 3px 0px 3px; font-size:1em; background-color:#ffffff;}
|
|
input.board_input_file {width:90%; border:1px solid #cdcdcd; padding:3px 3px 0px 3px; font-size: 1em; background-color:#ffffff;}
|
|
textarea {border:1px solid #CDCDCD; font-size:1em;}
|
|
.display_none {display:none;}
|
|
|
|
|
|
#board {margin:0 auto;}
|
|
|
|
#board .board_total {width:100%;}
|
|
#board .board_total_left {float:left; font-size:0.95em; padding-top:5px; height:22px; padding-bottom:10px;}
|
|
#board .board_total_left a {float:left; margin:0; padding:0;}
|
|
#board .board_total_right {float:right; padding-top:5px;}
|
|
#board .board_total_right img {float:left; padding-right:3px;}
|
|
#board .board_total_right select {margin-top:1px; height:19px;}
|
|
#board div.board_total .board_orange{color:#F96F00;}
|
|
#board .board_button {width:100%; margin-top:5px; text-align:right;}
|
|
#board .guide span {float:right; color:#838383; font-family:dotum; font-size:0.9em; font-weight:normal; letter-spacing:-0.1em; padding:0 4px 6px 0;}
|
|
#board span.category_color {color:#979797;}
|
|
|
|
/* List */
|
|
#board .table_blist {clear:both;}
|
|
#board .table_blist table{width:100%; line-height:16px; border-collapse:collapse; border-top:1px solid #999; border-bottom:1px solid #e5e5e5; background:url(/content/board/nninc_simple/img/title_bg.gif) repeat-y top;}
|
|
#board .table_blist table caption{display:none;}
|
|
#board .table_blist thead th {font-size:12px; padding-top:2px; border-bottom:1px solid #DCDCDC; height:33px; color:#666666; font-weight:bold; letter-spacing:-0.1em; background:url(/content/board/nninc_simple/img/tit_line.gif) no-repeat right; text-align:center;}
|
|
#board .table_blist thead th.th_none {background-image:none;}
|
|
#board .table_blist tbody td {font-size:12px; color:#575757; white-space:nowrap; height:28px; border-bottom:1px solid #F3F3F3; background:#ffffff; text-align:center; line-height:140%; border-left:1px solid #fff; border-right:1px solid #fff;}
|
|
#board .table_blist tbody td img{vertical-align:middle;}
|
|
#board .table_blist tbody td span.reply_count {color:#EE5A00; font-size: 0.9em; font-weight:normal; letter-spacing:-0.1em;}
|
|
#board .table_blist tbody td.notice {background-color:#FBFBFB;}
|
|
#board .table_blist tbody td.data_none {background-color:#efefef;}
|
|
#board .table_blist tbody td.title {white-space:nowrap; text-align:left;}
|
|
#board .table_blist tbody td.center {text-align:center;}
|
|
|
|
|
|
/* List
|
|
#board .table_blist {clear:both;}
|
|
#board .table_blist table{width:100%; line-height:16px; border-collapse:collapse; border-top:2px solid #C8C8C8; border-bottom:2px solid #DEDEDE;}
|
|
#board .table_blist table caption{display:none;}
|
|
#board .table_blist thead th {border-bottom:1px solid #DCDCDC; height:28px; color:#666666; font-weight:bold; letter-spacing:-0.1em; line-height:160%; background:url(/content/board/nninc_simple/img/tit_line.gif) no-repeat right; text-align:center;}
|
|
#board .table_blist thead th.th_none {background-image:none;}
|
|
#board .table_blist tbody td{white-space:nowrap; height:27px; border-bottom:1px solid #F3F3F3; background:#ffffff; text-align:center; line-height:140%;}
|
|
#board .table_blist tbody td img{vertical-align:middle;}
|
|
#board .table_blist tbody td span.reply_count {color:#EE5A00; font-size: 0.9em; font-weight:normal; letter-spacing:-0.1em;}
|
|
#board .table_blist tbody td.notice {background-color:#FBFBFB;}
|
|
#board .table_blist tbody td.data_none {background-color:#efefef;}
|
|
#board .table_blist tbody td.title {white-space:nowrap; text-align:left; padding:3px 10px 3px 0;}
|
|
#board .table_blist tbody td.center {text-align:center;}*/
|
|
|
|
/* Write */
|
|
#board .table_bwrite {clear:both;}
|
|
#board .table_bwrite table{width:100%; line-height:16px; border-collapse:collapse; border-top:1px solid #999; border-bottom:1px solid #e5e5e5;}
|
|
#board .table_bwrite table caption{display:none;}
|
|
#board .table_bwrite thead th {font-size:15px; border-bottom:1px solid #DCDCDC; height:28px; color:#373737; font-weight:bold; letter-spacing:-0.1em; line-height:130%;}
|
|
#board .table_bwrite thead th.th_end {text-align:center;}
|
|
#board .table_bwrite tbody th{font-size:12px; white-space:nowrap; height:31px; border-bottom:1px solid #F3F3F3; border-right:1px solid #DCDCDC; border-bottom:1px solid #DCDCDC; background:#F6F6F6; color:#666666; text-align:center; letter-spacing:-0.1em; line-height:140%;}
|
|
#board .table_bwrite tbody th img {vertical-align:middle; padding-left:5px;}
|
|
#board .table_bwrite tbody td{font-size:12px; height:31px; padding-left:10px; border-bottom:1px solid #DCDCDC; background:#ffffff; text-align:left; line-height:140%;}
|
|
#board .table_bwrite tbody td input.subject{width:95%;}
|
|
#board .table_bwrite tbody td.content{margin:0; padding-top:4px; padding-bottom:4px; padding-left:0; padding-right:0px; text-align:center;}
|
|
#board .table_bwrite tbody td span.text1 {color:#818181; font-family:dotum; font-size:0.9em; font-weight:normal; letter-spacing:-0.1em; padding-left:6px;}
|
|
#board .table_bwrite tbody td span.eng {padding-left:0; color:#6A6A6A; font-size: 0.9em; font-weight:normal; letter-spacing:-0.1em;}
|
|
|
|
/* Write
|
|
#board .table_bwrite {clear:both;}
|
|
#board .table_bwrite table{width:100%; line-height:16px; border-collapse:collapse; border-top:2px solid #C8C8C8; border-bottom:1px solid #DEDEDE;}
|
|
#board .table_bwrite table caption{display:none;}
|
|
#board .table_bwrite thead th {border-bottom:1px solid #DCDCDC; height:28px; color:#373737; font-weight:bold; letter-spacing:-0.1em; line-height:130%;}
|
|
#board .table_bwrite thead th.th_end {padding-right:110px;}
|
|
#board .table_bwrite tbody th{white-space:nowrap; height:31px; border-bottom:1px solid #F3F3F3; border-right:1px solid #DCDCDC; border-bottom:1px solid #DCDCDC; background:#F6F6F6; color:#666666; text-align:center; letter-spacing:-0.1em; line-height:140%;}
|
|
#board .table_bwrite tbody th img {vertical-align:middle; padding-left:5px;}
|
|
#board .table_bwrite tbody td{height:31px; padding-left:10px; border-bottom:1px solid #DCDCDC; background:#ffffff; text-align:left; line-height:140%;}
|
|
#board .table_bwrite tbody td input.subject{width:95%;}
|
|
#board .table_bwrite tbody td.content{margin:0; padding-top:4px; padding-bottom:4px; padding-left:0; padding-right:0px; text-align:center;}
|
|
#board .table_bwrite tbody td span.text1 {color:#818181; font-family:dotum; font-size:0.9em; font-weight:normal; letter-spacing:-0.1em; padding-left:6px;}
|
|
#board .table_bwrite tbody td span.eng {padding-left:0; color:#6A6A6A; font-size: 0.9em; font-weight:normal; letter-spacing:-0.1em;} */
|
|
|
|
/* View */
|
|
#board .table_bview {clear:both;}
|
|
#board .table_bview table{width:100%; line-height:16px; border-collapse:collapse; border-top:1px solid #999; border-bottom:1px solid #e5e5e5;}
|
|
#board .table_bview table caption{display:none;}
|
|
#board .table_bview thead th {font-size:15px; border-bottom:1px solid #DCDCDC; height:28px; color:#373737; font-weight:bold; letter-spacing:-0.1em; line-height:130%;text-align:center;}
|
|
#board .table_bview thead th.th_none {white-space:nowrap; background-image:none; text-align:left; padding-left:5px;text-align:center;font-size:15px;}
|
|
#board .table_bview thead th.th_none img {vertical-align:middle;}
|
|
#board .table_bview tbody th {font-size:12px; white-space:nowrap; height:31px; border-right:1px solid #E1E1E1; border-bottom:1px solid #E1E1E1; background:#F6F6F6; color:#737373; text-align:center; letter-spacing:-0.1em; line-height:140%;}
|
|
#board .table_bview tbody td {font-size:12px; padding-top:6px; padding-bottom:6px; border-bottom:1px solid #E1E1E1; background:#ffffff; text-align:left; line-height:140%;}
|
|
#board .table_bview tbody td.content{padding:20px 10px 30px 10px;}
|
|
#board .table_bview tbody td.content img{display:block; text-align:center;}
|
|
#board .table_bview tbody td span.text1 {color:#818181; font-family:dotum; font-size:0.9em; font-weight:normal; letter-spacing:-0.1em; padding-left:6px;}
|
|
#board .table_bview tbody td span.eng {padding-left:0; color:#6A6A6A; font-size: 0.9em; font-weight:normal; letter-spacing:-0.1em;}
|
|
#board .table_bview tbody td dl.info {margin:0; padding-left:3px;}
|
|
#board .table_bview tbody td dl.info dt {float:left; color:#737373; letter-spacing:-0.1em; padding:0; font-weight:bold;}
|
|
#board .table_bview tbody td dl.info dd {float:left; background:transparent url(/content/board/nninc_simple/img/view_bar.gif) no-repeat scroll 5px 40%; display:inline; margin:0; padding:0 2.4em 0 1em; }
|
|
#board .table_bview tbody td dl.info dd img {vertical-align:middle;}
|
|
#board .table_bview tbody td dl.info dd .size {font-size:0.8em; font-family:tahoma; color:#BFBFBF;}
|
|
|
|
/* Comment */
|
|
#board .board_comment {clear:both; padding-top:20px;}
|
|
#board .board_comment table{width:100%; background-color:#FAFAFA; margin-bottom:15px}
|
|
#board .board_comment table caption{display:none;}
|
|
#board .board_comment tbody td {height:31px; text-align:left; line-height:140%;}
|
|
#board .board_comment tbody td.dr01 {height:5px; background:url(/content/board/nninc_simple/img/dr01.gif); background-repeat:no-repeat;}
|
|
#board .board_comment tbody td.dr02 {height:5px; background:url(/content/board/nninc_simple/img/dr02.gif); background-repeat: repeat-x;}
|
|
#board .board_comment tbody td.dr03 {height:5px; background:url(/content/board/nninc_simple/img/dr03.gif); background-repeat:no-repeat;}
|
|
#board .board_comment tbody td.dr04 {background:url(/content/board/nninc_simple/img/dr04.gif); background-repeat: repeat-y;}
|
|
#board .board_comment tbody td.text {padding:0; margin:0; height:20px;}
|
|
#board .board_comment tbody td dl.info {margin:0; padding-left:10px;}
|
|
#board .board_comment tbody td dl.info dt {float:left; letter-spacing:-0.1em; padding:0; font-size:0.9em; padding-top:4px;}
|
|
#board .board_comment tbody td dl.info dd {float:left; padding:0 10px 0 4px;}
|
|
#board .board_comment tbody td.dr05 {text-align:center; padding-top:4px; padding-bottom:4px;}
|
|
#board .board_comment tbody td.dr05 textarea {width:88%;height:38px;}
|
|
#board .board_comment tbody td.dr06 {background:url(/content/board/nninc_simple/img/dr06.gif); background-repeat: repeat-y;}
|
|
#board .board_comment tbody td.dr07 {height:5px; background:url(/content/board/nninc_simple/img/dr07.gif); background-repeat:no-repeat;}
|
|
#board .board_comment tbody td.dr08 {height:5px; background:url(/content/board/nninc_simple/img/dr08.gif); background-repeat: repeat-x;}
|
|
#board .board_comment tbody td.dr09 {height:5px; background:url(/content/board/nninc_simple/img/dr09.gif); background-repeat:no-repeat;}
|
|
|
|
.cmt_list {margin-top:5px;}
|
|
.cmt_list div.h {margin:0 0 1px; background:transparent url(/content/board/nninc_simple/img/human_ic.gif) no-repeat scroll 0 0.1em;}
|
|
.cmt_list p {line-height:1.6em; margin:0; padding:5px 0 0 12px; text-align:left;}
|
|
.cmt_list li.line {height:1px; background:transparent url(/content/board/nninc_simple/img/dr_line_bg.gif); background-repeat: repeat-x; margin:0; padding-top:15px;}
|
|
|
|
|
|
/* Paginate */
|
|
.board_paginate{clear:both; position:relative; text-align:center;}
|
|
.board_paginate *{margin:0; padding:0;}
|
|
.board_paginate a,
|
|
.board_paginate strong{_position:relative; margin-left:-7px; font-weight:bold; display:inline-block; padding:3px 8px 1px 7px; color:#313031; border-left:1px solid #ccc; border-right:1px solid #ccc; text-decoration:underline; line-height:normal; font:bold 12px 돋움, Dotum, 굴림, Gulim, AppleGothic, Sans-serif; background:#fff;}
|
|
.board_paginate strong{color:#ff8600 !important;}
|
|
.board_paginate a:hover{background:#F7F7F7;}
|
|
.board_paginate a.pre{padding:3px 8px 1px 16px; background:url(/content/board/nninc_simple/img/bu_pg1_l1.gif) no-repeat 8px 6px !important; border:none; font-weight:normal; }
|
|
.board_paginate a.next{padding:3px 16px 1px 8px; background:url(/manager/img/bu_pg1_r1.gif) no-repeat 37px 6px !important; border:none; font-weight:normal; }
|
|
|
|
/* Button */
|
|
.board_button {clear:both;}
|
|
.board_button .fl {float:left;}
|
|
.board_button .fr {float:right; overflow:hidden;}
|
|
.board_button .pt10 {padding-top:10px;}
|
|
|
|
|
|
.board_button ul li {float:left;}
|
|
.board_button ul li.pl {padding-left:10px;}
|
|
.board_button ul li.pt {padding-top:7px;}
|
|
.board_button span.bt {float:right; padding-top:10px; padding-left:4px; text-align:right;}
|
|
.board_button2 {margin:0 auto; text-align:center; padding-top:10px; padding-left:4px;}
|
|
|
|
|
|
|
|
|
|
.board_bt01 {display:inline;}
|
|
.board_bt01 a{display:inline; overflow:hidden; float:left; height:22px; padding-left:13px; margin-right:3px; font:12px dotum; letter-spacing:-1px; color:#6B6B6B; text-decoration:none; background:url(/content/board/nninc_simple/img/bt01_bg.gif) left 0; cursor:pointer;}
|
|
.board_bt01 a:hover{background:url(/content/board/nninc_simple/img/bt01_bg.gif) left -22px; text-decoration:none;}
|
|
.board_bt01 a span{display:inline; overflow:hidden; float:left; height:22px; padding-right:10px; line-height:200%; background:url(/content/board/nninc_simple/img/bt01_bg.gif) right 0;}
|
|
.board_bt01 a:hover span{color:#6B6B6B; background:url(/content/board/nninc_simple/img/bt01_bg.gif) right -22px;}
|
|
|
|
|
|
/* Search */
|
|
.board_search {width:738px; margin:0 auto; text-align:center; margin-top:18px; border:1px solid #dcdcdc; background:#f8f8f8; padding:5px 0;}
|
|
.board_search ul {width:340px; margin:0 auto;}
|
|
.board_search ul li {float:left; height:30px; margin-bottom:5px;}
|
|
/*.board_search ul li.board_search_start {float:left; width:18px; height:40px;}
|
|
.board_search ul li.board_search_end {float:left; width:18px; height:40px;}*/
|
|
.board_search ul li select {float:left; margin-top:8px; margin-right:5px;}
|
|
.board_search ul li input.board_input {float:left; height:16px; margin-top:7px; border:1px solid #594e9d;}
|
|
.board_search ul li input.search_bt {float:left; margin-top:7px; margin-bottom:1px;}
|
|
.board_search .search_ic {margin-top:7px; margin-right:10px;}
|
|
|
|
|
|
.command_pwd {position:absolute; border:2px solid #C6C6C6; background-color:#ffffff; padding:8px 15px 8px 15px; text-align:center; vertical-align:middle; font-weight:bold; color:#313131; line-height:140%;}
|
|
.command_pwd li.text {float:left; letter-spacing:-0.1em; padding:0; font-size:0.9em; padding-top:4px;padding-right:4px;}
|
|
.command_pwd li {float:left; padding-left:3px;}
|
|
.command_pwd li img {height:20px;padding-top:1px;}
|
|
|
|
|
|
.pwd_check {width:90%; margin:0 auto; margin-top:20px; text-align:center; border-top:2px solid #C8C8C8; border-bottom:2px solid #DEDEDE; background-color:#ffffff; padding:25px; font-weight:bold; color:#313131; line-height:140%;}
|
|
.pwd_check *{margin:0; padding:0;}
|
|
.pwd_check span{color:#7D7D7D; letter-spacing:-1px; font-size:11px;}
|
|
.pwd_check li.text {letter-spacing:-0.1em; font-size:0.9em;}
|
|
.pwd_check li {}
|
|
.pwd_check_button {width:90%;margin:0 auto; text-align:center; padding-top:10px;}
|
|
|
|
|
|
.newWindow {color:#0A3AD4;text-decoration: underline;}
|
|
a.newWindow, a.newWindow:link {color: #0A3AD4; text-decoration: underline; cursor: pointer; }
|
|
a.newWindow:visited {color: #0A3AD4;text-decoration: underline;}
|
|
a.newWindow:hover, a.newWindow:active, a.newWindow:focus {color: #0A3AD4; text-decoration: underline;} |