@charset "UTF-8";
/*------------------------------------------------------------------------------
    파일정의 : 게시판 스타일
    분류순서 : @공통, @일반형(카테고리형, Q&A형 포함), @포토갤러리형
    속성순서 : 태그속성, 레이아웃, 사이징, 박스모양, 문단모양, 글자모양, 기타모양
    @media : 2560(PC~) / 1920 / 1800 / 1600 / 1500 / 1460 / 1280(Tablet~) / 1024 / 767(Mobile~) / 640 / 480 / 360
------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------
    @공통
------------------------------------------------------------------------------*/
/* BBS */
.bbs-wrap {/*overflow:hidden;*/}
.bbs-wrap .bbs-head {}
.bbs-wrap .bbs-head + .bbs-body {margin-top:36px;}
.bbs-wrap .bbs-body {}
.bbs-wrap .bbs-foot {}
.bbs-wrap .tbl {table-layout:fixed; border-spacing:0; border-collapse:collapse; width:100%; min-width:100%; max-width:none; font:inherit; font-style:normal; letter-spacing:inherit; color:inherit;}
.bbs-wrap .tbl .align-l {text-align:left;}
.bbs-wrap .tbl .align-c {text-align:center;}
.bbs-wrap .tbl .align-r {text-align:right;}
.bbs-wrap .btn-box {flex-flow:row nowrap; /*justify-content:space-between;*/ align-items:stretch; margin:30px -6px;}
.bbs-wrap .btn-box .btn {flex:0 1 102px; /*margin:0;*/}

