firstgarden-web-gnu/css/default.css

@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;
}