@charset "utf-8";

/* bbs-adm */

.bbs-adm {padding-top:30px;}
.bbs-adm .block {position:relative; padding:0 0 0 15px; height:50px; background-color:#f3f8fe; border-radius:3px;}
.bbs-adm li {display:inline-block; vertical-align:top;}
.bbs-adm ul:nth-child(1) li {margin-top:5px;}
.bbs-adm ul:nth-child(1) li .checkbox label p {position:relative; top:2px;}
.bbs-adm ul:nth-child(1) li .checkbox label p {font-weight:normal; line-height:40px; font-size:12px; color:#666666; font-family:gulim,dotum,sans-serif;}
.bbs-adm ul:nth-child(1) li:nth-child(2) {margin:12px 0 0 20px;}
.bbs-adm ul:nth-child(1) li:nth-child(2) span:nth-child(n+2) {margin-left:4px;}
.bbs-adm ul:nth-child(2) {display:block; position:absolute; right:15px; top:12px;}
.bbs-adm .btn {text-decoration:none; padding:1px 7px 0 7px; display:inline-block; vertical-align:middle; background-color:#a1b6cf; border-radius:3px; cursor:pointer;}
.bbs-adm .btn {font-weight:normal; line-height:24px; font-size:12px; color:#ffffff; font-family:gulim,dotum,sans-serif;}
.bbs-adm .btn:hover {background-color:#143154;}

/* bbs-search */

.bbs-search {padding-top:30px; padding-bottom:20px; position:relative; height:36px;}
.bbs-search .block {display:block; position:absolute; left:0; bottom:20px;}
.bbs-search .count {display:inline-block; vertical-align:middle; margin:0 0 -2px 0; height:18px;}
.bbs-search .count {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:1.4; font-size:15px; color:#333333;}
.bbs-search .count .num {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:1.4; font-size:15px; color:var(--bbs-color1);}
.bbs-search .reset {z-index:1; left:8px; top:3px; position:relative; display:inline-block; vertical-align:middle; width:18px; height:18px; cursor:pointer;}
.bbs-search .reset:after {display:block; z-index:-1; content:''; position:absolute; right:0; top:0; width:18px; height:18px; background:var(--bbs-btn) no-repeat; background-position:-150px -100px; opacity:1;}
.bbs-search .reset p {display:none; z-index:10; position:absolute; left:calc(50% - 55px); top:-36px; width:110px; height:27px; text-align:center;}
.bbs-search .reset p span {height:25px; z-index:1; display:inline-block; position:relative; padding:0 10px; background-color:#fbbc05; border:1px solid #fbbc05; border-radius:3px;}
.bbs-search .reset p span {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:25px; font-size:15px; color:#fff;}
.bbs-search .reset p span:after {z-index:-1; content:''; position:absolute; left:calc(50% - 4px); bottom:-4px; width:8px; height:4px; background:var(--bbs-btn) no-repeat; background-position:0px -200px;}
.bbs-search .reset:hover {z-index:1000;}
.bbs-search .reset:hover:after {background-position-x:-200px;}
.bbs-search .reset:hover p {display:block;}

.bbs-search .side {display:block; position:absolute; right:0; bottom:20px; height:36px;}
.bbs-search .side > div:nth-child(n+2) {margin-left:5px; display:inline-block; vertical-align:top;}
.bbs-search .side .line {position:relative; width:11px; top:10px}
.bbs-search .side .line:before {content:''; position:absolute; left:5px; top:0; width:1px; height:16px; border-left:1px solid #e1e1e1;}
.bbs-search .side .selectbox {width:130px; background-color:#ffffff; border-radius:3px;}
.bbs-search .side .selectbox .select {height:34px; line-height:34px; font-size:14px; color:#999;}
.bbs-search .side .selectbox .option {top:34px;}
.bbs-search .side .selectbox .option ul li {height:34px; line-height:34px; font-size:14px;}
.bbs-search .side .input {position:relative; width:180px; background-color:#ffffff; border-radius:3px;}
.bbs-search .side .input input {color:#999999; width:calc(100% - 44px);}
.bbs-search .side .input input {height:34px; line-height:34px; font-size:14px;}
.bbs-search .side .input .icon {z-index:10; position:absolute; right:0; top:0; width:34px; height:100%; cursor:pointer;}
.bbs-search .side .input .icon:after {z-index:-1; content:''; position:absolute; right:10px; top:calc(50% - 8px); width:16px; height:16px; background:var(--bbs-btn) no-repeat; background-position:-150px -150px; opacity:0.3;}
.bbs-search .side .input .icon:hover:after {background-position-x:-150px; opacity:1;}
.bbs-search .side .input.focus input {color:#000000;}
.bbs-search .side .input.focus .icon:after {opacity:1; background-position-x:-250px;}
.bbs-search .side .input.focus .icon:hover:after {background-position-x:-150px; opacity:1;}
.bbs-search .side .input.ty-q {background-color:#ffffc4; border-color:var(--bbs-color1);}
.bbs-search .side .input.ty-q input {color:#000;}
.bbs-search .side .input.ty-q .icon:after {opacity:1; background-position-x:-250px;}
.bbs-search .side .input.ty-q .icon:hover:after {background-position-x:-150px; opacity:1;}

.bbs-search .side div.write {margin-left:10px; z-index:3; position:relative; display:inline-block; width:36px; height:36px; background-color:#555555; border-radius:100%; cursor:pointer;}
.bbs-search .side .write:after {z-index:-1; content:''; position:absolute; left:calc(50% - 15px); top:calc(50% - 15px); width:30px; height:30px; background:var(--bbs-btn) no-repeat; background-position:-750px -350px; opacity:1;}
.bbs-search .side .write a {display:block; width:100%; height:100%;}
.bbs-search .side .write p {display:none;}
.bbs-search .side .write p {z-index:2; position:absolute; left:calc(50% - 50px); top:-36px; width:100px; text-align:center;}
.bbs-search .side .write p span {z-index:1; display:inline-block; position:relative; padding:0 10px; background-color:#fbbc05; border-radius:3px;}
.bbs-search .side .write p span {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:27px; font-size:15px; color:#fff;}
.bbs-search .side .write p span:after {z-index:-1; content:''; position:absolute; left:calc(50% - 4px); bottom:-4px; width:8px; height:4px; background:var(--bbs-btn) no-repeat; background-position:0px -200px;}
.bbs-search .side .write:hover {z-index:1000; background-color:#000000;}
.bbs-search .side .write:hover p {display:block;}

/* bbs-list */

.bbs-list {border-top:1px solid #555555;}
.bbs-list a {text-decoration:none;}

.bbs-list .fields {display:table-row;}
.bbs-list .field {display:table-cell; vertical-align:middle;}
.bbs-list .title {display:table; width:100%; table-layout:fixed;}
.bbs-list .title .field {height:54px; border-bottom:1px solid #e8e8e9; background-color:#ffffff;}
.bbs-list .title p {margin-right:20px; white-space:nowrap; word-break:break-all; text-align:center;}
.bbs-list .title p {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:54px; font-size:15px; color:#333333;}
.bbs-list .title .field-name p {text-align:left;}

.bbs-list .block {margin-right:20px;}

.bbs-list .field-line,
.bbs-list .field-chk {min-width:30px; max-width:30px; width:30px; text-align:center;}
.bbs-list .field-num {min-width:70px; max-width:70px; width:70px;}
.bbs-list .field-ct {min-width:120px; max-width:120px; width:120px;}
.bbs-list .field-title {}
.bbs-list .field-name {min-width:130px; max-width:130px; width:130px;}
.bbs-list .field-dt {min-width:100px; max-width:100px; width:100px;}
.bbs-list .field-good,
.bbs-list .field-nogood,
.bbs-list .field-view {min-width:60px; max-width:60px; width:60px;}

/* list */

.bbs-list .list .field-num p,
.bbs-list .list .field-dt p,
.bbs-list .list .field-view p,
.bbs-list .list .field-good p,
.bbs-list .list .field-nogood p {display:block; text-overflow:ellipsis; word-wrap:break-word; word-break:break-all; text-align:center; font-family:Arial; line-height:1.4; font-size:13px; color:#333;}

.bbs-list .list .field-title a {display:block; padding:15px 0;}
.bbs-list .list .field-title .inner {
    display:-webkit-box;
    display:-moz-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
}
.bbs-list .list .field-title .inner {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; word-break:break-all;}
.bbs-list .list .field-title .tit {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; word-break:break-all;}
.bbs-list .list .field-title .tit {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:1.4; font-size:15px; color:#333;}

.bbs-list .list .icons {white-space:nowrap; display:flex; align-items: flex-end;}
.bbs-list .list .icons span {position:relative; display:inline-block; vertical-align:top;}
.bbs-list .list .icons span:first-child {margin-left:7px;}

.bbs-list .list .field-name p {height:21px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; word-break:break-all; text-align:left;}
.bbs-list .list .field-name p {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:1.4; font-size:15px; color:#333;}
.bbs-list .list .field-name p.ty-guest {color:#999;}

/* notice */

.bbs-list .notice {display:table; width:100%; table-layout:fixed;}
.bbs-list .notice .field {height:73px; padding-top:1px; border-bottom:1px solid #e8e8e9; background-color:#f3f8fe;}

.bbs-list .notice .field-num {text-align:center;}
.bbs-list .notice .field-num span {display:inline-block; width:30px; height:30px; background:var(--bbs-btn) no-repeat; background-position:-300px 0px;}
.bbs-list .notice .field-title .tit {font-family: var(--family-medium);font-weight: var(--weight-medium); line-height:1.4; font-size:15px; color:#000;}

.bbs-list .notice .fields:hover > li {background-color:#e7f0fa;}

/* array */

.bbs-list .array {display:table; width:100%; table-layout:fixed;}
.bbs-list .array .field {height:73px; padding-top:1px; border-bottom:1px solid #e8e8e9; background-color:#fff;}

.bbs-list .array .field-num .block {margin-left:0;}

.bbs-list .array .field-ct {text-align:center;}
.bbs-list .array .field-ct span {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}
.bbs-list .array .field-ct span {max-height:42px; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; word-break:break-all; text-align:center; cursor:pointer;}
.bbs-list .array .field-ct span {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:1.4; font-size:15px; color:var(--bbs-color1);}
.bbs-list .array .field-ct span:hover {text-decoration:underline;}

.bbs-list .array .fields:hover > li {background-color:#f8f9fb;}
.bbs-list .array .fields:hover p,
.bbs-list .array .fields:hover .tit {color:#000000;}
.bbs-list .array .fields:hover .field-ct span{color:var(--bbs-color2);}

.bbs-list .icon-secret {position:relative; top:1px; margin-right:5px; display:inline-block; min-width:20px; width:20px; height:20px; background:var(--bbs-btn) no-repeat; background-position:-300px -50px; opacity:0.3;}
.bbs-list .icon-secret.ty-2 {background-position-y:-100px;}
.bbs-list .icon-url {min-width:24px; width:24px; height:20px; background:var(--bbs-btn) no-repeat; background-position:-300px -150px; opacity:0.3;}
.bbs-list .icon-file {min-width:24px; width:24px; height:20px; background:var(--bbs-btn) no-repeat; background-position:-300px -250px; opacity:0.3;}
.bbs-list .icon-photo {min-width:22px; width:22px; height:20px; background:var(--bbs-btn) no-repeat; background-position:-300px -200px; opacity:0.3;}
.bbs-list .icon-adult {min-width:20px; width:20px; height:20px; background:var(--bbs-btn) no-repeat; background-position:-300px -300px; opacity:0.3;}
.bbs-list .icon-reply {min-width:24px; width:24px; height:20px; background:var(--bbs-btn) no-repeat; background-position:-300px -350px; text-align:center;}
.bbs-list .icon-reply {font-weight:bold; line-height:20px; font-size:11px; color:#fff; font-family:Tahoma,gulim,dotum,sans-serif;}
.bbs-list .icon-new {min-width:35px; width:35px; height:20px; background:var(--bbs-btn) no-repeat; background-position:-300px -400px;}
.bbs-list .icon-hot {min-width:35px; width:35px; height:20px; background:var(--bbs-btn) no-repeat; background-position:-300px -450px;}

.bbs-list .footer {position:relative; height:110px;}
.bbs-list .footer.ty-paging {height:160px;}

.bbs-list .paging {display:block; position:absolute; left:0; right:0; top:50px; width:100%; height:40px;}
.bbs-list .paging ul {text-align:center;}
.bbs-list .paging li {display:inline-block; vertical-align:top; text-align:center;}
.bbs-list .paging li:nth-child(n+2) {margin-left:5px;}
.bbs-list .paging .btn {width:38px; height:38px; background-color:#fff; border:1px solid #fff; border-radius:100%; cursor:pointer;}
.bbs-list .paging .btn {font-family: var(--family-medium);font-weight: var(--weight-medium); line-height:38px; font-size:15px; color:#666666;}
.bbs-list .paging .btn.ty-on {background-color:#cccccc; border-color:#cccccc; color:#fff;}
.bbs-list .paging .btn:hover {background-color:#fff; border-color:var(--bbs-color1); color:var(--bbs-color1);}
.bbs-list .paging .icon {width:40px; height:40px; background:var(--bbs-btn) no-repeat; background-position-x:0px;}
.bbs-list .paging .icon:hover {background-position-x:-100px;}
.bbs-list .paging .icon.ty-off {opacity:0;}
.bbs-list .paging .icon.ty-on {cursor:pointer; opacity:0.2;}
.bbs-list .paging .icon.ty-on:hover {opacity:1}
.bbs-list .paging .icon.ty-prev-0 {background-position-y:-500px;}
.bbs-list .paging .icon.ty-prev-1 {background-position-y:-550px;}
.bbs-list .paging .icon.ty-next-1 {background-position-y:-600px;}
.bbs-list .paging .icon.ty-next-0 {background-position-y:-650px;}

.bbs-list .write {display:inline-block; position:absolute; right:0; top:20px; padding:0 30px 1px 30px; height:40px; background-color:#555555; border-radius:4px; text-align:center; cursor:pointer;}
.bbs-list .write {font-family: var(--family-medium);font-weight: var(--weight-medium); line-height:40px; font-size:15px; color:#fff;}
.bbs-list .write:hover {background-color:#000000;}

/* bbs-not */

.bbs-not {position:relative; text-align:center; padding:50px 0 100px 0; background-color:#f8f9fb; border-bottom:1px solid #e8e8e9;}
.bbs-not .icon span {display:inline-block; width:100px; height:100px; background:var(--bbs-btn) no-repeat; background-position-x:-450px; opacity:0.3;}
.bbs-not .tx1 {margin-top:34px;}
.bbs-not .tx1 {font-family: var(--family-medium);font-weight: var(--weight-medium); line-height:1.4; font-size:20px; color:#555555;}
.bbs-not .tx1.error {color:#ed1c24;}
.bbs-not .tx2 {margin:12px 0 -4px 0;}
.bbs-not .tx2 p {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:1.6; font-size:15px; color:#666666;}
.bbs-not .tx2 .red {color:#ed1c24;}
.bbs-not .btn {margin-top:30px; text-align:center;}
.bbs-not .btn li {display:inline-block;}
.bbs-not .btn li:nth-child(n+2) {margin-left:10px;}
.bbs-not .btn a,
.bbs-not .btn span {text-decoration:none; display:inline-block; padding:0 15px 1px 15px; min-width:110px; height:40px; background-color:#555555; border-radius:4px; text-align:center; cursor:pointer;}
.bbs-not .btn a,
.bbs-not .btn span {font-family: var(--family-medium);font-weight: var(--weight-medium); line-height:40px; font-size:15px; color:#fff;}
.bbs-not .btn a:hover,
.bbs-not .btn span:hover {background-color:#000000;}
.bbs-not.ty-1 .icon span {background-position:-600px 0;}
.bbs-not.ty-2 .icon span {background-position:-600px 0;}
.bbs-not.ty-10 .icon span {background-position-y:-600px;}
.bbs-not.ty-11 .icon span {background-position-y:-150px;}
.bbs-not.ty-12 .icon span {background-position-y:-150px;}
.bbs-not.ty-13 .icon span {background-position-y:-300px;}
.bbs-not.ty-14 .icon span {background-position-y:-600px;}
.bbs-not.ty-20 .icon span {background-position-y:-450px;}
.bbs-not.ty-21 .icon span {background-position-y:-450px;}
.bbs-not.ty-22 .icon span {background-position-y:-450px;}
.bbs-not.ty-30 .icon span {background-position-y:-450px;}
.bbs-not.ty-31 .icon span {background-position-y:-450px;}
.bbs-not.ty-32 .icon span {background-position-y:-450px;}

.bbs-not .police {padding:8px 10px 10px 10px; display:block; position:absolute; right:10px; top:10px; background-color:#ffffff; border:1px solid #ec1c23; border-radius:3px;}
.bbs-not .police p {text-align:center;}
.bbs-not .police p {line-height:1.4; font-size:12px; color:#000000; font-family:gulim,'굴림',sans-serif;}
.bbs-not .police ul {margin-top:6px; width:100px;}
.bbs-not .police ul li {padding-top:1px; height:24px; display:block; background-color:#fbd2d3; border-radius:3px; text-align:center; cursor:pointer;}
.bbs-not .police ul li {line-height:24px; font-size:12px; color:#ec1c23; font-family:gulim,'굴림',sans-serif;}
.bbs-not .police ul li:nth-child(n+2) {margin-top:4px;}
.bbs-not .police ul li:hover,
.bbs-not .police ul li.on {background-color:#ec1c23; color:#fff;}

.bbs-not .block {margin-top:30px; display:block;}
.bbs-view-not-footer {height:50px;}