/* GeneSoft DesignTeam (http://www.genesofts.com/) version : 1.1 (080924 > 081008) Author : Kim SangYu */ @charset "utf-8"; /* 게시판 목록 *******************************************************************************************************************************/ #bbs_list .list {margin: 30px 0 0 0; width: 640px; border-collapse: collapse; border-bottom: 1px solid #d9d9d9} #bbs_list caption {margin: 0; padding: 0; display: none;} #bbs_list .list tbody tr:hover, #bbs_list .list tbody tr:active, #bbs_list .list tbody tr:focus{background-color:#fafaf8;}/* Ex7 이상 & FF 에만 적용됨 */ #bbs_list .list a:hover, #bbs_list .list a:active, #bbs_list .list a:focus {text-decoration: underline;} #bbs_list .list th {padding: 6px 0; #padding: 5px 0 5px 0; font-weight: normal; color: #ffffff;} /* #bbs_list .list th {padding: 6px 0; _padding: 7px 0 5px 0; font-weight: normal; color: #ffffff; background: url('/images/board/bg_head_02.gif') no-repeat right top;} #bbs_list .list th.nu {background: url('/images/board/bg_head_02.gif') no-repeat right top;} #bbs_list .list th.st {background: url('/images/board/bg_head_02.gif') no-repeat right top;} #bbs_list .list th.sb {background: url('/images/board/bg_head_02.gif') no-repeat right top;} #bbs_list .list th.re {background: url('/images/board/bg_head_02.gif') no-repeat right top;} #bbs_list .list th.na {background: url('/images/board/bg_head_02.gif') no-repeat right top;} #bbs_list .list th.pu {background: url('/images/board/bg_head_02.gif') no-repeat right top;} #bbs_list .list th.da {background: url('/images/board/bg_head_02.gif') no-repeat right top;} #bbs_list .list th.co {background: url('/images/board/bg_head_02.gif') no-repeat right top;} #bbs_list .list th.hi {background: url('/images/board/bg_head_03.gif') no-repeat right top;} #bbs_list .list th.la {background: url('/images/board/bg_head_03.gif') no-repeat right top;} */ #bbs_list .list td {padding: 6px 0; _padding: 7px 0 5px 0; text-align: center; border-bottom: 1px solid #e6e5e4;} #bbs_list .list td.nu {text-align: center; width: 50px; font-family: 'tahoma'; font-size: 85%;} #bbs_list .list td.st {text-align: center; width: 50px;} #bbs_list .list td.st strong{color: #b35947; font-weight: normal;} #bbs_list .list td.sb {text-align: left;} #bbs_list .list td.re {text-align: left;} #bbs_list .list td.re a {padding: 0 0 0 15px; background: url('/images/common/bul_bbs_re.gif') no-repeat left top;} #bbs_list .list td.na {text-align: center; width: 80px;} #bbs_list .list td.pu {text-align: center; width: 100px;} #bbs_list .list td.co {text-align: center; width: 110px; font-family: 'tahoma'; font-size: 85%;} #bbs_list .list td.da {text-align: center; width: 70px; font-family: 'tahoma'; font-size: 85%;} #bbs_list .list td.hi {text-align: center; width: 60px; font-family: 'tahoma'; font-size: 85%;} #bbs_list .footer {position: relative; clear: both; margin: 0; width: 100%; min-height: 60px; _height: 60px;} #bbs_list .btn_l {position: absolute; margin: 0; padding: 0; left:0; top: 15px;} #bbs_list .btn_r {position: absolute; margin: 0; padding: 0; right:0;top: 15px;} #bbs_list .btn_c {margin: 15px 0 0 0; padding: 0; text-align: center;} #bbs_list .pag {padding: 15px 0 30px 0; text-align:center; font-size: 95%;} #bbs_list .pag * {margin: 0; padding: 0;} #bbs_list .pag a, #bbs_list .pag strong {_position:relative; display:inline-block; margin-right:-6px; padding:3px 7px 2px 8px; text-decoration:none !important; line-height:normal; font: 90% "tahoma", Serif; background: #f6f5f3 url('/images/common/partition_h.gif') no-repeat 0 3px;} #bbs_list .pag strong {color:#b35947 !important;} #bbs_list .pag a:hover, #bbs_list .pag a:active, #bbs_list .pag a:focus {background-color:#fafaf8;} #bbs_list .pag a.prev, #bbs_list .pag a.prev_end, #bbs_list .pag a.next, #bbs_list .pag a.next_end {font-family: "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;} #bbs_list .pag a.prev {padding: 4px 7px 2px 14px; background: url('/images/common/bul_pg1_l1.gif') no-repeat right 5px !important;} #bbs_list .pag a.prev_end {padding: 4px 7px 2px 13px; background: url('/images/common/bul_pg1_l2.gif') no-repeat right 5px !important;} #bbs_list .pag a.next {padding: 4px 15px 2px 8px; background: url('/images/common/bul_pg1_r1.gif') no-repeat left 5px !important;} #bbs_list .pag a.next_end {padding: 4px 13px 2px 6px; background: url('/images/common/bul_pg1_r2.gif') no-repeat left 5px !important;} #bbs_list .search {margin: 0 auto; text-align: center;} #bbs_list .search input {height: 15px; width: 150px; border: 1px solid #d9d8d7; border-right: none;} #bbs_list .search select, #bbs_list .search img {vertical-align: middle;} #bbs_list ul {margin: 0; padding: 0; list-style: none; text-align: center;} #bbs_list li {float: left; margin: 0; padding: 0 10px; width: 140px; height: 150px; list-style: none;} #bbs_list li a {display: block; width: 120px; height: 110px; padding: 10px; background: url('/images/board/bg_gallery.gif') no-repeat left top;} #bbs_list li a img {display: block; width: 120px; height: 90px; margin: 0 0 5px 0;} #bbs_list li a:hover, #bbs_list li a:active {text-decoration: underline; background: url('/images/board/bg_gallery.gif') no-repeat left top;} /* 게시판 보기 ******************************************************************************************************************************/ #bbs_view .head {height: 70px; background: #ffffff url('/images/common/par_v.gif') repeat-x left 40px; border: 1px solid #e6e5e4; margin: 30px 0 0 0;} #bbs_view .head h4 {height: 29px; margin: 0; padding: 11px 0 0 10px; border: none; font-size: 120%; color: #000000; letter-spacing: -0.05em; background: none;} #bbs_view .head dl {float: left; height: 22px; margin: 0; padding: 8px 50px 0 0;} #bbs_view .head dt {float: left; margin: 0; padding: 0 10px} #bbs_view .head dd {float: left; margin: 0; padding: 0 0 0 10px; background: url('/images/common/par_h.gif') no-repeat left 1px;} #bbs_view .head dd span {margin: 0 0 0 5px; color: #cccccc;} #bbs_view .content {clear: both; padding: 20px 10px;} #bbs_view .file {margin: 0 0 20px 0;} #bbs_view .file dl {margin: 0; padding: 0; height: 20px;} #bbs_view .file dt {float: left; margin: 0; padding: 0 15px 0 0; background: url('/images/common/par_h.gif') no-repeat 75px 1px;} #bbs_view .file dt span {padding: 0 0 0 14px; background: url('/images/common/ico_bbs_file.gif') no-repeat left top; font-weight: bold; color: #4d4d4d; letter-spacing: -0.1em;} #bbs_view .file dd {display: block; margin: 0; padding: 0 0 0 10px;} #bbs_view .file dd a {text-decoration: underline; color: #b35947;} #bbs_view .file dd img {margin: 0 0 0 5px; vertical-align: middle;} #bbs_view .prev {margin: 0; padding: 0; background: #ffffff url('/images/common/par_v.gif') repeat-x left 40px; border: 1px solid #e6e5e4;} #bbs_view .prev dl {margin: 0; padding: 13px 0 0 0; height: 27px;} #bbs_view .prev dt {float: left; margin: 0; padding: 0 5px 0 0;} #bbs_view .prev dt span {margin: 0 0 0 10px; padding: 0 0 0 12px; color: #4d4d4d; letter-spacing: -0.1em;} #bbs_view .prev dd {float: left; margin: 0; padding: 0 0 0 10px; background: url('/images/common/par_h.gif') no-repeat left 1px;} #bbs_view .prev dd a:hover, #bbs_view .prev dd a:active {text-decoration: underline;} #bbs_view .prev .next {background: url('/images/common/bul_pg1_u.gif') no-repeat left top;} #bbs_view .prev .back {background: url('/images/common/bul_pg1_d.gif') no-repeat left top;} #bbs_view .footer {position: relative; margin: 0; width: 100%; min-height: 60px; _height: 60px;} #bbs_view .btn_l {position: absolute; margin: 0; padding: 0; left:0; top: 15px;} #bbs_view .btn_r {position: absolute; margin: 0; padding: 0; right:0;top: 15px;} #bbs_view .btn_c {margin: 15px 0 0 0; padding: 0; text-align: center;} /* 게시판 쓰기 ******************************************************************************************************************************/ #bbs_write .head {position: relative; border-top: 1px solid #62a5e7; margin: 30px 0 0 0; padding: 10px 0;} #bbs_write .head label {display: block; width: 90px; margin: 0; padding: 0 10px; font-size: 100%; color: #000000; font-weight: bold;} #bbs_write .head input {height: 17px; margin: 0; padding: 0; border: 1px solid #d9d8d7;} #bbs_write .head div {height: 24px;} #bbs_write .name label {float: left;} #bbs_write .name input {width: 200px} #bbs_write .email {clear: both} #bbs_write .email label {float: left;} #bbs_write .email input {width: 300px;} #bbs_write .password {float: left;} #bbs_write .password label {float: left;} #bbs_write .password input {font-family: "tahoma";} #bbs_write .secret {position: absolute; left: 310px; top: 12px;} #bbs_write .secret label {float: left; padding-right: 0px;} #bbs_write .secret input {float: left; border: none;} #bbs_write .sbject {clear: both;} #bbs_write .sbject label {float: left;} #bbs_write .sbject input {width: 400px;} #bbs_write .file h5 {font-size: 100%; margin: 30px 0 7px 0; padding: 0 0 0 15px; color: #4d4d4d; background: url('/images/common/ico_bbs_file.gif') no-repeat left 3px; } #bbs_write .file span {padding: 0 0 0 10px; background: url('/images/common/par_h.gif') no-repeat 2px top} #bbs_write .file span img {vertical-align: middle; } #bbs_write .file div {width: 640px; min-height: 100px; _height: 100px; border: 1px solid #e6e5e4; background: #ffffff;} #bbs_write .file table {width: 100%;} #bbs_write .file table th input{_margin-bottom: 1px;} #bbs_write .file table td input{_margin-bottom: 3px;} #bbs_write .file table th {height: 26px; font-size: 95%; font-weight: normal;} #bbs_write .file table th.ch {width: 35px; background: url('/images/board/bg_file_check.gif') no-repeat left top;} #bbs_write .file table th.na {width:; padding: 2px 0 0 0; background: url('/images/board/bg_file.gif') no-repeat right top;} #bbs_write .file table th.vo {width: 150px; padding: 2px 0 0 0; background: url('/images/board/bg_file_volume.gif') no-repeat right top;} #bbs_write .file table td {height: 24px; font-size: 95%; text-align: center;} #bbs_write .file table td.na {height: 24px; font-size: 95%; text-align: left;} #bbs_write .footer {position: relative; margin: 0; width: 100%; min-height: 60px; _height: 60px;} #bbs_write .btn_l {position: absolute; margin: 0; padding: 0; left:0; top: 15px;} #bbs_write .btn_r {position: absolute; margin: 0; padding: 0; right:0;top: 15px;} #bbs_write .btn_c {margin: 15px 0 0 0; padding: 0; text-align: center;} /* 게시판 에디터 ******************************************************************************************************************************/ #editor {clear: both; width: 640px; background: url('/images/editor/bg_01.gif') no-repeat left top;} #editor .header {position: relative; width: 640px; padding: 10px 0 0 0; height: 30px; background: url('/images/editor/bg_02.gif') no-repeat right top;} #editor .header .sec1 {display: inline; margin: 0 0 0 10px;} #editor .header .sec2 {display: inline; margin: 0 0 0 4px;} #editor .header .sec3 {display: inline; margin: 0 0 0 4px;} #editor .header .sec4 {display: inline; margin: 0 0 0 4px;} #editor .header .sec5 {display: inline; margin: 0 0 0 4px;} #editor .font {position: absolute; top: 30px; left: 10px; padding: 10px; background: #f0efeb url('/images/editor/bg_layer.gif') no-repeat left top; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc;} #editor .font a {display: block; width: 110px; padding: 0 5px; color: #4d4d4d;} #editor .font a:hover, #editor .font a:active {background: #d9d8d4;} #editor .size {position: absolute; top: 30px; left: 91px; padding: 10px; background: #f0efeb url('/images/editor/bg_layer.gif') no-repeat left top; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc;} #editor .size a {display: block; width: 260px; padding: 0 5px; color: #4d4d4d;} #editor .size a:hover, #editor .size a:active {background: #d9d8d4;} #editor .color {position: absolute; top: 30px; left: 256px; padding: 15px; background: #f0efeb url('/images/editor/bg_layer.gif') no-repeat left top; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc;} #editor .color .sec1 {display: block; margin: 0; width: 160px;} #editor .color .sec1 td {} #editor .color .sec1 a {} #editor .color .sec1 a:hover, #editor .color .sec1 a:active {text-decoration: underline;} #editor .color .sec2 {display: block; margin: 0; width: 160px;} #editor .color .sec2 td {width: 15px; height: 9px;} #editor .color .sec2 a {display: none;} #editor .color .sec2 a:hover, #editor .color .sec2 a:active {background: #d9d8d4;} #editor .bgcolor {position: absolute; top: 30px; left: 278px; padding: 15px; background: #f0efeb url('/images/editor/bg_layer.gif') no-repeat left top; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc;} #editor .bgcolor .sec1 {display: block; margin: 0; width: 160px;} #editor .bgcolor .sec1 td {} #editor .bgcolor .sec1 a {color: #ffffff;} #editor .bgcolor .sec1 a:hover, #editor .bgcolor .sec1 a:active {text-decoration: underline;} #editor .bgcolor .sec2 {display: block; margin: 0; width: 160px;} #editor .bgcolor .sec2 td {width: 15px; height: 9px;} #editor .bgcolor .sec2 a {display: none;} #editor .bgcolor .sec2 a:hover, #editor .bgcolor .sec2 a:active {background: #d9d8d4;} #editor .image {position: absolute; top: 30px; left: 246px; padding: 15px; background: #f0efeb url('/images/editor/bg_layer.gif') no-repeat left top; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; font-size: 90%; text-align: center;} #editor .image input {border: 1px solid #bfbfbf; width: 196px;} #editor .image p {margin: 10px 0; text-align: center;} #editor .image div {width: 200px; height: 130px;border: 1px solid #bfbfbf; background: #d9d8d4;} #editor .image div p {margin: 55px 0 0 0; text-align: center;} #editor .movie {position: absolute; top: 30px; left: 246px; padding: 15px; background: #f0efeb url('/images/editor/bg_layer.gif') no-repeat left top; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; font-size: 90%; text-align: center;} #editor .movie input {border: 1px solid #bfbfbf; width: 196px;} #editor .movie p {margin: 10px 0; text-align: center;} #editor .movie div {width: 200px; height: 130px;border: 1px solid #bfbfbf; background: #d9d8d4;} #editor .movie div p {margin: 55px 0 0 0; text-align: center;} #editor .url {position: absolute; top: 30px; left: 292px; padding: 15px; background: #f0efeb url('/images/editor/bg_layer.gif') no-repeat left top; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; font-size: 90%; text-align: center;} #editor .url input {border: 1px solid #bfbfbf; width: 196px;} #editor .url p {margin: 10px 0; text-align: center;} #editor .url strong {color: #ff0000; font-weight: normal;} #editor .url div {margin: 10px 0 0 0; text-align: center;} #editor .table {position: absolute; top: 30px; left: 312px; padding: 15px; background: #f0efeb url('/images/editor/bg_layer.gif') no-repeat left top; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc;} #editor .table fieldset {margin: 10px 0 0 0; padding: 0 0 3px 0; border: 1px solid #cccccc;} #editor .table legend {color: #4d4d4d;} #editor .table .sec1 {display: inline; width: 140px;} #editor .table .sec1 th {width: 55px; height: 19px; padding: 0 5px 0 0; font-weight: normal; font-size: small; color: #4d4d4d; text-align: right;} #editor .table .sec1 td {width: 80px; font-weight: normal; font-size: 100%;} #editor .table th {width: 55px; height: 19px; padding: 0 5px 0 0; font-weight: normal; font-size: small; color: #4d4d4d; text-align: right;} #editor .table td {width: 80px; font-weight: normal; font-size: 100%;} #editor .table input {margin: 0; padding: 0; border: 1px solid #bfbfbf; width: 20px;} #editor .table p {margin: 10px 0; text-align: center;} #editor .table strong {color: #ff0000; font-weight: normal;} #editor .table div {margin: 10px 0 0 0; text-align: center;} #bbs_faq {border-top: 1px solid #d9d9d9; width: 100%;} #bbs_faq .normal {margin: 0; padding: 0; border-bottom: 1px solid #d9d9d9;} #bbs_faq .normal dt {margin: 0; padding: 5px 0 5px 15px; background: url('/images/common/bul_next.gif') no-repeat 5px 8px;} #bbs_faq .normal dd {display: none;} #bbs_faq .selected {margin: 0; padding: 0; border-bottom: 1px solid #d9d9d9; background: #ffffff;} #bbs_faq .selected dt {margin: 0; padding: 5px 0 5px 15px; font-weight: bold; background: url('/images/common/bul_next.gif') no-repeat 5px 8px;} #bbs_faq .selected dd {margin: 0; padding: 10px 0 10px 35px; border-top: 1px solid #ebebeb; background: url('/images/common/bul_bbs_re.gif') no-repeat 20px 12px;} #bbs_faq .normal dt a:hover, #bbs_faq .normal dt a:hover, #bbs_faq .selected dt a {text-decoration: underline;} #editor .body {width: 638px; height: 300px; margin: 0; padding: 0; border: 1px solid #cccccc; border-top: none; background: #ffffff;} .excellent_list table {border-top: 1px solid #d9d9d9;} .excellent_list th {padding: 10px 0; border-bottom: 1px solid #d9d9d9; width:90px; font-weight: normal; text-align: left;} .excellent_list th a {display: block; width: 65px; height: 90px; padding: 5px 0 0 5px; border: 1px solid #e6e5e3; background: #ffffff;} .excellent_list th a img {width: 60px; height: 85px;} .excellent_list table td {padding: 10px 0; border-bottom: 1px solid #d9d9d9;} .excellent_list table td div {position: relative;} .excellent_list table td p {margin: 0 0 5px 0; color: #4d4d4d; font-weight: bold;} .excellent_list table td p a {color: #4d4d4d; font-size: 110%;} .excellent_list table td p a:hover, .excellent_list table td p a:active{text-decoration: underline;} .excellent_list table td dl {margin: 0;} .excellent_list table td dt {display: inline; color: #4d4d4d;} .excellent_list table td dd {display: inline; margin: 0;} .excellent_list table td .more {position: absolute; right: 0px; bottom: 0px;} .comment {border: 3px solid #ebeae8; background: #ffffff;} .comment table {} .comment th {width: 105px; padding: 0 0 0 15px; font-weight: bold; color: #4d4d4d; background: url('/images/common/par_v.gif') repeat-x left bottom; text-align: left;} .comment td {width: 510px; padding: 10px; color: #4d4d4d; background: url('/images/common/par_v.gif') repeat-x left bottom;} .comment td span{margin: 0 5px; color: #cccccc;} .comment .last th, .comment .last td{background: none;} .comment td a img{vertical-align: middle;} .comment .comment_write {padding: 10px;} .comment .comment_write textarea{ width: 530px; height: 46px; border: 1px solid #666666; border-bottom: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; background: #f6f5f3; overflow: auto; vertical-align: middle;} .comment .comment_write img{vertical-align: middle;}