@charset "UTF-8";
/*------------------------------------------------------------------------------
    파일정의 : 게시판 스타일
    분류순서 : @공통, @일반형, @포토갤러리형, @블로그형
    속성순서 : 태그속성, 레이아웃, 사이징, 박스모양, 문단모양, 글자모양, 기타모양
------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------
    @공통
------------------------------------------------------------------------------*/
/* BBS */
.bbs-wrap {overflow:hidden;}
.bbs-wrap .bbs-head {}
.bbs-wrap .bbs-head + .bbs-body {margin-top:16px;}
.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;}

/* Search */
.bbs-search {text-align:right; font-size:0;}
.bbs-search .select {display:inline-block; vertical-align:top; position:relative; /*width:100%;*/ height:40px; min-width:102px; padding:9px 48px 9px 8px; margin:0; margin-right:10px; border:1px solid #CECECE; border-radius:2px; background:#fff url(../images/board/ico_select-arrow.png) no-repeat right center; text-align:left; font-weight:400; font-size:14px; line-height:1.2857; letter-spacing:0; color:#212121; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none;}
.bbs-search .select::-ms-expand {display:none;}
.bbs-search .search-group {display:inline-block; vertical-align:top; position:relative; min-width:293px; text-align:left;}
.bbs-search .search-group .input {display:inline-block; vertical-align:top; caret-color:#464646; width:100%; min-height:40px; padding:9px 10px; padding-right:48px; margin:0; border:1px solid #CECECE; border-radius:2px; background-color:#fff; font-weight:400; font-size:14px; line-height:1.2857; letter-spacing:0; color:#212121; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none;}
.bbs-search .search-group .submit {position:absolute; width:40px; height:40px; padding:0; margin:0; margin-left:-40px; border:none; border-radius:0 2px 2px 0; background:none; background-color:#0070C3; text-align:center; font-size:24px; line-height:40px; color:#fff; cursor:pointer;}
.bbs-search + .bbs-total {margin-top:-20px;}
.bbs-total {font-size:0;}
.bbs-total > span {display:inline-block; vertical-align:top;}
.bbs-total > span + span {margin-left:12px;}
.bbs-total > span > i {display:inline-block; vertical-align:top; margin-right:2px; font-size:20px; line-height:1; color:#757575;}
.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:#757575;}
.bbs-total > span > span > b {}
.bbs-total span.post {}
.bbs-total span.post b {font-weight:500; color:#0070c3;}
.bbs-total span.page {}
.bbs-total span.page b {font-weight:500; color:#0070c3;}

.bbs-search .select:focus {outline:none;}
.bbs-search .search-group .input:focus {outline:none;}
.bbs-search .search-group .submit:focus {outline:none;}

/* Paging */
.paging {margin:50px auto; text-align:center; font-size:0;}
.paging > a {display:inline-block; vertical-align:middle; position:relative; box-sizing:border-box; width:32px; height:32px; margin:0 4px; border:1px solid transparent; border-radius:50%; font-weight:400; line-height:30px; letter-spacing:0;}
.paging > a.num {background-color:#F5F5F5; font-size:16px; color:#4B4B4B;}
.paging > a:not(.num) {border-color:#E0E0E0; background-color:#fff; font-size:24px; color:#333;}
.paging > a:not(.num)::before,
.paging > a:not(.num) > i::before {display:inline-block; width:0.5em; text-indent:-0.25em;}
.paging > a:not(.num) > i {margin-left:-0.25em;}

.paging > a.first {margin:0;}
.paging > a.prev {margin-right:12px;}
.paging > a.next {margin-left:12px;}
.paging > a.last {margin:0;}
.paging > a.first::before {}
.paging > a.last::before {}

.paging > a:focus {outline:none;}
.paging > a.num.curr {background-color:#0070C3; font-weight:500; color:#fff;}

/* Board View */
.bbs-read {}
.bbs-read .title {padding:26px 24px; border-top:2px solid #0E96CF; border-bottom:1px solid #D1D1D1;}
.bbs-read .title h3 {}
.bbs-read .title h3 span {font-weight:500; font-size:24px; line-height:1.3333; letter-spacing:-0.025em; color:#212121;}
.bbs-read .info {padding:15px 24px; border-bottom:1px solid #D1D1D1; background-color:#FCFCFC; text-align:right; font-size:0;}
.bbs-read .info > span {display:inline-block; vertical-align:top; margin-left:15px;}
/* .bbs-read .info > span + span {margin-left:15px;} */
.bbs-read .info > span > i {display:inline-block; vertical-align:top; margin-right:6px; font-size:20px; line-height:1; color:#4B4B4B;}
.bbs-read .info > span > span {display:inline-block; vertical-align:top; font-weight:400; font-size:16px; line-height:1.25; letter-spacing:-0.025em; color:#4B4B4B;}
.bbs-read .detail {padding:50px 24px 70px 24px; font-weight:400; font-size:18px; line-height:1.7778; letter-spacing:-0.025em; color:#212121;}
.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 18px/1.7778 'Noto Sans KR', sans-serif !important; letter-spacing:-0.025em !important; color:#212121 !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 {padding:21px 23px 20px 23px; border:1px solid #0070C3; border-radius:2px; background-color:#F6FAFC; font-size:0;}
.bbs-read .attach > span {display:block; margin-bottom:17px; font-weight:700; font-size:18px; line-height:1.3889; letter-spacing:-0.002em; color:#0070C3;}
.bbs-read .attach > span > b {font-weight:inherit; font-size:inherit; line-height:inherit; letter-spacing:inherit; color:inherit;}
.bbs-read .attach .attach-list {display:block;}
.bbs-read .photo {max-width:100%; margin-top:50px; background-color:#F5F5F5; text-align:center;}
.bbs-read .photo > img {vertical-align:top; max-width:100%;}

/* Attach */
.attach {}
.attach-list {list-style:none; padding:0; margin:0; font-size:0;}
.attach-list li {display:block;}
.attach-list li + li {margin-top:16px;}
.attach-list li a {display:inline-block; vertical-align:top; position:relative; padding-left:23px; text-indent:-23px; color:#4B4B4B;}
.attach-list li a i {display:inline-block; vertical-align:top; margin-right:3px; text-indent:0; font-size:20px; line-height:1; color:inherit;}
.attach-list li a span {display:inline-block; vertical-align:top; text-indent:0; font-weight:400; font-size:14px; line-height:1.4286; letter-spacing:-0.025em; color:inherit;}

/* Pager */
.pager {}
.pager .tbl {border-collapse:separate; width:100%; margin:50px 0 40px 0; border-top:1px solid #D1D1D1; border-bottom:1px solid #D1D1D1;}
.pager .tbl th {padding:17px 10px 17px 14px; text-align:left;}
.pager .tbl th i {display:inline-block; vertical-align:middle; width:24px; height:24px; margin-right:14px; border:1px solid #004F8A; border-radius:50%; background-color:#F6FAFC; text-align:center; font-weight:normal; font-size:15px; line-height:22px; color:#004F8A;}
.pager .tbl th span {display:inline-block; vertical-align:middle; font-weight:500; font-size:16px; line-height:1.3125; letter-spacing:-0.025em; color:#212121;}
.pager .tbl td {position:relative; overflow:hidden; padding:19px 14px 18px 10px; white-space:nowrap; text-overflow:ellipsis; text-align:left;}
.pager .tbl td span {font-weight:400; font-size:16px; line-height:1.3125; letter-spacing:-0.025em; color:#757575;}
.pager .tbl td span a {color:#212121;}
.go-list {display:block; width:140px; height:56px; padding:0; margin:0 auto; margin-top:40px; border:none; border-radius:2px; background:none; background-color:#0E96CF; text-align:center; font-weight:500; font-size:18px; line-height:56px; letter-spacing:0; color:#fff; cursor:pointer;}

.pager .tbl tr + tr th,
.pager .tbl tr + tr td {border-top:1px solid #D1D1D1;}

@media only screen and (max-width: 1279px){

}

@media only screen and (min-width: 1025px) {
    /* Paging */
    .paging > a.num:hover,
    .paging > a.num:focus {border-color:#0070C3;}
    .paging > a:not(.num):hover,
    .paging > a:not(.num):focus {border-color:#0070C3;}

    /* Attach */
    .attach-list li a:hover,
    .attach-list li a:focus {color:#0070C3;}
    .attach-list li a:hover::after,
    .attach-list li a:focus::after {content:""; position:absolute; right:0; top:100%; left:0; margin-top:2px; border-top:1px solid #0070C3;}

    /* Pager */
    .pager .tbl td span a:hover,
    .pager .tbl td span a:focus {text-decoration:underline;}
}

@media only screen and (max-width: 1024px) {
    /* BBS */
    .bbs-wrap .tbl {width:auto; word-break:break-all;}

    /* Search */
    .bbs-search {text-align:center;}
    .bbs-search + .bbs-total {margin-top:25px;}

    /* Paging */
    .paging > a.num:active {border-color:#0070C3;}
    .paging > a:not(.num):active {border-color:#0070C3;}

    /* Attach */
    .attach-list li a:active {color:#0070C3;}
    .attach-list li a:active::after {content:""; position:absolute; right:0; top:100%; left:0; margin-top:2px; border-top:1px solid #0070C3;}

    /* Pager */
    .pager .tbl td span a:active {text-decoration:underline;}
}

@media only screen and (max-width: 767px) {
    /* Search */
    .bbs-search .select {width:100%; min-width:auto; margin-right:0; margin-bottom:10px;}
    .bbs-search .search-group {width:100%; min-width:auto;}

    /* Paging */
    .paging {position:relative; max-width:190px; margin:47px auto;}
    .paging > a {margin:3px;}
    .paging > a:not(.num) {position:absolute; top:50%; margin:0; margin-top:-16px;}

    .paging > a.first {left:-69px;}
    .paging > a.prev {left:-35px;}
    .paging > a.next {right:-35px;}
    .paging > a.last {right:-69px;}

    /* Pager */
    .pager .tbl {width: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:62px; padding:0 14px; border-top:2px solid #0E96CF; border-bottom:2px solid #0E96CF; background-color:#fff; text-align:center;}
.bbs-normal .tbl thead tr th + th::before {content:""; position:absolute; /*top:50%;*/ top:23px; left:0; height:18px; /*margin-top:-9px;*/ border-left:1px solid #E0E0E0;}
.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:75px; padding:0 14px; border-bottom:1px solid #D1D1D1; background-color:#fff; text-align:center;}
.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:#212121;}
.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:75px; padding:0 14px; border-bottom:1px solid #D1D1D1; background-color:#fff; text-align:center;}
.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:#212121;}
.bbs-normal .tbl tbody tr td i {vertical-align:middle;}
.bbs-normal .tbl .col-nodata {height:74px;}
.bbs-normal .tbl .col-number {width:80px;}
.bbs-normal .tbl .col-title {padding: 0;}
.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-view {width:80px;}

.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 {font-size:24px; line-height:1; color:#0070C3;}
/*신규글*/.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:24px; line-height:1; color:#979797;}

.bbs-normal .tbl tbody tr:focus {outline: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 tbody tr:hover td:not(.col-nodata),
    .bbs-normal .tbl tbody tr:focus td:not(.col-nodata) {background-color:#F6FAFC; cursor:pointer;}
    .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 tbody tr th {height:99px;}
    .bbs-normal .tbl tbody tr td {height:99px;}
    .bbs-normal .tbl .col-writer,
    .bbs-normal .tbl .col-date,
    .bbs-normal .tbl .col-view {display:none;}
    .bbs-normal .tbl .m-info {display:block; margin-top:12px; font-size:0;}
    .bbs-normal .tbl .m-info > span {display:inline-block; vertical-align:top; margin-right:15px;}
    /* .bbs-normal .tbl .m-info > span + span {margin-left:15px;} */
    .bbs-normal .tbl .m-info > span > i {display:inline-block; vertical-align:top; margin-right:6px; font-size:20px; line-height:1; color:#979797;}
    .bbs-normal .tbl .m-info > span > span {display:inline-block; vertical-align:top; font-weight:400; font-size:16px; line-height:1.25; letter-spacing:-0.025em; color:#979797;}

    .bbs-normal .tbl tbody tr:active td:not(.col-nodata) {background-color:#0E96CF;}
    .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; color:#fff;}
}

@media only screen and (max-width: 767px) {
	.bbs-normal .tbl .col-file{width: 66px;}
	.bbs-normal .tbl .m-info > span { margin-right: 6px;}
	.bbs-normal .tbl .m-info > span > i{font-size: 16px;}
	.bbs-normal .tbl .m-info > span > span{font-size: 14px;}
}

/*------------------------------------------------------------------------------
    @포토갤러리형
------------------------------------------------------------------------------*/
.bbs-photo {border-top:2px solid #0E96CF;}
.bbs-photo .list {overflow:hidden; list-style:none; width:calc(100% + 24px); padding:0; margin:0 -12px; margin-top:-15px;}
.bbs-photo .list:after {content:""; display:block; clear:both;}
.bbs-photo .list li {float:left; box-sizing:border-box; width:33.3333%; padding:15px 12px;}
.bbs-photo .list li > a {display:block; position:relative; border:1px solid #D1D1D1; border-radius:2px;}
.bbs-photo .list li.nodata {width:100%; border-bottom:1px solid #D1D1D1; text-align:center; font-weight:400; font-size:16px; line-height:1.5; letter-spacing:-0.025em; color:#727272;}
.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:69.5238%; border-radius:1px 1px 0 0; background:#F5F5F5 url(../images/board/empty-image-logo.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);}
.bbs-photo .list .post-bottom {padding:15px 23px 14px 23px; border-radius:0 0 1px 1px;}
.bbs-photo .list .post-bottom > span {display:inline-block; overflow:hidden; height:2.625em; word-wrap:normal; word-break:normal; font-weight:500; font-size:16px; line-height:1.3125; letter-spacing:0; color:#212121;}
.bbs-photo .list .post-bottom .info {margin-top:28px;}
.bbs-photo .list .post-bottom .info:after {content:""; display:block; clear:both;}
.bbs-photo .list .post-bottom .info > span {display:inline-block; vertical-align:top;}
.bbs-photo .list .post-bottom .info > span > i {display:inline-block; vertical-align:top; margin-right:4px; font-size:20px; line-height:1; color:#0E96CF;}
.bbs-photo .list .post-bottom .info > span > span {display:inline-block; vertical-align:top; font-weight:400; font-size:14px; line-height:1.4286; letter-spacing:-0.025em; color:#979797;}
.bbs-photo .list .post-bottom .info span.date {float:left;}
.bbs-photo .list .post-bottom .info span.view {float:right;}

@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:30px;}
    .bbs-photo .list li.nodata {margin-top:25px;}

    .bbs-photo .list li:hover > a,
    .bbs-photo .list li:focus > a {box-shadow:0 2px 10px 0 rgba(0,79,138,0.1);}
    .bbs-photo .list li:hover > a::after,
    .bbs-photo .list li:focus > a::after {content:""; position:absolute; top:-1px; right:-1px; bottom:-1px; left:-1px; border:2px solid #0070C3; border-radius:2px;}
    .bbs-photo .list li:hover .info-top .thumb img,
    .bbs-photo .list li:focus .info-top .thumb img {transform:scale(1.2);}
}

@media only screen and (max-width: 1024px) {
    .bbs-photo .list li {width:50%;}
    .bbs-photo .list li:not(:nth-child(n+3)) {margin-top:30px;}
    .bbs-photo .list li.nodata {margin-top:25px;}

    .bbs-photo .list li:active > a {box-shadow:0 2px 10px 0 rgba(0,79,138,0.1);}
    .bbs-photo .list li:active > a::after {content:""; position:absolute; top:-1px; right:-1px; bottom:-1px; left:-1px; border:2px solid #0070C3; border-radius:2px;}
    .bbs-photo .list li:active .info-top .thumb img {transform:scale(1.2);}
}

@media only screen and (max-width: 767px) {
    .bbs-photo .list li {width:100%;}
    .bbs-photo .list li:not(:nth-child(n+3)) {margin-top:0;}
    .bbs-photo .list li:first-child {margin-top:30px;}
    .bbs-photo .list li.nodata {margin-top:25px;}
}

/*------------------------------------------------------------------------------
    @블로그형
------------------------------------------------------------------------------*/
.bbs-blog {border-top:2px solid #0E96CF;}
.bbs-blog .list {overflow:hidden; list-style:none; width:calc(100% + 40px); padding:0; margin:0 -20px; margin-top:-25px;}
.bbs-blog .list:after {content:""; display:block; clear:both;}
.bbs-blog .list li {float:left; box-sizing:border-box; width:50%; padding:25px 20px;}
.bbs-blog .list li > a {display:block; position:relative; border:2px solid #D1D1D1; border-radius:2px;}
.bbs-blog .list li.nodata {width:100%; border-bottom:1px solid #D1D1D1; text-align:center; font-weight:400; font-size:16px; line-height:1.5; letter-spacing:-0.025em; color:#727272;}
.bbs-blog .list .post-top {text-align:center;}
.bbs-blog .list .post-top .thumb {display:block; position:relative; overflow:hidden; box-sizing:border-box; width:100%; height:0; padding-top:67.2269%; border-radius:1px 1px 0 0; background:#F5F5F5 url(../images/board/empty-image-logo.png) no-repeat center center;}
.bbs-blog .list .post-top .thumb img {position:absolute; top:0; left:0; width:100%; height:100%; border:none; transform:scale(1);}
.bbs-blog .list .post-bottom {padding:30px 13px 19px 13px; border-top:2px solid #D1D1D1; border-radius:0 0 1px 1px;}
.bbs-blog .list .post-bottom > span {display:inline-block; /* overflow:hidden; max-width:100%; white-space:nowrap; text-overflow:ellipsis; */ font-weight:700; font-size:22px; line-height:1.3182; letter-spacing:-0.025em; color:#0070C3;}
.bbs-blog .list .post-bottom .info {margin-top:32px; min-height:87px;}
.bbs-blog .list .post-bottom .info dl {font-size:0;}
.bbs-blog .list .post-bottom .info dl dt {display:inline-block; vertical-align:top; overflow:hidden; width:80px; height:30px; padding:0 11px; margin-right:20px; margin-bottom:4px; border-radius:15px; background-color:#EFEFEF; text-align:justify; font-weight:500; font-size:16px; line-height:30px; letter-spacing:-0.025em; color:#212121;}
.bbs-blog .list .post-bottom .info dl dt:after {content:""; display:inline-block; width:100%;}
.bbs-blog .list .post-bottom .info dl dd {display:inline-block; vertical-align:top; overflow:hidden; width:calc(100% - 100px); /* height:3.4286em; */ margin-bottom:4px; /* word-wrap:normal; word-break:normal; */ font-weight:400; font-size:14px; line-height:1.7143; letter-spacing:-0.025em; color:#333;}

@media only screen and (max-width: 1279px){

}

@media only screen and (min-width: 1025px) {
    .bbs-blog .list li:not(:nth-child(n+3)) {margin-top:30px;}
    .bbs-blog .list li.nodata {margin-top:25px;}
}

@media only screen and (max-width: 1024px) {
    .bbs-blog .list li {width:100%;}
    .bbs-blog .list li:first-child {margin-top:30px;}
    .bbs-blog .list li.nodata {margin-top:25px;}
}

@media only screen and (max-width: 767px) {

}