img.photo {
    cursor: pointer;
}

.btn00 {
    display: inline-block;
    background: #FBFBFB;
    border: solid 1px #EAEAEA;
    padding: 8px 10px 8px;
}

.btn00 a {
    display: inline-block;
    border: none;
    color: #777;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    letter-spacing: -1px;
}

.btn00 a:hover {
    color: inherit;
    text-decoration: none;
}

/* list - stb */
#bbslist {
    margin: 20px auto;
    padding: 0 0 30px 0;
}

#bbslist h2 {
    font-weight: normal;
    font-size: 40px !important;
    padding: 0 10px 40px 10px;
    margin: 0;
    border-bottom: #333 solid 1px;
}

#bbslist h3 {
    margin: 0;
    padding: 20px 0 30px 20px;
    font-weight: normal;
    font-size: 24px;
    color: #111111;
}

#bbslist .tt {
    font-weight: bold;
    padding: 40px 0 15px 0;
}

#bbslist .msg {
    padding: 20px 10px 20px 10px;
    font-size: 18px;
    color: #000;
    line-height: 150%;
    border-bottom: #333 solid 3px;
}

#bbslist .msg span {
    font-size: 15px;
    color: #ff0000;
}

#bbslist table {
    width: 100%;
    border-spacing: 0px;
    border-collapse: collapse;
    letter-spacing: -1px;
    color: #444;
    border-top: #999999 solid 2px;
}

#bbslist table caption {
    display: none;
}

#bbslist table thead {
    font-weight: 600;
}

#bbslist thead th {
    height: 48px;
    border-top: 1px solid #f3efe7;
    border-bottom: 2px solid #f3efe7;
    background: #fdfaf5;
    font-size: 0.85rem;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    color: #1a2a40;
    text-align: center;
}

#bbslist td {
    padding: 12px 10px 12px 10px;
    border-bottom: #cdcdcd solid 1px;
    color: #888;
    font-size: 16px;
}

#bbslist th,
#bbslist td {
    border-right: #e1e1e1 solid 1px;
}

#bbslist th {
    font-size: 12px;
}

#bbslist th:last-child,
#bbslist td:last-child {
    border-right: none;
}

#bbslist select {
    height: 36px;
    margin: 0 2px 0 2px;
    padding: 0 10px 0 10px;
    font-size: 14px;
}

#bbslist input.input {
    height: 36px;
    margin: 0 2px 0 2px;
    padding: 0 10px 0 10px;
    font-size: 14px;
    border-radius: 2px;
    border: solid rgb(223, 223, 223) 2px;
}

#bbslist tbody td {
    text-align: center;
    color: #4b5563;
    font-family: 'Inter', sans-serif;
    font-size: 0.95rem;
    border-bottom: 1px solid #f3efe7;
    padding: 1rem 0.5rem;
}

#bbslist tbody td.num,
#bbslist tbody td.date,
#bbslist tbody td.hit {
    font-size: 12px;
    padding: 5px 0 5px;
}

#bbslist tbody td.sbj {
    text-align: left;
}

#bbslist tbody td.name {
    font-size: 14px;
    padding: 5px 0 5px;
}

#bbslist tbody td div {
    padding: 7px 0 0 0;
    line-height: 150%;
    font-size: 14px;
}

#bbslist tbody td .remail {
    position: relative;
    top: -3px;
    left: -2px;
    color: #111;
}

#bbslist tbody td .btn {
    margin: 1px;
}

#bbslist tbody td .hmsg {
    font-weight: bold;
    color: #ff0000;
}

#bbslist tbody td .hmsg .ok {
    color: #0000ff;
}

#bbslist tbody td .pw_q1 {
    width: 400px;
    margin: 1px;
}

#bbslist tbody td .pw_q2 {
    width: 395px;
}

#bbslist .info .article {
    float: left;
    font-size: 0.9rem;
    color: #6b7280;
    padding: 0;
}

#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 .pagebox01 {
    font-size: 13px;
}

#bbslist .pagebox01 span {
    display: inline-block;
    min-width: 22px;
    height: 17px;
    border: solid 1px #e1e1e1;
    padding: 3px 3px 5px;
    margin: 0 3px 5px;
}

#bbslist .pagebox01 span a {
    color: #aaa;
    font-size: 14px;
    font-weight: normal;
}

