@charset "UTF-8";
/*------------------------------------------------------------------------------
    파일정의 : 게시판 스타일
    분류순서 : @공통, @일반형, @포토갤러리형, @블로그형
    속성순서 : 태그속성, 레이아웃, 사이징, 박스모양, 문단모양, 글자모양, 기타모양
------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------
    @공통
------------------------------------------------------------------------------*/
/* BBS */
.bbs-wrap {overflow:hidden;}
.bbs-wrap .bbs-head {}
.bbs-wrap .bbs-head + .bbs-body {/*margin-top:21px;*/ margin-top:9px;}
.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 {display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:stretch; margin:50px auto; text-align:center; font-weight:500; font-size:16px; line-height:1.5; letter-spacing:0;}
.bbs-wrap .btn-box button {flex:0 1 120px; padding:15px 0; border:1px solid transparent; border-radius:4px;}
.bbs-wrap .btn-box .btn01 {border-color:#E0E0E0; background-color:#fff; color:#003E92;}
.bbs-wrap .btn-box .btn02 {border-color:#2C99F8; background-color:#2C99F8; color:#fff;}
.bbs-wrap .btn-box .btn03 {border-color:#003E92; background-color:#003E92; color:#fff;}
.bbs-wrap .btn-box .btn04 {border-color:#424242; background-color:#424242; color:#fff;}

.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 {display:flex; 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:#003E92;}
.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:#003E92;}
.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;}

/* Search */
.bbs-search {display:flex; flex-flow:row nowrap; justify-content:center; align-items:center; padding:33px 2%; border:2px solid #C8E5FF; border-radius:10px; background-color:#F8FCFF;}
.bbs-search .select {flex:0 0 125px; position:relative; margin:0; margin-right:10px; border-radius:4px; text-align:left;}
.bbs-search .select::-ms-expand {display:none;}
.bbs-search .input {flex:0 1 351px; position:relative; padding-right:48px; margin:0; border-radius:4px; text-align:left;}
.bbs-search .submit {flex:0 0 40px; position:relative; height:40px; padding:0; margin:0; margin-left:-40px; border:none; border-radius:4px; background:none; background-color:#00AEF0; text-align:center; font-size:24px; line-height:40px; color:#fff; cursor:pointer;}
.bbs-search + .bbs-total {margin-top:48px;}
.bbs-total {display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:stretch; /*padding-bottom:9px; border-bottom:2px solid #2C99F8;*/}
.bbs-total > span {flex:0 1 auto; line-height:1;}
.bbs-total > span > i {display:inline-block; vertical-align:top; margin-right:6px; font-size:20px; line-height:1; color:#0BA182;}
.bbs-total > span > span {display:inline-block; vertical-align:top; font-weight:400; font-size:15px; line-height:1.3333; letter-spacing:-0.025em; color:#444;}
.bbs-total > span > span > b {}
.bbs-total span.post {}
.bbs-total span.post b {font-weight:500; color:#0BA182;}
.bbs-total span.page {}
.bbs-total span.page b {font-weight:500; color:#0BA182;}

.bbs-search .select:focus {outline:none;}
.bbs-search .input:focus {outline:none;}
.bbs-search .submit:focus {outline:none;}

/* Board View */
.bbs-read {}
.bbs-read.no-attach {border-bottom:1px solid #D1D1D1;}
.bbs-read .title {padding:20px 24px; border-top:2px solid #2C99F8; border-bottom:1px solid #D4D4D4;}
.bbs-read .title h3 {}
.bbs-read .title h3 span {font-weight:500; font-size:20px; line-height:1.45; letter-spacing:-0.025em; color:#424242;}
.bbs-read .info {padding:0; border-bottom:1px solid #D4D4D4; background-color:#F8FDFF; font-size:0;}
.bbs-read .info > span {display:inline-block; vertical-align:top; position:relative; padding:10px 24px 11px 24px;}
.bbs-read .info > span::after {content:""; position:absolute; top:0; right:0; height:20px; border-left:1px solid #D4D4D4;}
.bbs-read .info > span > i {display:inline-block; vertical-align:middle; margin-right:4px; font-size:16px; line-height:1; color:#003E92;}
.bbs-read .info > span > b {display:inline-block; vertical-align:middle; margin-right:10px; font-weight:500; font-size:14px; line-height:1.4286; letter-spacing:-0.025em; color:#003E92;}
.bbs-read .info > span > span {display:inline-block; vertical-align:middle; font-weight:400; font-size:14px; line-height:1.4286; letter-spacing:-0.025em; color:#444;}
.bbs-read .detail {padding:50px 24px 70px 24px; font-weight:400; font-size:16px; line-height:1.5; letter-spacing:-0.025em; color:#444;}
.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) * {font:normal 400 16px/1.5 'Noto Sans KR', sans-serif !important; letter-spacing:-0.025em !important; color:#444 !important;}
.bbs-read .detail:not(.editor-view) b,
.bbs-read .detail:not(.editor-view) strong {font-weight:bold !important;}
.bbs-read .detail:not(.editor-view) i,
.bbs-read .detail:not(.editor-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 .attach {display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:center; padding:13px 23px; border:1px solid #C8E5FF; border-radius:10px; background-color:#F8FDFF;}
.bbs-read .attach > p {flex:0 0 72px; margin-right:24px; font-size:0;}
.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:#003E92;}
.bbs-read .attach > p > span {display:inline-block; vertical-align:middle; font-weight:500; font-size:14px; line-height:1.4286; letter-spacing:-0.025em; color:#003E92;}
.bbs-read .attach .attach-list {flex:1 1 auto; display:flex; flex-flow:column; justify-content:flex-start; align-items:stretch;}
.bbs-read .attach .attach-list li {flex:1 1 auto; display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:center; padding-left:0; text-indent:0;}
.bbs-read .attach .attach-list li + li {padding-top:14px; margin-top:16px; border-top:1px solid #C8E5FF;}
/* .bbs-read .attach .attach-list li + li::before {content:""; display:block; margin:16px 0 14px 0; border-top:1px solid #C8E5FF;} */
.bbs-read .attach .attach-list li i {flex:0 0 auto; margin:0; margin-right:10px; font-size:20px; color:#0BA182;}
.bbs-read .attach .attach-list li span {flex:0 1 auto; margin:0; margin-right:10px; font-size:14px; line-height:1.4286; letter-spacing:-0.025em; color:#444;}
.bbs-read .attach .attach-list li a {flex:0 0 auto;}
.bbs-read .attach .attach-list li a:first-of-type {margin-left:auto;}
.bbs-read .photo {/*max-width:100%;*/ max-width:calc(100% - 48px); margin:0 24px; margin-top:50px; border:1px solid #CBCBCB; background-color:#F8F8F8; text-align:center;}
.bbs-read .photo > img {vertical-align:top; max-width:100%;}

.bbs-write .write-form {}
.bbs-write .write-form .subtit_l {margin-bottom:12px;}
.bbs-write .write-form .subtit_l_con {padding-left:0;}
.bbs-write .write-form .tbl {word-wrap:break-word; word-break:keep-all;}
.bbs-write .write-form .tbl .req {font-weight:inherit; font-size:inherit; line-height:inherit; letter-spacing:inherit; color:#F20000;}
.bbs-write .write-form .form-cont {display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center;}
.bbs-write .write-form .form-cont .input {flex:0 1 250px; border-radius:4px;}
.bbs-write .write-form .form-cont .input.full,
.bbs-write .write-form .form-cont textarea.input {flex:1 1 100%;}
.bbs-write .write-form .form-cont .select {flex:0 1 auto; border-radius:4px;}
.bbs-write .write-form .form-cont .form-static {flex:0 1 auto; font-weight:400; font-size:14px; line-height:1.4286; letter-spacing:0; color:#212121;}
.bbs-write .write-form .form-cont .form-static.gray {color:#929292;}
.bbs-write .write-form .form-cont .form-static b {font-weight:500; color:#FF0178;}
.bbs-write .write-form .form-cont .form-controls {flex:1 1 auto;}
.bbs-write .write-form .form-cont .attach-list + .form-controls.type-file {margin-top:10px;}
.bbs-write .write-form .form-cont .form-controls.type-file {}
.bbs-write .write-form .form-cont .form-controls.type-file .file {max-width:calc(100% - 35px);}
.bbs-write .write-form .form-cont .form-controls.type-file .input {max-width:calc(100% - 95px);}
.bbs-write .write-form .form-cont .form-controls.type-telNo {flex:0 1 296px; display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:stretch;}
.bbs-write .write-form .form-cont .form-controls.type-telNo .select {flex:2 0 96px;}
.bbs-write .write-form .form-cont .form-controls.type-telNo .input {flex:1 1 80px;}
.bbs-write .write-form .form-cont .form-controls.type-telNo .form-split {flex:0 0 auto; min-width:auto; padding:0 6px;}
.bbs-write .write-form .form-cont .form-controls.type-stCntGen {}
.bbs-write .write-form .form-cont .form-controls.type-stCntGen .input {flex:1 1 auto; width:auto; max-width:60px;}
.bbs-write .write-form .form-cont .form-controls.type-stCntGen .input:first-of-type {margin-right:36px;}
.bbs-write .write-form .form-cont .form-controls.type-stCntGen .form-static {flex:1 1 auto; margin-right:8px; margin-left:0;}
.bbs-write .write-form .form-cont .form-controls.type-stCntTxt {}
.bbs-write .write-form .form-cont .form-controls.type-stCntTxt .form-static:first-of-type {margin-left:0;}
.bbs-write .write-form .form-cont .form-controls.type-fullTm {flex:0 1 209px; display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:stretch;}
.bbs-write .write-form .form-cont .form-controls.type-fullTm .select {flex:1 1 86px; width:auto;}
.bbs-write .write-form .form-cont .form-controls.type-fullTm .form-split {flex:0 0 auto; min-width:auto; padding:0 6px;}
.bbs-write .write-form .form-cont .form-controls.type-fullDtTm {flex:0 1 324px; display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:stretch;}
.bbs-write .write-form .form-cont .form-controls.type-fullDtTm .date-group {flex:2 0 136px;}
.bbs-write .write-form .form-cont .form-controls.type-fullDtTm .select {flex:1 1 86px; width:auto;}
.bbs-write .write-form .form-cont .form-controls.type-fullDtTm .form-split {flex:0 0 auto; min-width:auto; padding:0 4px;}
.bbs-write .write-form .form-cont textarea.input + .form-desc {margin-top:6px;}
.bbs-write .write-form .form-cont .form-static + .form-desc,
.bbs-write .write-form .form-cont .form-controls + .form-desc {margin-left:16px;}
.bbs-write .write-form .form-cont .form-desc {flex:0 1 auto;}
.bbs-write .write-form .form-cont .form-desc p {font-weight:400; font-size:14px; line-height:1.4286; letter-spacing:-0.05em; color:#F20000;}
.bbs-write .write-form .form-cont .form-desc p::before {content:'※ ';}
.bbs-write .write-form .form-cont .form-desc p span {text-indent:0;}

@media only print {
    .bbs-wrap .print-hide {display:none;}
    .bbs-wrap .tbl .pc-hide {display:none;}
}

@media only screen and (max-width: 1279px){

}

@media only screen and (min-width: 1025px) {
    .bbs-wrap .tbl .pc-hide {display:none;}
}

@media only screen and (max-width: 1024px) {
    .bbs-wrap .tbl .m-hide {display:none;}

    /* BBS */
    .bbs-wrap .tbl {width:auto; word-break:break-all;}
    .bbs-wrap .pager .tbl {width:100%;}
}

@media only screen and (min-width: 768px) {
    /* Board View */
    .bbs-write .write-form .tbl tbody tr td + td {border-left:1px solid #CFD8DC;}
}

@media only screen and (max-width: 767px) {
    /* BBS */
    .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;*/}

    /* Search */
    .bbs-search {flex-wrap:wrap; padding:17px;}
    .bbs-search .select {flex:1 1 auto;}
    .bbs-search .input {flex:2 1 auto;}
    .bbs-search .submit {flex:3 1 100%; margin-top:11px; margin-left:0;}

    /* Board View */
    .bbs-read .info {padding:10px 24px 11px 24px;}
    .bbs-read .info > span {display:block; padding:0;}
    .bbs-read .info > span + span {margin-top:8px;}
    .bbs-read .info > span::after {display:none;}
    .bbs-read .attach {flex-wrap:wrap;}
    .bbs-read .attach > p {flex-basis:100%; margin-right:0; margin-bottom:15px;}

    .bbs-write .write-form .tbl,
    .bbs-write .write-form .tbl thead,
    .bbs-write .write-form .tbl tbody,
    .bbs-write .write-form .tbl tr,
    .bbs-write .write-form .tbl th,
    .bbs-write .write-form .tbl td {display:block;}
    .bbs-write .write-form .tbl colgroup {display:none;}
    .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;}
    .bbs-write .write-form .form-cont .input {flex-grow:1;}
    .bbs-write .write-form .form-cont .form-controls.type-telNo {flex-grow:1;}
    .bbs-write .write-form .form-cont .form-controls.type-fullTm {flex-grow:1; /*flex-wrap:wrap;*/}
    .bbs-write .write-form .form-cont .form-controls.type-fullDtTm {flex-grow:1; flex-wrap:wrap;}
    .bbs-write .write-form .form-cont .form-controls.type-fullDtTm .date-group {flex-basis:100%;}
    .bbs-write .write-form .form-cont .form-controls.type-fullDtTm .input {width:100%;}
    .bbs-write .write-form .form-cont .form-controls.type-fullDtTm .select {/*flex-basis:50%;*/ margin-top:8px;}
    .bbs-write .write-form .form-cont .form-controls.type-fullDtTm .select:last-of-type {margin-left:8px;}
    .bbs-write .write-form .form-cont .form-controls.type-fullDtTm .form-split {display:none;}
    .bbs-write .write-form .form-cont .form-static + .form-desc,
    .bbs-write .write-form .form-cont .form-controls + .form-desc {margin-top:6px; margin-left:0;}
    .bbs-write .write-form .form-cont .form-desc {flex-grow:1; flex-basis:100%;}
}

/*------------------------------------------------------------------------------
    @일반형
------------------------------------------------------------------------------*/
.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 #2C99F8; border-bottom:1px solid #2C99F8; background-color:#EEF7FF; text-align:center;}
.bbs-normal .tbl thead tr th + th::before {content:""; position:absolute; top:0; left:0; height:24px; border-left:1px solid #2C99F8;}
.bbs-normal .tbl thead tr th span {font-weight:500; font-size:16px; line-height:1.5; letter-spacing:-0.025em; color:#212121;}
.bbs-normal .tbl thead tr th i {vertical-align:middle;}
.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 #D4D4D4; background-color:#fff; text-align:center;}
.bbs-normal .tbl tbody tr th + td::before {content:""; position:absolute; top:0; left:0; height:24px; border-left:1px solid #D4D4D4;}
.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:#444;}
.bbs-normal .tbl tbody tr th i {vertical-align:middle;}
.bbs-normal .tbl tbody tr td {vertical-align:middle; position:relative; box-sizing:content-box; height:58px; padding:0 14px; border-bottom:1px solid #D4D4D4; background-color:#fff; text-align:center;}
.bbs-normal .tbl tbody tr td + td::before {content:""; position:absolute; top:0; left:0; height:24px; border-left:1px solid #D4D4D4;}
.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:#444;}
.bbs-normal .tbl tbody tr td i {vertical-align:middle;}
.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-writer {width:144px;}
.bbs-normal .tbl .col-date {width:144px;}
.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-status {width:104px;}

.bbs-normal .tbl tbody tr .col-nodata span {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:22px; white-space:nowrap; text-overflow:ellipsis;}
/*공지글*/.bbs-normal .tbl tbody tr .col-number.notice i {display:inline-block; width:1.7em; height:1.7em; border-radius:50%; background-color:#003E92; text-align:center; font-size:20px; line-height:1.7; color:#fff;}
/*공지글*/.bbs-normal .tbl tbody tr .col-number.notice ~ [class^="col-"] > span {font-weight:500; color:#003E92;}
/*신규글*/.bbs-normal .tbl tbody tr .col-title.new > span::after {content:url(../images/board/ico_new.png); display:inline-block; vertical-align:middle; position:absolute; right:0; width:1em; height:1em; margin-top:0.1667em; font-size:18px; line-height:1;}
/*첨부글*/.bbs-normal .tbl tbody tr .col-file.attachment i {font-size:20px; line-height:1; color:#0BA182;}
/*설문상태*/.bbs-normal .tbl tbody tr .col-status.survey > span {display:inline-block; vertical-align:middle; width:74px; height:30px; border:1px solid transparent; border-radius:18px; text-align:center; font-weight:400; font-size:14px; line-height:28px; letter-spacing:-0.025em;}
/*예약상태*/.bbs-normal .tbl tbody tr .col-status.apply > span {display:inline-block; vertical-align:middle; width:72px; height:25px; border:1px solid transparent; border-radius:18px; text-align:center; font-weight:500; font-size:14px; line-height:23px; letter-spacing:0;}

/*설문상태*/.bbs-normal .tbl tbody tr .col-status.survey.stat01 > span {border-color:#003E92; background-color:#003E92; color:#fff;}
/*설문상태*/.bbs-normal .tbl tbody tr .col-status.survey.stat02 > span {border-color:#D6D6D6; background-color:#F3F3F3; color:#9E9E9E;}
/*예약상태*/.bbs-normal .tbl tbody tr .col-status.apply.stat01 > span {border-color:#14B268; background-color:#14B268; color:#fff;}
/*예약상태*/.bbs-normal .tbl tbody tr .col-status.apply.stat02 > span {border-color:#2398FF; background-color:#2398FF; color:#fff;}
/*예약상태*/.bbs-normal .tbl tbody tr .col-status.apply.stat03 > span {border-color:#D6D6D6; background-color:#F3F3F3; color:#858585;}
/*예약상태*/.bbs-normal .tbl tbody tr .col-status.apply.stat04 > span {border-color:#FFA530; background-color:#FFA530; color:#fff;}

.bbs-normal .tbl tbody tr:focus {outline:none;}

@media only print {
    .bbs-normal .print-hide {display:none;}
    .bbs-normal .tbl .pc-hide {display:none;}
}

@media only screen and (max-width: 1279px){

}

@media only screen and (min-width: 1025px) {
    .bbs-normal .tbl .pc-hide {display:none;}
    .bbs-normal .tbl .m-tit {display:none !important;}

    .bbs-normal .tbl tbody tr:hover,
    .bbs-normal .tbl tbody tr:focus {position:relative; z-index:1; box-shadow:0 0 6px 0 rgba(0,81,151,0.2);}
    .bbs-normal .tbl tbody tr:hover td:not(.col-nodata),
    .bbs-normal .tbl tbody tr:focus td:not(.col-nodata) {border-bottom-color:#C8E5FF; background-color:#F8FDFF; cursor:pointer;}
    .bbs-normal .tbl tbody tr:hover th:not(.col-nodata) + td:not(.col-nodata)::before,
    .bbs-normal .tbl tbody tr:focus th:not(.col-nodata) + td:not(.col-nodata)::before,
    .bbs-normal .tbl tbody tr:hover td:not(.col-nodata) + td:not(.col-nodata)::before,
    .bbs-normal .tbl tbody tr:focus td:not(.col-nodata) + td:not(.col-nodata)::before {border-left-color:#C8E5FF;}
    .bbs-normal .tbl tbody tr:hover td:not(.col-nodata) span,
    .bbs-normal .tbl tbody tr:focus td:not(.col-nodata) span {font-weight:500;}
}

@media only screen and (max-width: 1024px) {
    .bbs-normal .tbl {width:100%;}
    .bbs-normal .tbl .m-hide {display:none;}
    .bbs-normal .tbl .pc-tit {display:none !important;}

    .bbs-normal .tbl tbody tr th {height:84px;}
    .bbs-normal .tbl tbody tr td {height:84px;}
    .bbs-normal .tbl tbody tr th + td::before,
    .bbs-normal .tbl tbody tr td + td::before {display:none;}
    .bbs-normal .tbl .col-writer,
    .bbs-normal .tbl .col-date,
    .bbs-normal .tbl .col-file,
    .bbs-normal .tbl .col-view,
    .bbs-normal .tbl .col-quant,
    .bbs-normal .tbl .col-status {display:none;}
    .bbs-normal .tbl .m-tit {display:flex; 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 {display:flex; flex-flow:row nowrap; justify-content:flex-end; align-items:stretch; margin-top:12px; border-top:1px solid #eee;}
    .bbs-normal .tbl .m-info > span {flex:0 1 auto; position:relative; padding:0 14px; padding-top:7px;}
    /* .bbs-normal .tbl .m-info > span + span {margin-left:15px;} */
    .bbs-normal .tbl .m-info > span + span::before {content:""; position:absolute; top:0; left:0; height:18px; border-left:1px solid #eee;}
    .bbs-normal .tbl .m-info > span > i {display:inline-block; vertical-align:top;}
    .bbs-normal .tbl .m-info > span > b {display:inline-block; vertical-align:top; margin-right:8px; font-weight:400; font-size:14px; line-height:1.4286; letter-spacing:-0.025em; color:#003E92;}
    .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:#8F8F8F;}

    .bbs-normal .tbl .m-tit .number {flex:1 1 auto; margin-right:12px; color:#003E92;}
    .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:#003E92;}

    .bbs-normal .tbl tbody tr .col-number {border-right:1px solid #eee;}
    .bbs-normal .tbl tbody tr .col-title {padding:0;}
    .bbs-normal .tbl tbody tr .col-title > span {max-width:calc(100% - 28px); margin:0 14px;}
    .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-number.notice + .col-title .m-info > span > span {font-weight:500; color:#003E92;}
    /*첨부글*/.bbs-normal .tbl tbody tr .col-title .m-info .writer {margin-right:auto;}
    /*첨부글*/.bbs-normal .tbl tbody tr .col-title .m-info .file.attachment i {font-size:16px; line-height:1.25; color:#0BA182;}
    /*설문상태*/.bbs-normal .tbl tbody tr .col-title .m-info .status.survey > span {display:inline-block; vertical-align:top; font-weight:500; font-size:14px; line-height:1.4286; letter-spacing:-0.025em;}

    /*설문상태*/.bbs-normal .tbl tbody tr .col-title .m-info .status.survey.stat01 > span {color:#003E92;}
    /*설문상태*/.bbs-normal .tbl tbody tr .col-title .m-info .status.survey.stat02 > span {color:#9E9E9E;}

    /* .bbs-normal .tbl tbody tr:active td:not(.col-nodata) {background-color:#F8FDFF;}
    .bbs-normal .tbl tbody tr:active td:not(.col-nodata) span,
    .bbs-normal .tbl tbody tr:active td:not(.col-nodata) i {font-weight:500;} */
}

@media only screen and (max-width: 767px) {

}

/*------------------------------------------------------------------------------
    @포토갤러리형
------------------------------------------------------------------------------*/
.bbs-photo {border-top:2px solid #2C99F8;}
.bbs-photo .list {display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch; list-style:none; overflow:hidden; padding:0; margin:0 -12px; margin-top:-15px;}
.bbs-photo .list li {flex:0 1 33.3333%; box-sizing:border-box; padding:15px 12px;}
.bbs-photo .list li > a {display:block; position:relative; border:1px solid #D4D4D4; border-radius:10px;}
.bbs-photo .list li.nodata {flex-grow:1; /*width:100%;*/ width:auto; padding:40px 0; margin:0 12px; border-bottom:1px solid #D4D4D4; text-align:center; font-weight:400; font-size:16px; line-height:1.5; letter-spacing:-0.025em; color:#727272;}
.bbs-photo .list li.nodata > span {padding-left:41px; background:url(../images/board/ico_photo.png) no-repeat left center;}
.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; padding-top:64.7799%; border-bottom:1px solid #CBCBCB; border-radius:9px 9px 0 0; background:#F5F5F5 url(../images/board/photo-empty.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 {padding:15px; padding-top:18px; border-radius:0 0 9px 9px;}
.bbs-photo .list .post-bottom > span {display:inline-block; overflow:hidden; min-height:3em; word-wrap:normal; word-break:normal; font-weight:500; font-size:16px; line-height:1.5; letter-spacing:-0.025em; color:#5A5B5E;}
.bbs-photo .list .post-bottom .info {display:flex; flex-flow:row wrap; justify-content:space-between; align-items:stretch;}
.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:0 1 auto;}
.bbs-photo .list .post-bottom .info > span > i {display:inline-block; vertical-align:bottom; margin-right:2px; font-size:18px; line-height:1; color:inherit;}
.bbs-photo .list .post-bottom .info > span > span {display:inline-block; vertical-align:bottom; font-weight:400; font-size:14px; line-height:1.4286; letter-spacing:-0.025em; color:inherit;}
.bbs-photo .list .post-bottom .info span.writer {color:#003E92;}
.bbs-photo .list .post-bottom .info span.date {color:#878787;}
.bbs-photo .list .post-bottom .info span.view {color:#878787;}

@media only screen and (max-width: 1279px){

}

@media only screen and (min-width: 1025px) {
    .bbs-photo .list li:not(:nth-child(n+4)) {margin-top:22px;}
    .bbs-photo .list li.nodata {margin-top:15px;}

    .bbs-photo .list li:hover > a,
    .bbs-photo .list li > a:focus {box-shadow:5px 5px 20px 0 rgba(0,0,0,0.1);}
    .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 #00AEF0; border-radius:10px;}
    .bbs-photo .list li:hover .post-top .thumb,
    .bbs-photo .list li > a:focus .post-top .thumb {border-bottom:2px solid #00AEF0;}
    .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,
    .bbs-photo .list li > a:focus .post-bottom {padding-top:17px;}
}

@media only screen and (max-width: 1024px) {
    .bbs-photo .list li {flex-basis:50%;}
    .bbs-photo .list li:not(:nth-child(n+3)) {margin-top:22px;}
    .bbs-photo .list li.nodata {margin-top:15px;}

    .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 #00AEF0; border-radius:10px;}
    .bbs-photo .list li > a:active .post-top .thumb {border-bottom:2px solid #00AEF0;}
    .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 only screen and (max-width: 767px) {
    .bbs-photo .list {/*flex-direction:column;*/}
    .bbs-photo .list li {flex-basis:100%;}
    .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;}
}

/*------------------------------------------------------------------------------
    @캘린더형
------------------------------------------------------------------------------*/
/* Calendar */
.bbs-calendar {}
/*fc*/
.bbs-calendar .fc .fc-button .fc-icon {position:static; margin:0;}
.bbs-calendar .fc .fc-icon-right-single-arrow,
.bbs-calendar .fc .fc-icon-left-single-arrow,
.bbs-calendar .fc .fc-popover .fc-header .fc-close,
.bbs-calendar .fc .fc-toolbar button.fc-today-button::after,
.bbs-calendar .fc .label .fc-title::before {
    font-family: 'remixicon' !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.bbs-calendar .fc .fc-icon-right-single-arrow::after,
.bbs-calendar .fc .fc-icon-left-single-arrow::after,
.bbs-calendar .fc .fc-popover .fc-header .fc-close::after{
    vertical-align:top; font-family:'remixicon' !important; font-style:normal; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
    position:static; font-weight:inherit; font-size:inherit;
}
.bbs-calendar .fc .fc-icon-left-single-arrow:after{content:"\ea64";}
.bbs-calendar .fc .fc-icon-right-single-arrow:after{content:"\ea6e";}
.bbs-calendar .fc .fc-popover .fc-header .fc-close:after{content:"\EB99";}
.bbs-calendar .fc .fc-toolbar button.fc-today-button::after {content:"\ea6e";}
.bbs-calendar .fc .label .fc-title::before {content:"\EB80";}
/*상단 title*/
.bbs-calendar .fc .fc-toolbar .fc-button{vertical-align:top; position:relative; width:36px; height:36px; padding:0; margin-top:2px; border:1px solid #C4C4C4; border-radius:50%; background:none; background-color:#fff; text-shadow:none; box-shadow:none; font-weight:normal; font-size:27px; line-height:36px; color:#5A5B5E;}
.bbs-calendar .fc .fc-toolbar button.fc-today-button {width:93px; height:36px; margin-top:1px; border:1px solid #73D5C1; border-radius:4px; background-color:#E6F8F5; text-transform:capitalize; font-weight:700; font-size:15px; line-height:34px; letter-spacing:-0.025em; color:#444;}
.bbs-calendar .fc .fc-toolbar button.fc-today-button::after {vertical-align:bottom; margin-left:4px; font-size:18px;}
.bbs-calendar .fc .fc-toolbar button.fc-today-button.fc-state-disabled{opacity:1; cursor:not-allowed;}
.bbs-calendar .fc .fc-toolbar .fc-button .fc-icon {vertical-align:top; font-weight:inherit; font-size:inherit; line-height:inherit; color:inherit;}
.bbs-calendar .fc .fc-toolbar h2 {display:inline-block; vertical-align:top; padding:0 12px; margin:0; font-weight:500; font-size:26px; line-height:1.4615; letter-spacing:-0.025em; color:#444;}
.bbs-calendar .fc .fc-toolbar.fc-header-toolbar {margin-bottom: 0;}
.bbs-calendar .fc .fc-toolbar .fc-button:not(.fc-state-disabled):hover{}
.bbs-calendar .fc .fc-toolbar button.fc-today-button:not(.fc-state-disabled):hover{}
/*달력*/
.bbs-calendar .fc .fc-view-container {margin-top:24px}
.bbs-calendar .fc .fc-toolbar > div {vertical-align:top;}
.bbs-calendar .fc .fc-row .fc-content-skeleton {padding-bottom:0;}
.bbs-calendar .fc td, .bbs-calendar .fc th {border:none;}
.bbs-calendar .fc th {vertical-align:middle; height:42px; font-weight:400; font-size:16px; line-height:1.5; letter-spacing:-0.025em; color:#5A5B5E;}
.bbs-calendar .fc .fc-day-header {vertical-align:middle;}
.bbs-calendar .fc .fc-day-top.fc-today {border:none;}
.bbs-calendar .fc .fc-day-top.fc-other-month {opacity:0.4;}
.bbs-calendar .fc .fc-day {border-top:1px solid #D4D4D4;}
/* .bbs-calendar .fc .fc-day.fc-sun,
.bbs-calendar .fc .fc-day.fc-sat,
.bbs-calendar .fc .fc-day.fc-past {background-color:#F8F8F8;}
.bbs-calendar .fc .fc-day.fc-future.fc-sun,
.bbs-calendar .fc .fc-day.fc-future.fc-sat,
.bbs-calendar .fc .fc-day.fc-future {background-image:url(../images/sub/calendar_wait-bg.png); background-repeat:no-repeat; background-position:center center;} */
.bbs-calendar .fc .fc-day.disabled {background:#F8F8F8 no-repeat center center !important;}
.bbs-calendar .fc .fc-day.disabled.waited {background-image:url(../images/sub/calendar_wait-bg.png) !important;}
.bbs-calendar .fc .fc-day.on {position:relative; border:none; border-top:1px solid #D4D4D4; background:none;}
.bbs-calendar .fc .fc-day.on::before {content:""; position:absolute; top:0; right:0; bottom:0; left:0; border:1px solid #00AEF0; border-radius:4px; background-color:#F8F8F8; /*background-color:transparent;*/ /*box-shadow:0 0 6px 0 rgba(0,0,0,0.1);*/}
.bbs-calendar .fc .fc-day.fc-today {position:relative; border:none; border-top:1px solid #D4D4D4; background:none;}
.bbs-calendar .fc .fc-day.fc-today::before {content:""; position:absolute; top:0; right:0; bottom:0; left:0; border:1px solid #10BB98; border-radius:4px; background-color:#fff; /*background-color:transparent;*/ /*box-shadow:0 0 6px 0 rgba(0,0,0,0.1);*/}
.bbs-calendar .fc .fc-day.fc-today::after {content:"Today"; position:absolute; top:0; right:0; width:62px; height:32px; border-radius:0 4px 0 4px; background-color:#10BB98; text-align:center; font-weight:400; font-size:13px; line-height:32px; letter-spacing:-0.025em; color:#0F2722;}
.bbs-calendar .fc .fc-day.fc-other-month {background-color:transparent;}
.bbs-calendar .fc .fc-view > table {border:none;}
.bbs-calendar .fc .fc-view {border-top:1px solid #C4C4C4; border-bottom:1px solid #C4C4C4;}
.bbs-calendar .fc .fc-widget-header {background-color:#F8F8F8;}
.bbs-calendar .fc .fc-widget-header > table {border-bottom:1px solid #C4C4C4;}
.bbs-calendar .fc .fc-day + .fc-day {position:relative;}
.bbs-calendar .fc .fc-day-header span,
.bbs-calendar .fc .fc-day-header a {display:inline-block; padding:0;}
.bbs-calendar .fc .fc-day-grid-event {padding:0 6px; margin-top:6px; line-height:1;}
.bbs-calendar .fc tr:first-child>td>.fc-day-grid-event {margin-top:8px;}
/* .bbs-calendar .fc .fc-list-table {table-layout:fixed;} */
/*날짜*/
.bbs-calendar .fc.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {display:inline-block; float:none;}
.bbs-calendar .fc .fc-day-number {padding:0; margin:0 14px; margin-top:6px; font-weight:400; font-size:16px; line-height:1.5; letter-spacing:-0.025em; color:#232323;}
/* .bbs-calendar .fc .fc-day-number::after {content:"일";} */
.bbs-calendar .fc .fc-day-top.fc-other-month .fc-day-number {color:#232323;}
.bbs-calendar .fc .fc-sun span,
.bbs-calendar .fc .fc-sun a {color:#FF5662;}
.bbs-calendar .fc .fc-sat span,
.bbs-calendar .fc .fc-sat a {color:#2C99F8;}
/*한국공휴일*/
.bbs-calendar .fc .ko-holiday {pointer-events:none;}
.bbs-calendar .fc .ko-holiday .fc-day-number {color:#FF5662;}
/*이벤트 text*/
/* .bbs-calendar .fc .fc-daygrid-day-bg .fc-event-title {visibility:hidden;} */
.bbs-calendar .fc .fc-list-item-title a,
.bbs-calendar .fc .fc-event .fc-title {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:400; /*font-size:14px;*/ font-size:12px; line-height:20px; letter-spacing:-0.05em; color:#444; /*cursor:pointer;*/}
.bbs-calendar .fc .fc-event[href]:hover .fc-title {text-decoration:underline;}
.bbs-calendar .fc .label {}
.bbs-calendar .fc .label .fc-title {}
.bbs-calendar .fc .label .fc-title::before {display:inline-block; vertical-align:top; width:1em; height:1em; /*margin-top:3px;*/ margin-right:4px; font-size:20px; line-height:1;}
/*더보기*/
.bbs-calendar .fc .fc-row .fc-content-skeleton td.fc-more-cell {}
.bbs-calendar .fc a.fc-more {display:block; padding:0; margin:0 6px; margin-top:5px; border-radius:8px; background:#003E92; text-align:center; font-weight:500; font-size:12px; line-height:14px; letter-spacing:-0.025em; color:#fff;}
.bbs-calendar .fc a.fc-more:hover {background:#003E92; text-decoration:none;}
.bbs-calendar .fc .fc-popover {border:none; border-radius:0; box-shadow:0 0 6px 0 rgba(0,0,0,0.3);}
.bbs-calendar .fc .fc-popover .fc-header {padding:7px 8px 6px 14px; border-radius:0; background:#424242;}
.bbs-calendar .fc .fc-popover .fc-header .fc-title {margin:0; font-weight:500; font-size:1.8rem; line-height:1.5; letter-spacing:0; color:#fff;}
.bbs-calendar .fc .fc-popover .fc-header .fc-close {opacity:1; margin-top:1px; font-size:2.4rem; color:#fff;}
.bbs-calendar .fc .fc-more-popover {/*width:360px;*/}
.bbs-calendar .fc .fc-more-popover .fc-event-container {padding:10px 0; /*padding-right:124px; padding-bottom:87px;*/ border:1px solid #212121; border-top:none; /*background:#fff url(../images/bg_schedule.png) no-repeat right bottom;*/}

.bbs-calendar .fc .label.oneday .fc-title {background-color:transparent; color:#444;}
.bbs-calendar .fc tr:nth-of-type(4n+1) .label.oneday .fc-title::before {color:#00AEF0;}
.bbs-calendar .fc tr:nth-of-type(4n+2) .label.oneday .fc-title::before {color:#10BB98;}
.bbs-calendar .fc tr:nth-of-type(4n+3) .label.oneday .fc-title::before {color:#FFD814;}
.bbs-calendar .fc tr:nth-of-type(4n+4) .label.oneday .fc-title::before {color:#F07800;}
.bbs-calendar .fc .label.continuous .fc-title {padding:1px 4px; border-radius:100px; background-color:#003E92; color:#fff;}
.bbs-calendar .fc .label.continuous .fc-title::before {/*color:#003E92;*/ color:#fff;}
/* //Calendar */

.bbs-calendar .tbl {border-collapse:separate; width:100%; margin-top:34px;}
.bbs-calendar .tbl .col-schedule {}
.bbs-calendar .tbl th {vertical-align:middle; height:44px; border-top:2px solid #2C99F8; border-bottom:1px solid #CFD8DC; background-color:#EEF7FF; text-align:center; font-size:0;}
.bbs-calendar .tbl th b {margin-right:8px; font-weight:700; font-size:14px; line-height:1.4286; letter-spacing:-0.05em; color:#444;}
.bbs-calendar .tbl th span {font-weight:400; font-size:14px; line-height:1.4286; letter-spacing:-0.05em; color:#003E92;}
.bbs-calendar .tbl td {vertical-align:middle; height:70px; padding:0 14px; border-bottom:1px solid #CFD8DC;}
.bbs-calendar .tbl td p {line-height:1;}
.bbs-calendar .tbl td p i {vertical-align:top;}
.bbs-calendar .tbl td p span {vertical-align:top;}
.bbs-calendar .tbl td .title {overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.bbs-calendar .tbl td .title i {margin-right:4px; font-size:20px; line-height:1;}
.bbs-calendar .tbl td .title span {font-weight:400; font-size:14px; line-height:1.4286; letter-spacing:-0.05em; color:#444;}
.bbs-calendar .tbl td .date {padding-left:24px; margin-top:8px;}
.bbs-calendar .tbl td .date i {margin-right:4px; font-size:14px; line-height:1; color:#003E92;}
.bbs-calendar .tbl td .date span {font-weight:500; font-size:13px; line-height:14px; letter-spacing:-0.05em; color:#003E92;}

.bbs-calendar .tbl tr:nth-of-type(4n+1) td .title i {color:#00AEF0;}
.bbs-calendar .tbl tr:nth-of-type(4n+2) td .title i {color:#10BB98;}
.bbs-calendar .tbl tr:nth-of-type(4n+3) td .title i {color:#FFD814;}
.bbs-calendar .tbl tr:nth-of-type(4n+4) td .title i {color:#F07800;}

@media only screen and (max-width: 1279px){

}

@media only screen and (min-width: 1025px) {

}

@media only screen and (max-width: 1024px) {

}

@media only screen and (min-width: 768px) {
    .bbs-calendar .pc-hide {display:none;}
}

@media only screen and (max-width: 767px) {
    .bbs-calendar .fc .fc-day-number {margin:0 4px; margin-top:6px; text-align:center;}
    .bbs-calendar .fc.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {display:block;}
    .bbs-calendar .fc .fc-day.fc-today::after {display:none;}
    .bbs-calendar .fc .fc-event .fc-title {/*line-height:8px;*/ line-height:1;}
    .bbs-calendar .fc .label .fc-title::before {width:8px; height:8px;}
    .bbs-calendar .fc a.fc-more{padding:0;}
    .bbs-calendar .fc .label.stat01 .fc-title::before {content:"";}
    .bbs-calendar .fc .label.stat02 .fc-title::before {content:"";}
    .bbs-calendar .fc .label.stat03 .fc-title::before {content:"";}
}

/*------------------------------------------------------------------------------
    @설문조사형
------------------------------------------------------------------------------*/
.bbs-survey {border-top:2px solid #00AEF0; border-bottom:2px solid #00AEF0;}
.bbs-survey .list {list-style:none; counter-reset:bbsSurveyCnt;}
.bbs-survey .list > li {counter-increment:bbsSurveyCnt; padding:46px 0;}
.bbs-survey .list > li + li {border-top:1px solid #D4D4D4;}
/* .bbs-survey .list > li + li::before {content:""; display:block; margin:46px 0; border-top:1px solid #D4D4D4;} */
.bbs-survey .list .question {position:relative; padding-left:104px;}
.bbs-survey .list .question::before {position:absolute; top:0; left:0; width:94px; height:44px; background:url(../images/board/survey-bubble.png) no-repeat 0 0; text-align:center; font-weight:400; font-size:16px; /*line-height:1.5;*/ line-height:44px; letter-spacing:0; color:#fff;}
.bbs-survey .list .question h4 {margin-bottom:34px; font-weight:400; font-size:20px; line-height:1.45; letter-spacing:0; color:#212121;}
.bbs-survey .list .answer {}
.bbs-survey .list .answer .form {}
.bbs-survey .list .answer .form.horizontal {}
.bbs-survey .list .answer .form.horizontal .form-body {display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:flex-start;}
.bbs-survey .list .answer .form.horizontal .form-body + .form-body {margin-top:24px;}
.bbs-survey .list .answer .form.horizontal .form-body .form-title {flex:0 1 auto; padding:8px 0;}
.bbs-survey .list .answer .form.horizontal .form-body .form-title .form-tit {font-weight:400; font-size:16px; line-height:1.5; letter-spacing:0; color:#000;}
.bbs-survey .list .answer .form.horizontal .form-body .form-cont {flex:0 1 auto;}
.bbs-survey .list .answer .check-group {}
.bbs-survey .list .answer .check-group .check-list {display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start;}
.bbs-survey .list .answer .check-group .check-list .radio {flex:1 1 100%;}
.bbs-survey .list .answer .check-group .check-list .radio:nth-child(n+2) {margin-top:18px;}
.bbs-survey .list .answer .check-group .check-list .check {flex:1 1 50%;}
.bbs-survey .list .answer .check-group .check-list .check:nth-child(n+3) {margin-top:18px;}
.bbs-survey .list .answer .star .radio label span {min-width:164px; padding-right:96px;}
.bbs-survey .list .answer .star .radio label span::before {content:""; position:absolute; top:0; right:0; /*width:96px;*/ width:95px; height:1.4286em; background:url(../images/board/survey-star_default.png) space left center;}
.bbs-survey .list .answer .star .radio label span::after {content:""; position:absolute; top:0; /*width:96px;*/ height:1.4286em; background:url(../images/board/survey-star_active.png) space left center;}
.bbs-survey .list .answer .star .radio:nth-of-type(1) label span::after {right:80px; width:15px;}
.bbs-survey .list .answer .star .radio:nth-of-type(2) label span::after {right:60px; width:35px;}
.bbs-survey .list .answer .star .radio:nth-of-type(3) label span::after {right:40px; width:55px;}
.bbs-survey .list .answer .star .radio:nth-of-type(4) label span::after {right:20px; width:75px;}
.bbs-survey .list .answer .star .radio:nth-of-type(5) label span::after {right:0; width:95px;}

.bbs-survey .list > li:not(:nth-child(n+11)) .question::before {content:"질문 0" counter(bbsSurveyCnt);}
.bbs-survey .list > li:nth-child(n+11) .question::before {content:"질문 " counter(bbsSurveyCnt);}

@media only screen and (max-width: 1279px){

}

@media only screen and (min-width: 1025px) {

}

@media only screen and (max-width: 1024px) {

}

@media only screen and (max-width: 767px) {
    .bbs-survey .list .question {padding-left:0;}
    .bbs-survey .list .question::before {display:block; position:static; margin-bottom:10px;}
}
