@charset "utf-8";

.col-check{width: 50px;}
.col-plyCase{width: 15%;}
.col-photo{width: auto}
.col-plyNm{width: 15%;}
.col-position{width: 15%}
.col-enstDate{width: 15%;}
.col-dmblzDate{width: 15%;}


.boardWrap{border-top: 2px solid #2c2c2c;}
.boardWrap tbody tr{cursor: pointer;}
.boardWrap tbody tr:hover {background: #f1f6fa;;}
.boardWrap thead th{font-size: 18px; font-family: pb; color: #121212; background-color: #f8f8f8; border-bottom: 1px solid #8b9099; padding: 17px 0; font-weight: normal;}
.boardWrap tbody td{font-size: 16px; font-family: pm; color: #121212; border-bottom: 1px solid #e2e2e2; text-align: center; padding: 16.5px 0;}
.boardWrap tbody td a{color: #444444; display: flex; align-items: center;}
.boardWrap tbody td strong{display: -webkit-inline-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; position: relative;background-image: linear-gradient(#121212, #121212);background-repeat: no-repeat;background-position: left 0 bottom 0;background-size: 0 2px;transition: background-size .5s;line-height: 1.4;}
.boardWrap tbody td a:hover strong {background-size: 100% 2px;}
.boardWrap tbody td a .lock{text-indent: -9999px; width: 14px; height: 17px; background: url(../images/ic-secret.png) no-repeat center center / cover; display: inline-block; position: relative; margin-left: 10px; display: inline-flex; flex-shrink: 0;}
.boardWrap tbody td a .new{text-indent: -9999px; width: 18px; height: 18px; background: url(/Web-home/fnct/bbs/bbs_common/images/ic-new.png) no-repeat center center / cover; display: inline-block; position: relative; margin-left: 10px; display: inline-flex; flex-shrink: 0;}
.boardWrap tbody td img{vertical-align: middle;}
.boardWrap tbody .td-num {color: #666;font-family: pl;}
.boardWrap tbody .td-title{padding-left: 20px;font-family: psb; font-size: 18px;}
.boardWrap tbody .td-write,
.boardWrap tbody .td-date,
.boardWrap tbody .td-access {color: #444;font-family: pl;font-size: 16px;}
.boardWrap tbody .notice td{background-color: #f1f6fa;}
.boardWrap tbody .notice .notice-title{font-size: 0; background: url(/Web-home/fnct/bbs/bbs_common/images/ic-notice.png) no-repeat center center / cover; width: 26px; height: 23px; display: block; margin: 0 auto;}

.boardWrap tbody td strong:hover{background-size: 100% auto;}

.alignL{text-align: left !important;}
.alignC{text-align: center !important;}
.alignR{text-align: right !important;}

/*[S] ÀϹݰԽÃÆÇ2 Ä¿½ºÅÒ*/

/* ¸ñ·Ï */

.board-list2 .tabmenu {border: 2px solid #9db3c9;border-radius: 5px;}
.board-list2 .tabmenu a {color: #666;font-family: pr;}
.board-list2 .tabmenu a.on, 
.board-list2 .tabmenu a:hover {color: #1d398d !important;font-family: pr;}

.board-list2 .cate {margin-bottom: 68px;background: #fff;border: 2px solid #9db3c9;border-radius: 5px;}

.board-list2 .srch_box .board-serch .typebox::before {height: 100%;top: 0;margin-top: 0;}
.board-list2 .srch_box .board-serch input[type="submit"] {background: url('../images/ic-search.png') no-repeat center;}
.board-list2 .srch_box .board-serch input[type="text"]::placeholder {font-size: 16px;color: #777;font-family: pm;}

.board-list2 .cate > ul {padding: 0 40px 0 15px;}
.board-list2 .cate > ul a {padding: 20px 0;font-size: 17px;font-family: pr;background-image: linear-gradient(#121212, #121212);background-repeat: no-repeat;background-position: left 0 bottom 23px;background-size: 0 1px;transition: background-size .5s;line-height: 1.4;}
.board-list2 .cate > ul a:hover {background-size: 100% 1px;}
.board-list2 .cate > ul > li.active a {background-size: 100% 1px;color: #1d398d;font-family: pr;}
.board-list2 .cate > ul > li a::before {content: '';position: absolute;left: -13px;top: 50%;margin-top: -3px;margin-left: 0;width: 4px;height: 4px;border-radius: 0;background-color: #63778e;}
.board-list2 .cate > ul > li.active a::after {display: none;}

.board-list2 .before_nect_use .bbs-anchor li:first-child span::after {background: url('../images/btn-doc-prev.png') no-repeat center;}
.board-list2 .before_nect_use .bbs-anchor li:last-child span::after {background: url('../images/btn-doc-next.png') no-repeat center;}
.board-list2 .view .attachment a, 
.board-list2 .view .attachment .no-file {background: url('../images/ic-view-file.png') no-repeat left center / 18px;}

/* ºäÆäÀÌÁö */
.btn01,
.btn02,
.btn03,
.btn04,
.btn05,
.btn06,
.btn07,
.btn08,
.btn09,
.btn10 {display: flex; justify-content: center; align-items: center; min-width: 110px; height: 50px; border-radius: 5px; margin: 0 5px; padding: 0 15px; font-family: psb; font-size: 17px; color: #fff; transition: .35s;}

.btn07 {background: #003675;}
.btn07:hover {background: #002045;}
.btn08 {background: #6d6b76;}
.btn08:hover {background: #545358;}
.btn09 {background: #0069c2;}
.btn09:hover {background: #003f75;}
.btn10 {background: #5b6781;}
.btn10:hover {background: #414a5c;}

.board-view2 .view .attachment a, 
.board-view2 .view .attachment .no-file {position: relative;padding: 5px 0 5px 60px;background: none;font-size: 17px;font-family: pl;color: #666;}
.board-view2 .view .attachment a::before {display: none;}
.board-view2 .view .attachment > ul > li {display: flex;align-items: center;position: relative;margin-bottom: 5px; justify-content: space-between;}
.board-view2 .view .attachment > ul > li > a {max-width: 50%;margin-right: 90px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.board-view2 .view .attachment > ul > li:last-child {margin-bottom: 0;}
.board-view2 .view .attachment > ul > li::before,
.board-view2 .view .attachment .no-file::before {content: '';position: absolute;left: 0;top: 2px;width: 40px;height: 40px;background: #eeeff3 url('../images/ic-view-file.png') no-repeat center;border-radius: 50%;}
.board-view2 .view .attachment > ul > li:nth-child(n+2)::before {display: none;}
.board-view2 .view .attachment .btn-wrap {display: flex;gap: 8px;}
.board-view2 .view .attachment .btn-wrap span::after {display: none;}
.board-view2 .before_nect_use .bbs-anchor span {color: #666;font-size: 17px;font-family: pr;}

.board-view2 .view .attachment .down {position: relative;display: inline-block;width: 120px;border: 1px solid #b2b2b2;background: #fff;padding: 2px 5px 2px 13px;color: #404040;font-family: pr;font-size: 15px;border-radius: 5px;transition: background .2s;}
.board-view2 .view .attachment .down::after {content: '';position: absolute;right: 14px;top: 50%;width: 18px;height: 18px;margin-top: -8px;background: url('../images/ic-view-down.png') no-repeat center / 18px;}

.board-view2 .view .attachment .down:hover {background: #b2b2b2;color: #fff;}
.board-view2 .view .attachment .down:hover::after {background: url('../images/ic-view-down-hover.png') no-repeat center / 18px;}

.board-view2 .view .attachment .view {position: relative;display: inline-block;width: 120px;border: 1px solid #b2b2b2;background: #fff;padding: 2px 5px 2px 13px;color: #404040;font-family: pr;font-size: 15px;border-radius: 5px;transition: background .2s;}
.board-view2 .view .attachment .view::after {content: '';position: absolute;right: 14px;top: 50%;width: 18px;height: 18px;margin-top: -8px;background: url('../images/ic-view-preview.png') no-repeat center / 17px;}

.board-view2 .view .attachment .view:hover {background: #b2b2b2;color: #fff;}
.board-view2 .view .attachment .view:hover::after {background: url('../images/ic-view-preview-hover.png') no-repeat center / 18px;}

.board-view2 .before_nect_use .bbs-anchor li {margin: 55px 0 25px;}
.board-view2 .before_nect_use .bbs-anchor li a {display: flex;}
.board-view2 .before_nect_use .bbs-anchor .next-list a {flex-direction: row-reverse;}
.board-view2 .before_nect_use .bbs-anchor li .lock {background-position: center top 3px;transform: translateY(-3px);}
.board-view2 .before_nect_use .bbs-anchor li p {max-width: 75%;font-size: 17px;color: #666;font-family: pl;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.board-view2 .before_nect_use .bbs-anchor li.prev-list p {margin-left: 30px;}
.board-view2 .before_nect_use .bbs-anchor li.next-list p {margin-right: 30px;margin-left: 0;}
.board-view2 .before_nect_use .bbs-anchor li.next-list p.no-data {margin-right: 0;}
.board-view2 .before_nect_use .bbs-anchor li.prev-list span::after {top: 0;}
.board-view2 .before_nect_use .bbs-anchor li.next-list span::after {top: -4px;}

.board-view2 .before_nect_use .bbs-anchor li:first-child{margin-left: 0;padding-left: 30px;}
.board-view2 .before_nect_use .bbs-anchor li:first-child::after {top: 50%;height: 65px;margin-top: -35px;background: #dfdfdf;}
.board-view2 .before_nect_use .bbs-anchor li:last-child {line-height: 1;}
.board-view2 .before_nect_use .bbs-anchor li:first-child span::after {background: url('../images/btn-doc-prev.png') no-repeat center;}
.board-view2 .before_nect_use .bbs-anchor li:last-child span::after {background: url('../images/btn-doc-next.png') no-repeat center;}
.board-view2 .board-button .row {justify-content: center;}
.board-view2 .view .attachment {padding: 30px 50px 25px;background: #fff;border-bottom: 1px solid #353e4d;}

.board-view2 .view .right_fnct {display: none;}
.board-view2 .view .title {padding: 29px 50px 16px 40px;}
.board-view2 .view .title strong {font-size: 23px;font-family: pb;color: #222;}
.board-view2 .view .detail {margin-top: 22px;}
.board-view2 .view .detail li {font-family: pr;font-size: 16px;}
.board-view2 .view .detail li::after {background: #dfdfdf;}
.board-view2 .view .detail span {font-size: 16px;color: #666;font-family: pr;}
.board-view2 .view .txt {border-bottom: 1px solid #353e4d;}
.board-view2 .txt p {font-size: 17px !important; color: #555 !important;font-family: pl !important;}

/*±Û¾²±â ÆäÀÌÁö*/
.board-write2 .writeForm .artclForm.total {padding: 10px 0;}
.board-write2 .writeForm .artclLabel {position: relative;justify-content: center;width: 220px;padding: 10px 15px 10px 15px;font-size: 17px;color: #333;font-family: pr;background: #f8f8f8;border-bottom: 1px solid #dcdcdc;}
.board-write2 .writeForm .artclInsert {padding: 10px 30px 10px 15px;}
.board-write2 .writeForm .artclLabel em {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.board-write2 .writeForm .artclLabel .must {display: inline-block;width: 8px;height: 8px;transform: translate(5px,11px);background: url('../images/ic-view-must.png') no-repeat center / 8px;}
.board-write2 .writeForm .artclInsert input[type="text"], 
.board-write2 .writeForm .artclInsert input[type="password"] {height: 48px;padding-left: 20px;font-size: 17px;color: #666;font-family: pl;border: 1px solid #bdbdbd;}
.board-write2 .writeForm .artclInsert input.date {background: url('../images/ic-view-select-arrow.png') no-repeat right 20px center / 16px;}
.board-write2 .writeForm .artclInsert .sel-type, 
.board-write2 .writeForm .artclInsert .public-type {height: 48px;padding-left: 20px;font-size: 17px;font-family: pl;color: #666;background: url('../images/ic-view-select-arrow.png') no-repeat right 20px center / 16px;border: 1px solid #bdbdbd;}

.board-write2 .writeForm .artclInsert {gap: 10px;font-family: nl;font-size: 18px;color: #666;}

.board-write2 .writeForm .artclInsert .switch li {margin-right: 25px;}
.board-write2 .writeForm .artclInsert .switch li:last-child {margin-right: 0;}
.board-write2 input[type="radio"] {width: 1px;height: 1px;margin: -1px;padding: 0;border: 0;clip: rect(0, 0, 0, 0);overflow: hidden;}
.board-write2 input[type="radio"] + label {position: relative;padding-left: 32px;}
.board-write2 input[type="radio"] + label::before {content: '';position: absolute;left: 0;top: 14.5%;width: 24px;height: 24px;margin-right: 7px;border: 1px solid #5f6770;border-radius: 50%;}

.board-write2 input[type="radio"]:checked + label::before {border: 1px solid #256ef4}
.board-write2 input[type="radio"]:checked + label::after {content: '';position: absolute;left: 6px;top: 36%;width: 12px;height: 12px;border-radius: 50%;background-color: #256ef4;}

.board-write2 .writeForm .artclInsert .atchbtn .file-btn {transition: background-color .25s;}

.board-write2 .writeForm .artclInsert .atchbtn .file-btn.add {position: relative;width: auto;height: 40px;font-size: 15px;color: #fff;text-align: left;padding: 0 20px 0 40px;background: #6d6b76 url('../images/ic-view-file2.png') no-repeat center left 15px / 18px;border: 0;}
.board-write2 .writeForm .artclInsert .atchbtn .file-btn.del {position: relative;width: auto;height: 40px;font-size: 15px;color: #fff;text-align: left;padding: 0 20px 0 40px;background: #6d6b76 url('../images/ic-view-trash.png') no-repeat center left 15px / 14px;border: 0;}

.board-write2 .writeForm .artclInsert .atchbtn .file-btn:hover {background-color: #414145;}

.board-write2 .writeForm .artclInsert .multselBox {border: 1px solid #bdbdbd;}

.board-write2 .writeForm .artclInsert .atchmnBtns {margin: 0;}
.board-write2 .writeForm .artclInsert .possible {font-size: 15px;font-family: pr;color: #666;}
.board-write2 .writeForm .artclInsert .possible span {color: #212121;}

.board-write2 .board-button .row {margin-top: 50px;justify-content: center;}

/*´ñ±ÛÀÛ¼º*/
.board-view2 .view-comment {padding-bottom: 30px;margin-top: 100px;}
.board-view2 .view-comment-write {padding-bottom: 25px;border-bottom: 0;}
.board-view2 .view-comment-write .comment-text textarea {border: 1px solid #ccc;}
.board-view2 .view-comment-write .comment-text textarea::placeholder {color: #999;font-size: 16px;font-family: pr;}
.board-view2 .view-comment-write .small-btn-box input {font-size: 16px;font-family: pm;background: #0069c2;}
.board-view2 .view-comment-list > li {margin-bottom: 20px;background: #f5f5f5;border-bottom: 0;padding: 20px 20px 0 20px;border-radius: 0;}
.board-view2 .view-comment-list .title {padding-bottom: 15px;font-family: pr;border-bottom: 1px solid #e5e5e5;}
.board-view2 .view-comment-list .title .date {font-family: pr;}
.board-view2 .view-comment-list .title::before {background: #fff url('../images/ic-reply.png') no-repeat center;}
.board-view2 .view-comment-list .comment {margin-top: 0;background: transparent;}
.board-view2 .view-comment-list .comment .del input {width: 17px;height: 17px;top: -1px;margin-left: 4px;background: url('../images/ic-reply-del.png') no-repeat center / 17px;}

/*´ä±ÛÀÛ¼º*/
.board-view2 .view-answer .answer {font-family: pl;}
.board-view2 .view-answer .answer-title::before {background: url('../images/ic-view-reply2.png') no-repeat center;}
.board-view2 .view-answer .row .no-file {background: url('../images/ic-file.png') no-repeat left center;}

/*[E] ÀϹݰԽÃÆÇ2 Ä¿½ºÅÒ*/

.view-contbox{display: flex; flex-wrap: wrap; justify-content: space-between;}
.view-contbox .view-image{width: 200px; height: 0; padding-bottom: 320px; position: relative; border: 1px solid #eaeaea; border-radius: 5px; overflow: hidden;}
.view-contbox .view-image img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: top;}
.view-contbox .view-content{width: calc(100% - 200px); padding-left: 50px;}
.view-contbox .view-content dl{display: flex; flex-wrap: wrap; margin-bottom: 10px;}
.view-contbox .view-content dl:last-child{margin-bottom: 0;}
.view-contbox .view-content dt{width: 100px; font-size: 20px; font-family: pb; color: #111111; position: relative;}
.view-contbox .view-content dt::after{content:""; display: block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 10px; background-color: #cccccc;}
.view-contbox .view-content dd{width: calc(100% - 100px); padding-left: 30px; font-size: 16px; color: #333333; margin-top: 4px;}

.artcl-image{width: 200px; position: relative; padding-bottom: 320px; margin: 0 auto;}
.artcl-image img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; object-position: top;}