#bbslist .pagebox01 .selected {
    font-weight: bold;
    color: #444;
}

#bbslist .pagebox01 span.selected {
    border: solid 1px #444;
}

#bbslist .now {
    color: #ff0000;
    font-size: 11px;
}

#bbslist .cat {
    font-family: gothic, gulim;
    color: #888;
    letter-spacing: -1px;
}

#bbslist .sbj {
    text-align: left;
    letter-spacing: 0px;
    font-size: 16px;
}

#bbslist .sbj .imgpos {
    margin-bottom: -1px;
}

#bbslist .sbj a {
    font-size: 1.05rem;
    font-family: 'Inter', sans-serif;
    color: #1a2a40;
    text-decoration: none;
    line-height: 1.5;
    font-weight: 500;
}

#bbslist .sbj a:hover {
    color: #a63d40;
}

#bbslist .sbj .new {
    font-size: 12px;
    color: #ff0000;
    margin-left: 10px;
}

#bbslist .sbj .comment {
    font: normal 11px arial;
    color: #FC6138;
}

#bbslist .sbj .trackback {
    font: normal 11px arial;
    color: #02ACD6;
}

#bbslist .sbj1 {
    text-align: left;
    padding: 5px 0 3px 10px;
    font-size: 12px;
    color: #222222;
    line-height: 150%;
}

#bbslist .name {
    color: #888;
}

#bbslist .name a {
    color: #888;
}

#bbslist .hit {
    font-size: 14px;
    color: #515190;
}

#bbslist .bottom {
    padding: 25px 0 0 0;
    float: right;
}

#bbslist .btnbox1 {
    float: left;
    width: 130px;
}

#bbslist .btnbox2 {
    float: right;
    width: 150px;
    text-align: right;
}

#bbslist .pagebox01 {
    text-align: center;
    padding: 3px 0 0 0;
    margin: -20px 0 0 0;
}

#bbslist .searchform {
    padding: 25px 0 20px 0;
    text-align: center;
    border-top: 1px solid #f3efe7;
    margin-top: 20px;
}

#bbslist .searchform form {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

#bbslist .searchform select,
#bbslist .searchform .nice-select,
#bbslist .searchform input.input,
#bbslist .searchform .btngray {
    height: 38px !important;
    line-height: 36px !important;
    margin: 0 !important;
    padding: 0 12px !important;
    vertical-align: middle !important;
    box-sizing: border-box !important;
    font-size: 14px !important;
    border-radius: 6px !important;
    border: 1px solid #ddd !important;
}

#bbslist .searchform .nice-select {
    float: none !important;
    display: inline-flex !important;
    align-items: center !important;
    background: #fff !important;
    min-width: 120px;
}

#bbslist .searchform .nice-select .list {
    margin-top: 2px !important;
}

#bbslist .searchform input.input {
    width: 200px;
}

#bbslist .searchform .btngray {
    background: #1a2a40 !important;
    color: #fff !important;
    border: none !important;
    cursor: pointer;
    padding: 0 20px !important;
    font-weight: 500;
}

#bbslist nav.bs5linkpager {
    text-align: center;
    padding: 3px 0 0 0;
    margin: 20px 0 0 0;
}

/* @list */


/* view */
#bbsview {
    margin: 20px auto;
    padding: 0 0 30px 0;
}

#bbsview table {
    width: 100%;
    border-spacing: 0px;
    border-collapse: collapse;
    letter-spacing: -1px;
    color: #444;
    border-top: #999999 solid 2px;
}

#bbsview table caption {
    display: none;
}

#bbsview table thead {
    font-weight: normal;
}

#bbsview th {
    padding: 12px 10px 12px 10px;
    border-bottom: #cdcdcd solid 1px;
    color: #444;
    font-size: 14px;
    background: #fbfbfb;
    border-top: #E6E6E6 solid 1px;
    color: #020202;
    font-weight: normal;
}

#bbsview td {
    padding: 12px 10px 12px 10px;
    border-bottom: #cdcdcd solid 1px;
    color: #444;
    font-size: 14px;
}

#bbsview th,
#bbsview td {
    border-right: #e1e1e1 solid 1px;
}

#bbsview th:last-child,
#bbsview td:last-child {
    border-right: none;
}

