@charset "UTF-8";

/* **************************************** *
 * board basic
 * **************************************** */
 /* board-basic-list */
.board-basic-list{display:flex; flex-direction:column; gap:2rem; padding-bottom:2rem; border-bottom:1px solid #ebebeb}
.board-basic-list .list-head{position:relative; border-radius:1.2rem; box-shadow:0 .4rem 1.2rem 0 rgba(0, 0, 0, 0.12); z-index:1; scrollbar-gutter:stable}
.board-basic-list .list-head li{display:flex}
.board-basic-list .list-head li > div{display:flex; align-items:center; justify-content:center; position:relative; height:6.2rem; padding:0 1rem; box-sizing:border-box}
.board-basic-list .list-head li > div > span{line-height:1em; letter-spacing:-0.05rem; color:#202020; font-weight:300; font-size:1.6rem; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
.board-basic-list .list-head li > div.tleft{justify-content:flex-start}
.board-basic-list .list-head li > div.tcenter{justify-content:center}
.board-basic-list .list-head li > div.tright{justify-content:flex-end}

.board-basic-list .list-body{overflow-x:hidden; overflow-y:auto; scrollbar-gutter:stable; scrollbar-width:thin; transition:height 0.3s ease}
.board-basic-list .list-body li{display:flex; position:relative; border-radius:1.5rem; transition:all .20s ease; box-sizing:border-box}
.board-basic-list .list-body li > div{display:flex; align-items:center; justify-content:center; position:relative; min-height:6.8rem; padding:1.2rem 1rem; text-align:center; box-sizing:border-box}
.board-basic-list .list-body li > div.tleft{justify-content:flex-start}
.board-basic-list .list-body li > div.tcenter{justify-content:center}
.board-basic-list .list-body li > div.tright{justify-content:flex-end}

.board-basic-list .basic-tit{display:none; min-width:8rem; max-width:8rem; font-size:1.6rem; font-weight:300; line-height:1.2em; letter-spacing:-0.05rem; color:#202020; box-sizing:border-box}
.board-basic-list .basic-cont{display:contents}
.board-basic-list .basic-cont .cont-link,
.board-basic-list .basic-cont .cont-txt{display:-webkit-box; position:relative; padding:0 0.2rem; line-height:2rem; letter-spacing:-0.05rem; font-size:1.6rem; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; word-break:keep-all; -webkit-line-clamp:1; -webkit-box-orient:vertical}
.board-basic-list .basic-cont .cont-link{color:#202020; font-weight:normal; transition:all .20s ease}
.board-basic-list .basic-cont .cont-link:hover,
.board-basic-list .basic-cont .cont-link:focus{text-decoration:underline; text-underline-offset:0.4rem}
.board-basic-list .basic-cont .cont-txt{color:#202020; font-weight:normal}
.board-basic-list .basic-cont .cont-link + .badge-cmm,
.board-basic-list .basic-cont .cont-txt + .badge-cmm{margin-left:0.4rem}

.board-basic-list.gline{border-bottom:none; padding-bottom:0}
.board-basic-list.gline .list-body li{border-bottom:1px solid #ebebeb; border-radius:0}
.board-basic-list.gline .list-body li:last-child{border-bottom:none}

.board-basic-list .list-body li.total-row{margin-top:1rem; background-color:#202020; border-radius:1.5rem}
.board-basic-list .list-body li.total-row .basic-cont .cont-txt{color:#fff}

.board-basic-list .rank-badge
{
   display:inline-flex;
   align-items:center;
   justify-content:center;
   flex-direction:row;
   min-width:3.4rem;
   min-height:3.3rem;
   padding:0 2rem;
   background-color:#f8f8f8;
   border-radius:20rem;
   vertical-align:middle;
   box-sizing:border-box
}
.board-basic-list .rank-badge .badge-tit{color:#202020; line-height:1.4em; font-size:1.6rem; font-weight:normal; letter-spacing:-0.02rem; white-space:nowrap}
.board-basic-list .rank-badge.gold,
.board-basic-list .rank-badge.silver,
.board-basic-list .rank-badge.bronze{background-color:#006fff}
.board-basic-list .rank-badge.gold .badge-tit,
.board-basic-list .rank-badge.silver .badge-tit,
.board-basic-list .rank-badge.bronze .badge-tit{color:#fff}

.board-basic-list.search-trend div.col1{width:33.3333333%}
.board-basic-list.search-trend div.col2{width:33.3333333%}
.board-basic-list.search-trend div.col3{width:33.3333333%}
.board-basic-list.search-trend .list-body{height:50rem}
.board-basic-list.search-trend.has-search .list-body{height:40rem}

.board-basic-list.visitor-stats div.col1{width:33.3333333%}
.board-basic-list.visitor-stats div.col2{width:33.3333333%}
.board-basic-list.visitor-stats div.col3{width:33.3333333%}
.board-basic-list.visitor-stats .list-body{height:60rem}


/* **************************************** *
 * board nodata
 * **************************************** */
.board-nodata{display:flex; align-items:center; justify-content:center; min-height:12rem}
.board-nodata .message{display:flex; align-items:center}
.board-nodata .message i{margin-right:0.5rem; color:#505050; font-family:remixicon; font-size:2rem}
.board-nodata .message span{line-height:1.2em; color:#505050; font-size:1.6rem; font-weight:normal; letter-spacing:-0.02rem}

/* **************************************** *
 * board file
 * **************************************** */
.board-file{display:flex; flex-direction:column; padding:2.5rem 0}
.board-file .file-top{display:flex; align-items:center; margin-bottom:1.5rem}
.board-file .file-top .tit{line-height:1.6rem; color:var(--krds-color-light-gray-90); font-size:1.6rem; font-weight:normal; letter-spacing:-0.05rem}
.board-file .file-container{display:flex; flex-direction:column; gap:0.4rem}
.board-file .file-box{display:flex; align-items:center; width:50%; padding:1.9rem 2.5rem; background-color:var(--krds-color-light-secondary-5); border-radius:0.8rem; box-sizing:border-box}
.board-file .file-box{display:flex; align-items:center; width:50%; padding:1.9rem 2.5rem; background-color:var(--krds-color-light-secondary-5); border-radius:0.8rem; box-sizing:border-box}
.board-file .file-box .file-l{min-width:1px}
.board-file .file-box .file-r{margin-left:auto}
.board-file .file-box .tit,
.board-file .file-box .volume{display:block; font-weight:normal; letter-spacing:-0.02rem}
.board-file .file-box .tit{color:var(--krds-color-light-gray-90); line-height:1.8rem; font-size:1.6rem; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
.board-file .file-box .volume{color:var(--krds-color-light-gray-40); line-height:1.5rem; font-size:1.5rem}
.board-file .file-box:hover .tit,
.board-file .file-box:focus .tit{text-decoration:underline; text-underline-offset:0.3rem}


/* **************************************** *
 * board search
 * **************************************** */
.board-search{display:flex; gap:4rem; margin-bottom:4rem}
.board-search .search-l{flex:1; display:flex; align-items:center; flex-wrap:wrap; border:1px solid #dadada; border-radius:1.4rem; box-sizing:border-box}
.board-search .search-r{flex:none; min-width:21rem; max-width:21rem}
.board-search .search-filter{display:flex}
.board-search .search-filter .filter-select{display:inline-flex; align-items:center; justify-content:center; flex-direction:row; position:relative; box-sizing:border-box}
.board-search .search-filter .filter-select select
{
      position:relative;
      min-width:12rem;
      height:6.2rem;
      margin:0;
      padding:0 3.5rem 0 2.5rem;
      color:#202020;
      font-family:'PretendardGOV', 'sans-serif';
      text-align:left;
      font-size:1.5rem;
      font-weight:normal;
      letter-spacing:-0.02rem;
      background-color:transparent;
      background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(170,170,170,1)'%3E%3Cpath d='M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z'%3E%3C/path%3E%3C/svg%3E");
      background-position:right 0.5rem center;
      background-size:2.6rem;
      background-repeat:no-repeat;
      border:0;
      border-radius:0;
      white-space:nowrap;
      appearance:none;
      cursor:pointer;
      text-overflow:ellipsis;
      overflow:hidden;
      transition:all 0.3s;
      box-sizing:border-box
}
.board-search .search-filter .filter-select select[disabled],
.board-search .search-filter .filter-select select[readonly]{}
.board-search .search-filter .filter-select option{line-height:1.2em; font-size:1.5rem}
.board-search .search-filter .filter-select select::-ms-expand{display:none}
.board-search .search-filter .filter-select:after{content:''; width:1px; height:1.8rem; background-color:#e8e8e8}

.board-search .search-form{flex:1}
.board-search .search-form .form-keysearch{display:inline-flex; align-items:center; justify-content:center; flex-direction:row; position:relative; width:100%; box-sizing:border-box}
.board-search .search-form .form-keysearch input
{
    position:relative;
    width:100%;
    height:6.2rem;
    margin:0;
    padding:0 1.5rem;
    padding-right:5.8rem;
    color:#202020;
    font-family:'PretendardGOV', 'sans-serif';
    text-align:left;
    font-size:1.6rem;
    font-weight:normal;
    letter-spacing:-0.02rem;
    background-color:transparent;
    border:0;
    border-radius:0;
    transition:all 0.3s;
    box-sizing:border-box
}
.board-search .search-form .form-keysearch input[disabled],
.board-search .search-form .form-keysearch input[readonly]{color:#505050; background-color:#f8f8f8; border:0}

.board-search .search-form .form-keysearch .search-btn{display:flex; align-items:center; justify-content:center; position:absolute; right:0; top:0; width:5.8rem; height:100%; margin:0; padding:0; background:transparent; border:0; border-radius:0; cursor:pointer; box-sizing:border-box}
.board-search .search-form .form-keysearch .search-btn:before{content:"\f0d1"; color:#006fff; font-family:"remixicon"; font-size:2.4rem}

.board-search .btn-write
{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      flex-direction:row;
      gap:0.2rem;
      width:100%;
      height:6.4rem;
      padding:0 1.8rem;
      line-height: 1.6rem;
      background:#202020;
      border:0.1rem solid #202020;
      font-weight:normal;
      font-size:1.6rem;
      letter-spacing:-0.02rem;
      color:#fff;
      white-space:nowrap;
      border-radius:1.4rem;
      vertical-align:middle;
      cursor:pointer;
      box-sizing:border-box;
      transition: all 0.3s
}

.board-search.notice .search-l{flex:none; min-width:50rem}

/* **************************************** *
 * QnA
 * **************************************** */
/* QnA list */
.qna-list .list-body{display:flex; flex-direction:column; gap:1rem}
.qna-list .list-body li{display:flex; align-items:center; height:8rem; padding:0 4rem; background-color:#f8f8f8; border-radius:2rem; transition:all .35s ease; box-sizing:border-box}
.qna-list .list-body li > .col1{flex:1; display:flex; align-items:center}
.qna-list .list-body li > .col2{flex:none; display:flex; align-items:center}

.qna-list .item-q{display:inline-flex; align-items:center; margin-right:2rem}
.qna-list .item-q span{line-height:1em; color:#909090; font-family:Poppins; font-size:3.2rem; font-weight:600; transition:all .35s ease}

.qna-list .item-category{display:inline-flex; align-items:center; justify-content:center; flex-direction:row; position:relative; min-width:5.8rem; height:3.2rem; margin-right:1rem; padding:0 1.2rem; border:0; border-radius:1rem; vertical-align:middle; transition:none; box-sizing:border-box}
.qna-list .item-category span{color:#fff; line-height:1.2em; font-size:1.4rem; font-weight:300; letter-spacing:-0.02rem; text-align:center; white-space:nowrap}
.category-대학{background: #4576ff}
.category-학과{background: #8b5cf6}
.category-전형{background: #ec4899}
.category-기타{background: #67c6a9}
.category-수시{background: #202020}
.category-정시{background: #4576ff}
.category-대학생활{background: #82b5d4}
.category-학과선택{background: #67c6a9}
.category-입시전략{background: #f2ac59}

.qna-list .item-status{display:inline-flex; align-items:center; justify-content:center; flex-direction:row; position:relative; min-width:5.8rem; height:3.2rem; margin-right:1rem; padding:0 1.2rem; background-color:#fff; border:1px solid #202020; border-radius:1rem; vertical-align:middle; transition:none; box-sizing:border-box}
.qna-list .item-status span{color:#202020; line-height:1.2em; font-size:1.4rem; font-weight:300; letter-spacing:-0.02rem; text-align:center; white-space:nowrap}
.qna-list .item-status.status-waiting{border:1px solid #909090}
.qna-list .item-status.status-waiting span{color:#909090}
.qna-list .item-status.status-answered{border:1px solid #4576ff}
.qna-list .item-status.status-answered span{color:#006fff}
.qna-list .item-status.status-solved{border:1px solid #67c6a9}
.qna-list .item-status.status-solved span{color:#67c6a9}

.qna-list .item-subject{flex:1; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis; word-wrap:break-word; word-break:keep-all; overflow:hidden; box-sizing:border-box}
.qna-list .item-subject a{position:relative; line-height:1.25em; color:#202020; font-family:'NEXON-Lv2-Gothic','PretendardGOV'; font-size:1.8rem; font-weight:300; letter-spacing:-0.05rem}

.qna-list .item-answer{display:inline-flex; align-items:center; justify-content:flex-end; gap:1rem; position:relative; height:3.2rem; padding:0 1.2rem; background-color:#fff; border:1px solid #fff; border-radius:1rem; vertical-align:middle; transition:all .35s ease; box-sizing:border-box}
.qna-list .item-answer span{flex:none; display:inline-flex; align-items:center; position:relative; line-height:1.25em; color:#006fff; font-size:1.5rem; font-weight:normal; letter-spacing:-0.05rem}
.qna-list .item-answer span.tit{color:#909090}

.qna-list .item-writer{display:inline-flex; align-items:center; position:relative; gap:1rem; margin-left:1rem}
.qna-list .item-writer:after{content:''; width:0.1rem; height:1.5rem; margin:0 0.2rem; background-color:#dadada}
.qna-list .item-writer span{flex:none; display:inline-flex; align-items:center; position:relative; line-height:1.25em; color:#505050; font-size:1.5rem; font-weight:normal; letter-spacing:-0.05rem}
.qna-list .item-writer span.tit{color:#909090}
.qna-list .item-writer span.tit:before{content:'\f256'; display:inline-flex; align-items:center; margin-right:0.3rem; color:#505050; font-family:'remixicon'; font-size:1.7rem}

.qna-list .item-view{display:inline-flex; align-items:center; position:relative; gap:1rem; margin-left:1rem}
.qna-list .item-view:after{content:''; width:0.1rem; height:1.5rem; margin:0 0.2rem; background-color:#dadada}
.qna-list .item-view span{flex:none; display:inline-flex; align-items:center; position:relative; line-height:1.25em; color:#505050; font-size:1.5rem; font-weight:normal; letter-spacing:-0.05rem}
.qna-list .item-view span.tit{color:#909090}
.qna-list .item-view span.tit:before{content:'\f0cf'; display:inline-flex; align-items:center; margin-right:0.3rem; color:#505050; font-family:'remixicon'; font-size:1.7rem}

.qna-list .item-date{display:inline-flex; align-items:center; justify-content:center; margin-left:1rem}
.qna-list .item-date span{line-height:1.25em; color:#909090; font-size:1.5rem; font-weight:normal; letter-spacing:-0.05rem}

.qna-list .list-body li:hover{background-color:#fff; box-shadow:0 .4rem 1.2rem 0 rgba(0, 0, 0, 0.12)}
.qna-list .list-body li:hover .item-q span{color:#202020}
.qna-list .list-body li:hover .item-answer{border:1px solid #dadada}


/* QnA view */
.qna-view .view-head{display:flex; flex-direction:column}
.qna-view .view-head .head-tit{display:flex; flex-direction:column; gap:1rem}
.qna-view .view-head .head-tit .badge-group{display:flex; align-items:center; gap:0.4rem}
.qna-view .view-head .head-tit .tit{line-height:1.4em; color:#202020; font-family:'NEXON-Lv2-Gothic','PretendardGOV'; font-size:3.3rem; font-weight:600; letter-spacing:-0.08rem; word-break:keep-all}

.qna-view .item-category{display:inline-flex; align-items:center; justify-content:center; flex-direction:row; position:relative; min-width:5.8rem; height:3.2rem; padding:0 1.2rem; border:0; border-radius:1rem; vertical-align:middle; transition:none; box-sizing:border-box}
.qna-view .item-category span{color:#fff; line-height:1.2em; font-size:1.4rem; font-weight:300; letter-spacing:-0.02rem; text-align:center; white-space:nowrap}
.qna-view .item-status{display:inline-flex; align-items:center; justify-content:center; flex-direction:row; position:relative; min-width:5.8rem; height:3.2rem;padding:0 1.2rem; background-color:#fff; border:1px solid #202020; border-radius:1rem; vertical-align:middle; transition:none; box-sizing:border-box}
.qna-view .item-status span{color:#202020; line-height:1.2em; font-size:1.4rem; font-weight:300; letter-spacing:-0.02rem; text-align:center; white-space:nowrap}
.qna-view .item-status.status-waiting{border:1px solid #909090}
.qna-view .item-status.status-waiting span{color:#909090}
.qna-view .item-status.status-answered{border:1px solid #4576ff}
.qna-view .item-status.status-answered span{color:#006fff}
.qna-view .item-status.status-solved{border:1px solid #67c6a9}
.qna-view .item-status.status-solved span{color:#67c6a9}

.qna-view .view-head .head-meta{position:relative; padding:3.5rem 0 2.5rem; border-bottom:1px solid #dadada}
.qna-view .view-head .head-meta .meta-list{display:flex; align-items:center; flex-wrap:wrap}
.qna-view .view-head .head-meta .meta-list li{display:inline-flex; align-items:center}
.qna-view .view-head .head-meta .meta-list li:after{content:''; width:1px; height:1.6rem; margin-left:1.5rem; margin-right:1.5rem; background:#dadada}
.qna-view .view-head .head-meta .meta-list li:last-child:after{display:none}
.qna-view .view-head .head-meta .tit,
.qna-view .view-head .head-meta .info{flex:none; display:inline-flex; align-items:center; position:relative; line-height:1.25em; font-size:1.5rem; font-weight:normal; letter-spacing:-0.05rem}
.qna-view .view-head .head-meta .tit{color:#909090}
.qna-view .view-head .head-meta .tit:before{margin-right:0.3rem; color:#505050; font-family:'remixicon'; font-size:1.7rem}
.qna-view .view-head .head-meta .meta-list li.meta-writer .tit:before{content:'\f256'}
.qna-view .view-head .head-meta .meta-list li.meta-view .tit:before{content:'\f0cf'}
.qna-view .view-head .head-meta .meta-list li.meta-date .tit:before{content:'\f20f'}
.qna-view .view-head .head-meta .info{margin-left:1.5rem; color:#505050}

.qna-view .view-content{min-height:25rem; padding:4.5rem 0; border-bottom:1px solid #dadada}
.qna-view .view-content img{max-width:100%}
.qna-view .view-content p{line-height:1.55em}
.qna-view .view-content.auto{min-height:auto}

.qna-view .view-foot{display:flex; align-items:center; justify-content:center; margin-top:3rem}
.qna-view .view-foot .foot-btn{display:flex; flex-wrap:wrap; gap:0.6rem; justify-content:center}


.view-answer{margin-top:8rem; padding:3rem; border:1px solid #ebebeb; border-radius:2.2rem}
.view-answer .answer-top{display:flex; margin-bottom:1.5rem}
.view-answer .answer-top .top-tit{display:flex; gap:0.8rem; width:100%}
.view-answer .answer-top .top-tit .tit{line-height:1.4em; color:#202020; font-family:'NEXON-Lv2-Gothic', 'PretendardGOV'; font-size:2.1rem; font-weight:600; letter-spacing:-0.05rem}
.view-answer .answer-top .answer-num{display:inline-flex; justify-content:center; position:relative; top:-1rem; min-width:3.4rem; padding:0.5rem 1rem; background-color:#006fff; border-radius:20rem 20rem 20rem 0; z-index:1;  box-sizing:border-box}
.view-answer .answer-top .answer-num .num{line-height:1.3em; color:#fff; font-family:Poppins; font-size:1.7rem; font-weight:300; letter-spacing:-0.05rem; text-align:center}

.view-answer .answer-container{display:flex; flex-direction:column}

.view-answer .answer-item{display:flex; flex-direction:column; padding:3rem 0; border-bottom:1px solid #ebebeb}
.view-answer .answer-item:last-child{border-bottom:none}
.view-answer .answer-item .answer-header{display:flex}
.view-answer .answer-item .answer-header .answer-author{display:inline-flex; align-items:center; gap:1rem}
.view-answer .answer-item .answer-header .answer-author .tit{line-height:1.4em; color:#202020; font-size:1.6rem; font-weight:300; letter-spacing:-0.05rem}

.view-answer .answer-item .answer-header .answer-meta{position:relative; margin-left:auto}
.view-answer .answer-item .answer-header .answer-meta .meta-list{display:flex; align-items:center; flex-wrap:wrap}
.view-answer .answer-item .answer-header .answer-meta .meta-list li{display:inline-flex; align-items:center}
.view-answer .answer-item .answer-header .answer-meta .meta-list li:after{content:''; width:1px; height:1.6rem; margin-left:1rem; margin-right:1rem; background:#dadada}
.view-answer .answer-item .answer-header .answer-meta .meta-list li:last-child:after{display:none}
.view-answer .answer-item .answer-header .answer-meta .meta-list span,
.view-answer .answer-item .answer-header .answer-meta .meta-list a{display:inline-flex; align-items:center; position:relative; line-height:1.25em; color:#505050; font-size:1.5rem; font-weight:normal; letter-spacing:-0.05rem}

.view-answer .answer-item .answer-content{margin-top:2rem; line-height:1.4em; color:#505050; font-size:1.6rem; font-weight:normal; letter-spacing:-0.05rem}

/* 답변 작성 */
.view-answer .answer-write-form{display:flex; flex-direction:column; margin-top:4rem}
.view-answer .answer-write-form .answer-form{display:inline-flex; align-items:center; justify-content:center; flex-direction:row; position:relative; box-sizing:border-box}
.view-answer .answer-write-form .answer-form textarea{width:100%; min-height:14rem; padding:1.3rem 1.5rem; color:#202020; font-family:'PretendardGOV', 'sans-serif'; font-size:1.6rem; font-weight:normal; text-align:left; letter-spacing:-0.02rem; background-color:#f8f8f8; border:0; border-radius:1.2rem; transition:all 0.3s; resize:vertical; box-sizing:border-box}
.view-answer .answer-write-form .answer-confirm{display:flex; justify-content:flex-end; margin-top:2rem}

/* 답변 수정 */
.view-answer .answer-edit-form{display:flex; flex-direction:column; margin-top:2rem}
.view-answer .answer-edit-form textarea{width:100%; min-height:14rem; padding:1.3rem 1.5rem; color:#202020; font-family:'PretendardGOV', 'sans-serif'; font-size:1.6rem; font-weight:normal; text-align:left; letter-spacing:-0.02rem; background-color:#f8f8f8; border:0; border-radius:1.2rem; transition:all 0.3s; resize:vertical; box-sizing:border-box}
.view-answer .answer-edit-form .edit-confirm{display:flex; justify-content:flex-end; gap:0.4rem; margin-top:1rem}

/* 코멘트 */
.view-answer .comment-container{display:flex; flex-direction:column; margin-top:2rem; padding:1rem 2.5rem; background-color:#f8f8f8; border-radius:1.2rem}
.view-answer .comment-item{padding:1.5rem 0; border-bottom:1px solid #ebebeb}
.view-answer .comment-item:last-child{border-bottom:none}
.view-answer .comment-item .comment-header{display:flex; align-items:center; gap:2rem}
.view-answer .comment-item .comment-header .comment-tit{line-height:1.4em; color:#202020; font-size:1.6rem; font-weight:300; letter-spacing:-0.05rem}
.view-answer .comment-item .comment-header .comment-meta{position:relative}
.view-answer .comment-item .comment-header .comment-meta .meta-list{display:flex; align-items:center; flex-wrap:wrap}
.view-answer .comment-item .comment-header .comment-meta .meta-list li{display:inline-flex; align-items:center}
.view-answer .comment-item .comment-header .comment-meta .meta-list li:after{content:''; width:1px; height:1.6rem; margin-left:1rem; margin-right:1rem; background:#dadada}
.view-answer .comment-item .comment-header .comment-meta .meta-list li:last-child:after{display:none}
.view-answer .comment-item .comment-header .comment-meta .meta-list span,
.view-answer .comment-item .comment-header .comment-meta .meta-list a{display:inline-flex; align-items:center; position:relative; line-height:1.25em; color:#505050; font-size:1.5rem; font-weight:normal; letter-spacing:-0.05rem}

.view-answer .comment-item .comment-content{margin-top:2rem; line-height:1.4em; color:#505050; font-size:1.6rem; font-weight:normal; letter-spacing:-0.05rem}

.view-answer .comment-form{display:flex; align-items:flex-start; gap:1rem; position:relative; margin-top:2rem; box-sizing:border-box}
.view-answer .comment-form textarea{flex:1; width:100%; min-height:8rem; padding:1.3rem 1.5rem; color:#202020; font-family:'PretendardGOV', 'sans-serif'; font-size:1.6rem; font-weight:normal; text-align:left; letter-spacing:-0.02rem; background-color:#fff; border:1px solid #dadada; border-radius:1.2rem; transition:all 0.3s; resize:vertical; box-sizing:border-box}





/* QnA write */
.qna-write{min-width:80rem; max-width:80rem; margin:0 auto}

.qna-write .write-dsption{display:flex; flex-direction:column; padding:4rem; background:#f8f8f8; border-radius:2.4em; box-sizing:border-box}
.qna-write .write-dsption .dsption-ico{display:flex; align-items:center; justify-content:center; width:6rem; height:5rem; margin-bottom:1rem; background-color:#006fff; border-radius:20rem}
.qna-write .write-dsption .dsption-ico i{color:#fff; font-size:2.8rem}
.qna-write .write-dsption .dsption-info{display:flex; flex-direction:column; gap:2rem}
.qna-write .write-dsption .dsption-info .tit{line-height:2.5rem; color:#202020; font-family:'NEXON-Lv2-Gothic','PretendardGOV'; font-size:2.1rem; font-weight:600; letter-spacing:-0.05rem}
.qna-write .write-dsption .dsption-info .info li{position:relative; margin-bottom:0.2rem; line-height:1.4em; color:#808080; font-size:1.6rem; font-weight:normal; letter-spacing:-0.02rem; word-break:keep-all}

.qna-write .write-form .form-list{display:flex; flex-direction:column; gap:3rem}
.qna-write .write-form .form-list > li{display:flex; flex-direction:column; gap:0.8rem; position:relative; box-sizing:border-box}

.qna-write .write-form .form-tit{display:flex; align-items:center; box-sizing:border-box}
.qna-write .write-form .form-tit .tit{display:inline-flex; align-items:center; line-height:1.4em; color:#202020; font-size:1.6rem; letter-spacing:-0.05rem; font-weight:normal}
.qna-write .write-form .form-cont{display:flex; align-items:center; flex:1; box-sizing:border-box}
.qna-write .write-form .form-cont .cont-txt .txt{line-height:2.6rem; font-size:1.6rem; letter-spacing:-0.05rem; color:#505050; font-weight:normal; word-break:keep-all}
.qna-write .write-form .ckditor-container{width:100%}

.qna-write .write-foot{display:flex; align-items:center; justify-content:center; margin-top:3rem}



/* **************************************** *
 * notice
 * **************************************** */
/* notice list */
.notice-list .list-body{display:flex; flex-direction:column; gap:1rem}
.notice-list .list-body li{display:flex; align-items:center; height:8rem; padding:0 4rem; background-color:#f8f8f8; border-radius:2rem; transition:all .35s ease; box-sizing:border-box}
.notice-list .list-body li > .col1{flex:1; display:flex; align-items:center}
.notice-list .list-body li > .col2{flex:none; display:flex; align-items:center}

.notice-list .item-first{display:inline-flex; align-items:center}

.notice-list .item-notice{display:inline-flex; align-items:center; justify-content:center; flex-direction:row; position:relative; min-width:5.8rem; height:3.2rem; margin-right:1rem; padding:0 1.2rem; background-color:#4576ff; border:0; border-radius:1rem; vertical-align:middle; transition:none; box-sizing:border-box}
.notice-list .item-notice span{color:#fff; line-height:1.2em; font-size:1.4rem; font-weight:300; letter-spacing:-0.02rem; text-align:center; white-space:nowrap}

.notice-list .item-num{display:inline-flex; align-items:center; justify-content:center; min-width:58px; margin-right:1rem}
.notice-list .item-num span{line-height:1.25em; color:#909090; font-size:1.5rem; font-weight:normal; letter-spacing:-0.05px}

.notice-list .item-subject{flex:1; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis; word-wrap:break-word; word-break:keep-all; overflow:hidden; box-sizing:border-box}
.notice-list .item-subject a{position:relative; line-height:1.25em; color:#202020; font-family:'NEXON-Lv2-Gothic','PretendardGOV'; font-size:1.8rem; font-weight:300; letter-spacing:-0.05rem}

.notice-list .item-writer{display:inline-flex; align-items:center; position:relative; gap:1rem; margin-left:1rem}
.notice-list .item-writer:after{content:''; width:0.1rem; height:1.5rem; margin:0 0.2rem; background-color:#dadada}
.notice-list .item-writer span{display:inline-flex; align-items:center; position:relative; line-height:1.25em; color:#505050; font-size:1.5rem; font-weight:normal; letter-spacing:-0.05rem}
.notice-list .item-writer span.tit{color:#909090}
.notice-list .item-writer span.tit:before{content:'\f256'; display:inline-flex; align-items:center; margin-right:0.3rem; color:#505050; font-family:'remixicon'; font-size:1.7rem}

.notice-list .item-view{display:inline-flex; align-items:center; position:relative; gap:1rem; margin-left:1rem}
.notice-list .item-view:after{content:''; width:0.1rem; height:1.5rem; margin:0 0.2rem; background-color:#dadada}
.notice-list .item-view span{display:inline-flex; align-items:center; position:relative; line-height:1.25em; color:#505050; font-size:1.5rem; font-weight:normal; letter-spacing:-0.05rem}
.notice-list .item-view span.tit{color:#909090}
.notice-list .item-view span.tit:before{content:'\f0cf'; display:inline-flex; align-items:center; margin-right:0.3rem; color:#505050; font-family:'remixicon'; font-size:1.7rem}

.notice-list .item-date{display:inline-flex; align-items:center; justify-content:center; margin-left:1rem}
.notice-list .item-date span{line-height:1.25em; color:#909090; font-size:1.5rem; font-weight:normal; letter-spacing:-0.05rem}

.notice-list .list-body li:hover{background-color:#fff; box-shadow:0 .4rem 1.2rem 0 rgba(0, 0, 0, 0.12)}


/* notice view */
.notice-view .view-head{display:flex; flex-direction:column}
.notice-view .view-head .head-tit{display:flex; flex-direction:column; gap:1rem}
.notice-view .view-head .head-tit .badge-group{display:flex; align-items:center; gap:0.4rem}
.notice-view .view-head .head-tit .tit{line-height:1.4em; color:#202020; font-family:'NEXON-Lv2-Gothic','PretendardGOV'; font-size:3.3rem; font-weight:600; letter-spacing:-0.08rem; word-break:keep-all}

.notice-view .view-head .head-meta{position:relative; padding:3.5rem 0 2.5rem; border-bottom:1px solid #dadada}
.notice-view .view-head .meta-list{display:flex; align-items:center; flex-wrap:wrap}
.notice-view .view-head .meta-list li{display:inline-flex; align-items:center}
.notice-view .view-head .meta-list li:after{content:''; width:1px; height:1.6rem; margin-left:1.5rem; margin-right:1.5rem; background:#dadada}
.notice-view .view-head .meta-list li:last-child:after{display:none}
.notice-view .view-head .meta-list .tit,
.notice-view .view-head .meta-list .info{display:inline-flex; align-items:center; position:relative; line-height:1.25em; font-size:1.5rem; font-weight:normal; letter-spacing:-0.05rem}
.notice-view .view-head .meta-list .tit{color:#909090}
.notice-view .view-head .meta-list .tit:before{margin-right:0.3rem; color:#505050; font-family:'remixicon'; font-size:1.7rem}
.notice-view .view-head .meta-list li.meta-writer .tit:before{content:'\f256'}
.notice-view .view-head .meta-list li.meta-view .tit:before{content:'\f0cf'}
.notice-view .view-head .meta-list li.meta-date .tit:before{content:'\f20f'}
.notice-view .view-head .meta-list .info{margin-left:1.5rem; color:#505050}

.notice-view .view-content{min-height:25rem; padding:4.5rem 0; border-bottom:1px solid #dadada}
.notice-view .view-content img{max-width:100%}
.notice-view .view-content p{line-height:1.55em}
.notice-view .view-content.auto{min-height:auto}

.notice-view .view-foot{display:flex; align-items:center; justify-content:center; margin-top:3rem}