@charset "utf-8";

.align_left {text-align: left !important;}
.align_right {text-align: right !important;}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////

   board_search
   검색

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.board_search {margin-bottom: 20px;}
.board_search::after {content: ""; display: block; clear: both;}
.board_search .count {display: none;}
.board_search .count {float: left; height: auto; margin-top: 15px;}
.board_search .count strong {position: relative; font-weight:400;}
.board_search .count .price {position:relative; display:inline-block; padding-right:23px;}
.board_search .count .price:after {content:""; display:block; position:absolute; top:50%; right:10px; width:1px; height:12px; margin-top:-5px; background:#ccc;}
.board_search .count span {color:#0766b6;}

.board_search .select {float: right; }
.board_search .select form {display: flex; gap: 0.4rem; align-items: center;}
.board_search .select select,
.board_search .select input:not([type="submit"]) {display: block; padding: 0 var(--r-16); border: 1px solid var(--color-gray-30); border-radius: 1rem; font-weight: 400; font-size: 1.6rem; color: #353535;}
.board_search .select select,
.board_search .select input:not([type="submit"]),
.board_search .select .search_btn {height: 4.4rem; line-height: 4.4rem;}
.board_search .select select {margin-right: 0.4rem; padding-left: var(--r-16); padding-right: var(--r-36); background: #fff url(../../../images/site/kor/common/layout.svg#i-arr-down-gray) no-repeat center right 1.2rem; background-size: 2rem;}
.board_search .select input[type="text"] {width: 20rem;}
.board_search .select .search_btn {display: inline-flex; height: var(--r-44); padding: 0 1.9rem; border: 1px solid #4E5968; border-radius: 1rem; background-color: #4E5968; line-height: 1; font-weight: 600; font-size: 1.7rem; color: #ffffff; text-align: center; cursor: pointer; align-items: center; justify-content: center;}

/*-------------------------------------------------------------------
	@interaction
-------------------------------------------------------------------*/
.board_search,
.board_search .select select,
.board_search .select input,
.board_search .select .search_btn {transition: all 0.3s ease; box-shadow: 0 0 0 .4rem rgba(13, 110, 253, 0);}
.board_search .select select:focus,
.board_search .select input:focus {outline: 1px solid rgb(36, 107, 235); box-shadow: 0 0 0 .4rem rgba(13, 110, 253, .25);}
.board_search .select .search_btn:focus {box-shadow: 0 0 0 .4rem rgba(13, 110, 253, .25);}

.board_search .select .search_btn:hover,
.board_search .select .search_btn:focus {border-color: var(--color-primary-50); background-color: var(--color-primary-50);}

/*-------------------------------------------------------------------
	@media
-------------------------------------------------------------------*/
@media screen and (max-width:768px){
    .board_search .count,
    .board_search .select {float: none;}
    .board_search .count {margin-top: 0; margin-bottom: 0.8rem;}
    .board_search .select select {flex-grow: 0;}
    .board_search .select .search_btn {flex-grow: 0; flex-shrink: 0;}
    .board_search .select input[type="text"] {width: auto; flex-grow: 1;}
}
@media screen and (max-width:480px){
    .board_search .select form {display: grid; grid-template-columns: 1fr auto; gap: 0.8rem 0.4rem;}
    .board_search .select select,
    .board_search .select input {grid-column: span 2;}
    .board_search .select select {margin-right: 0;}
    .board_search .select input[type="text"] {grid-column: span 1;}
    .board_search .select .search_btn {grid-column: 2 / 3;}
}

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////

   btns
   버튼

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.board_btns {display: block; margin-top: 2.4rem; position: relative; justify-content: center; align-items: center;}
.board_btns .inner {display: flex; justify-content: flex-end; align-items: center; gap: 0.8rem;}

.list_btns {display: block; position: relative; justify-content: center; align-items: center;}
.list_btns .inner {display: flex; position: absolute; top: 4.6rem; right: 0; justify-content: flex-end; align-items: center; gap: 0.8rem;}

/*-------------------------------------------------------------------
	@media
-------------------------------------------------------------------*/
@media screen and (max-width: 840px){
	.list_btns {margin-top: 2.4rem;}
  	.list_btns .inner {position: relative; top: auto; right: auto;}
}

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////

   page
   페이징

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.page {display: flex; margin-top: 4.8rem; text-align:center; justify-content: center; align-items: center; gap: 0.4rem; flex-wrap: wrap;}
.page a {display: inline-flex; width: 4rem; height: 4rem; border: 1px solid transparent; border-radius: 0.8rem; font-weight: 500; font-size: 1.5rem; color: var(--color-gray-70); align-items: center; justify-content: center;}

.page a[class*="page_"] {background-color: #EFEFEF; background-repeat: no-repeat; background-position: center; background-size: 1.8rem;}
.page a.page_first {background-image: url(../../../images/site/kor/board/page_first.svg);}
.page a.page_left {background-image: url(../../../images/site/kor/board/page_left.svg);}
.page a.page_right {background-image: url(../../../images/site/kor/board/page_right.svg);}
.page a.page_end {background-image: url(../../../images/site/kor/board/page_end.svg);}

/*-------------------------------------------------------------------
	@interaction
-------------------------------------------------------------------*/
.page a,
.page a:link,
.page a:visited,
.page a:active {transition: all 0.3s;}

.page a:focus,
.page a:hover,
.page a[class*="page_"]:focus,
.page a[class*="page_"]:hover,
.page a.on {background-color: var(--color-primary); border-color: var(--color-primary); color: #fff;}

.page a.page_first:focus,
.page a.page_first:hover {background-image: url(../../../images/site/kor/board/page_first_act.svg);}
.page a.page_left:focus,
.page a.page_left:hover {background-image: url(../../../images/site/kor/board/page_left_act.svg);}
.page a.page_right:focus,
.page a.page_right:hover {background-image: url(../../../images/site/kor/board/page_right_act.svg);}
.page a.page_end:focus,
.page a.page_end:hover {background-image: url(../../../images/site/kor/board/page_end_act.svg);}

/* accessibility */
.page a.page_first,
.page a.page_left,
.page a.page_right,
.page a.page_end {overflow: hidden; text-indent:-2000px;}

/*-------------------------------------------------------------------
	@media
-------------------------------------------------------------------*/
@media screen and (max-width: 840px){
  	.page a {width: 3.2rem; height: 3.2rem;}
	.list_btns + .page {margin-top: 2.4rem;}
}
@media screen and (max-width: 600px){
    .page a {width: 2.8rem; height: 2.8rem;}
}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////

   notice_list
   공지형_게시판

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.notice_list {margin-top: 20px; border-top: 2px solid #333; border-bottom: 1px solid #eeeeee;}
.notice_list ul {display: table; table-layout: fixed; width: 100%; border-collapse: collapse; border-spacing:0;}
.notice_list ul li {display: table-row; position: relative; border-bottom: 1px solid #eeeeee;}
.notice_list ul li:last-child{border-bottom:0;}

.notice_list ul li p,
.notice_list ul li .subject,
.notice_list ul li.thead strong {display: table-cell; padding: 1.6rem 1rem; line-height: 1.2; text-align: center; vertical-align: middle; color: var(--color-gray-60);}
.notice_list ul li .subject,
.notice_list ul li.thead strong.subject {font-weight: 500; color: var(--color-gray-80); font-size: 1.7rem;}

/*-------------------------------------------------------------------
	@variation
-------------------------------------------------------------------*/
.notice_list ul li .no {width: 7rem;}
.notice_list ul li .subject {width: auto;}
.notice_list ul li .writer {width: 16rem;}
.notice_list ul li .date {width: 13rem;}
.notice_list ul li .counter {width: 7rem;}
.notice_list ul li .file_atch {width: 8rem;}
.notice_list ul li .depart {width: 16rem;}

/*헤드 항목*/
.notice_list ul li.thead {border-bottom: 1px solid #C6CFE2; background-color: rgb(0, 47, 123, 0.03);}
.notice_list ul li.thead strong {font-weight: 400;}

/*공지글*/
.notice_list ul li.notice {background: #fbfbfb;}
.notice_list ul li.notice .no {overflow: hidden; background: url(../../../images/site/kor/board/i_notice.svg) no-repeat center / 2.4rem; text-indent:-1000px;}

/*제목부분*/
.notice_list ul li .subject a {display: flex; align-items: center;}
.notice_list ul li .subject a strong {display: inline-block; overflow: hidden; font-weight: 500; white-space: nowrap; width: auto; text-overflow: ellipsis;}

/*아이콘*/
.notice_list ul li .subject a .new {overflow: hidden; display: flex; flex-shrink: 0; margin-left: 0.8rem; padding: 0.8rem; border-radius: 999px; background-color: rgba(235, 97, 0, 0.15); line-height: 1; font-weight: 500; font-size: 1.5rem; color: #EB6100; text-transform: uppercase; vertical-align: middle; width: 2.8rem; height: 2.8rem; text-align: center;}
.notice_list ul li .subject a strong .reply {display: none; width: 1em; height: 1em; line-height: inherit; font-size: inherit; background: url(../../../images/site/kor/board/i_reply.svg) no-repeat center / contain; text-indent: -2000px; vertical-align: middle;}
.notice_list ul li .subject a strong .js_secret {display: none; width: 1em; height: 1em; line-height: inherit; font-size: inherit; background: url(../../../images/site/kor/board/i_secret.svg) no-repeat center / contain; text-indent: -2000px; vertical-align: middle;}

/*-------------------------------------------------------------------
	@interaction
-------------------------------------------------------------------*/
.notice_list ul li,
.notice_list ul li p {transition: all 0.3s ease;}

/* .notice_list ul li:not(.thead):hover {background: #f7f7f7;} */
.notice_list ul li .subject a:hover strong {text-decoration: underline; color: var(--color-primary);}

.notice_list ul li .subject a.new strong .new,
.notice_list ul li .subject a.reply strong .reply,
.notice_list ul li .subject a.js_secret strong .js_secret {display: inline-block;}

/*-------------------------------------------------------------------
	@media
-------------------------------------------------------------------*/
@media screen and (max-width:840px){
    .notice_list ul {display: block;}
    .notice_list ul li {display: flex; flex-wrap: wrap; align-items: center;}
    .notice_list ul li {gap: 1.2rem;}
    .notice_list ul li.thead {display:none;}

    /* 구분 라인 */
    .notice_list ul li {width: 100%; padding: 1.6rem 0;}
    /* .notice_list ul li .no {width: 4rem; height: 2rem; line-height: 2rem; padding: 0; border-radius: 0.4rem; background: #EFEFEF; font-size: 1.3rem;} */
    .notice_list ul li p:not(.subject),
    .notice_list ul li .writer,
    .notice_list ul li .date,
    .notice_list ul li .file_atch {display: block; width: auto; padding: 0; font-size: 1.3rem;}

    /*제목부분*/
    .notice_list ul li .subject {display: block; width: 100%; padding: 0; font-size: 1.6rem;}
    .notice_list ul li .subject a strong {overflow: hidden; position: relative; width: auto; max-width: 100%; line-height: 2.4rem; white-space: nowrap; text-overflow: ellipsis; vertical-align: middle;}

    /*아이콘*/
    .notice_list ul li.notice .no {width: 2.3rem; height: 2.3rem; background-size: contain; font-size: inherit;}
    .notice_list ul li.notice .subject {width: calc(100% - 2em - 1.2rem);}
    .notice_list ul li .subject a .new {margin-right: 0.6rem; padding: 0.5rem 0.8rem;}
    .notice_list ul li .subject a.js_secret strong {padding-right: 1.2em;}
    .notice_list ul li .subject a strong .js_secret {position: absolute; top: 0; right: 0; height: 100%;}

    .notice_list ul li:not(.notice) p.no,
    .notice_list ul li p.counter {display: none;}
    .notice_list ul li .subject a .new {line-height: 1;}
}
@media screen and (max-width:640px){
	  .notice_list ul li p.no {display: none;}
	  .notice_list ul li.notice {background-color: rgb(0, 47, 123, 0.03);}
    .notice_list ul li.notice .subject {width: 100%;}
}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////

   qna_list
   qna_게시판

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.qna_list {margin-top: 20px; border-top: 2px solid #333; border-bottom: 1px solid #eeeeee;}
.qna_list ul {display: table; table-layout: fixed; width: 100%; border-collapse: collapse; border-spacing:0;}
.qna_list ul li {display: table-row; position: relative; border-bottom: 1px solid #eeeeee;}
.qna_list ul li:last-child{border-bottom:0;}

.qna_list ul li p,
.qna_list ul li .subject,
.qna_list ul li.thead strong {display: table-cell; padding: 1.6rem 1rem; line-height: 1.2; text-align: center; vertical-align: middle; color: var(--color-gray-60);}
.qna_list ul li .subject,
.qna_list ul li.thead strong.subject {font-weight: 500; color: var(--color-gray-80); font-size: 1.7rem;}

/*-------------------------------------------------------------------
	@variation
-------------------------------------------------------------------*/
.qna_list ul li .no {width: 7rem;}
.qna_list ul li .subject {width: auto;}
.qna_list ul li .writer {width: 9rem;}
.qna_list ul li .date {width: 13rem;}
.qna_list ul li .counter {width: 7rem;}
.qna_list ul li .file_atch {width: 8rem;}
.qna_list ul li .depart {width: 16rem;}

/*헤드 항목*/
.qna_list ul li.thead {border-bottom: 1px solid #C6CFE2; background-color: rgb(0, 47, 123, 0.03);}
.qna_list ul li.thead strong {font-weight: 400;}

/*공지글*/
.qna_list ul li.notice {background: #fbfbfb;}
.qna_list ul li.notice .no {overflow: hidden; background: url(../../../images/site/kor/board/i_notice.svg) no-repeat center / 2.4rem; text-indent:-1000px;}

/*제목부분*/
.qna_list ul li .subject a {display: flex; align-items: center;}
.qna_list ul li .subject a strong {display: flex; align-items: center; flex-direction: row-reverse; justify-content: flex-end; gap: 0.8rem; position: relative; font-weight: 500;}
.qna_list ul li .subject a strong .title {overflow: hidden; display: inline-block; font-weight: 500; white-space: nowrap; text-overflow: ellipsis; width: auto;}
.qna_list ul li .subject a.reply {margin-left: calc(8.4rem + 0.28em);}

/*아이콘*/
.qna_list ul li .subject a .new {overflow: hidden; display: flex; flex-shrink: 0; padding: 0.8rem; border-radius: 999px; background-color: rgba(235, 97, 0, 0.15); line-height: 1; font-weight: 500; font-size: 1.5rem; color: #EB6100; text-transform: uppercase; vertical-align: middle; width: 2.8rem; height: 2.8rem; text-align: center;}
.qna_list ul li .subject a .reply {width: 1em; height: 1em; line-height: inherit; font-size: inherit; background: url(../../../images/site/kor/board/i_reply.svg) no-repeat center / contain; text-indent: -2000px; vertical-align: middle;}
.qna_list ul li .subject a .js_secret {width: 1em; height: 1em; line-height: inherit; font-size: inherit; background: url(../../../images/site/kor/board/i_secret.svg) no-repeat center / contain; text-indent: -2000px; vertical-align: middle; order: 1;}

.qna_list ul li .subject a [class*="answer"] {display: inline-block; overflow: hidden; min-width: 7.6rem; padding: 0.8rem 1.2rem; border-radius: 999px; background-color: #eee; line-height: 1; font-weight: 500; font-size: 1.5rem; color: var(--color-gray-60); text-align: center; text-transform: uppercase; vertical-align: middle; order: 2;}
.qna_list ul li .subject a .answer_complete {background-color: var(--color-point); color: #fff; order: 2;}
.answer_complete {display: inline-block; overflow: hidden; min-width: 7.6rem; padding: 0.8rem 1.2rem; border-radius: 999px; background-color: var(--color-point); color: #fff; line-height: 1; font-weight: 500; font-size: 1.5rem; text-align: center; text-transform: uppercase; vertical-align: middle;}

/*-------------------------------------------------------------------
	@interaction
-------------------------------------------------------------------*/
.qna_list ul li,
.qna_list ul li p {transition: all 0.3s ease;}

/* .qna_list ul li:not(.thead):hover {background: #f7f7f7;} */
.qna_list ul li .subject a:hover .title {text-decoration: underline; color: var(--color-primary);}

.qna_list ul li .subject a.new strong .new,
.qna_list ul li .subject a.reply strong .reply,
.qna_list ul li .subject a.js_secret strong .js_secret {display: inline-block;}

/*-------------------------------------------------------------------
	@media
-------------------------------------------------------------------*/
@media screen and (max-width:1024px){
    .qna_list ul {display: block;}
    .qna_list ul li {display: flex; flex-wrap: wrap; align-items: center; gap: 1.2rem;}
    .qna_list ul li.thead {display:none;}

    /* 구분 라인 */
    .qna_list ul li {width: 100%; padding: 1.6rem 0;}
    /* .qna_list ul li .no {width: 4rem; height: 2rem; line-height: 2rem; padding: 0; border-radius: 0.4rem; background: #EFEFEF; font-size: 1.3rem;} */
    .qna_list ul li p:not(.subject),
    .qna_list ul li .writer,
    .qna_list ul li .date,
    .qna_list ul li .file_atch {display: block; width: auto; padding: 0; font-size: 1.4rem;}

    /* 제목부분 */
    .qna_list ul li .subject {display: block; width: 100%; padding: 0; font-size: 1.6rem;}
    .qna_list ul li .subject a strong {overflow: hidden; position: relative; width: auto; max-width: 100%; line-height: 2.4rem; white-space: nowrap; text-overflow: ellipsis; vertical-align: middle;}

    /* 아이콘 */
    .qna_list ul li.notice .no {width: 2.3rem; height: 2.3rem; background-size: contain; font-size: inherit;}
    .qna_list ul li.notice .subject {width: calc(100% - 2em - 1.2rem);}
    .qna_list ul li .subject a strong .new {margin-right: 0.6rem; padding: 0.5rem 0.8rem;}

	.qna_list ul li .subject a.reply {margin-left: 0;}
	.qna_list ul li .subject a:not(.reply) strong {padding-top: 3.6rem;}
	.qna_list ul li .subject a [class*="answer"] {position: absolute; top: 0; left: 0; font-size: 1.4rem;}

    .qna_list ul li:not(.notice) p.no,
    .qna_list ul li p.counter {display: none;}
}
@media screen and (max-width:640px){
	.qna_list ul li p.no {display: none;}
    .qna_list ul li.notice .subject {width: 100%;}
}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////

   faq_list
   FAQ_게시판

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.faq_list li,
.faq_list li strong a,
.faq_list li .question a:after{transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.faq_list{border-top:2px solid #333; border-bottom:1px solid #646464;}
.faq_list li{overflow:hidden; position:relative;}
/*질문*/
.faq_list li .question{overflow:hidden; display:block; border-bottom:1px solid #cfcfcf;}
.faq_list li:last-child .question{border-bottom:0;}
.faq_list li .question a{position:relative; display:block; width:100%; padding:15px; font-weight:400; box-sizing:border-box;}
.faq_list li .question a:hover,
.faq_list li .question a:active,
.faq_list li .question a:link{text-decoration:none;}
.faq_list li .question a:before{content:"Q"; display:block; position:absolute; top:9px; left:15px; width:33px; height:33px; line-height:31px; background:url(../../../images/site/skin/icon_board_question.png)no-repeat; background-size:100% auto; text-align:center; font-size:16px; color:#fff;}
.faq_list li .question a:after{content:""; position:absolute; top:50%; right:15px; display:block; width:11px; height:7px; margin-top:-4px; background:url(../../../images/site/skin/arrow_board.gif) no-repeat center center;}
.faq_list li .question.on a:after{background:url(../../../images/site/skin/arrow_board_ov.gif) no-repeat left top; transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.faq_list li .question a span{display: block; padding:0 17px 0 43px;}
/*답변*/
.faq_list li .answer{position:relative; display:none; padding:15px; background:#f7f7f7; border-bottom:1px solid #cfcfcf;}
.faq_list li .answer:after{content:"A"; position:absolute; top:7px; left:15px; display:block; width:33px; height:33px; line-height:31px; background:url(../../../images/site/skin/icon_board_answer.png)no-repeat; background-size:100% auto; text-align:center; font-size:16px; color:#fff;}
.faq_list li .answer p{padding:0 0 0 43px;}
/*첨부파일있을경우*/
.faq_list li .answer ul{margin-top:8px; padding:0 0 0 43px;}
.faq_list li .answer ul li{margin-top:2px; font-size:14px;}
.faq_list li .answer ul li:first-child{margin-top:0;}
.faq_list li .answer ul li a{display:inline-block; padding-left:18px; padding-bottom:2px; background:url(../../../images/site/skin/icon_file_02.gif) no-repeat left top 3px; word-break:break-all; box-sizing:border-box;}

@media screen and (max-width:640px){
	.faq_list li .question a:before{top:7px;}
	.faq_list li .answer ul li a{padding-left:16px; background-position:left top 1px;}
}



.board .faq-list {display: block;}
.board .faq-list > li {display: block; position: relative; border-radius: 2rem; background-color: #FAFAFA;}
.board .faq-list > li + li {margin-top: 0.8rem;}
.board .faq-list > li > .btn-acr {display: flex; position: relative; width: 100%; padding: 2.4rem 5.8rem 2.4rem 2rem; background-color: transparent; font-weight: 600; font-size: 1.7rem; color: var(--color-gray-90); text-align: left; align-items: center;}
.board .faq-list > li > .btn-acr::before {content: ""; display: block; width: 3rem; height: 3rem; margin-right: 2rem; background: url(../../../images/site/kor/common/i_q.svg) no-repeat center / contain; flex-shrink: 0;}
.board .faq-list > li > .list {margin-left: var(--r-16);}
.board .faq-list > li > .acr-con {display: none; position: relative; padding: 0 2rem 3.2rem 7rem; font-weight: 500; font-size: 1.7rem;}
.board .faq-list > li > .acr-con::before {content: ""; display: block; position: absolute; top: 0; left: 2rem; width: 3rem; height: 3rem; margin-right: 2rem; background: url(../../../images/site/kor/common/i_a.svg) no-repeat center / contain;}

/* fold */
.board .faq-list > li > .btn-acr.fold::after {content:""; position: absolute; top: calc(50% - 1.5rem); right: 2rem; width: 3rem; height: 3rem; border-radius: 50%; background: #AAAAAA url(../../../images/site/kor/common/layout.svg#i-arr-down-white) no-repeat center / 2.4rem;}

/*------------------------------------------------------------------- 
	@interaction
-------------------------------------------------------------------*/
.board .faq-list > li > .btn-acr {transition: padding 0.3s, color 0.3s;}
.board .faq-list > li > .btn-acr:focus-visible {outline: 2px solid var(--color-primary); outline-offset: -0.4em;}

.board .faq-list > li > .btn-acr:focus-visible,
.board .faq-list > li > .btn-acr:hover,
.board .faq-list > li > .btn-acr.active {color: var(--color-primary);}
.board .faq-list > li > .btn-acr.active {padding-top: 3.2rem;}

.board .faq-list > li > .btn-acr::after {transition: background 0.3s;}
.board .faq-list > li > .btn-acr:focus-visible::after,
.board .faq-list > li > .btn-acr:hover::after,
.board .faq-list > li > .btn-acr.active::after {background-color: var(--color-gray-70);}

.board .faq-list > li > .btn-acr.active.fold::after {transform: rotate(180deg);}

/*-------------------------------------------------------------------
    @media
-------------------------------------------------------------------*/
@media screen and (max-width: 1024px) {
    .inner .faq-area {max-width: 100%; width: auto; min-width: 0;}
    .board .faq-list > li > .btn-acr.active {padding-top: 2rem;}
    .board .faq-list > li > .acr-con {padding-bottom: 2rem;}
}
@media screen and (max-width: 600px) {
    .board .faq-list > li > .btn-acr {font-size: 1.6rem;}
    .board .faq-list > li > .btn-acr::before {width: 2.4rem; height: 2.4rem; margin-right: 1.6rem;}
    .board .faq-list > li > .acr-con {padding-left: 6.2rem; font-size: 1.4rem;}
    .board .faq-list > li > .acr-con::before {width: 2.4rem; height: 2.4rem; margin-right: 1.6rem;}
}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////

   bodo_list
   보도형_게시판

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.bodo_list ul li,
.bodo_list ul li a,
.bodo_list ul li a .photo,
.bodo_list ul li a .photo span img{transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.bodo_list{margin-top:20px;}
.bodo_list ul{overflow:hidden; border-top:2px solid #333; border-bottom:1px solid #646464;}
.bodo_list ul li{padding:20px 10px; border-bottom:1px dashed #ccc;}
.bodo_list ul li:last-child{border-bottom:0;}
.bodo_list ul li a{position:relative; display:block; min-height:152px; padding-left:220px;}
.bodo_list ul li a .photo{overflow:hidden; position:absolute; left:0; top:0; display:block; width:200px;height:150px; background-color:#eee;}
.bodo_list ul li a .photo span{display:block; position:absolute; top:0; left:50%; width:2000px; height:100%; margin-left:-1000px; text-align:center;}
.bodo_list ul li a .photo span img{height:100%; transform:scale(1); -webkit-transform:scale(1);}

.bodo_list ul li a .subject{overflow: hidden; display:inline-block; max-width:100%; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle; font-weight:700; box-sizing:border-box;}
.bodo_list ul li a .contents{overflow:hidden; display:block; height:88px; margin:10px 0 2px;}
.bodo_list ul li a .writer,
.bodo_list ul li a .date{display:inline-block; line-height:18px; vertical-align:middle; font-size:14px; color:#787878;}
.bodo_list ul li a .writer{margin-right:5px;}

.bodo_list ul li a:hover .photo span img{transform:scale(1.1); -webkit-transform:scale(1.1);}
.bodo_list ul li a:hover .subject{text-decoration:underline;}
/*아이콘*/
.bodo_list ul li a .subject{position:relative; padding-right:18px;}
.bodo_list ul li a .subject .new{overflow:hidden; position:absolute; top:0; right:0; display:none; width:13px; background:url(../../../images/site/skin/icon_board_new.gif) no-repeat left center; text-indent:-2000px;}
.bodo_list ul li a.new .subject .new{display:inline-block;}

@media screen and (max-width:640px){
  .bodo_list ul li{padding:10px 10px;}
  .bodo_list ul li a{min-height:90px; padding-left:135px;}
  .bodo_list ul li a .photo{top:3px; width:120px; height:90px;}
  .bodo_list ul li a .contents{height:52px; margin:7px 0 2px;}
  .bodo_list ul li a .writer,
  .bodo_list ul li a .date{font-size:13px;}
}
@media screen and (max-width:380px){
  .bodo_list ul li a{min-height:auto; padding-left:0; padding-top:100px;}
  .bodo_list ul li a .photo{top:0; left:50%; margin-left:-60px;}
  .bodo_list ul li a .contents{height:auto; max-height:35px; margin:6px 0 3px;}
}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////

   photo_list
   포토형_게시판

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.photo_list ul {display: grid; grid-template-columns: repeat(3, 1fr); gap: 4rem;}
.photo_list ul li {display: block; overflow: hidden;}
.photo_list ul li > a {display: flex; width: 100%; flex-wrap: wrap;}
.photo_list ul li > a .photo {display: block; overflow: hidden; position: relative; width: 100%; margin-bottom: 1.6rem; padding-top: 70.588%; border-radius: 1rem;}
.photo_list ul li > a .photo img {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.photo_list ul li > a .subject {display: block; overflow: hidden; max-width: 100%; width: 100%; margin-bottom: 1.2rem; font-weight: 500; font-size: 1.7rem; line-height: 1.2; color: var(--color-gray-80); white-space: nowrap; text-overflow: ellipsis;}
.photo_list ul li > a .writer,
.photo_list ul li > a .date {display: block; overflow: hidden; position: relative; line-height: 1.2; font-weight: 400; font-size: 1.5rem; color: var(--color-gray-60); white-space: nowrap; text-overflow: ellipsis;}

.photo_list ul li > a .writer + .date {margin-left: 1rem; padding-left: 1.1rem;}
.photo_list ul li > a .writer + .date::before {content: ""; position: absolute; top: 15%; left: 0; width: 1px; height: 70%; background: var(--color-gray-60);}

/*-------------------------------------------------------------------
	@interaction
-------------------------------------------------------------------*/
.photo_list ul li > a,
.photo_list ul li > a .photo img,
.photo_list ul li > a .subject {transition: all 0.3s;}
.photo_list ul li > a:focus-visible .photo img,
.photo_list ul li > a:hover .photo img {transform: scale(1.1);}
.photo_list ul li > a:focus-visible .subject,
.photo_list ul li > a:hover .subject {animation: color-change-2x 2s linear infinite alternate both;}
@supports not (-webkit-background-clip: text) {
	.photo_list ul li > a:focus-visible .subject,
	.photo_list ul li > a:hover .subject {background: transparent; color: var(--color-primary); animation: none;}
}
@keyframes color-change-2x {
  0% {
    background: var(--color-primary);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
  }
  100% {
	background: var(--color-primary-50);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
  }
}

/*-------------------------------------------------------------------
	@media
-------------------------------------------------------------------*/
@media screen and (max-width: 1480px) {
	.photo_list ul {gap: 2rem;}
}
@media screen and (max-width: 768px) {
	.photo_list ul {grid-template-columns: repeat(2, 1fr);}
	.photo_list ul li > a .subject {font-size: 1.6rem;}
}
@media screen and (max-width: 425px) {
	.photo_list ul {grid-template-columns: 1fr;}
}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////

   youtube_list
   유튜브형 게시판

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.youtube_list ul li,
.youtube_list ul li a,
.youtube_list ul li a .photo,
.youtube_list ul li a .photo span img{transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.youtube_list{margin-top:20px;}
.youtube_list ul{overflow:hidden; padding:20px 10px; border-top:2px solid #333; border-bottom:1px solid #646464;}
.youtube_list ul li{position:relative; float:left; width:33.3%; height:auto; margin-top:20px; padding:0px 10px; box-sizing:border-box;}
.youtube_list ul li:first-child,
.youtube_list ul li:nth-child(2),
.youtube_list ul li:nth-child(3){margin-top:0;}
.youtube_list ul li a{display:block; width:100%; height:100%; border:1px solid #eaeaea;}

.youtube_list ul li a .photo{overflow:hidden; position:relative; display:block; width:100%; height:165px; background-color:#eee;}
.youtube_list ul li a .photo span{display:block; position:absolute; left:50%; top:0; width:2000px; height:100%; margin-left:-1000px; text-align:center;}
.youtube_list ul li a .photo span img{height:100%; transform:scale(1.35); -webkit-transform:scale(1.35);}
.youtube_list ul li a .subject,
.youtube_list ul li a .date{padding:0 10px;}
.youtube_list ul li a .subject{overflow:hidden; display:block; margin:12px 0 4px; white-space:nowrap; text-overflow:ellipsis; font-weight:700;}
.youtube_list ul li a .date{display:block; margin-bottom:12px; font-size:14px; color:#969696;}

.youtube_list ul li a:hover .photo span img{transform:scale(1.5); -webkit-transform:scale(1.5);}

@media screen and (max-width:720px){
  .youtube_list ul li{width:50%;}
  .youtube_list ul li a .photo{height:170px;}
  .youtube_list ul li:nth-child(3){margin-top:20px;}
  .youtube_list ul li a:hover .photo span img{transform:scale(1.35); -webkit-transform:scale(1.35);}
}
@media screen and (max-width:640px){
  .youtube_list ul li a .photo{height:135px;}
  .youtube_list ul li a .subject{margin:10px 0 4px;}
  .youtube_list ul li a .date{margin-bottom:10px; font-size:13px;}
}
@media screen and (max-width:420px){
  .youtube_list ul li{width:100%; margin-top:10px !important;}
  .youtube_list ul li:first-child{margin-top:0 !important;}
  .youtube_list ul li a .photo{height:145px;}
}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////

   downpic_list
   다운로드(이미지)_게시판

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.downpic_list ul li,
.downpic_list ul li div,
.downpic_list ul li div .photo,
.downpic_list ul li div .photo span img{transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.downpic_list{margin-top:20px;}
.downpic_list ul{overflow:hidden; padding:20px; border-top:2px solid #333; border-bottom:1px solid #646464;}
.downpic_list ul li{position:relative; float:left; width:25%; height:auto; margin-top:20px; padding:0px 2.4%; box-sizing:border-box;}
.downpic_list ul li:first-child,
.downpic_list ul li:nth-child(2),
.downpic_list ul li:nth-child(3),
.downpic_list ul li:nth-child(4){margin-top:0;}
.downpic_list ul li div{display:block; width:100%; height:100%; }

.downpic_list ul li div .photo{overflow:hidden; position:relative; display:block; width:100%; height:240px;background:#ccc; border:1px solid #ececec;box-sizing:border-box;}
.downpic_list ul li div .photo span{display:block; position:absolute; left:50%; top:0; width:2000px; height:100%; margin-left:-1000px; text-align:center;}
.downpic_list ul li div .photo span img{height:100%; transform:scale(1); -webkit-transform:scale(1);}
.downpic_list ul li div .subject{overflow:hidden; display:block; margin:12px 0 8px; white-space:nowrap; text-overflow:ellipsis; font-weight:700;}
.downpic_list ul li div .date{display:block; margin-bottom:12px; font-size:14px; color:#969696;}

.downpic_list ul li div .btns{margin-top:10px;text-align:center;}
.downpic_list ul li div .btn.down{
  display: inline-block; min-width:92px; height:34px; padding-left:8px; line-height:34px;box-sizing:border-box; text-decoration:none;text-align:center;
  transition:all 0.3s ease; -webkit-transition:all 0.3s ease;
}

@media screen and (max-width:1200px){
  .downpic_list ul li div .photo{height:224px;}
}
@media screen and (max-width:1100px){
  .downpic_list ul li div .photo{height:196px;}
}
@media screen and (max-width:1024px){
  .downpic_list ul li {padding:0 2.9%;}
  .downpic_list ul li div .photo{height:240px;}
}
@media screen and (max-width:880px){
  .downpic_list ul {padding:20px 10px;}
  .downpic_list ul li div .photo{height:218px;}
}
@media screen and (max-width:840px){
  .downpic_list ul li div .photo{height:204px;}
}
@media screen and (max-width:760px){
  .downpic_list ul li div .photo{height:187px;}
}
@media screen and (max-width:720px){
  .downpic_list ul li{width:33.3%;padding:0 2.7%;}
  .downpic_list ul li:nth-child(4){margin-top:20px;}
  .downpic_list ul li div .photo{height:240px;}
}
@media screen and (max-width:640px){
  .downpic_list ul li div .photo{height:212px;}
  .downpic_list ul li div .subject{margin:10px 0 4px;}
  .downpic_list ul li div .date{margin-bottom:10px;}
  .downpic_list ul li div .btn.down{height:33px; line-height:33px;}
}
@media screen and (max-width:540px){
  .downpic_list ul li div .photo{height:173px;}
}
@media screen and (max-width:480px){
  .downpic_list ul {padding: 20px;}
  .downpic_list ul li{width:50%; margin-top:10px;}
  .downpic_list ul li:nth-child(1),
  .downpic_list ul li:nth-child(2){margin-top:0;}
  .downpic_list ul li:nth-child(3),.downpic_list ul li:nth-child(4){margin-top:10px;}
  .downpic_list ul li div .photo{height:240px;}
}
@media screen and (max-width:440px){
  .downpic_list ul li div .photo {height: 216px;}
  .downpic_list ul li div .btn.down {height: 30px;line-height: 30px;width:83px;}
}
@media screen and (max-width:400px){
  .downpic_list ul li div .photo {height: 186px;}
}
@media screen and (max-width:360px){
  .downpic_list ul li div .photo { height: 164px;}
}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////

   downtxt_list
   공지형_게시판

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.downtxt_list ul li,
.downtxt_list ul li p{transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.downtxt_list{margin-top:20px; border-top:2px solid #333; border-bottom:1px solid #646464;}
.downtxt_list ul{display:table; table-layout:fixed; width:100%; border-collapse:collapse; border-spacing:0;}
.downtxt_list ul li{position:relative; display:table-row; border-bottom:1px solid #d7d7d7;}
.downtxt_list ul li:hover{background:#f7f7f7;}
.downtxt_list ul li:last-child{border-bottom:0;}
.downtxt_list ul li p,
.downtxt_list ul li .subject,
.downtxt_list ul li.thead strong{display:table-cell; text-align:center; vertical-align:middle;}
.downtxt_list ul li p,
.downtxt_list ul li .subject{padding:12px 10px;}

.downtxt_list ul li .no{width:55px;}
.downtxt_list ul li .subject{width:auto;}
.downtxt_list ul li .writer{width:75px;}
.downtxt_list ul li .date{width:110px;}
.downtxt_list ul li .counter{width:50px;}
.downtxt_list ul li .file_atch{width:50px;}
/*헤드 항목*/
.downtxt_list ul li.thead{border-bottom:1px solid #989898;}
.downtxt_list ul li.thead:hover{background:transparent;}
.downtxt_list ul li.thead strong{padding:17px 10px; font-weight:700;}
/*제목부분*/
.downtxt_list ul li .subject a{display:block;}
.downtxt_list ul li .subject a strong{display:inline-block; font-weight:400;}
.downtxt_list ul li .subject a:hover strong{text-decoration:underline;}

.downtxt_list ul li .board_file{overflow:hidden; display:inline-block; width:12px; height:16px; background:url(../../../images/site/skin/icon_file_02.gif) no-repeat center center; vertical-align:middle; text-indent:-2000px;}


@media screen and (max-width:840px){
  .downtxt_list ul,
  .downtxt_list ul li,
  .downtxt_list ul li{display:block;}
  .downtxt_list ul li{padding:12px 10px;}
  .downtxt_list ul li.thead{display:none;}
  .downtxt_list ul li p:after{content:""; display:inline-block; width:1px; height:10px; margin:0 10px; background-color:#000; vertical-align:middle;}
  .downtxt_list ul li p:last-child:after{display: none;}
  .downtxt_list ul li .subject:after,
  .downtxt_list ul li .no:after{display: none;}
  .downtxt_list ul li .no{width:40px; height:18px; line-height:18px; padding:0; background:#e2e1e1; border-radius:5px; -webkit-border-radius:5px; font-size:13px;}
  .downtxt_list ul li .writer,
  .downtxt_list ul li .date,
  .downtxt_list ul li .counter,
  .downtxt_list ul li .file_atch{display: inline-block; width:auto; padding:0; font-size:13px;}
  /*제목부분*/
  .downtxt_list ul li .subject{display:inline-block; width:100%; padding:10px 0 5px 0; box-sizing:border-box;}
  .downtxt_list ul li .subject a strong{overflow:hidden; position:relative; width:auto; max-width:100%; min-height:18px; white-space:nowrap; text-overflow:ellipsis; box-sizing:border-box;}
}
@media screen and (max-width:640px){
  .downtxt_list ul li{padding:10px;}
  .downtxt_list ul li .no{width:36px; height:16px; line-height:16px; font-size:12px;}
  .downtxt_list ul li .subject{padding:6px 0 0px 0;}
}


/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////

   board_insert
   게시판 등록

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.board_insert .detail > li,
.board_insert .detail > li .titles{transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.board_insert{display:block; padding:0; border-top:2px solid #333; border-bottom:1px solid #646464;}

/*항목리스트*/
.board_insert .detail{background:#fff;}
.board_insert .detail > li{position:relative; width:100%; min-height:46px; padding-left:120px; border-bottom:1px solid #ccc; box-sizing:border-box;}
.board_insert .detail > li:last-child{border-bottom:0;}
.board_insert .detail > li .titles{position:absolute; top:0; left:0; width:120px; height:100%; background:#f7f7f7;}
.board_insert .detail > li .titles span{display:table; width:100%; height:100%;}
.board_insert .detail > li .titles strong{display:table-cell; width:100%; height:100%; text-align:center; vertical-align:middle; font-weight:700;}
.board_insert .detail > li .titles strong .red{display:inline-block; width:auto; height:auto; margin-top:-5px; padding-left:2px; vertical-align:top;}
.board_insert .detail > li .txts{padding:12px 10px;}
/*안에 인풋 요소들*/
.board_insert .detail > li .txts input[type="text"]{width:100%; height:35px;}
.board_insert .detail > li .txts textarea{width:100%; height:180px;}
.board_insert .detail > li .txts select{min-width:180px; height:35px;}
/*첨부파일리스트*/
.board_insert .detail > li .txts .btn_add{margin-bottom:6px;}
.board_insert .detail > li .txts .file_attach li:first-child{margin-top:0;}
.board_insert .detail > li .txts .file_attach li{margin-top:3px;}
.board_insert .detail > li .txts .file_attach li input[type="file"]{width:250px;}
.board_insert .detail > li .txts .file_attach li input[type="text"]{width:40%;}
/*공공누리*/
.board_insert .detail > li .txts #nuri{display:block; box-sizing:border-box;}
.board_insert .detail > li .txts #nuri li{position:relative; width:100%; padding:6px 0 6px 35px; border-top:1px dashed #ccc; box-sizing:border-box;}
.board_insert .detail > li .txts #nuri li:first-child{border-top:0;}
.board_insert .detail > li .txts #nuri li input[type="radio"]{position:absolute; top:24px; left:10px; z-index:10;}
.board_insert .detail > li .txts #nuri li label{position:relative; display:table; table-layout:fixed; width:100%; height:50px; padding-left:225px; cursor:pointer; box-sizing:border-box;}
.board_insert .detail > li .txts #nuri li label img{position:absolute; top:0; left:0; height:50px;}
.board_insert .detail > li .txts #nuri li label span{display:table-cell; width:100%; height:100%; line-height:18px; vertical-align:middle; font-size:14px;}
.board_insert .detail > li .txts #nuri li a{display:block; margin-top:5px; font-size:13px; color:#737373;}
.board_insert .detail > li .txts #nuri li a:hover{text-decoration:underline;}

@media screen and (max-width:840px){
  .board_insert .detail > li{padding-left:90px;}
  .board_insert .detail > li .titles{width:90px;}
}
@media screen and (max-width:740px){
  /*첨부파일 리스트*/
  .board_insert .detail > li .txts .file_attach li input[type="file"]{width:205px;}
  /*공공누리*/
  .board_insert .detail > li .txts #nuri li label{height:auto; padding-left:0;}
  .board_insert .detail > li .txts #nuri li.nuri_ty01 label img{max-width:130px;}
  .board_insert .detail > li .txts #nuri li.nuri_ty02 label img{max-width:159px;}
  .board_insert .detail > li .txts #nuri li.nuri_ty03 label img{max-width:159px;}
  .board_insert .detail > li .txts #nuri li.nuri_ty04 label img{max-width:188px;}
  .board_insert .detail > li .txts #nuri li.nuri_ty05 label img{max-width:203px;}
  .board_insert .detail > li .txts #nuri li label img{position:static; width:100%; height:auto;}
  .board_insert .detail > li .txts #nuri li label span{display:block; height:auto;}
}
@media screen and (max-width:640px){
  .board_insert .detail > li{min-height:38px;}
  .board_insert .detail > li .txts{padding:8px 10px;}
  /*안에 인풋 요소들*/
  .board_insert .detail > li .txts input[type="text"]{height:30px;}
  .board_insert .detail > li .txts select{height:30px;}
  .board_insert .detail > li .txts textarea{height:150px;}
  /*첨부파일 리스트*/
  .board_insert .detail > li .txts .file_attach li input[type="file"]{display:block; width:100%; margin-bottom:3px;}
  .board_insert .detail > li .txts .file_attach li input[type="text"]{width:78%;}
}
@media screen and (max-width:540px){
  /*첨부파일 리스트*/
  .board_insert .detail > li .txts .file_attach li input[type="text"]{width:70%;}
}
@media screen and (max-width:420px){
  /*첨부파일 리스트*/
  .board_insert .detail > li .txts .file_attach li .btn{min-width:50px;}
}

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////

   board_view
   게시판 상세

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.board_view {display: block; padding: 0; border-top: 2px solid #000;}
/* 제목 */
.board_view .subject {display: block; width: 100%; height: auto; padding: 2.4rem 0 1.6rem 2.4rem; line-height: 1.2; font-size: 2.4rem; font-weight: 600; color: var(--color-gray-90); box-sizing:border-box;}
/* 항목리스트 */
.board_view .detail {display: flex; overflow: hidden; flex-wrap: wrap;}
.board_view .detail > li {position: relative; width: 100%;}
.board_view .detail > li .titles {overflow: hidden !important; position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0 !important; border: 0 !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important;}
/* .board_view .detail > li .titles span{display:table; width:100%; height:100%;}
.board_view .detail > li .titles strong{display:table-cell; width:100%; height:100%; text-align:center; vertical-align:middle; font-weight:700;}
.board_view .detail > li .titles strong .red{display:inline-block; width:auto; height:auto; margin-top:-5px; padding-left:2px; vertical-align:top;} */

.board_view .detail > li:not(.filebox, .cn, .no_title) {width: auto; padding-left: 2.4rem;}
.board_view .detail > li:not(.filebox, .cn, .no_title) .txts {color: var(--color-gray-60);}
.board_view .detail > li:not(.filebox, .cn, .no_title) + li:not(.filebox, .cn, .no_title) {padding-left: 2.1rem;}
.board_view .detail > li:not(.filebox, .cn, .no_title) + li:not(.filebox, .cn, .no_title)::before {content: ""; position: absolute; top: calc(50% - 0.5rem); left: 1rem; width: 1px; height: 1rem; background-color: var(--color-gray-30);}

/* 내용 */
.board_view .detail > li.no_title {padding: 4rem 0; }
.board_view .detail > li.no_title + li.no_title {padding-top: 0; border-top: 0;}
.board_view .detail > li .contents {padding-left: 2.4rem; font-size: 1.7rem; color: var(--color-gray-70); font-weight: 500;}
.board_view .detail > li .contents img {display: block; max-width: 70%; margin: 0 auto; padding-bottom: 1.6rem;}

/* 첨부파일 */
.board_view .detail > li.filebox {margin-top: 2.4rem; background: #F7F8FB; padding: 1.8rem 2.6rem;}
.board_view .detail > li.filebox ul {display: grid; grid-template-columns: repeat(1, 1fr); gap: 0 2rem;}
.board_view .detail > li.filebox ul li {display: flex; gap: 1.4rem; align-items: center;}
.board_view .detail > li.filebox ul li + li {margin-top: 0.8rem;}
.board_view .detail > li.filebox ul li a.icon_file {display: block; overflow: hidden; line-height: 2.4rem; white-space: nowrap; text-overflow: ellipsis;}
.board_view .detail > li.filebox ul li a .icon-file::before {margin-right: 0.8rem;}
.board_view .detail > li.filebox ul li .btn-box {display: flex; gap: 0.6rem;}
.board_view .detail > li.filebox ul li .btn-box a[class*="file_"] {display: flex; align-items: center; gap: 0.6rem; padding: 0.6rem 0.8rem; border: 1px solid #D8D8D8 !important; background-color: #fff !important; border-radius: 0.4rem; color: #555; font-size: 1.5rem; font-weight: 500;}
.board_view .detail > li.filebox ul li .btn-box a[class*="file_"]::after {content: ""; display: inline-block; width: 2.4rem; height: 2.4rem; background-repeat: no-repeat; background-position: center; background-size: 2rem; }

/* 이전글,다음글 */
.prev_next_link {display: block; margin-top: 4.8rem; border-top: 1px solid #000; border-bottom: 1px solid #eee;}
.prev_next_link > ul {display: flex; justify-content: space-between;}
.prev_next_link > ul > li {display: block; position: relative; align-items: center;}
.prev_next_link > ul > li strong {display: flex; position: absolute; top: 0; width: 10rem; height: 100%; padding: 0 2.4rem; font-weight: 400; font-size: 1.5rem; color: var(--color-gray-60); align-items: center; gap: 0.4rem;}
.prev_next_link > ul > li strong::before,
.prev_next_link > ul > li strong::after {content: ""; width: 1.6rem; height: 1.6rem; background: url(../../../images/site/kor/board/i_left.svg) no-repeat center / 2rem; flex-shrink: 0;}
.prev_next_link > ul > li > a {display: block; overflow: hidden; position: relative; z-index: 1; height: 6.6rem; line-height: 6.6rem; font-size: 1.6rem; color: var(--color-gray-70); text-overflow: ellipsis; white-space: nowrap;}
.prev_next_link > ul > li:nth-child(1) strong {left: 0; justify-content: flex-start;}
.prev_next_link > ul > li:nth-child(2) strong {right: 0; justify-content: flex-end;}
.prev_next_link > ul > li:nth-child(1) strong::after,
.prev_next_link > ul > li:nth-child(2) strong::before {display: none;}
.prev_next_link > ul > li:nth-child(2) strong::after {transform: rotate(180deg);}
.prev_next_link > ul > li:nth-child(1) > a {padding-left: 10rem; padding-right: 1.2rem;}
.prev_next_link > ul > li:nth-child(2) > a {padding-left: 1.2rem; padding-right: 10rem;}

/*-------------------------------------------------------------------
	@variation
-------------------------------------------------------------------*/
/* 내용 */
.board_view .detail > li.no_title .contents iframe{width: 100%; height: 490px;} /* 유튜브 영상 */

/* 첨부파일 */
.board_view .detail > li.filebox ul li a.file_view::after {background-image: url(../../../images/site/kor/board/i_file_view.svg);}
.board_view .detail > li.filebox ul li a.file_download::after {background-image: url(../../../images/site/kor/board/i_file_download.svg);}

/*3개(변경 예정)*/
/* .board_view .detail > li.fix{width:33.33%;}
.board_view .detail > li.fix .txts{overflow:hidden; width:100%; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box;} */

/*공공누리*/
.board_view .detail > li .txts [class*="codeView0"]{position:relative; display:table; table-layout:fixed; height:54px;}
.board_view .detail > li .txts .codeView05{height:27px;}
.board_view .detail > li .txts [class*="codeView0"] img,
.board_view .detail > li .txts [class*="codeView0"] span{vertical-align:middle;}
.board_view .detail > li .txts [class*="codeView0"] img{position:absolute; top:0; left:0; width:100%;}
.board_view .detail > li .txts .codeView01 img{max-width:149px;}
.board_view .detail > li .txts .codeView02 img{max-width:183px;}
.board_view .detail > li .txts .codeView03 img{max-width:183px;}
.board_view .detail > li .txts .codeView04 img{max-width:219px;}
.board_view .detail > li .txts .codeView05 img{max-width:27px;}
.board_view .detail > li .txts [class*="codeView0"] span{display:table-cell; width:100%; height:100%; line-height:18px; vertical-align:middle; font-size:14px; box-sizing:border-box;}
.board_view .detail > li .txts .codeView01 span{padding-left:159px;}
.board_view .detail > li .txts .codeView02 span{padding-left:193px;}
.board_view .detail > li .txts .codeView03 span{padding-left:193px;}
.board_view .detail > li .txts .codeView04 span{padding-left:229px;}
.board_view .detail > li .txts .codeView05 span{padding-left:37px;}

/*댓글기능*/
.board_view .reply{position:relative; padding:10px 15px 0; border-top:1px solid #ccc;}
.board_view .reply div{position:relative; margin-top:5px;}
.board_view .reply textarea{width:100%; height:80px; padding-right:85px; box-sizing:border-box;}
.board_view .reply .btn_ok{position:absolute; top:0; right:0; width:80px; height:80px; line-height:80px; background:#0067a6; text-align:center; color:#fff;}
.board_view .reply .btn_ok:hover,
.board_view .reply .btn_ok:active,
.board_view .reply .btn_ok:link{text-decoration:none;}
.board_view .reply_box{margin-bottom:5px; padding:0 15px;}
.board_view .reply_box .txts{position:relative; width:100%; padding:10px 155px 10px 0; border-top:1px solid #ccc; box-sizing:border-box;}
.board_view .reply_box .txts:nth-child(1){border-top:0;}
.board_view .reply_box .txts .writer,
.board_view .reply_box .txts .date{vertical-align:middle;}
.board_view .reply_box .txts .writer{display:inline-block; padding-right:6px; font-weight:700;}
.board_view .reply_box .txts .date{display:inline-block; font-size:13px; color:#868686;}
.board_view .reply_box .txts .secret{overflow:hidden; display:inline-block; width:12px; height:16px; margin-left:2px; background:url(../../../images/site/skin/icon_board_lock.gif) no-repeat left top; vertical-align:middle; text-indent:-2000px;}
.board_view .reply_box .txts p{margin-top:5px;}
.board_view .reply_box .txts .btns{position:absolute; top:10px; right:0;}
.board_view .reply_box .txts .btns a{min-width:25px;}
.board_view .reply_box .re_reply{position:relative; padding:10px; background:#f7f7f7; box-sizing:border-box;}
.board_view .reply_box .re_reply textarea{margin-top:5px; width:100%; height:80px;}
.board_view .reply_box .re_reply .btns{position:absolute; top:10px; right:10px;}
.board_view .reply_box .re_reply .btns a{min-width:25px;}

/*-------------------------------------------------------------------
	@interaction
-------------------------------------------------------------------*/
.board_view .subject,
.board_view .detail li,
.board_view .detail > li .titles{transition: all 0.3s ease;}

/* 첨부파일 */
.board_view .detail > li.filebox ul li a {transition: all .3s;}
.board_view .detail > li.filebox ul li a.icon_file:focus-visible,
.board_view .detail > li.filebox ul li a.icon_file:hover {color: var(--color-primary); text-decoration: underline; text-underline-position: under;}
.board_view .detail > li.filebox ul li a.file_view:focus-visible,
.board_view .detail > li.filebox ul li a.file_view:hover {background-color: var(--color-primary); background-image: url(../../../images/site/kor/board/i_file_view_act.svg);}
.board_view .detail > li.filebox ul li a.file_download:focus-visible,
.board_view .detail > li.filebox ul li a.file_download:hover {background-color: var(--color-primary); background-image: url(../../../images/site/kor/board/i_file_download_act.svg);}

/* 이전글,다음글 */
.prev_next_link > ul > li strong,
.prev_next_link > ul > li strong::before,
.prev_next_link > ul > li strong::after,
.prev_next_link > ul > li a {transition: all .3s;}
.prev_next_link > ul > li:focus-within > strong,
.prev_next_link > ul > li:hover > strong {color: var(--color-primary);}
.prev_next_link > ul > li:focus-within strong::before,
.prev_next_link > ul > li:hover strong::before,
.prev_next_link > ul > li:focus-within strong::after,
.prev_next_link > ul > li:hover strong::after {background-image: url(../../../images/site/kor/board/i_left_act.svg);}

.prev_next_link > ul > li:focus-within > a,
.prev_next_link > ul > li:hover > a,
.prev_next_link > ul > li > a:focus-visible,
.prev_next_link > ul > li > a:hover {color: var(--color-primary); text-decoration: underline; text-underline-position: under;}

/*-------------------------------------------------------------------
	@media
-------------------------------------------------------------------*/
@media screen and (max-width: 840px){
	.board_view .subject {font-size: 2.2rem;}
	/* .board_view .detail > li{padding-left:90px;}
	.board_view .detail > li .titles{width:90px;} */
  .notice_list ul li .subject a strong .new {line-height: 1.2;}
	.board_view .detail > li.filebox ul {display: block;}
	.board_view .detail > li .contents {font-size: 1.6rem; font-weight: 500;}
}
@media screen and (max-width: 740px){
	.board_view .detail > li.no_title .contents iframe {height: 355px;}

	/* 공공누리 */
	.board_view .detail > li .txts [class*="codeView0"] img{position:static;}
	.board_view .detail > li .txts [class*="codeView0"] span{display:block; margin-top:6px; padding-left:0;}
	.board_view .detail > li .txts .codeView05 img{position:absolute;}
	.board_view .detail > li .txts .codeView05 span{display:table-cell; margin-top:0; padding-left:37px;}
}
@media screen and (max-width: 640px){
	.board_view .subject {padding: 2rem 0 1.6rem;}
	/* .board_view .subject{line-height:22px; padding:16px 18px; font-size:18px;}
	.board_view .detail > li {min-height:38px;} */
	.board_view .detail > li.fix {width:100%;}
	.board_view .detail > li .contents img {max-width: 100%;}
	.board_view .detail > li.no_title {padding: 4rem 0;}

	.board_view .detail > li.filebox {margin-top: 2rem;}

  .board_view .detail > li.filebox ul li .btn-box a[class*="file_"] {gap: 0; text-indent: -9999px;}

	/* 댓글기능 */
	.board_view .reply_box .txts {padding:8px 0 38px 0;}
	.board_view .reply_box .txts p{margin-top:3px;}
	.board_view .reply_box .txts .btns{top:auto; bottom:8px;}
	.board_view .reply_box .txts .btns a{height:23px; line-height:23px; padding:0 6px;}
	.board_view .reply_box .re_reply{padding:8px 10px 35px;}
	.board_view .reply_box .re_reply .btns{top:auto; bottom:8px;}
	.board_view .reply_box .re_reply .btns a{height:23px; line-height:23px;}

	/* 이전글,다음글 */
	.prev_next_link {margin-top: 2.4rem;}
	.prev_next_link > ul {display: block;}
	.prev_next_link > ul > li + li {border-top: 1px solid #eee;}
	.prev_next_link > ul > li strong {width: 8.8rem; padding: 0 1.2rem;}
	.prev_next_link > ul > li > a {height: 5rem; line-height: 5rem;}
	.prev_next_link > ul > li:nth-child(1) > a,
	.prev_next_link > ul > li:nth-child(2) > a {padding-left: 10rem; padding-right: 2rem;}
	.prev_next_link > ul > li:nth-child(1) strong {justify-content: center;}
	.prev_next_link > ul > li:nth-child(1) strong::before {transform: rotate(90deg);}
	.prev_next_link > ul > li:nth-child(2) strong {left: 0; right: auto; justify-content: center;}
	.prev_next_link > ul > li:nth-child(2) strong::before {display: block; transform: rotate(-90deg);}
	.prev_next_link > ul > li:nth-child(2) strong::after {display: none;}


  .qna_list ul li .subject a .new {line-height: 1.2;}
}
@media screen and (max-width: 480px){
  .board_view .detail > li.no_title .contents iframe {height: 230px;}
}



/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////

    no_board_data
    데이터 없는 경우

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.no_board_data{text-align:center; border-top:2px solid #333; border-bottom:1px solid #646464; padding:80px 0; transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}

@media screen and (max-width:640px){
  .no_board_data{padding:40px 0;}
}



/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////

   문의하기 상세

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.qna_write {width: 100%; border-top: 2px solid #333;}
.qna_write .ttl {padding: 2.4rem 0; border-bottom: 1px solid #EEE;}
.qna_write .ttl input {width: 100%; height: 3.4rem; padding: 2.5rem 2.4rem; border: 1px solid #D8D8D8; border-radius: 0.5rem; font-size: 2.4rem; font-weight: 600;}
.qna_write .edit {height: 25.6rem; margin: 2.4rem 0 3rem;}
.qna_write .edit textarea {width: 100%; height: 100%; padding: 1.6rem 2.4rem; border: 1px solid #D8D8D8; border-radius: 0.3rem; font-size: 1.8rem; color: #555;}
.qna_write .open_box {display: flex; padding: 0 2.4rem 3rem 2.4rem; border-bottom: 1px solid #000;}
.qna_write .open_box strong {display: block; margin-right: 4rem; font-size: 1.8rem; font-weight: 600; color: #555;}
.qna_write .open_box .ck-list {display: flex; gap: 2.8rem;}
.qna_write .open_box .ck-list[class*="f-check"] > label {padding-left: 0.6rem !important;}

/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////

   공지사항 - 그룹게시판 write

/////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.qna_write .file_box {display: flex; flex-wrap: wrap; gap: 1.6rem; margin-top: 1rem; border-bottom: 1px solid #000;}
.qna_write .file_box .file_top {display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 1.2rem 2rem; border-radius: 1.2rem; background-color: #FAFAFA;}
.qna_write .file_box .file_top strong {font-size: 1.6rem; font-weight: 400; color: #333;}
.qna_write .file_box .file-list {width: 100%; padding: 0 2rem 2rem 2rem;}
.qna_write .file_box .file-list .file-item {display: flex; justify-content: space-between; gap: 1rem;}
.qna_write .file_box .file-list .file-item + .file-item {margin-top: 1.2rem;}
.qna_write .file_box .file-list .file-item .icon-file > em {display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.qna_write .file_box .file-list .file-item button {padding: 0 1.6rem;}
/* 문의하기 답변 */
.board_view.qna .title {padding: 2.4rem 0 1.6rem 2.4rem; border-bottom: 1px solid #EEE;}
.board_view.qna .title .subject {display: flex; align-items: center; padding: 0;}
.board_view.qna .detail1 {padding-top: 1.4rem;}
.board_view.qna .detail > li:not(.filebox, .cn, .no_title) {padding-left: 0;}
.board_view.qna .detail > li.cn .contents {min-height: 13.4rem; border-bottom: 1px solid #EEE;}
.board_view.qna .detail > li.answer {width: 100%; padding: 2.4rem 5.4rem; margin-bottom: 2.4rem; background-color: #FAFAFA; border-top: 1px solid #DDD;}
.board_view.qna .detail > li.answer .txts {position: relative; margin-bottom: 1rem; font-size: 1.8rem; font-weight: 800; color: #1D1D1D;}
.board_view.qna .detail > li.answer .txts .reply {display: inline-block; width: 2.4rem; height: 2.4rem; position: absolute; left: -3.1rem; line-height: inherit; font-size: inherit; background: url(../../../images/site/kor/board/icon-reply.svg) no-repeat center / contain; text-indent: -2000px; vertical-align: middle; border-top: 0;}
.board_view.qna .detail > li.answer .contents {min-height: auto; padding-left: 0;}

@media screen and (max-width:768px){
  .board_view.qna .title .subject {overflow: hidden; display: block; width: auto; max-width: 100%; white-space: nowrap; text-overflow: ellipsis;}
}