#bbsview .td1 {
    width: 60px;
    font-weight: normal;
    vertical-align: top;
    letter-spacing: -1px;
    margin-left: 10px;
    background: #fbfbfb;
    text-align: center;
    vertical-align: middle;
}

#bbsview .viewbox .icon {
    position: absolute;
    width: 50px;
    height: 50px;
    margin: 10px 0 0 0;
    background: url('../../../../../_var/simbol/0.gif') center center no-repeat;
}

/*
#bbsview .viewbox .subject {padding:0 0 0 60px;}
#bbsview .viewbox .subject h1 {padding:11px 0 12px 0;margin:0;font-size:14px;font-weight:bold;font-family:dotum;border-bottom:#dfdfdf dotted 1px;}
#bbsview .viewbox .info {padding:10px 0 10px 60px;font-size:10px;font-family:arial;color:#c0c0c0;}
#bbsview .viewbox .info .xleft {float:left;}
#bbsview .viewbox .info .xright {float:right;}
#bbsview .viewbox .info .xright ul {padding:0;margin:0;}
#bbsview .viewbox .info .xright li {list-style-type:none;float:left;}
#bbsview .viewbox .info .xright .g {padding:0 10px 0 0;}
#bbsview .viewbox .info .xright .g img {position:relative;top:3px;right:3px;}
#bbsview .viewbox .info .xright .g a {font-size:11px;font-family:dotum;color:#666;}
#bbsview .viewbox .info .xright .g a:hover {text-decoration:underline;}
#bbsview .viewbox .info .xright div {position:absolute;display:none;}
#bbsview .viewbox .info .xright div ul {position:relative;top:17px;width:79px;border:#dfdfdf solid 1px;background:#ffffff;padding:1px;}
#bbsview .viewbox .info .xright div li {float:none;display:block;padding:3px 0 3px 3px;color:#333;font-size:11px;cursor:pointer;}
#bbsview .viewbox .info .xright div li:hover {background:#ECF0F6;}
#bbsview .viewbox .info .split {padding:0 5px 0 5px;color:#dfdfdf;font-size:10px;}
#bbsview .viewbox .info .han {font-family:dotum;font-size:11px;}
#bbsview .viewbox .info .num {font-family:dotum;font-size:11px;}
*/
#bbsview .viewbox .content {
    padding: 20px 20px 20px;
}

#bbsview .viewbox .content .tag {
    padding: 10px 0 0 0;
}

#bbsview .viewbox .content .tag a {
    font-size: 11px;
    font-family: dotum;
    color: #222;
}

#bbsview .viewbox .content .tag a:hover {
    text-decoration: underline;
}

#bbsview .viewbox .content .attach {
    padding: 10px 0 0 0;
    line-height: 120%;
}

#bbsview .viewbox .content .attach ul {
    padding: 0;
    margin: 0;
}

#bbsview .viewbox .content .attach li {
    list-style-type: none;
    background: url('../../../../../_core/image/_public/ico_file.gif') left no-repeat;
    padding: 0 0 0 15px;
}

#bbsview .viewbox .content .attach li a {
    font-size: 11px;
    font-family: dotum;
    color: #666;
}

#bbsview .viewbox .content .attach li a:hover {
    text-decoration: underline;
}

#bbsview .viewbox .content .attach li .size {
    font-size: 11px;
    font-family: arial;
    color: #999;
}

#bbsview .viewbox .content .attach li .down {
    font-size: 11px;
    font-family: arial;
    color: #333;
}

#bbsview .viewbox .content .scorebox {
    text-align: center;
    padding: 20px 0 20px 0;
}

#bbsview .viewbox .content .snsbox {
    padding: 20px 0 0 0;
    text-align: right;
}

#bbsview .viewbox .content .snsbox img {
    cursor: pointer;
}

#bbsview .bottom {
    padding: 10px 0 0 0;
    text-align: right;
}

#bbsview .comment {
    padding: 0 0 10px 0;
    color: #c0c0c0;
}

#bbsview .comment a {
    font-weight: bold;
    color: #3EA9CD;
}

#bbsview .comment .icon1 {
    position: relative;
    top: 3px;
}

/* @view */


/* write */

