/* list */
#bbslist {margin:auto;padding:0 0 30px 0;}
#bbslist .info {height:28px;}
#bbslist .info .article {float:left;font-size:11px;font-family:gothic,dotum;color:#c0c0c0;padding:5px 0 0 5px;}
#bbslist .info .article a {position:relative;top:3px;left:3px;}
#bbslist .info .category {float:right;padding:0 0 5px 0;}
#bbslist .info .category select {padding:1px;margin-bottom:3px;}
#bbslist .info .category select .sline {color:#c0c0c0;}
#bbslist .info .category a {position:relative;top:3px;left:-5px;}
#bbslist table {width:100%;border-spacing:0px;border-collapse:collapse; margin-bottom:30px;}
#bbslist table caption {display:none;}
#bbslist thead {background-color:#272e35; color:#fff; border-radius:5px; overflow:hidden;}
#bbslist thead th {padding:10px;}
#bbslist thead .side1 {border-left:#D2D2D2 solid 1px;}
#bbslist thead .side2 {border-right:#D2D2D2 solid 1px;}
#bbslist tbody .noticetr td {background:url('');background:#FAFAFA;border-bottom:#EBEBEB solid 1px;}
#bbslist tbody .noticetr td a {font-weight:bold;}
#bbslist tbody td {font-size:14px; text-align:center; padding:10px 3px;}
#bbslist tbody tr {border-bottom:#dfdfdf solid 1px;}
#bbslist tbody tr:hover {background-color:#fff;}
#bbslist .button_area {float:right;}
#bbslist .button_area a {border:#dfdfdf solid 1px; background-color:#fff; border-radius:5px; padding:5px 10px;}
#bbslist .now {color:#ff0000; font-size:11px;}
#bbslist .cat {font-size:12px; color:#888;letter-spacing:-1px;}
#bbslist .sbj {text-align:left; letter-spacing:0px;}
#bbslist .sbj .imgpos {margin-bottom:-1px;}
#bbslist .sbj a {font-size:14px; color:#222222;text-decoration:none;line-height:150%;}
#bbslist .sbj a:hover {text-decoration:underline;}
#bbslist .sbj .new {color:#ff0000;}
#bbslist .sbj .comment {font:normal 11px arial;color:#FC6138;}
#bbslist .sbj .trackback {font:normal 11px arial;color:#02ACD6;}
#bbslist .sbj1 {text-align:left; font-size:12px; color:#222222; line-height:150%;}
#bbslist .name {color:#222222;font-family:dotum;font-size:12px;color:#888;}
#bbslist .name a {color:#888;}
#bbslist .hit {color:#888;}
#bbslist .bottom {padding:15px 0 0 0;}
#bbslist .btnbox1 {float:left;width:130px;}
#bbslist .btnbox2 {float:right;width:130px;text-align:right;}
#bbslist .pagebox01 {text-align:center;padding:3px 0 0 0;margin:-20px 0 0 0;}
#bbslist .searchform {padding:30px 0 0 0;text-align:center;}
#bbslist .searchform select {font-size:12px;font-family:gulim;height:20px;vertical-align:bottom;padding:2px;}
#bbslist .no_data {padding:100px 0; font-size:20px;}
.action_area {clear:both; min-height:50px;}
.action_area>.left_area {float:left; display:inline-block;}
.action_area>.right_area {float:right; display:inline-block;}
.paging_area {text-align:center; margin-bottom:50px;}
.paging_area img {margin:0 3px;}
.paging_area>span {overflow:hidden; display:inline-block; vertical-align:middle; padding:10px; font-size:16px;}
.paging_area>span.btn {border:#dfdfdf solid 1px; margin:0 3px; height:38px;}
.paging_area>span.btn a {display:block; width:100%; height:100%; padding:10px; vertical-align:middle;}
.paging_area>span.first_page {border-radius:100px 3px 3px 100px;}
.paging_area>span.last_page {border-radius:3px 100px 100px 3px;}
.paging_area>span.num {width:38px;}
.paging_area>span.selected {color:#ff0000;}
.search_area {text-align:center; margin-bottom:50px;}
.search_area form {padding:0; margin:0;}
.search_area .search_box {border:#dfdfdf solid 1px; background-color:#fff; border-radius:100px; overflow:hidden; display:inline-block; font-size:0;}
.search_area .search_box>select[name*="where"] {display:none;}
.search_area .search_box>input {border:none; display:inline-block; height:100%; outline:none; padding:10px 15px; font-size:14px; vertical-align:middle;}
.search_area .search_box>button.search_btn {font-size:20px; padding:10px 20px; background-color:#fff; color:#333;}
.search_area .search_box>input.search_input:focus {background-color:#f6f7f9;}
.search_area .search_box>button.search_btn:hover {cursor:pointer; color:#fff; background-color:#333;}
/* @list */


/* view */.viewbox {}
.viewbox .subject {text-align:center; border-bottom:#ccc solid 1px; height:10px; margin-bottom:50px;}
.viewbox .subject h1 {display:inline; padding:8px 60px; background-color:#cccccc; color:#333; font-size:16px; border-radius:7px; line-height:100%;}
.viewbox .title {text-align:center;}
.viewbox .title>div {line-height:100%; font-size:15px; color:#555;}
.viewbox .title .t1, .viewbox .title .t2 {font-family: 'Nanum Gothic', sans-serif; font-weight:bolder;}
.viewbox .title .t1 {text-transform:capitalize; font-size:30px; margin-bottom:20px;}
.viewbox .title .t2 {font-size:25px; margin-bottom:30px;}
.viewbox .title .t3 {margin-bottom:30px;}
.viewbox .title .t4 {margin-bottom:50px;}
.viewbox .content {padding:20px 0 20px 0;line-height:160%;}
.viewbox .content .tag {padding:50px 0; text-align:center;}
.viewbox .content .tag>.title {width:60%; margin:0 auto; font-size:0; margin-bottom:50px;}
.viewbox .content .tag>.title>span {display:inline-block; vertical-align:middle; line-height:100%;}
.viewbox .content .tag>.title>span.text {font-size:25px; text-align:center; font-family: 'Open Sans', sans-serif; font-weight:lighter; text-transform:capitalize; color:#999; width:20%;}
.viewbox .content .tag>.title>span.line {border-bottom:#dfdfdf solid 1px; width:40%;}
.viewbox .content .tag a {display:inline-block; padding:3px 10px; font-size:12px; background-color:#E8ABBB; color:#fff; border-radius:7px 3px 7px 3px;}
.viewbox .content .tag a::before {content:"#"; color:#fff;}
.viewbox .content .tag a:hover {background-color:#E875AB; color:#fff;}
.viewbox .content .tag a:hover::before {color:#E8ABDF;}
.viewbox .content .attach {padding:10px 0 0 0;line-height:120%;}
.viewbox .content .attach ul {padding:0;margin:0;}
.viewbox .content .attach li {list-style-type:none;background:url('../../../../../_core/image/_public/ico_file.gif') left no-repeat;padding:0 0 0 15px;}
.viewbox .content .attach li a {font-size:11px;font-family:dotum;color:#666;}
.viewbox .content .attach li a:hover {text-decoration:underline;}
.viewbox .content .attach li .size {font-size:11px;font-family:arial;color:#999;}
.viewbox .content .attach li .down {font-size:11px;font-family:arial;color:#333;}
.viewbox .content .scorebox {text-align:center;padding:20px 0 20px 0;}
.viewbox .content .snsbox {padding:20px 0 0 0;text-align:right;}
.viewbox .content .snsbox img {cursor:pointer;}
.bottom {text-align:center; border-top:#dfdfdf solid 1px; padding-top:30px; margin-bottom:50px;}
.comment {padding:0 0 10px 0;color:#c0c0c0;}
.comment a {font-weight:bold;color:#3EA9CD;}
.comment .icon1 {position:relative;top:3px;}
/* @view */


/* write */
#bbswrite {margin:auto;padding:0 0 30px 0;}
#bbswrite input {font-size:12px; height:30px; outline:none; vertical-align:middle; line-height:100%;}
#bbswrite td {padding:2px 0 2px 0;}
#bbswrite .editbox {padding:15px 0 15px 0;}
#bbswrite .td1 {width:130px; font-size:14px; letter-spacing:-1px;}
#bbswrite .td1>span {font-size:10px; border-radius:5px; padding:3px 5px; line-height:100%; margin-right:10px;}
#bbswrite .td1>span.p1 {background-color:#ff0000; color:#fff;}
#bbswrite .td1>span.p2 {background-color:#999; color:#fff;}
#bbswrite .td2 .guide {font-size:11px;font-family:dotum;color:#999;padding:10px 0 10px 0;}
#bbswrite .td2 .guide img {position:relative;top:3px;}
#bbswrite .td2 .check {color:#666;}
#bbswrite .td2 .check input {position:relative; top:2px;}
#bbswrite .td2 .input {font-size:14px;}
#bbswrite .td2 .subject {width:400px;}
#bbswrite .td2 select {margin:1px; width:404px; padding:8px 5px 8px 0; border:#dfdfdf solid 1px;}
#bbswrite .td2 select .cattt {background:#efefef;}
#bbswrite .td2 img {}
#bbswrite .td2 .after {padding:10px 0 0 0;color:#999;font-size:11px;font-family:dotum;letter-spacing:-1px;}
#bbswrite .iconbox {border-left:#e0e0e0 solid 1px;border-top:#e0e0e0 solid 1px;border-right:#e0e0e0 solid 1px;background:#f9f9f9;padding:6px 0 8px 7px;}
#bbswrite .iconbox a {padding:0 3px 0 3px;font-size:11px;font-family:dotum;color:#333;}
#bbswrite .iconbox a:hover {color:#7899C7;}
#bbswrite .iconbox a img {position:relative;top:2px;left:-2px;margin-right:3px;}
#bbswrite .iconbox .split {padding:0 2px 0 2px;margin-bottom:-1px;}
#bbswrite .bottombox {text-align:center;padding:20px 0 20px 0;margin:15px 0 0 0;border-top:#efefef solid 1px;}
#bbswrite .bottombox .btngray {font-weight:bold;width:60px;height:25px;}
#bbswrite .bottombox .btnblue {font-weight:bold;width:80px;height:25px;}
/* @write */