.bbs-wrap .bbs-head .title-box {position:relative; padding:17px 122px 17px 33px; margin-bottom:42px; border:1px solid #C8E5FF; border-radius:10px; background-color:#F8FDFF;}
.bbs-wrap .bbs-head .title-box h3 {font-weight:500; font-size:20px; line-height:1.45; letter-spacing:-0.025em; color:#424242;}
.bbs-wrap .bbs-head .title-box .info-list {flex-flow:row wrap; justify-content:flex-start; align-items:flex-start; margin-top:17px;}
.bbs-wrap .bbs-head .title-box .info-list dt {flex:0 0 73px; margin-right:14px; font-size:0;}
.bbs-wrap .bbs-head .title-box .info-list dt i {display:inline-block; vertical-align:middle; font-size:16px; line-height:1; color:#EF59A1;}
.bbs-wrap .bbs-head .title-box .info-list dt span {display:inline-block; vertical-align:middle; font-weight:500; font-size:14px; line-height:1.4286; letter-spacing:-0.025em; color:#EF59A1;}
.bbs-wrap .bbs-head .title-box .info-list dt i + span,
.bbs-wrap .bbs-head .title-box .info-list dt span + i {margin-left:6px;}
.bbs-wrap .bbs-head .title-box .info-list dd {flex:0 1 auto; font-weight:400; font-size:14px; line-height:1.4286; letter-spacing:-0.025em; color:#444;}
.bbs-wrap .bbs-head .title-box .info-list .status {position:absolute; top:50%; right:23px;}

.bbs-wrap .bbs-head .title-box .info-list .status.survey {display:inline-block; vertical-align:middle; width:74px; height:30px; margin-top:-15px; border:1px solid transparent; border-radius:18px; text-align:center; font-weight:400; font-size:14px; line-height:28px; letter-spacing:-0.025em;}
.bbs-wrap .bbs-head .title-box .info-list .status.survey.stat01 {border-color:#003E92; background-color:#003E92; color:#fff;}
.bbs-wrap .bbs-head .title-box .info-list .status.survey.stat02 {border-color:#D6D6D6; background-color:#F3F3F3; color:#9E9E9E;}

.bbs-wrap .bbs-head .search-box {padding:23px 35px; border:1px solid #E1E1E1; border-radius:8px; background-color:#FAFAFA;}

.bbs-wrap .bbs-foot .pager .tbl {border-collapse:separate; width:100%;}

/* Search */
.bbs-total {flex:0 1 auto; /*flex-flow:row nowrap; justify-content:space-between; align-items:stretch;*/ font-size:0;}
.bbs-total > div {/*flex:0 1 auto;*/ display:inline-block; vertical-align:top; margin-right:10px;}
.bbs-total > div > i {display:inline-block; vertical-align:top; margin-top:1px; font-size:20px; line-height:1; color:#0F0F0F;}
.bbs-total > div > span {display:inline-block; vertical-align:top; font-weight:400; font-size:15px; line-height:1.4; letter-spacing:-0.025em; color:#444;}
.bbs-total > div > span > b {display:inline-block;}
.bbs-total > div > i + span,
.bbs-total > div > span + i {margin-left:6px;}
.bbs-total .post {}
.bbs-total .post b {font-weight:500; color:#EF59A1;}
.bbs-total .page {}
.bbs-total .page b {font-weight:500;}
.bbs-total .page b.curr {color:#EF59A1;}
.bbs-search {flex:0 1 auto; margin-left:auto;}
.bbs-search .search-group {}
.bbs-search .search-group .select {min-width:125px; padding-right:46px; margin-left:10px; background-image:url(../imgs/board/ico_select-arrow.png);}
.bbs-search .search-group .input {min-width:351px;}
.bbs-search .search-group .submit {}

/* Filter */
.bbs-wrap .bbs-head + .bbs-body.has-filter {margin-top:0;}
.bbs-wrap .bbs-head + .bbs-body.has-filter .bbs-filter {margin-top:15px; margin-bottom:15px;}
.bbs-filter {}
.bbs-filter .select {height:32px; padding:5px 43px 5px 11px;}

/* Board View */
.bbs-read {padding-bottom:54px; border-bottom:1px solid #D8D8D8;}
.bbs-read.no-attach {padding-bottom:54px; border-bottom:1px solid #D8D8D8;}
.bbs-read .title {padding:20px 24px; border-top:2px solid #EF59A1; border-bottom:1px solid #D8D8D8;}
.bbs-read .title h3 {}
.bbs-read .title h3 b {display:block; font-weight:700; font-size:20px; line-height:1.45; letter-spacing:-0.025em; color:#EF59A1;}
.bbs-read .title h3 span {font-weight:500; font-size:20px; line-height:1.45; letter-spacing:-0.025em; color:#0F0F0F;}
.bbs-read .info {border-bottom:1px solid #D8D8D8; background-color:#FAFAFA; font-size:0;}
.bbs-read .info > span {display:inline-block; vertical-align:top; position:relative; padding:10px 23px 11px 23px; border-right:1px solid #D4D4D4;}
.bbs-read .info > span > i {display:inline-block; vertical-align:middle; margin-right:4px; font-size:18px; line-height:1; color:#EF59A1;}
.bbs-read .info > span > b {display:inline-block; vertical-align:middle; margin-right:15px; font-weight:500; font-size:15px; line-height:1.4; letter-spacing:-0.025em; color:#0F0F0F;}
.bbs-read .info > span > span {display:inline-block; vertical-align:middle; font-weight:400; font-size:15px; line-height:1.4; letter-spacing:-0.025em; color:#888;}
.bbs-read .detail {padding:54px 24px 80px 24px; font-weight:400; font-size:16px; line-height:1.5; letter-spacing:-0.025em; color:#0F0F0F;}
.bbs-read .detail u {text-decoration:underline;}
.bbs-read .detail del {text-decoration:line-through;}
.bbs-read .detail img {vertical-align:top; max-width:100%;}
.bbs-read .detail iframe {max-width:100%;}
.bbs-read .detail:not(.editor-view):not(.photo-view) * {font:normal 400 16px/1.5 'Noto Sans KR', sans-serif !important; letter-spacing:-0.025em !important; color:#0F0F0F !important;}
.bbs-read .detail:not(.editor-view):not(.photo-view) b,
.bbs-read .detail:not(.editor-view):not(.photo-view) strong {font-weight:bold !important;}
.bbs-read .detail:not(.editor-view):not(.photo-view) i,
.bbs-read .detail:not(.editor-view):not(.photo-view) em {font-style:italic !important;}
.bbs-read .detail.editor-view * {font-family:inherit;}
.bbs-read .detail.editor-view b,
.bbs-read .detail.editor-view strong {font-style:inherit; font-weight:bold; font-size:inherit; color:inherit;}
.bbs-read .detail.editor-view i,
.bbs-read .detail.editor-view em {font-style:italic; font-weight:inherit; font-size:inherit; color:inherit;}
.bbs-read .detail.editor-view p,
.bbs-read .detail.editor-view span,
.bbs-read .detail.editor-view a {font-style:inherit; font-weight:inherit; font-size:inherit; color:inherit;}
/* .bbs-read .detail.photo-view {} */
.bbs-read .attach {flex-flow:row nowrap; justify-content:flex-start; align-items:center; border:1px solid #DCDCDC; border-radius:10px; background-color:#FFFBFE;}
.bbs-read .attach > p {flex:0 0 123px; position:relative; padding:41px 33px 42px 33px; font-size:0;}
.bbs-read .attach > p::after {content:""; display:block; position:absolute; top:0; right:0; bottom:0; width:1px; height:17px; margin:auto; background-color:#EF59A1;}
.bbs-read .attach > p > i {display:inline-block; vertical-align:middle; margin-right:4px; font-weight:normal; font-size:16px; line-height:1; letter-spacing:0; color:#0F0F0F;}
.bbs-read .attach > p > span {display:inline-block; vertical-align:middle; font-weight:400; font-size:15px; line-height:1.4; letter-spacing:-0.025em; color:#0F0F0F;}
.bbs-read .attach .attach-list {flex:1 1 auto; flex-flow:column; justify-content:flex-start; align-items:stretch; padding:23px 33px 24px 33px;}
.bbs-read .attach .attach-list li {flex:1 1 auto; flex-flow:row nowrap; justify-content:flex-start; align-items:flex-start; padding-left:0; text-indent:0;}
.bbs-read .attach .attach-list li + li {margin-top:15px;}
.bbs-read .attach .attach-list li i {flex:0 0 auto; margin:0; margin-top:1px; margin-right:6px; font-weight:normal; font-size:20px; line-height:1; letter-spacing:0; color:#636363;}
.bbs-read .attach .attach-list li a {flex:0 1 auto; margin:0; /*margin-right:10px;*/ font-weight:400; font-size:15px; line-height:1.4; letter-spacing:-0.025em; color:#0F0F0F;}
.bbs-read .photo {max-width:calc(100% - 48px); margin:0 24px; margin-top:54px; /*border:1px solid #CBCBCB; background-color:#F8F8F8; text-align:center;*/}
.bbs-read .photo > img {vertical-align:top; max-width:100%;}

.bbs-read .attach .attach-list li a:hover,
.bbs-read .attach .attach-list li a:focus {text-decoration:underline;}

.bbs-read .question {}
.bbs-read .question + .answer {margin-top:50px;}
.bbs-read .answer {border:2px solid #EF59A1; border-radius:8px;}
.bbs-read .answer .title {border-top:none;}
.bbs-read .answer .title h3 {position:relative; padding-left:1.875rem;}
.bbs-read .answer .title h3 i {position:absolute; top:0; left:0; width:1em; height:1em; margin-top:0.0938rem; background:url(../imgs/board/qna_answer-icon.png) no-repeat center center/100% auto; font-size:1.4375rem;}
.bbs-read .answer .title h3 span {font-size:1.125rem; line-height:1.4444; color:#0F0F0F;}
.bbs-read .answer .attach {margin:20px; margin-top:0;}

/* Board Form */
.bbs-write .write-form {}

@media screen and (max-width:1280px){
    /* BBS */
    .bbs-wrap .bbs-head .search-box {padding:23px 15px 24px 15px;}

    /* Search */
    .bbs-total {order:1; flex-grow:1;}
    .bbs-total > div {margin-right:0;}
    .bbs-total > div + div {margin-left:10px;}
    .bbs-total + .bbs-search {margin-bottom:16px; margin-left:0;}
    .bbs-search {flex-grow:1;}
    .bbs-search .search-group {}
    .bbs-search .search-group .select {margin-left:0;}
    .bbs-search .search-group .input {}
    .bbs-search .search-group .submit {}
}

@media screen and (max-width:767px) {
    /* BBS */
    .bbs-wrap .btn-box {/*flex-direction:column;*/}
    .bbs-wrap .btn-box .btn {flex-grow:1;}
    .bbs-wrap .btn-box .btn + .btn {/*margin-top:10px;*/}

    .bbs-wrap .bbs-head .title-box {padding:17px 2%; padding-bottom:61px; /*text-align:center;*/}
    .bbs-wrap .bbs-head .title-box .info-list {margin-top:0;}
    .bbs-wrap .bbs-head .title-box .info-list::before {content:""; flex:0 1 100%; display:block; margin:20px 0 14px 0; border-top:1px solid #C8E5FF;}
    .bbs-wrap .bbs-head .title-box .info-list .status {top:auto; /*right:50%;*/ right:auto; bottom:17px; left:2%; /*margin-right:-37px;*/}

    .bbs-wrap .bbs-foot .pager .tbl {width:100%;}

    /* Search */
    .bbs-search {width:100%;}
    .bbs-search .search-group {flex-wrap:wrap;}
    .bbs-search .search-group .select {flex:1 1 auto; min-width:auto;}
    .bbs-search .search-group .input {flex:2 1 auto; min-width:auto;}
    .bbs-search .search-group .submit {flex:3 1 100%; margin-top:11px; margin-left:0;}
    /* .bbs-search {width:100%;}
    .bbs-search .search-group {}
    .bbs-search .search-group .select {min-width:auto;}
    .bbs-search .search-group .input {min-width:auto;}
    .bbs-search .search-group .submit {} */

    /* Board View */
    .bbs-read .title {padding:17px 10px 18px 10px;}
    .bbs-read .title h3 b {font-size:18px; line-height:1.4444;}
    .bbs-read .title h3 span {font-size:18px; line-height:1.4444;}
    .bbs-read .info > span > b {margin-right:5px;}
    .bbs-read .detail {padding:34px 0 60px 0;}
    .bbs-read .attach {}
    .bbs-read .attach > p {flex-basis:103px; padding:41px 23px 42px 23px;}
    .bbs-read .attach .attach-list {padding:23px 23px 24px 23px;}
    .bbs-read .photo {max-width:100%; margin:0; margin-top:34px;}

    /* Board Form */
    .bbs-write .write-form .tbl tbody th {border-bottom:none; text-align:left;}
    .bbs-write .write-form .tbl tbody tr:first-child td {border-top:none;}
    .bbs-write .write-form .tbl tbody tr:last-child th {border-bottom:none;}
}

@media screen and (max-width:360px) {
    /* Search */
	.bbs-search .search-group .select {flex-basis:100%; width:100%; margin-right:0; margin-bottom:10px;}
	.bbs-search .search-group .input {flex-basis:100%; width:100%;}

    /* Board View */
    .bbs-read .attach {flex-wrap:wrap; padding:23px;}
    .bbs-read .attach > p {flex-basis:100%; padding:0; margin-right:0; margin-bottom:0;}
    .bbs-read .attach > p::after {position:static; width:17px; height:1px; margin:15px 0;}
    .bbs-read .attach .attach-list {padding:0;}
}
@media screen and (max-width:480px) {
    /* Search */
	.bbs-search .search-group .select {flex-basis:100%; width:100%; margin-right:0; margin-bottom:10px;}
	.bbs-search .search-group .input {flex-basis:100%; width:100%;}

    /* Board View */
    .bbs-read .attach {flex-wrap:wrap; padding:23px;}
    .bbs-read .attach > p {flex-basis:100%; padding:0; margin-right:0; margin-bottom:0;}
    .bbs-read .attach > p::after {position:static; width:17px; height:1px; margin:15px 0;}
    .bbs-read .attach .attach-list {padding:0;}
}


/*------------------------------------------------------------------------------
    @일반형(카테고리형, Q&A형 포함)
------------------------------------------------------------------------------*/
.bbs-normal {}
.bbs-normal .tbl {border-collapse:separate;}
.bbs-normal .tbl thead {}
.bbs-normal .tbl thead tr {}
.bbs-normal .tbl thead tr th {vertical-align:middle; position:relative; box-sizing:content-box; overflow:hidden; height:58px; padding:0 14px; border-top:2px solid #EF59A1; border-bottom:1px solid #D8D8D8; border-left:1px solid #D8D8D8; background-color:#FAFAFA; text-align:center;}
.bbs-normal .tbl thead tr th i {/*vertical-align:middle;*/ font-weight:normal; line-height:1;}
.bbs-normal .tbl thead tr th span {font-weight:700; font-size:16px; line-height:1.5; letter-spacing:-0.025em; color:#212121;}
.bbs-normal .tbl tbody {}
.bbs-normal .tbl tbody tr {}
.bbs-normal .tbl tbody tr th {vertical-align:middle; position:relative; box-sizing:content-box; height:58px; padding:0 14px; border-bottom:1px solid #D8D8D8; border-left:1px solid #D8D8D8; background-color:#fff; text-align:center;}
.bbs-normal .tbl tbody tr th i {/*vertical-align:middle;*/ font-weight:normal; line-height:1;}
.bbs-normal .tbl tbody tr th span {vertical-align:middle; font-weight:500; font-size:16px; line-height:1.5; letter-spacing:-0.025em; color:#0F0F0F;}
.bbs-normal .tbl tbody tr td {vertical-align:middle; position:relative; box-sizing:content-box; height:58px; padding:0 14px; border-bottom:1px solid #D8D8D8; border-left:1px solid #D8D8D8; background-color:#fff; text-align:center;}
.bbs-normal .tbl tbody tr td i {/*vertical-align:middle;*/ font-weight:normal; line-height:1;}
.bbs-normal .tbl tbody tr td span {vertical-align:middle; font-weight:400; font-size:16px; line-height:1.5; letter-spacing:-0.025em; color:#0F0F0F;}
.bbs-normal .tbl .col-nodata {height:58px;}
.bbs-normal .tbl .col-number {width:80px;}
.bbs-normal .tbl .col-title {}
.bbs-normal .tbl .col-file {width:80px;}
.bbs-normal .tbl .col-exp {width:110px;}
.bbs-normal .tbl .col-writer {width:140px;}
.bbs-normal .tbl .col-date {width:110px;}
.bbs-normal .tbl .col-term {width:210px;}
.bbs-normal .tbl .col-view {width:80px;}
.bbs-normal .tbl .col-quant {width:104px;}
.bbs-normal .tbl .col-place {width:104px;}
.bbs-normal .tbl .col-status {width:104px;}

.bbs-normal .tbl thead tr th:first-child {border-left:none;}
.bbs-normal .tbl tbody tr th:first-child {border-left:none;}
.bbs-normal .tbl tbody tr td:first-child {border-left:none;}

.bbs-normal .tbl tbody tr .col-nodata span {font-size:16px; line-height:1.5; letter-spacing:-0.025em; color:#727272;}
.bbs-normal .tbl tbody tr .col-title > span {display:inline-block; /*vertical-align:middle;*/ position:relative; overflow:hidden; max-width:100%; padding-right:26px; white-space:nowrap; text-overflow:ellipsis;}

/*공지글*/.bbs-normal .tbl tbody tr .col-number.notice i {display:inline-block; width:1em; height:1em; background:url(../imgs/board/normal_notice-icon.png) no-repeat 0 0/100% auto; text-align:center; font-size:33px; line-height:1; color:#EF59A1;}
/*공지글*/.bbs-normal .tbl tbody tr .col-number.notice ~ [class^="col-"] > i {color:#EF59A1;}
/*공지글*/.bbs-normal .tbl tbody tr .col-number.notice ~ [class^="col-"] > span {font-weight:500; color:#EF59A1;}
/*공지글*/.bbs-normal .tbl tbody tr .col-number.notice ~ [class^="col-"] > span a {font-weight:500; color:#EF59A1;}
/*카테고리*/.bbs-normal .tbl tbody tr .col-title > span > b {font-weight:500; color:#EF59A1;}
/*신규글*/.bbs-normal .tbl tbody tr .col-title.new > span::after {content:""; display:inline-block; /*vertical-align:middle;*/ position:absolute; right:0; width:1em; height:1em; margin-top:4px; background:url(../imgs/board/normal_new-icon.png) no-repeat right center/auto 100%; font-size:20px; line-height:1; color:#FF6D21;}
/*첨부글*/.bbs-normal .tbl tbody tr .col-file.attachment i {font-size:24px; color:#636363;}
/*질답상태*/.bbs-normal .tbl tbody tr .col-status.qna > span {display:inline-block; vertical-align:middle; width:77px; height:30px; border:1px solid transparent; border-radius:18px; text-align:center; line-height:28px;}
/*예약상태*/.bbs-normal .tbl tbody tr .col-status.apply > span {display:inline-block; vertical-align:middle; width:80px; height:27px; border:1px solid transparent; border-radius:18px; text-align:center; font-weight:400; font-size:15px; line-height:25px; letter-spacing:-0.025em;}

/*질답상태*/.bbs-normal .tbl tbody tr .col-status.qna.stat01 > span {border-color:#FFC400; background-color:#FFC400; font-weight:700; color:#0F0F0F;}
/*질답상태*/.bbs-normal .tbl tbody tr .col-status.qna.stat02 > span {border-color:#DCDCDC; background-color:#F4F6F8; font-weight:400; color:#0F0F0F;}
/*예약상태*/.bbs-normal .tbl tbody tr .col-status.apply.stat01 > span {border-color:#FFDD6B; background-color:#FFDD6B; color:#0F0F0F;}
/*예약상태*/.bbs-normal .tbl tbody tr .col-status.apply.stat02 > span {border-color:#EF59A1; background-color:#EF59A1; color:#fff;}
/*예약상태*/.bbs-normal .tbl tbody tr .col-status.apply.stat03 > span {border-color:#757575; background-color:#757575; color:#fff;}

.bbs-normal .tbl tbody tr:focus {outline:none;}

.bbs-normal .tbl tbody tr[tabindex]:hover,
.bbs-normal .tbl tbody tr[tabindex]:focus {position:relative; z-index:1;}
.bbs-normal .tbl tbody tr[tabindex]:hover td:not(.col-nodata),
.bbs-normal .tbl tbody tr[tabindex]:focus td:not(.col-nodata) {background-color:#FCFCFC; cursor:pointer;}
.bbs-normal .tbl tbody tr[tabindex]:hover > :first-child:not(.col-nodata),
.bbs-normal .tbl tbody tr[tabindex]:focus > :first-child:not(.col-nodata) {border-right:4px solid transparent; border-left:4px solid #EF59A1;}

@media screen and (max-width:767px) {
    .bbs-normal .tbl {width:100%;}

    .bbs-normal .tbl tbody tr {/*position:relative;*/}
    .bbs-normal .tbl tbody tr th {/*position:static;*/ height:64px;}
    .bbs-normal .tbl tbody tr td {/*position:static;*/ height:64px;}
    .bbs-normal .tbl .col-number {width:60px;}
    .bbs-normal .tbl .col-file,
    .bbs-normal .tbl .col-exp,
    .bbs-normal .tbl .col-writer,
    .bbs-normal .tbl .col-date,
    .bbs-normal .tbl .col-term,
    .bbs-normal .tbl .col-view,
    .bbs-normal .tbl .col-quant,
    .bbs-normal .tbl .col-place,
    .bbs-normal .tbl .col-status {display:none;}
    .bbs-normal .tbl .m-tit {flex-flow:row nowrap; justify-content:flex-start; align-items:stretch; position:relative;}
    .bbs-normal .tbl .m-tit > span {}
    .bbs-normal .tbl .m-tit > span > span {vertical-align:top;}
    .bbs-normal .tbl .m-info {flex-flow:row nowrap; justify-content:flex-start; align-items:stretch; position:absolute; right:0; bottom:0; /*left:0;*/ left:-60px; padding:1px 16px; margin:0; margin-bottom:0px; border-top:1px solid #E4E4E4; background-color:#FCFCFC;}
    .bbs-normal .tbl .m-info > span {flex:0 1 auto; position:relative; margin-right:12px; line-height:1;}
    .bbs-normal .tbl .m-info > span > i {display:inline-block; vertical-align:top; margin-top:1px; margin-right:4px; font-weight:normal; font-size:18px; line-height:1; letter-spacing:0; color:#888;}
    .bbs-normal .tbl .m-info > span > b {display:inline-block; vertical-align:top; margin-right:8px; font-weight:500; font-size:14px; line-height:1.4286; letter-spacing:-0.025em; color:#EF59A1;}
    .bbs-normal .tbl .m-info > span > span {display:inline-block; vertical-align:top; font-weight:400; font-size:14px; line-height:1.4286; letter-spacing:-0.025em; color:#888;}

    .bbs-normal .tbl .m-tit .number {flex:1 1 auto; margin-right:12px; color:#EF59A1;}
    .bbs-normal .tbl .m-tit .title {flex:2 1 auto; /*overflow:hidden; max-width:; white-space:nowrap; text-overflow:ellipsis;*/}
    .bbs-normal .tbl .m-tit .quant {/*flex:1 1 auto;*/ position:absolute; top:50%; right:12px; margin-top:-0.75em; /*margin-left:auto;*/}
    .bbs-normal .tbl .m-tit .quant > span {color:#EF59A1;}

    .bbs-normal .tbl tbody tr .col-number {padding-bottom:37px; /*border-right:1px solid #D8D8D8;*/}
    .bbs-normal .tbl tbody tr .col-title {padding:0; padding-bottom:37px;}
    .bbs-normal .tbl tbody tr .col-title > span {display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; /*box-sizing:content-box;*/ max-height:3em; max-width:none; padding:0 12px; padding-right:38px; margin:0; white-space:normal;}
    .bbs-normal .tbl tbody tr .col-title .m-tit {/*overflow:visible; white-space:normal; text-overflow:clip;*/ padding-right:100px;}
    .bbs-normal .tbl tbody tr .col-title .m-info .writer span {overflow:hidden; max-width:6em; white-space:nowrap; text-overflow:ellipsis;}
    .bbs-normal .tbl tbody tr .col-title .m-info .file {margin-right:0; margin-left:auto;}
    .bbs-normal .tbl tbody tr .col-title .m-info .file i {margin-top:0; margin-right:0; margin-left:26px; font-size:20px;}
    .bbs-normal .tbl tbody tr .col-title .m-info .status {margin:-2px 0 -2px auto;}

    /*공지글*/.bbs-normal .tbl tbody tr .col-number.notice + .col-title .m-info > span > i {color:#EF59A1;}
    /*공지글*/.bbs-normal .tbl tbody tr .col-number.notice + .col-title .m-info > span > span {color:#EF59A1;}
    /*카테고리*/.bbs-normal .tbl tbody tr .col-title > span > b {display:block;}
    /*신규글*/.bbs-normal .tbl tbody tr .col-title.new > span::after {top:50%; /*right:auto;*/ /*bottom:0; margin:0 0.875rem 0.125rem 0.5rem;*/ margin-top:-0.5em; margin-right:12px;}
    /*첨부글*/.bbs-normal .tbl tbody tr .col-title .m-info .file.attachment::before {content:""; position:absolute; top:-8px; bottom:-8px; left:14px; border-left:1px solid #D8D8D8;}
    /*첨부글*/.bbs-normal .tbl tbody tr .col-title .m-info .file.attachment i {color:#636363;}
    /*질답상태*/.bbs-normal .tbl tbody tr .col-title .m-info .status.qna::before {content:""; display:inline-block; vertical-align:middle; width:2px; height:10px; margin:0 10px 0 11px; background-color:#DFDEDE; border-radius:1px;}
    /*질답상태*/.bbs-normal .tbl tbody tr .col-title .m-info .status.qna > span {display:inline-block; vertical-align:middle; width:4.375rem; height:1.5rem; border:1px solid transparent; border-radius:18px; text-align:center; font-size:0.875rem; line-height:1.375rem; letter-spacing:-0.025em;}

    /*질답상태*/.bbs-normal .tbl tbody tr .col-title .m-info .status.qna.stat01 > span {border-color:#FFC400; background-color:#FFC400; font-weight:700; color:#0F0F0F;}
    /*질답상태*/.bbs-normal .tbl tbody tr .col-title .m-info .status.qna.stat02 > span {border-color:#DCDCDC; background-color:#F4F6F8; font-weight:500; color:#0F0F0F;}

    .bbs-normal .tbl tbody tr[tabindex]:hover td:not(.col-nodata),
    .bbs-normal .tbl tbody tr[tabindex]:focus td:not(.col-nodata) {background-color:#fff; /*cursor:default;*/}
    .bbs-normal .tbl tbody tr[tabindex]:hover > :first-child:not(.col-nodata),
    .bbs-normal .tbl tbody tr[tabindex]:focus > :first-child:not(.col-nodata) {border-right:none; border-left:none;}
    .bbs-normal .tbl tbody tr[tabindex]:hover .col-title .m-info > span > i,
    .bbs-normal .tbl tbody tr[tabindex]:focus .col-title .m-info > span > i {color:#888;}
    .bbs-normal .tbl tbody tr[tabindex]:hover .col-title .m-info > span > span,
    .bbs-normal .tbl tbody tr[tabindex]:focus .col-title .m-info > span > span {font-weight:400; color:#888;}

    /*공지글*/.bbs-normal .tbl tbody tr[tabindex]:hover .col-title .m-info .file.attachment i,
    /*공지글*/.bbs-normal .tbl tbody tr[tabindex]:focus .col-title .m-info .file.attachment i {color:#636363;}
    /*공지글*/.bbs-normal .tbl tbody tr[tabindex]:hover .col-number.notice ~ .col-title .m-info > span > i,
    /*공지글*/.bbs-normal .tbl tbody tr[tabindex]:focus .col-number.notice ~ .col-title .m-info > span > i {color:#EF59A1;}
    /*공지글*/.bbs-normal .tbl tbody tr[tabindex]:hover .col-number.notice ~ .col-title .m-info > span > span,
    /*공지글*/.bbs-normal .tbl tbody tr[tabindex]:focus .col-number.notice ~ .col-title .m-info > span > span {font-weight:400; color:#EF59A1;}

    /* .bbs-normal .tbl tbody tr[tabindex]:active td:not(.col-nodata) {background-color:#fff;}
    .bbs-normal .tbl tbody tr[tabindex]:active td:not(.col-nodata) span,
    .bbs-normal .tbl tbody tr[tabindex]:active td:not(.col-nodata) i {font-weight:500;} */
}

/*------------------------------------------------------------------------------
    @포토갤러리형
------------------------------------------------------------------------------*/
.bbs-photo {border-top:2px solid #EF59A1; border-bottom:1px solid #D8D8D8;}
.bbs-photo .list {flex-flow:row wrap; justify-content:flex-start; align-items:stretch; list-style:none; overflow:hidden; padding:0; padding:24px 0 54px 0; margin:0; margin:-27px -10px;}
.bbs-photo .list li {flex:0 1 50%; box-sizing:border-box; width:50%; padding:27px 10px;}
.bbs-photo .list li > a {display:block; position:relative; border:1px solid #E0E0E0; border-radius:8px;}
.bbs-photo .list li.nodata {flex-grow:1; flex-flow:column nowrap; justify-content:center; align-items:center; width:auto; /*padding:40px 0;*/ padding:30px 0 0 0; margin:27px 10px; text-align:center;}
.bbs-photo .list li.nodata p {flex:0 1 auto; font-weight:400; font-size:16px; line-height:1.5; letter-spacing:-0.025em; color:#727272;}
.bbs-photo .list li.nodata p::before {content:""; display:block; width:41px; height:47px; margin:0 auto; margin-bottom:7px; background:url(../imgs/board/photo_nodata-icon.png) no-repeat center center/100% auto;}
.bbs-photo .list .post-top {text-align:center;}
.bbs-photo .list .post-top .thumb {display:block; position:relative; overflow:hidden; box-sizing:border-box; width:100%; height:0; border:1px solid #D8D8D8; border-radius:6px; background:#EBEBEB url(../imgs/board/photo_thumb-icon.png) no-repeat center center;}
.bbs-photo .list .post-top .thumb img {vertical-align:top; position:absolute; top:0; left:0; width:100%; height:100%; border:none; transform:scale(1); transition:transform 0.3s;}
.bbs-photo .list .post-bottom {/*border-radius:0 0 8px 8px;*/}
/* .bbs-photo .list .post-bottom > span {display:inline-block; overflow:hidden; max-width:100%; padding:19px; padding-top:11px; white-space:nowrap; text-overflow:ellipsis; font-weight:400; font-size:18px; line-height:1.4444; letter-spacing:-0.025em; color:#0F0F0F;}
.bbs-photo .list .post-bottom .info {flex-flow:row nowrap; justify-content:space-between; align-items:stretch; margin-top:0; border-top:1px solid #E0E0E0; border-radius:0 0 8px 8px; background-color:#F9F9F9; text-align:center; font-size:0;}
.bbs-photo .list .post-bottom .info::before {content:""; flex:0 1 100%; display:block; margin:17px 0; border-top:1px solid #D4D4D4;}
.bbs-photo .list .post-bottom .info > span {flex:1 0 auto; padding:13px; padding-bottom:14px;}
.bbs-photo .list .post-bottom .info > span + span {border-left:1px solid #E0E0E0;}
.bbs-photo .list .post-bottom .info > span > i {display:inline-block; vertical-align:middle; margin-right:4px; font-size:18px; line-height:1; color:inherit;}
.bbs-photo .list .post-bottom .info > span > span {display:inline-block; vertical-align:middle; font-weight:400; font-size:15px; line-height:1.4; letter-spacing:-0.025em; color:inherit;}
.bbs-photo .list .post-bottom .info span.writer {flex-shrink:1; color:#888;}
.bbs-photo .list .post-bottom .info span.writer > span {overflow:hidden; max-width:calc(100% - 22px); white-space:nowrap; text-overflow:ellipsis;}
.bbs-photo .list .post-bottom .info span.date {color:#888;}
.bbs-photo .list .post-bottom .info span.view {color:#888;} */
.bbs-photo .list .post-bottom > span {overflow:hidden; text-overflow:ellipsis; font-weight:400; letter-spacing:-0.025em; color:#0F0F0F;}
.bbs-photo .list .post-bottom > span.line-1 {display:inline-block; max-width:100%; white-space:nowrap;}
.bbs-photo .list .post-bottom > span.line-2 {display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.bbs-photo .list .post-bottom .info {flex-flow:row nowrap; justify-content:space-between; align-items:stretch; padding:0 19px; margin-top:0;}
.bbs-photo .list .post-bottom .info span {flex:0 1 auto; display:inline-block; font-weight:400; letter-spacing:-0.025em; color:#0F0F0F;}
.bbs-photo .list .post-bottom .info span b {display:inline-block; font-weight:700; font-size:inherit; line-height:inherit; letter-spacing:inherit; color:inherit;}
.bbs-photo .list .post-bottom .info span.year {margin-right:14px; white-space:nowrap; color:#0EB48D;}
.bbs-photo .list .post-bottom .info span.tag {margin-right:14px; white-space:nowrap; color:#0EB48D;}
.bbs-photo .list .post-bottom .info span.tag::before {content:"#";}
.bbs-photo .list .post-bottom .info span.tag.type01 {color:#0EB48D;}
.bbs-photo .list .post-bottom .info span.tag.type02 {color:#EF59A1;}
.bbs-photo .list .post-bottom .info span.tag.type03 {color:#5F3F91;}
.bbs-photo .list .post-bottom .info span.writer {overflow:hidden; /*max-width:calc(100% - 70px);*/ white-space:nowrap; text-overflow:ellipsis;}

.bbs-photo .list.pc-3 {}
.bbs-photo .list.pc-3 .post-top {padding:19px; padding-bottom:10px;}
.bbs-photo .list.pc-3 .post-top .thumb {padding-top:100%;}
.bbs-photo .list.pc-3 .post-bottom {padding-bottom:20px;}
.bbs-photo .list.pc-3 .post-bottom > span {padding:0 19px; margin-top:6px; font-size:18px; line-height:1.4444;}
.bbs-photo .list.pc-3 .post-bottom > span.line-2 {height:2.8889em; /*max-height:2.8889em;*/}
.bbs-photo .list.pc-3 .post-bottom .info span {font-size:18px; line-height:1.4444;}
.bbs-photo .list.pc-4 {}
.bbs-photo .list.pc-4 .post-top {padding:13px; padding-bottom:10px;}
.bbs-photo .list.pc-4 .post-top .thumb {padding-top:137.7778%;}
.bbs-photo .list.pc-4 .post-bottom {padding-bottom:13px;}
.bbs-photo .list.pc-4 .post-bottom > span {padding:0 13px; margin-top:4px; font-size:16px; line-height:1.375;}
.bbs-photo .list.pc-4 .post-bottom > span.line-2 {height:2.75em; /*max-height:2.75em;*/}
.bbs-photo .list.pc-4 .post-bottom .info span {font-size:16px; line-height:1.5;}

.bbs-photo .list li:hover > a,
.bbs-photo .list li > a:focus {border-color:#FF56A7; box-shadow:0 0 5px 0 rgba(0,0,0,0.4);}
/* .bbs-photo .list li:hover > a::after,
.bbs-photo .list li > a:focus::after {content:""; position:absolute; top:-1px; right:-1px; bottom:-1px; left:-1px; border:2px solid #EF59A1; border-radius:10px;} */
.bbs-photo .list li:hover .post-top .thumb img,
.bbs-photo .list li > a:focus .post-top .thumb img {transform:scale(1.2);}
.bbs-photo .list li:hover .post-bottom > span,
.bbs-photo .list li > a:focus .post-bottom > span {text-decoration:underline;}

.bbs-read .detail.photo-view {/*padding:70px 94px;*/ padding:70px 50px; background-color:#F5F5F5;}
.photo-view {flex-flow:row nowrap; justify-content:center; align-items:center; word-wrap:break-word; word-break:keep-all;}
.photo-view .left {flex:0 0 auto; margin-right:80px;}
.photo-view .left .img {border-radius:8px; box-shadow:-25px 25px 15px 0 rgba(0,0,0,0.2);}
.photo-view .left .img img {max-width:100%; border-radius:8px;}
.photo-view .right {flex:1 1 auto; max-width:564px; padding:25px 0;}
.photo-view .right .tag {margin-bottom:10px; font-weight:500; font-size:20px; line-height:1.45; letter-spacing:-0.05em;}
.photo-view .right .tag::before {content:"#";}
.photo-view .right .tag.type01 {color:#0EB48D;}
.photo-view .right .tag.type02 {color:#EF59A1;}
.photo-view .right .tag.type03 {color:#5F3F91;}
.photo-view .right .tit {font-weight:700; font-size:24px; line-height:1.75; letter-spacing:-0.05em; color:#000;}
.photo-view .right .desc {margin-top:42px;}
.photo-view .right .desc b {display:inline-block; font-weight:700;}
.photo-view .right .desc dl {flex-flow:row wrap; justify-content:flex-start; align-items:flex-start; font-weight:400; font-size:16px; line-height:1.5; letter-spacing:-0.05em; color:#000;}
.photo-view .right .desc dl + dl {margin-top:30px;}
.photo-view .right .desc dl dt {flex:0 0 95px; width:95px;}
.photo-view .right .desc dl dt::after {content:""; display:inline-block; vertical-align:top; height:20px; margin:3px 20px 0 18px; border-left:1px solid #D4D4D4;}
.photo-view .right .desc dl dt b {width:56px;}
.photo-view .right .desc dl dd {flex:1 1 calc(100% - 95px); width:calc(100% - 95px);}
.photo-view .button-box {margin:0; margin-top:50px;}
.photo-view .btn_detail {width:120px; margin:0;}

@media screen and (max-width:1280px){
    /* .bbs-photo .list li > a:active {box-shadow:5px 5px 20px 0 rgba(0,0,0,0.1);}
    .bbs-photo .list li > a:active::after {content:""; position:absolute; top:-1px; right:-1px; bottom:-1px; left:-1px; border:2px solid #EF59A1; border-radius:10px;}
    .bbs-photo .list li > a:active .post-top .thumb {border-bottom:2px solid #EF59A1;}
    .bbs-photo .list li > a:active .post-top .thumb img {transform:scale(1.2);}
    .bbs-photo .list li > a:active .post-bottom {padding-top:17px;} */
}

@media screen and (min-width:1025px) {
    .bbs-photo .list.pc-3 li {flex-basis:33.3333%; width:33.3333%;}
    .bbs-photo .list.pc-4 li {flex-basis:25%; width:25%;}
    /* .bbs-photo .list li:not(:nth-child(n+4)) {margin-top:22px;}
    .bbs-photo .list li.nodata {margin-top:15px;} */
}

@media screen and (max-width:1024px) {
    /* .bbs-photo .list li {flex-basis:50%; width:50%;} */
    /* .bbs-photo .list li:not(:nth-child(n+3)) {margin-top:22px;}
    .bbs-photo .list li.nodata {margin-top:15px;} */

    .bbs-read .detail.photo-view {padding:50px;}
    .photo-view {flex-direction:column;}
    .photo-view .left {margin-right:0; margin-bottom:71px;}
    .photo-view .left .img {max-width:293px; /*max-height:414px;*/}
    .photo-view .right {width:100%; max-width:none;}
}

@media screen and (max-width:767px) {
    .bbs-photo .list {/*flex-direction:column;*/ padding:12px 0 36px 0; margin:-9px -10px;}
    .bbs-photo .list li {flex-basis:100%; width:100%; padding:9px 10px;}
    /* .bbs-photo .list li:not(:nth-child(n+3)) {margin-top:0;}
    .bbs-photo .list li:first-child {margin-top:22px;}
    .bbs-photo .list li.nodata {margin-top:15px;} */
    .bbs-photo .list li.nodata {padding:24px 0 0 0; margin:9px 10px;}

    .bbs-read .detail.photo-view {padding:30px 15px;}
    .photo-view .left {margin-bottom:49px;}
    .photo-view .right .tag {margin-bottom:11px; font-size:18px; line-height:1.4444;}
    .photo-view .right .tit {font-size:16px; line-height:1.5;}
    .photo-view .right .desc {margin-top:23px;}
    .photo-view .right .desc dl {font-size:14px; line-height:1.4286;}
    .photo-view .right .desc dl + dl {margin-top:15px;}
    .photo-view .right .desc dl dt {flex-grow:81px; width:81px;}
    .photo-view .right .desc dl dt::after {margin:0 10px;}
    .photo-view .right .desc dl dt b {/*width:49px;*/ width:60px;}
    .photo-view .right .desc dl dd {flex-grow:calc(100% - 81px); width:calc(100% - 81px);}
    .photo-view .right .button-box {margin-top:30px;}
    .photo-view .right .btn_detail {width:100%;}
}