/*
#bbslist table {width:100%;border-spacing:0px;border-collapse:collapse;letter-spacing:-1px; color:#444; border-top:#999999 solid 2px; }
#bbslist table caption {display:none;}
#bbslist table thead { } 
#bbslist thead .side1 { }
#bbslist thead .side2 { }
#bbslist th { padding:12px 20px 12px 20px; border-bottom:#cdcdcd solid 1px;color:#888; font-size:16px; background:#fbfbfb; border-top:#E6E6E6 solid 1px; color:#020202; font-weight:normal; }
#bbslist td { padding:12px 20px 12px 20px; border-bottom:#cdcdcd solid 1px;color:#888; font-size:16px; }
#bbslist th, #bbslist td { border-right:#e1e1e1 solid 1px; }
#bbslist th:last-child, #bbslist td:last-child { border-right:none; }
#bbslist select { height:36px;margin:0 2px 0 2px;padding:0 10px 0 10px; font-size:14px; }
#bbslist input.input { x-width:240px; height:36px;margin:0 2px 0 2px;padding:0 10px 0 10px; font-size:14px; border-radius:2px; border: solid rgb(223, 223, 223) 2px; }
#bbslist input.input#focus { }
#bbslist tbody td { min-width:50px; text-align:center; color:#444;font-family:arial;font-size:14px;border-bottom:#E6E6E6 solid 1px;letter-spacing:-1px; }
#bbslist tbody td div {padding:7px 0 0 0;line-height:150%; font-size:14px; }
#bbslist tbody td .remail {position:relative;top:-3px;left:-2px;color:#111;}
#bbslist tbody td .btn {margin:1px;}
#bbslist tbody td .hmsg {font-weight:bold;color:#ff0000;}
#bbslist tbody td .hmsg .ok {color:#0000ff;}
#bbslist tbody td .pw_q1 {width:400px; margin:1px;}
#bbslist tbody td .pw_q2 {width:395px;}
*/

#bbswrite {
    margin: 50px auto;
    padding: 0 0 30px 0;
}

#bbswrite table {
    width: 100%;
    border-spacing: 0px;
    border-collapse: collapse;
    letter-spacing: -1px;
    color: #444;
    border-top: #999999 solid 2px;
}

#bbswrite td {
    padding: 10px 20px 10px 20px;
    border-bottom: #cdcdcd solid 1px;
    color: #888;
    font-size: 16px;
    margin-top: 5px;
    font-size: 14px;
}

#bbswrite td {
    border-right: #e1e1e1 solid 1px;
}

#bbswrite td:first-child {
    background: #fbfbfb;
}

#bbswrite input.input {
    height: 40px;
    margin: 0 2px 0 2px;
    padding: 5px 10px 5px 10px;
    font-size: 16px;
    border-radius: 3px;
    border: solid #e5e5e5 1px;
}

#bbswrite .editbox {
    padding: 15px 15px 15px 15px;
}

#bbswrite .td1 {
    width: 60px;
    font-weight: normal;
    color: #444444;
    vertical-align: top;
    padding: 15px 0 0 30px;
    letter-spacing: -1px;
    margin-left: 10px;
}

#bbswrite .td2 {
    vertical-align: middle;
}

#bbswrite .td2 .after {
    padding: 0px 0 0 0;
    color: #999;
    font-size: 11px;
    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;
}

#bbswrite .bottombox .btngray {
    font-weight: bold;
    width: 80px;
    height: 25px;
    color: #888;
    background: #fdfdfd;
    border: solid 1px #ddd;
}

#bbswrite .bottombox .btnblue {
    font-weight: bold;
    width: 80px;
    height: 25px;
    color: #888;
    background: #fdfdfd;
    border: solid 1px #ddd;
}

#bbswrite table.simple {
    width: 100%;
    border-spacing: 0px;
    border-collapse: collapse;
    letter-spacing: -1px;
    color: #444;
    border-top: #999999 solid 2px;
}

#bbswrite table.simple td {
    padding: 15px 20px 5px 20px;
    border-bottom: none;
    color: #888;
    font-size: 16px;
    margin-top: 5px;
    font-size: 14px;
    border: none;
    background: none;
}

#bbswrite table.simple input {
    margin: 0 2px 0 2px;
    padding: 5px 10px 5px 10px;
    font-size: 16px;
    border-radius: 3px;
    border: solid #e5e5e5 1px;
}


/* @write */