@charset "utf-8";

@import url('w_bbs.css');
@import url('w_bbs_new.css');

/* [공통] 카테고리 */
.cate {display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 4.5rem; padding: 2rem 5rem; background: #fbfcfe; border: 1px solid #d4d4d4; border-radius: .5rem; }
.cate .all-list {padding: .15rem 5rem .15rem 0;}
.cate ul {display: flex; align-items: center; flex-wrap: wrap;}
.cate li {padding: .15rem 5rem .15rem 0;}
.cate a {position: relative; font-family: psb; font-size: 1.7rem; color: #666666 !important;}
.cate a.on,
.cate a:hover {color: #00baff !important;}
.cate a.on::before,
.cate a:hover::before {content: ''; position: absolute; left: 50%; top: -1rem; width: .6rem; height: .6rem; background: #00baff; border-radius: 100%; transform: translate(-50%, 0);}
.cate a.on::after,
.cate a:hover::after {content: ''; position: absolute; left: 0; bottom: -1rem; width: 100%; height: .2rem; background: #00baff;}

@media screen and (max-width: 1500px) {
  .cate {padding: 2rem 2.5rem;}
  .cate .all-list {padding: .12rem 2rem .12rem 0;}
  .cate li {padding: .12rem 2rem .12rem 0;}
  .cate a {font-size: 1.6rem;}
}

/* [공통] 말머리 */
.tabmenu {margin-bottom: 4.5rem; background: #fbfcfe;}
.tabmenu ul {display: flex; align-items: center; flex-wrap: wrap; padding: 1.7rem 5rem; border: 1px solid #d4d4d4; border-radius: .5rem;}
.tabmenu li {padding: .5rem 5rem .5rem 0;}
.tabmenu a {position: relative; font-family: pb; font-size: 1.7rem; color: #666666 !important;}
.tabmenu a.on,
.tabmenu a:hover {color: #00baff !important;}
.tabmenu a.on::before,
.tabmenu a:hover::before {content: ''; position: absolute; left: 50%; top: -1rem; width: .6rem; height: .6rem; background: #00baff; border-radius: 100%; transform: translate(-50%, 0);}
.tabmenu a.on::after,
.tabmenu a:hover::after {content: ''; position: absolute; left: 0; bottom: -1rem; width: 100%; height: .2rem; background: #00baff;}

@media screen and (max-width: 1500px) {
  .tabmenu ul {padding: 1.5rem 3rem;}
  .tabmenu li {padding: 1rem 4rem 1rem 0;}
}


/***** Search *****/
.srch_box{overflow:hidden;background:#f7f7f7; padding: 2.5rem;position: relative; margin-bottom:4rem;}
.srch_box ._inner{display: flex; align-items: center; justify-content: space-between;}
.rss{background: url('./../../images/bbs/rss.png') no-repeat left center;padding-left: 3.2rem;display: inline-block;}
.rss a{color:#232323;font-weight: 400; font-size:1.5rem;}
.rss strong{font-weight:500;color:#ed1c24;}
.srch_box .srch_counts{font-size:1.5rem; font-weight:400;}
.srch_box .srch_counts strong{font-weight:500;color:#E91E63;}

.srch_box .board-serch label,
.srch_box .board-serch .label{font-weight:400; color:#222;}
.srch_box .board-serch .row input[type="text"],
.srch_box .board-serch .row ._selectBox,
.srch_box .board-serch .row #findWord{box-sizing: border-box;min-width: 18rem;padding: 0 0 0 1rem;height: 5.5rem;line-height: 5.5rem;border: 0.1rem solid #c3c3c3;vertical-align: middle;font-size: 17px;font-weight: 400;color: #666;font-family: 'NotoSans';background:#fff url('/sites/pnu_guide/images/bbs/sel_arrow.png') no-repeat 90%;middle;-o-appearance: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.srch_box .board-serch .row #findWord[type="text"]{background:#fff url('./../../images/bbs/search-icon.png') no-repeat 90% center}
.srch_box .board-serch .row ._button{border: 0; cursor: pointer; display: inline-block; vertical-align: middle;}
.srch_box .board-serch .row input[type="button"],
.srch_box .board-serch .row input[type="submit"]{border: 0;border-radius: 3px;margin-right: 0;padding: 0 35px;font-size: 1.8rem;font-weight: 300;line-height: 55px;background-color: #0275ce;cursor: pointer;color: #fff;text-align: center;word-wrap: break-word;}

.srch_box .board-serch .row ._selectBox{}
.srch_box .board-serch .row #findWord{width:25rem;}
.srch_box .board-serch .row input[type="submit"]{}

.srch_box .board-serch.input_small ._selectBox,
.srch_box .board-serch.input_small #findWord{height: 4rem; line-height: 4rem; padding:0 0 0 0.5rem;}
.srch_box .board-serch.input_small input[type="button"],
.srch_box .board-serch.input_small input[type="submit"]{height: 4rem; line-height: 4rem;}
.srch_box .board-serch.input_small label{font-size:1.6rem;}

@media screen and (max-width:1200px){
  .srch_box .board-serch .row input[type="text"],
  .srch_box .board-serch .row ._selectBox,
  .srch_box .board-serch .row #findWord{width:100%;}
  ._fnctWrap .flex_row{width:100%;}
  .srch_box .board-serch .row ._button,
  .srch_box .board-serch .row input[type="button"],
  .srch_box .board-serch .row input[type="submit"]{width:100%;}
}

/* [공통] 페이징 */
._paging {margin-top: 5rem;}
._paging ._inner {display: flex; justify-content: center;}
._paging ._inner ul {display: flex; align-items: center; margin: 0 1rem;}
._paging ._inner ul li {margin: 0 .25rem;}
._paging ._inner ul a,
._paging ._inner ul strong {display: flex; justify-content: center; align-items: center; width: 3.5rem; height: 3.5rem; border-radius: .3rem; font-family: pm; font-size: 1.4rem;}
._paging ._inner ul a {background: #f5f5f5; color: #555555;}
._paging ._inner ul strong {background: #5b5b5b; color: #fff;}
._paging ._inner > a {display: flex; width: 3rem; height: 3.5rem; text-indent: -99999rem;}
._paging ._inner ._first{background: url('./../../images/bbs/btn-first.png') center no-repeat;}
._paging ._inner ._prev{background: url('./../../images/bbs/btn-prev10.png') center no-repeat;}
._paging ._inner ._listPrev{background: url('./../../images/bbs/btn-prev.png') center no-repeat;}
._paging ._inner ._listNext{background: url('./../../images/bbs/btn-next.png') center no-repeat;}
._paging ._inner ._next{background: url('./../../images/bbs/btn-next10.png') center no-repeat;}
._paging ._inner ._last{background: url('./../../images/bbs/btn-last.png') center no-repeat;}
._paging ._pageState {display: none;}

@media screen and (max-width:768px){
  ._paging ._pageState {display: flex; align-items: center; padding: 0 1rem;}
  ._paging ._pageState span {font-family: pm; font-size: 2.5rem; color: #000;}
  ._paging ._pageState ._curPage {color: #00baff;}
  ._paging ._pageState ._totPage::before {content: '/'; margin: 0 1rem;}
  ._paging ._inner ul {display: none;}
}

/* [공통] 버튼 */
.btn-control .row {display: flex; justify-content: center; margin-top: 5rem;}
.btn-control .row_l{display: flex; justify-content: left; margin-top: 5rem;}
.btn-control .row_r{display: flex; justify-content: right; margin-top: 5rem;}
.btn-control .row_space{display: flex; justify-content: space-between; margin-top: 5rem;}

a._bbs_btn,
input._bbs_btn,
._bbs_btn{display: flex; font-weight: 500; justify-content: center; align-items: center; min-width: 13rem; height: 5rem; margin: 0 1rem; padding: 0 1.5rem; border-radius: .5rem; font-size: 1.6rem; color: #fff; transition: .35s;}

.btn01 {background: #0275ce;}
.btn01:hover {background: #003467;}
.btn02 {background: #02ba6e;}
.btn02:hover {background: #007d49;}
.btn03 {background: #8C3219;}
.btn03:hover {background: #631d09;}
.btn04 {background: #1A9A91;}
.btn04:hover {background: #028b52;}
.btn05 {background: #B97C24;}
.btn05:hover {background: #7d5111;}
.btn06 {background: #9f9f9f;}
.btn06:hover {background: #616161;}

._bbs_btn_small{display: flex; font-size:1.4rem; transition: ease all .5s; color: #333; font-weight:500; align-items: center;padding: 0.3rem 2rem; margin:0 0.3rem; border-radius: 0.5rem;}

._s_btn01{border: 0.1rem solid #0275ce; color:#0275ce;}
._s_btn02{border: 0.1rem solid #02ba6e; color:#02ba6e;}
._s_btn03{border: 0.1rem solid #8C3219; color:#8C3219;}
._s_btn04{background:#1A9A91; color:#fff;}
._s_btn05{background:#9f9f9f; color:#fff;}

._bbs_btn_small.plus{gap:1rem; margin: 0 auto;}
._bbs_btn_small.plus:after{content:'+';}


/* [공통] 뷰페이지 */
.view .title {position: relative; padding: 4rem 5rem; background: #f2f2f2; border-top: 2px solid #000; border-bottom: 1px solid #e2e2e2;}
.view .title strong {font-family: pb; font-size: 2.4rem; color: #000000;}
.view .detail {display: flex; align-items: center; margin-top: 1rem; font-family: pm; font-size: 1.6rem; color: #666666;}
.view .detail li {position: relative; margin-right: 2rem; padding-right: 2rem;}
.view .detail li::after {content: ''; position: absolute; right: 0; top: .4rem; width: 1px; height: 1.5rem; background: #a1a1a1;}
.view .detail li:last-child::after {display: none;}
.view .detail span {font-family: pb; color: #2a2a2a;}
.view .right_fnct {position: absolute; right: 2rem; bottom: 2rem;}
.view .right_fnct > ul {display: flex; align-items: center;}
.view .right_fnct > ul > li {position: relative; margin-right: 1rem;}
.view .right_fnct > ul > li > a {display: flex; align-items: center; font-family: pm; font-size: 1.5rem;}
.view .right_fnct .like,
.view .right_fnct .dislike,
.view .right_fnct .reportIcon {display: inline-flex; width: 2rem; height: 2rem; margin-right: 1rem; text-indent: -99999rem;}
.view .right_fnct .like {background: url('./../../images/bbs/btn-like.png') no-repeat center;}
.view .right_fnct .dislike {background: url('./../../images/bbs/btn-dislike.png') no-repeat center;}
.view .right_fnct .reportIcon {background: url('./../../images/bbs/btn-reportIcon.png') no-repeat center;}
.view .right_fnct .stte-view {position: absolute; right: 0; top: calc(100% + 1.5rem); display: none; padding: 1rem; background: #fff; border-radius: 1rem; box-shadow: 0 0 4px rgba(0,0,0,.3);}
.view .right_fnct .stte-view ul {display: flex;}
.view .right_fnct .stte-view li {display: flex; align-items: center; margin-right: 1rem; font-family: pm; font-size: 1.4rem;}
.view .right_fnct .stte-view ul input {top: 0; margin: 0; margin-right: .5rem;}
.view .right_fnct .stte-view input[type="button"] {display: flex; width: 100%; margin: 0; margin-top: 1rem; padding: 1rem; background: #302a6c; border-radius: .5rem; font-size: 1.6rem; color: #fff;}
.view .txt {min-height: 30.5rem; padding: 5rem; border-bottom: 1px solid #e2e2e2; font-family: pm; font-size: 1.7rem; color: #666666;}
.view .txt p,
.view .txt span {font-family: pm; font-size: 1.7rem; color: #666666;}
.view .attachment {padding: 2rem 5rem; background: #f1f6fa; border-bottom: 1px solid #c3c3c3; display: flex; gap:2rem;}
.view .attachment.column{flex-direction: column;gap:0;}
.view .attachment a,
.view .attachment .no-file {display: inline-block; padding: 1rem 0 1rem 3.5rem; background: url('./../../images/bbs/ic-file.png') no-repeat left center; font-family: pr; font-size: 1.5rem; color: #333333;}
.view .attachment span {position: relative;}
.view .attachment span::after {content: ''; position: absolute; left: 0; bottom: -.2rem; width: 0; height: 1px; background: #000; transition: width .35s;}
.view .attachment a:hover span::after {width: 100%;}

.view .add_view{border-bottom: 1px solid #ddd;}
.view .add_view dl{display: flex;border-bottom: 1px solid #ddd;}
.view .add_view dl:last-child{border:none;}
.view .add_view dl dt{padding: 1.5rem;background: #fbfbfb;font-weight: 500;color: #000;min-width: 15rem;flex-shrink: 0;text-align: center;line-height: 1.4;margin: 0;display: flex;align-items: center;justify-content: center;}
.view .add_view dl dd{width: 100%;padding: 1.5rem;color: #333;font-weight: 300;}


@media screen and (max-width: 800px) {
  .view .title {padding: 3rem 3rem;}
  .view .title strong {font-size: 2.2rem;}
  .view .txt {padding: 3rem;}
  .view .right_fnct {display: none;}
  .view .attachment {padding: 2rem 3rem;}
}

@media screen and (max-width: 560px) {
  .view .detail {font-size: 1.4rem;}
  .view .detail li {margin-right: 1rem; padding-right: 1rem;}
}

.before_nect_use .bbs-anchor {display: flex; align-items: center;}
.before_nect_use .bbs-anchor li {position: relative; width: 50%; margin: 4rem 0; font-family: pm; font-size: 1.6rem; color: #aaaaaa;}
.before_nect_use .bbs-anchor li:first-child {padding-left: 3.5rem;}
.before_nect_use .bbs-anchor li:first-child::after {content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: #cccccc;}
.before_nect_use .bbs-anchor li:last-child {padding-right: 3.5rem; text-align: right;}
.before_nect_use .bbs-anchor li a {position: relative; color: #aaaaaa;}
.before_nect_use .bbs-anchor li a::after {content: ''; position: absolute; left: 0; bottom: -.5rem; width: 0; height: 1px; background: #aaaaaa; transition: width .35s;}
.before_nect_use .bbs-anchor li a:hover::after {width: 100%;}
.before_nect_use .bbs-anchor span {position: relative; display: block; margin-bottom: 1rem; font-family: pm; font-size: 1.8rem; color: #121212;}
.before_nect_use .bbs-anchor span::after {content: ''; position: absolute; top: .1rem; width: 2.4rem; height: 2.4rem;}
.before_nect_use .bbs-anchor li:first-child span::after {left: -3.5rem; background: url('./../../images/bbs/btn-doc-prev.png') no-repeat center;}
.before_nect_use .bbs-anchor li:last-child span::after {right: -3.5rem; background: url('./../../images/bbs/btn-doc-next.png') no-repeat center;}
.before_nect_use .bbs-anchor li p {display: none;}

@media screen and (max-width: 1100px) {
  .before_nect_use .bbs-anchor {flex-direction: column; align-items: flex-start;}
  .before_nect_use .bbs-anchor li {width: 100%; margin: 0; padding: 2rem 0 !important; text-align: left !important;}
  .before_nect_use .bbs-anchor li:first-child {border-bottom: 1px solid #d1d1d1;}
  .before_nect_use .bbs-anchor li:first-child::after {display: none;}
  .before_nect_use .bbs-anchor span {margin-bottom: .5rem;}
  .before_nect_use .bbs-anchor span::after {display: none;}
}

.board-view .btns {border-top: 2px solid #000;}
.board-button .row {display: flex; justify-content: center; margin-top: 5rem;}

/* [공통] 한줄 댓글 */
.view-comment {position: relative; margin-top: 5rem; padding: 5rem; background: #fff; border: 1px solid #cccccc;}
.view-comment::after {content: ''; position: absolute; left: 0; top: -1px; width: 100%; height: 2px; background: #575050;}
.view-comment-write .name {display: flex; margin-bottom: 1rem; font-family: pm; font-size: 1.7rem;}
.view-comment-write .name::before {content: ''; display: block; width: 2.5rem; height: 2.5rem; margin-right: 1rem; background: #fff url('./../../images/bbs/ic-reply.png') no-repeat center; border: 1px solid #d7d7d7; border-radius: 100%;}
.view-comment-write .name label {margin-right: 1rem;}
.view-comment-write .name input {position: relative; top: -.1rem; font-size: 1.7rem;}
.view-comment-write .comment-text {margin-bottom: 1rem;}
.view-comment-write .comment-text textarea {width: 100%; padding: 1rem; border: 1px solid #cccccc; border-radius: .5rem; font-family: pm;}
.view-comment-write .small-btn-box {display: flex; justify-content: flex-end;}

.view-comment-list {margin-top: 2.5rem;}
.view-comment-list > li {position: relative; margin-bottom: 2rem; padding: 2rem 1.5rem; background: #f5f5f5; border-radius: .3rem;}
.view-comment-list > li:last-child {margin-bottom: 0;}
.view-comment-list .title {display: flex; align-items: center; padding-bottom: 1.5rem; margin-bottom: 2rem; border-bottom: 1px solid #e0e0e0; font-family: pm; font-size: 1.5rem; color: #00baff;}
.view-comment-list .title::before {content: ''; display: block; width: 2.5rem; height: 2.5rem; margin-right: 1rem; background: #fff url('./../../images/bbs/ic-reply.png') no-repeat center; border: 1px solid #d7d7d7; border-radius: 100%;}
.view-comment-list .title .date {position: relative; margin-left: 1.5rem; padding-left: 1.5rem; color: #777;}
.view-comment-list .title .date::after {content: ''; position: absolute; left: 0; top: .5rem; width: 1px; height: 1rem; background: #d7d7d7;}
.view-comment-list .comment {padding-left: 3.5rem; font-family: pr; font-size: 1.5rem; color: #333333;}
.view-comment-list .comment .del input {position: relative; top: .1rem; width: 1.5rem; height: 1.5rem; margin-left: 1rem; background: url('./../../images/bbs/ic-reply-del.png') no-repeat center; text-indent: -99999rem;}
.view-comment-list .repBtn .tiny-btn {display: flex; height: 3rem; padding: 0 1rem; background: #fff; border: 1px solid #0d5dbe; border-radius: .5rem; font-family: pm; font-size: 1.4rem; color: #0d5dbe;}
.view-comment-list .repBtn .tiny-btn:hover {background: #0d5dbe; color: #fff;}
.view-comment-list .comment-cmntWrap {position: absolute; right: 2rem; top: 1.5rem;}
.view-comment-list .comment-reportWrap {position: absolute; right: 7.5rem; top: 1.5rem;}
.view-comment-list .comment_sttemnt {display: none; position: absolute; right: 0; top: calc(100% + 1.1rem); z-index: 1; padding: 1.5rem; background: #fff; border-radius: 1rem; box-shadow: 0 0 4px rgba(0, 0, 0, .3);}
.view-comment-list .comment_sttemnt ul {display: flex;}
.view-comment-list .comment_sttemnt li {display: flex; align-items: center; margin-right: 1rem; font-size: 1.6rem;}
.view-comment-list .comment_sttemnt ul input {top: 0; margin: 0; margin-right: 1rem;}
.view-comment-list .comment_sttemnt .btn05 {width: 100%; margin: 0; margin-top: 1rem;}

.view-comment-reply-write {display: none; margin-top: 2rem; padding: 2em; background: #fff; border: 1px solid #e1e1e1; border-radius: .3rem;}
.view-comment-reply-write .name {display: flex; align-items: center; padding-bottom: 1.5rem; margin-bottom: 2rem; border-bottom: 1px solid #e0e0e0;}
.view-comment-reply-write .name::before {content: ''; display: block; width: 2.5rem; height: 2.5rem; margin-right: 1rem; background: #fff url('./../../images/bbs/ic-reply.png') no-repeat center; border: 1px solid #d7d7d7; border-radius: 100%;}
.view-comment-reply-write .name label,
.view-comment-reply-write .name input {font-family: pm; font-size: 1.5rem;}
.view-comment-reply-write .name input {margin-left: 1rem;}
.view-comment-reply-write .comment {padding-left: 0}
.view-comment-reply-write .comment-text textarea {width: 100%; padding: 1rem; border: 1px solid #cccccc; border-radius: .5rem; font-family: pm; color: #666;}
.view-comment-reply-write .small-btn-box input {display: inline-flex; height: 3rem; padding: 0 1rem; background: #fff; border: 1px solid #0d5dbe; border-radius: .5rem; font-family: pm; font-size: 1.4rem; color: #0d5dbe;}

@media screen and (max-width: 1100px) {
  .view-comment {padding: 3rem;}
}

/* [공통] 답글 */
.view-answer {position: relative; margin-top: 5rem; background: #f5f5f5; border: 1px solid #cccccc;}
.view-answer::after {content: ''; position: absolute; left: 0; top: -1px; width: 100%; height: 2px; background: #575050;}
.view-answer .answer-title {display: flex; align-items: center; padding: 3rem 5rem; background: #fff;}
.view-answer .answer-title::before {content: ''; display: block; width: 5rem; height: 5rem; margin-right: 2rem; background: #302a6c url('./../../images/bbs/ic-reply2.png') no-repeat center; border-radius: 100%;}
.view-answer .answer-title .title {font-family: pb; font-size: 2rem; line-height: 1.2; color: #121212;}
.view-answer .answer-title .answer-info {font-family: pr; font-size: 1.5rem; color: #777777;}
.view-answer .answer-title .answer-info span {position: relative; margin-right: 1.5rem; padding-right: 1.5rem;}
.view-answer .answer-title .answer-info span::after {content: ''; position: absolute; right: 0px; top: .4rem; width: 1px; height: 1rem; background: #e5e5e5;}
.view-answer .answer-title .answer-info span:last-child::after {display: none;}
.view-answer .answer {padding: 3rem 5rem; font-family: pr; font-size: 1.7rem; color: #333333;}
.view-answer .row {padding: 2rem 5rem; background: #fff; border-top: 1px solid #c3c3c3;}
.view-answer .row .title {display: none;}
.view-answer .row a {display: inline-block; padding: 1rem 0 1rem 3.5rem; background: url('./../../images/bbs/ic-file.png') no-repeat left center; font-family: pr; font-size: 1.5rem; color: #333333;}
.view-answer .row span {position: relative;}
.view-answer .row span::after {content: ''; position: absolute; left: 0; bottom: -.2rem; width: 0; height: 1px; background: #000; transition: width .35s;}
.view-answer .row a:hover span::after {width: 100%;}
.view-answer .flag {display: none;}

@media screen and (max-width: 1100px) {
  .view-answer .answer-title {padding: 3rem;}
  .view-answer .answer {padding: 3rem;}
  .view-answer .row {padding: 2rem 3rem;}
}

/* [공통] 비밀번호 딤 */
.password_check_view {display: none;}
.password_check_view .dim {position: fixed; left: 0; top: 0; z-index: 200; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; background: rgba(0,0,0,.5);}
.password_check_view .box {position: relative; padding: 5rem; background: #fff; border-radius: 1rem;}
.password_check_view input {padding: 1.5rem; border: 1px solid #d1d1d1; border-radius: .5rem;}
.password_check_view .btn05 {width: 100%; margin: 0; margin-top: 2rem;}
.password_check_view .close {display: block; position: absolute; right: 2rem; top: 2rem; width: 1.5rem; height: 1.5rem; background: url('./../../images/bbs/ic-reply-del.png') no-repeat center; text-indent: -99999rem;}

/* [공통] 글쓰기 */
.writeForm {border-top: 2px solid #2c2c2c;}
.writeForm .artclForm {display: flex;}
.writeForm .artclForm.total {padding: 2rem; border-bottom: 1px solid #e2e2e2;}
.writeForm .artclLabel {display: flex;align-items: center;flex-shrink: 0;width: 24rem;min-height: 7rem;padding: 1rem 0 1rem 3rem;background: #f5f7f9;border-bottom: 1px solid #e2e2e2;color: #121212;font-weight: 500;}
.writeForm .artclLabel.column{}
.writeForm .artclLabel .must {width: .8rem; height: .8rem; margin-right: 1rem; background: url('./../../images/bbs/ic-must.png') no-repeat center; text-indent: -99999rem;}
.writeForm .artclInsert {display: flex; align-items: center; flex-grow: 1; padding: 1rem 2rem; border-bottom: 1px solid #e2e2e2; font-family: pm; font-size: 1.6rem; color: #333;}
.writeForm .total .artclInsert {display: block; width: 100%; padding-left: 0; padding-right: 0; border: 0}
.writeForm .attch .artclInsert,
.writeForm .pass .artclInsert {padding: 2rem 3rem; flex-direction: column; align-items: flex-start;}
.writeForm .artclInsert input[type="text"],
.writeForm .artclInsert input[type="password"] {height: 4.5rem; padding: 0 1rem; border: 1px solid #d1d1d1; border-radius: .5rem; font-family: pm; font-size: 1.6rem; color: #333;}
.writeForm .artclInsert input[type="text"]:focus,
.writeForm .artclInsert input[type="password"]:focus {background-color: #eff4f7; border-color: #8497b2; transition: .35s;}
.writeForm .artclInsert input[type="text"].long {width: 100%;}
.writeForm .artclInsert input[type="text"].space {margin: 0;}
.writeForm .artclInsert .sel-type,
.writeForm .artclInsert .public-type {display: flex; height: 4.5rem; padding-left: 1.5rem; padding-right: 6.5rem; margin-right: 1rem; background: url('./../../images/bbs/ic-search-arrow.png') no-repeat calc(100% - 1.5rem) center; border: 1px solid #d1d1d1; border-radius: .5rem; font-family: pm; font-size: 1.6rem; color: #333; -o-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.writeForm .artclInsert .sel-type:focus,
.writeForm .artclInsert .public-type:focus {background-color: #eff4f7; border-color: #8497b2; transition: .35s;}
.writeForm .artclInsert .switch {}
.writeForm .artclInsert .switch ul {display: flex; align-items: center;}
.writeForm .artclInsert .switch li {margin-right: 1rem;}
.writeForm .artclInsert .switch input {top: .1rem;}
.writeForm .artclInsert .tarea {width: 100%; padding: 1.5rem 2rem; border: 1px solid #d1d1d1; border-radius: .5rem; font-family: pm; font-size: 1.6rem; color: #333;}
.writeForm .artclInsert .tarea:focus {background-color: #eff4f7; border-color: #8497b2; transition: .35s;}
.writeForm .artclInsert .space {margin: 0 1rem;}
.writeForm .artclInsert .multselBox {width: 100%; padding: 1rem; border: 1px solid #d1d1d1; border-radius: .5rem; font-family: pm; font-size: 1.6rem; color: #333;}
.writeForm .artclInsert .multselBox:focus {background-color: #eff4f7; border-color: #8497b2; transition: .35s;}
.writeForm .artclInsert #thumbOrginlFile {margin-right: 1rem;}
.writeForm .artclInsert .atchmnBtns {display: flex;align-items: center;margin: 1rem 0;gap: 0.5rem;}
.writeForm .artclInsert .atchmnBtns button{display: flex;padding: 0.2rem 1rem;background: #fff;border: 1px solid #0d5dbe;border-radius: .5rem;font-size: 1.3rem;color: #0d5dbe;align-items: center;transition: ease all .3s;}
.writeForm .artclInsert .atchmnBtns button:hover {background: #0d5dbe; color: #fff;}
.writeForm .artclInsert .atchmnBtns .file-btn-input{height:4.3rem;}
.writeForm .artclInsert .pass-form {margin-top: 1rem;}
.writeForm .artclInsert .pass-form label {margin-right: 1rem;}
.writeForm .artclInsert .possible{font-weight: 400;}

.writeForm input[readonly], 
.writeForm textarea[readonly]{background:#f5f5f5; color:#999;}
.writeForm .date-group{}
.writeForm .date-group input{width:14rem;}

/* write Multi */
.writeForm .multiForm{}
.writeForm .multiForm .form_row{display:flex; width:100%;}


@media screen and (max-width: 1200px) {
  .writeForm .artclInsert {flex-wrap: wrap;}
  .writeForm .artclInsert .switch {width: 100%; margin-top: 1rem; margin-left: 0;}
  .writeForm .artclInsert #thumbOrginlFile {max-width: 30rem;}
}

@media screen and (max-width: 870px) {
  .writeForm .artclLabel {width: 18rem;}
}

@media screen and (max-width: 800px) {
  .writeForm .artclForm {flex-direction: column;}
  .writeForm .artclLabel {width: 100%; min-height: 5rem; padding: 1rem 2rem;}
  .writeForm .artclInsert {padding: 1rem 2rem;}
  .writeForm .artclInsert .hasDatepicker {width: 12rem;}
  .writeForm .attch .artclInsert,
  .writeForm .pass .artclInsert {padding: 1rem 2rem;}
  .writeForm .artclInsert .sel-type,
  .writeForm .artclInsert .public-type {width: 100%; margin-right: 0;}
  .writeForm .artclInsert #thumbOrginlFile {width: 100%; max-width: 100%; margin-bottom: 1rem;}
}


/* 추가 css */
/* flex 관련 */
._fnctWrap .flex_column{flex-direction: column; align-items: flex-start; gap:0.5rem;} 
._fnctWrap .flex_row{display:flex;align-items: center;gap:0.5rem;flex-wrap: wrap;}
._fnctWrap .flex_a_center{justify-content: center;}
._fnctWrap .flex_a_right{justify-content: right;}
._fnctWrap .flex_a_left{justify-content:flex-start;}
._fnctWrap .flex_a_space{justify-content: space-between;}
._fnctWrap .noGap{gap:0;}
._fnctWrap .gap10{gap:1rem;}
._fnctWrap .gap20{gap:2rem;}

/* point */
._fnctWrap .emTxt{position: relative;padding-left: 1.2rem; font-size:1.5rem; font-weight: 400;}
._fnctWrap .emTxt:before{content:'';width: 1rem;height:1rem;background: url(./../../images/bbs/ic-must.png) left center no-repeat;display: block;position: absolute;left: 0;top: 0.6rem;}

/* bbs in table */
._fnctWrap ._inputTable {position: relative;}
._fnctWrap ._inputTable:after {content: ''; position: absolute; right: 0px; top: 0px; width: 1px; height: 100%; background: #fff;}
._fnctWrap ._inputTable table {position: relative; border-top:1px solid #005baa;}
._fnctWrap ._inputTable tbody {display: table-header-group;}
._fnctWrap ._inputTable tbody th {background: #bdbdbd;}
._fnctWrap ._inputTable th{background: #f9f9f9; font-weight:400; color:#333;}
._fnctWrap ._inputTable th,
._fnctWrap ._inputTable td{padding:0.5rem; border-bottom:0.1rem solid #e1e1e1; font-size:1.5rem; border-right: 1px solid #e1e1e1; text-align:center;}
._fnctWrap ._inputTable td input,
._fnctWrap ._inputTable td select{width:100%; min-width:100%; height: 3.5rem !important;}

/* [공통] 노데이터 */
.no-data {color: #555;}

/* common */
.writeForm .alignC{text-align:center;}

._fnctWrap .bbs_l_title{font-size: 4rem; color: #222; text-align: center; display: block; margin-bottom: 3rem;}
._fnctWrap .bbs_m_title{font-size: 2rem; font-weight: 500; margin-bottom: 2rem; color: #000;}