@charset "UTF-8";
/**************************************************
* 버전관리
* version : v=1
* Last Update : 
**************************************************/

/**************************************************
 ■ 게시판 기본
**************************************************/
/* 게시판 상단 */
.search-list-top{display: flex; justify-content: space-between; align-items: center; color: var(--Basic-Black-90, #282E34); font-size: var(--font-size-17); font-weight: 700; margin-bottom:1.5rem;}
.search-list-top .sch-info b{color: #22449C;}
.search-list-top .sch-sort{display:flex; gap:1rem; align-items: center;}
.search-list-top .sch-sort select{height:1.8rem; border-radius:  0.25rem; border-color: transparent; background-color: #EEF2F7; padding-left:0.25rem; font-size:var(--font-size-15); padding-right: 1.5rem; background-position: right 0.3rem top 50%; background-size: 0.9rem auto; }
.search-list-top .sch-sort .btn-filter{position: relative; font-weight:700; display: flex; gap: 0.5rem; --icon-width: 1.7rem; align-items: center;} 
.search-list-top .sch-sort .btn-filter .badge {position: absolute; top: calc(-1 * var(--num-10)); right: -0.3rem; z-index: 1; min-width:auto;} 

/* 게시물 결과 없을때 */
.no-result{display:flex; justify-content: center; align-items: center; padding:6.25rem 1rem; gap:1.5rem; color: var(--Basic-Black-90, #282E34);
font-size: var(--font-size-17); font-weight: 400; line-height: 150%; }
.no-result b{display:block; font-size:var(--font-size-20); font-weight: 700; line-height: 1.4; margin-bottom:0.75rem; }

/* 페이지네이션 */
.pagination{margin-top:2.5rem; display:flex; align-items: center; justify-content: center; gap:clamp(0.25rem, 0.071rem + 0.476vw, 0.5rem); }
.pagination li a{display: flex; width: clamp(1.8rem, 1.3rem + 1.333vw, 2.5rem); aspect-ratio: 1; justify-content: center; align-items: center; border-radius: var(--radius-max); background: transparent; font-size: var(--font-size-17); font-weight: 400; color: var(--Basic-Black-80); --icon-width:1.8rem; --icon-color:#666;}
.pagination li.now a{color:#fff; background: var(--Theme-Primary); font-weight: 700;}
.pagination li.prev{margin-right:clamp(0rem, -0.714rem + 1.905vw, 1rem);}
.pagination li.next{margin-left:clamp(0rem, -0.714rem + 1.905vw, 1rem);}

/* 게시판 탭 */
.board__tab-frame{margin-bottom:2.5rem; }
.board__tab{display:flex; flex-wrap:wrap; gap:1rem 0.75rem;}
.board__tab li a{display:inline-flex; height: 2.5rem; padding: 0.75rem clamp(0.75rem, 0.482rem + 0.714vw, 1.125rem); align-items: center; gap: 0.625rem; border-radius: 0.375rem; background: var(--Theme-Primary_subtler2, #F0F5FA); color: var(--Basic-Black-90, #282E34); font-size: var(--font-size-15); font-weight: 400; line-height:1.3; transition: all 0.2s ease-out 0s;}
.board__tab li.now a{background: var(--Theme-Primary_sub, #008DFF); color:#fff; font-weight:700; clip-path: polygon(0.625rem 0%, calc(100% - 0.625rem) 0%, 100% 0.625rem, 100% 100%, 0 100%, 0% 0.625rem);}
.board__tab li a:is:hover{background:var(--Theme-Primary_subtler);}
.board__tab.board__tab-col5 li{width:calc((100% - 0.75rem * 4) / 5);}
.board__tab.board__tab-col2 li{width:calc((100% - 0.75rem) / 2);}
.board__tab.board__tab-col2 li a{display: flex; justify-content: center}
.board__tab.board__tab-col5 li a{display: flex; }

/* 게시판 상단 */
.board__index-box{display:flex; justify-content: space-between; align-items: center; margin-bottom: clamp(1rem, 0.643rem + 0.952vw, 1.5rem);}
.board__index--num{color: #1E2124; font-size: var(--font-size-17); font-weight: 600; line-height: 150%; }
.board__index--num span{color: #22449C; font-weight: 600;}
.board__index-term{display:flex; gap:0.6875rem;}
.board__index-term .select_box{height: 100%; border-radius: 0.5rem; border: 1px solid #58616A;}
.board__index-term .input-button{display:flex; align-items: center; border-radius: 0.5rem; border:  1px solid #58616A; background:  #FFF; padding:0 1rem;}
.board__index-term .input-button .search_box{padding:0; border:none;}
.board__index-term .input-button .icon-search{display:block; width: 1.5rem; aspect-ratio: 1; background-color: #33363D; forced-color-adjust: none; -webkit-mask: url(/res/home/publish/assets/images/icons/icon-search.svg)no-repeat 0 0/100%;     mask: url(/res/home/publish/assets/images/icons/icon-search.svg)no-repeat 0 0/100%; }
.board__index-term .btn{--btn-height:clamp(2.5rem, 2.357rem + 0.381vw, 2.7rem);}

/* 안내문구 */
.box-info {padding:clamp(0.5rem, 0.269rem + 1.156vw, 1.656rem) var(--gap-32); margin-bottom:2.5rem; background:var(--Basic-Gray); border-radius:0.625rem; color: var(--Basic-Black-90); --icon-color:#3075F5;}
.box-info .flex-box {display:flex; align-items: flex-start; gap: 0.5rem; }
.box-info .flex-box > i{margin-top:0.3em;}
.box-info .flex-box p{display:flex; align-items: flex-start; gap: 0.5rem; flex-wrap: wrap;}
.box-info .flex-box p > i{margin-top:0.1em;}
.box-info .line-btn{display:flex; padding-bottom:0.75rem;  border-bottom: 1px dashed var(--Basic-Black-40, #ACB8C5); margin-bottom: 0.75rem;}
.box-info .line-btn .btn{margin-left: auto;}
.box-info hr{display:block !important; background:#ddd; margin: 1.5rem 0; border: none; height: 1px;}
.box-info .check-list li{position: relative; padding-left: 1.75rem; color: var(--Basic-Black-80); font-size: var(--font-size-17);}
.box-info .check-list li + li{margin-top: 0.5rem;}
.box-info .check-list li:before{content: ""; position: absolute; left:0; top:0.2em; width: 1.125rem; aspect-ratio: 1; mask: url('/res/home/publish/assets/images/icons/icon-check-one.svg')no-repeat 0 0/100%; background-color: var(--Theme-Primary);}
.box-info.box-info-blue{background: #F6F8FF; color: #22449C; --icon-color:var(--Theme-Primary)}
.box-info.box-info-primary{background: #F6F8FF; --icon-color:var(--Theme-Primary)}

@media screen and (max-width:1480px){
	.board__tab.board__tab-col5 li{width:calc((100% - 0.75rem * 3) / 4);}
}
@media screen and (max-width:1280px){
	.board__tab.board__tab-col5 li{width:calc((100% - 0.75rem * 2) / 3);}
}
@media screen and (max-width:768px){	
    .board__tab-frame{overflow-x: auto; scroll-snap-type: x mandatory; -webkit-scroll-snap-type: x mandatory; -ms-overflow-style: none; width: calc(100vw - var(--side-padding));  margin-left: calc(-1 * var(--side-padding));   -webkit-mask: linear-gradient(90deg, transparent 0px, #000 calc(0% + 20px), #000 calc(100% - 20px), transparent 100%); mask: linear-gradient(90deg, transparent 0px, #000 calc(0% + 20px), #000 calc(100% - 20px), transparent 100%);  -webkit-mask-size: 100%;  mask-size: 100%;  -webkit-mask-repeat: no-repeat;  mask-repeat: no-repeat;       padding: 0 var(--side-padding);}
    .board__tab{gap:0 0.5rem; flex-wrap: nowrap; white-space: nowrap;}
    .board__tab li:last-child{padding-right:var(--side-padding);}
	.board__tab.board__tab-col5 li{width:auto;}
    .board__index-box{flex-direction: column-reverse; gap:1rem 0.25rem; align-items: flex-start;}
    .board__index-term{width:100%;}
    .board__index-term .input-button{flex:1;}
	.board__index-term.mob-right{justify-content: flex-end;}

	/* 안내문구 */
	.box-info .flex-box {align-items: flex-start;}
	.box-info .flex-box .ico_check-one:before {margin-top: clamp(0.094rem, 0.081rem + 0.063vw, 0.156rem);}

	.no-result{flex-direction: column; text-align: center;;}
}

/**************************************************
 ■ 리스트
**************************************************/

/* 게시판 테이블 */
.board-frame {--radius10:clamp(0.5rem, 0.475rem + 0.125vw, 0.625rem)}
.board__list{border-top:2px solid #000; border-bottom:1px solid #dadada;}
.board__list-title { display: table; table-layout: fixed;width: 100%;border-bottom: 1px solid #dadada;}
.board__list-title > li { display: table-cell; vertical-align: middle; min-width: 100px; width: 10%; height: 3.75rem; padding: 0 1rem; font-size: var(--font-size-17); font-weight:600;  text-align: center; color: #787878;}
.board__list-title > li.num, .board__list-title > li.person{width:11%;}
.board__list-title > li.category{width:15%;}
.board__list-title > li.title{width:47%;}
.board__list-title > li.file{width:11%;}
.board__list-title > li:last-child, .board__list-title > li.date{width:13%;}
.board__list-title:not(:has(.category)) :is(li.num, li.person) {width:8%;}
.board__list-title:not(:has(.category)) li.file {width:8%; white-space: nowrap;}
.board__list-title:not(:has(.category)) li.date {width:10%;}
.board__list-con > li{border-top: 1px solid #dadada; display: table; table-layout: fixed; width: 100%;}
.board__list-con > li:first-child{border-top:0;}
.board__list--inner{display: table-row; width: 100%; height: 68px;}
.board__list--inner > li{display: table-cell; vertical-align: middle; min-width: 100px; width: 10%; min-height: 3.75rem; padding: 0.75rem 1rem; font-size: var(--font-size-17);  text-align: center; color: #232323;}
.board__list--inner > li.list--num, .board__list--inner > li.list--name{width:11%;}
.board__list--inner > li.list--kinds{width:15%; padding: 0.75rem 0.5rem;}
/* .board__list--inner > li.list--kinds span{display:block; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden;  text-overflow: ellipsis;  word-break: keep-all; overflow-wrap: anywhere; -webkit-line-clamp: 1;}
 */
.board__list--inner > li.list--title{width:47%; text-align:left; --icon-color:var(--Basic-Black-70); font-size: 1.063rem;}
.board__list--inner > li.list--title .icon-lock{margin-right: 0.5rem;}
.board__list--inner > li.list--title .word-line-single{display: inline-block; vertical-align: middle; }
.board__list--inner > li.list--file{width:11%;}
.board__list--inner > li.list--file i{display: inline-flex; width: 2.375rem; aspect-ratio: 1/1; border-radius: 50%; border: 0.952px solid #E7E7E7; background: #FFF;}
.board__list--inner > li.list--date, .board__list--inner > li.list--state{width:13%;}
.board__list--inner > li.list--date{color: #787878;}
.board__list-con > li:has(.notice-pin){background: var(--Theme-Primary_subtler2, #F0F5FA);}
.board__list--inner:not(:has(.list--kinds)) :is(li.list--num, li.list--name) {width:8%;}
.board__list--inner:not(:has(.list--kinds)) li.list--file {width:8%;}
.board__list--inner:not(:has(.list--kinds)) :is(li.list--date, li.list--state) {width:10%;}
.board__list--inner .content-title-area {font-size:clamp(1.125rem, 1.08rem + 0.12vw, 1.188rem);} 
.board__list--inner .content-body-area {margin-top:clamp(0.75rem, 0.725rem + 0.125vw, 0.875rem); font-size:var(--font-size-17); color:#464C53;}
.content-date-area {display: flex; align-items: center; gap:var(--gap-16); margin-top:0.75rem; font-size:var(--font-size-15); color:#464C53;}
.content-date-area > p:not(.content-writer) {display:flex; align-items: center; gap: 0.5rem; color:#464C53;}
.content-date-area > p span {font-weight:700; color:#464C53;}
.content-date-area .content-writer {padding:0 0.5rem;line-height:1.5rem; color:#0B50D0; background:#ECF2FE; border-radius:var(--radius-sm);}

[class*='word-line-'] {display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden;  text-overflow: ellipsis;  word-break: keep-all; overflow-wrap: anywhere;  line-height:1.5;}
.word-line-single {max-height: 1.5em; -webkit-line-clamp: 1;}
.word-line-two {max-height: 3em; -webkit-line-clamp: 2;}
.word-line-three {max-height: 4.5em; -webkit-line-clamp: 3;}
.board-tag-primary{color: #22449C; font-weight: 600;}
.notice-pin{display:inline-block; width:1.125rem; aspect-ratio: 18/23; background:url('/res/home/publish/assets/images/content/notice-pin.svg')no-repeat 0 0/100%; font-size:0; vertical-align: middle;}

/* 웹진 */
.board__list-con.webzine{border-top:none; }
.board__list-con.webzine > li{display: flex; align-items: center; height: auto; border:1px solid #B1B8BE; border-radius: var(--radius-xl);}
.board__list-con.webzine > li:not(:first-child){margin-top:0.62rem;}
.board__list-con.webzine > li .board__list--inner{display:flex; height:auto; gap:1.5rem; align-items: center; padding:clamp(1rem, 0.286rem + 1.905vw, 2rem); }
.board__list-con.webzine > li .board__list--inner > .list--image {flex-shrink:0; width:clamp(15rem, 14.563rem + 2.188vw, 17.188rem); height:auto; aspect-ratio:275/183;}
.board__list-con.webzine > li .board__list--inner > .list--content {flex:1; width: 100%; text-align: left;}

/* 마이페이지 게시판 */
.myh-board-list .head table{border-spacing: 0.5rem 0; width: calc(100% + 1rem); margin-left: -0.5rem;}
.myh-board-list .head table thead th{padding: 1.125rem 0; border-radius: 0.25rem; background: var(--Basic-Gray, #F2F2F2); color: var(--Basic-Black-90); text-align: center; font-size: var(--font-size-15); font-weight: 700;}
.myh-board-list .body table td{position: relative; padding:1rem 0.75rem; text-align: center; color: var(--Basic-Black-90); font-size:var(--font-size-16); border-bottom:1px dotted #ddd; }
.myh-board-list .body table tr:last-child td{border-bottom-style: solid;}
.myh-board-list .body table td:not(:first-child):before{content:""; position: absolute; left:0; top:50%; height:calc(100% - 2rem); width:1px; background: #DDD; transform:translateY(-50%);}
.myh-board-list .body table td:has(.nodata){padding:0.5rem 0;}
.myh-board-list .body table td .nodata{border-radius: 0.625rem; background: var(--Basic-Gray, #F2F2F2); padding:2.85rem 1rem;}
/* .myh-board-list .body table td.list--kinds span{display: block; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break: keep-all; overflow-wrap: anywhere; -webkit-line-clamp: 1;} */

@media screen and (max-width:768px){	
	.board__list-title{display:none;}
    .board__list--inner {display: flex; flex-wrap: wrap; overflow: hidden; height: auto; padding: var(--num-24) var(--num-16); gap:var(--gap-10) var(--gap-16);}
    .board__list--inner > li{padding:0; display: flex;  align-items: center;   min-width: initial; min-height:auto; }
	.board__list--inner > li.list--kinds{padding:0;}
    .board__list--inner > li.list--num,
    .board__list--inner > li.list--name,
    .board__list--inner > li.list--kinds,
    .board__list--inner > li.list--file,
    .board__list--inner > li.list--date,
    .board__list--inner > li.list--state,
	.board__list--inner:not(:has(.list--kinds)) li.list--file,
	.board__list--inner:not(:has(.list--kinds)) :is(li.list--date, li.list--state) {width:auto; }
    .board__list--inner > li.list--num{display:none;}
    .board__list--inner > li.list--name,
    .board__list--inner > li.list--date{color:var(--Basic-Black-70);}
    .board__list--inner > li.list--file i{border:none; width:auto; aspect-ratio:auto; background:none;}
    .board__list--inner > li.list--title{width:100%; font-weight:600; font-size:1.125rem;}
	.board__list--inner > li.list--file:not(:has(.ico_download2)) {display:none;}
	.board__list--inner > li.list--title .word-line-single{display: -webkit-box;}
	.content-date-area {margin-top: 1.5rem;}

	/* 마이페이지 게시판 */
	.myh-board-list-scroll{overflow-x:auto; }
	.myh-board-list-scroll .head table{ width: calc(1024px + 1rem);}
	.myh-board-list-scroll .body table{width:1024px;}
	:not(.myh-board-list-scroll).myh-board-list .head,
	:not(.myh-board-list-scroll).myh-board-list .body table colgroup{display:none;}
	:not(.myh-board-list-scroll).myh-board-list .body{border-top:2px solid var(--Basic-Gray, #F2F2F2);}
	:not(.myh-board-list-scroll).myh-board-list .body table tr{display: flex; flex-wrap: wrap; overflow: hidden;  height: auto;  padding: var(--num-24) 0;  gap: var(--gap-10) var(--gap-16); border-bottom: 1px solid #dadada;}
	:not(.myh-board-list-scroll).myh-board-list .body table td{padding:0; border:0;}
	:not(.myh-board-list-scroll).myh-board-list .body table td.list--title{width: 100%; font-weight: 600; font-size: 1.125rem;}
	:not(.myh-board-list-scroll).myh-board-list .body table td.list--num{display:none;}
	:not(.myh-board-list-scroll).myh-board-list .body table td.list--date{ color: var(--Basic-Black-70);}
	:not(.myh-board-list-scroll).myh-board-list .body table td.list--state{margin-left:auto;}
	:not(.myh-board-list-scroll).myh-board-list .body table td.list--btn,
	:not(.myh-board-list-scroll).myh-board-list .body table td:has(.nodata),
	:not(.myh-board-list-scroll).myh-board-list .body table td .nodata{width:100%;}
	:not(.myh-board-list-scroll).myh-board-list .body table td.list--btn a{display: flex;}
	:not(.myh-board-list-scroll).myh-board-list .body table td:not(:first-child):before{display:none;}

	/*웹진*/
	.board__list-con.webzine > li .board__list--inner{flex-direction: column;}
	.board__list-con.webzine > li .board__list--inner > .list--image{width:100%;}
}
@media screen and (max-width:450px){
	.board__list--inner .content-date-area {justify-content: space-between;}
}
/**************************************************
 ■ 뷰
**************************************************/
/* 게시판 뷰 */
.board__block {--radius10:clamp(0.5rem, 0.475rem + 0.125vw, 0.625rem)}
.board__block .nodata__message {display: flex; flex-direction: column; align-items: center; justify-content: center; gap:clamp(1rem, 0.98rem + 0.1vw, 1.1rem); padding: clamp(3rem, 2.862rem + 0.688vw, 3.688rem) 1rem; width: 100%; color:var(--Basic-Black-80); font-size: var(--font-size-17); font-weight: 700;}

.board__block:not(:has(.reply-box)) .board__detail {padding-bottom:var(--num-40); border-bottom: 1px solid var(--Basic-Black-90); }
.board__detail-title {padding: var(--num-32) var(--num-20); border-top: 1px solid var(--Basic-Black-90); border-bottom: 1px solid #ccc;}
.board__detail-title .board_detail_title {font-size:clamp(1.25rem, 1.071rem + 0.476vw, 1.5rem); font-weight: 700;}
.board__detail-title .board_state_area {margin-bottom:1rem;}
.board__detail-title--list .list-dot {display:flex; flex-wrap:wrap; gap:0.25rem 0; margin-top:clamp(1rem, 0.96rem + 0.2vw, 1.2rem); font-size:var(--font-size-17); color:var(--Basic-Black-70);}
.board__detail-title--list .list-dot [class*='board_detail_'] {display:flex; gap:0.5rem; }
.board__detail-title--list .list-dot [class*='board_detail_'] > span {flex-shrink:0; color:#1E2124; font-weight:700;}
.board__detail-title--list .list-dot [class*='board_detail_']:not(:first-child){padding-left:clamp(0.5rem, -0.214rem + 1.905vw, 1.5rem); margin-left:clamp(0.5rem, -0.214rem + 1.905vw, 1.5rem); position:relative;}
.board__detail-title--list .list-dot [class*='board_detail_']:not(:first-child):before {content:''; display:block; width:1px; height:clamp(1rem, 0.95rem + 0.25vw, 1.25rem); background:#ccc; position:absolute; top:0.1em; left:0;}
.board__detail-title--list .board_detail_writer {font-weight:500;}
.board__detail-con{padding-top:var(--num-40);}
.board__drop-con--txt{font-size:var(--font-size-17); color: #000E40; line-height:1.5;}

.video_item{position: relative; padding-top: 56%;}
.video_item iframe{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }

/* 하단버튼 */
.board_bottom_btn {display:flex; justify-content: center; margin-top:var(--num-40); text-align: center; position: relative; gap:1rem;}
.board_bottom_btn  .btn-left {position:absolute; top:0; left:0; display:flex; gap:var(--gap-16);}
.board_bottom_btn  .btn-left > a {height:3rem;}


/* 게시판 뷰 - 첨부파일 리스트 */
.board__detail-con .attach-box {display:flex; margin-top:var(--num-40);}
.attach-box .attach-box__left {display: flex; align-items: center; justify-content: center; padding:var(--gap-16) var(--gap-24); flex-shrink:0; font-size: var(--font-size-17); font-weight:600; background:var(--Basic-Black-10); border-radius:0.625rem 0 0 0.625rem;}
.attach-box .attach-box__right {flex:1;}
.attach-box .attach-box__list {width:100%;  border: 1px solid var(--Basic-Black-10); border-left: none; border-radius:0 0.625rem 0.625rem 0;}
.attach-box .inside-attach {display:flex; justify-content: space-between; align-items: center; gap: 0.5rem 1rem; padding:clamp(0.5rem, 0.487rem + 0.063vw, 0.563rem) var(--gap-24); font-size: var(--font-size-15); color:var(--Basic-Black-80); border-bottom: 1px solid var(--Basic-Black-10);}
.attach-box .attach-box__list > li:last-child .inside-attach {border-bottom:none;}
.attach-box .attach-box__list--left {display:flex; align-items: center; gap: 0.5rem;}
.attach-box .attach-box__list--left .svg-icon:before {margin-top: -1.5px; width:clamp(1.25rem, 1.225rem + 0.125vw, 1.375rem);}
.attach-box .attach-box__list--right {display:flex; align-items: center; gap:clamp(0.5rem, 0.4rem + 0.5vw, 1rem); flex-shrink: 0;}
.attach-box .attach-box__list--right i{display: inline-flex; width:clamp(2rem, 1.925rem + 0.375vw, 2.375rem); aspect-ratio: 1 / 1; border-radius: 50%; border: 0.952px solid #E7E7E7; background: #FFF; --icon-width:52.63%;}
.attach-box .attach-box__volume {color: var(--Basic-Black-60); position:relative;}


/* 댓글 */
.qna_comment{margin-top:3.5rem;}
.qna_comment_total{padding:0 clamp(0.75rem, 0.393rem + 0.952vw, 1.25rem); padding-bottom:clamp(0.75rem, 0.393rem + 0.952vw, 1.25rem); border-bottom:1px solid var(--Basic-Black-90); font-size: clamp(1.25rem, 1.071rem + 0.476vw, 1.5rem); color: #232323; font-weight: 600; --icon-width:1.5rem;}
.qna_comment_write_wrap{margin-top:1rem; --comment-box-border: var(--Theme-Primary); --commonet-btn:var(--Theme-Primary); --commonet-btn-hover:var(--Theme-Primary-70); border:1px solid var(--comment-box-border); border-radius: var(--radius-xl); overflow:hidden;  background: #fff;}
.qna_comment_wrap{padding:0.5rem; }
.qna_comment_wrap textarea{border:none; padding:0.25rem; border-radius:0.375rem; }
.qna_comment_info{display:flex; }
.qna_comment_info .qna_comment_left{display:flex; justify-content: space-between; align-items: center; flex:1; border-top:1px solid #dadada; padding:0 1.5rem;}
.qna_comment_info .qna_comment_left .num-count{color:var(--Basic-Black-40); font-size:var(--font-size-14);}
.qna_comment_info .qna_comment_register{display:flex; align-items: center; justify-content: center; width:10rem; background:var(--commonet-btn); font-size:var(--font-size-15); color:#fff; height:3.2rem; transition: all 0.2s ease-out 0s;}
.qna_comment_info .qna_comment_register:hover{background:var(--commonet-btn-hover)}

.qna_comment_list{margin-top:2.5rem;}
.qna_comment_list > li{border-radius: 0.625rem; background: #F8F8F8; padding: 1.25rem;}
.qna_comment_list > li + li{margin-top:1.25rem;}
.qna_comment_list .qna_comment_header{display:flex; justify-content: space-between; font-size:var(--font-size-17); color: var(--Basic-Black-70); margin-bottom:1rem;}
.qna_comment_list .qna_comment_header .qna_comment_box {position: relative;padding-left:2rem; }
.qna_comment_list .qna_comment_header .qna_comment_box i{position:absolute; left:0px; top:0.1em; --icon-color:var(--Basic-Black-70);}
.qna_comment_list .qna_comment_header b{font-weight: 600; color: #1E2124; margin-right:0.25rem;}
.qna_comment_list .qna_comment_header .qna_comment_date{padding-left: clamp(0.5rem, -0.214rem + 1.905vw, 1.5rem); margin-left: clamp(0.5rem, -0.214rem + 1.905vw, 1.5rem); border-left:1px solid #ccc; line-height: 1; display: inline-block;}
.qna_comment_list .qna_comment_header .qna_comment_option{position: relative; --icon-width:1.5rem;}
.qna_comment_list .qna_comment_header .qna_option_list{position: absolute; right:0; top:100%; background:#fff; box-shadow:0 0 0.5rem rgba(0,0,0,0.2); border-radius: 0.375rem; padding:0.5rem; font-size:var(--font-size-14);     z-index: 1;}
.qna_comment_list .qna_comment_header .qna_option_list a{display:block; padding:0.2rem 0.5rem; cursor: pointer;}
.qna_comment_list .qna_comment_header .qna_option_list a:hover{color:var(--Theme-Primary);}
.qna_comment_list .qna_comment_section .comment_write_content{position: relative; padding-left:2rem; color: #000E40;}
.qna_comment_list .qna_comment_section .comment_write_content:before{content:""; position:absolute; left:0px; top:0.1em; width:1.25rem; background:#6D7882; aspect-ratio: 1; forced-color-adjust: none;  -webkit-mask: url(/res/home/publish/assets/images/icons/icon-check-one.svg)no-repeat 0 0/100%; mask: url(/res/home/publish/assets/images/icons/icon-check-one.svg)no-repeat 0 0/ 100%; }
.qna_comment_list .qna_comment_section .reply-box__list--btn{margin-top:1rem; }
.qna_comment_list .qna_comment_section .comment_btn{--btn-height:2.4rem;}
.qna_comment_list .qna_comment_write_wrap{--comment-box-border: var(--Basic-Black-80); --commonet-btn:var(--Basic-Black-80); --commonet-btn-hover:var(--Basic-Black-90);}
.board__block .qna_comment + .btn-interval-small--side{border:none; padding: 0;}
.board__block .qna_comment + .btn-interval-small--side .btn-interval__left {top:0}

.file_uploader_button{position: relative;  overflow: hidden; cursor: pointer;}
.file_uploader_list{display:flex; flex-wrap:wrap; gap:0.5rem; margin-top:1rem;}
.file_uploader:focus,
.file_uploader_list:focus{box-shadow:none;}
.file_uploader_list .file_uploader_item{display:inline-flex; gap:0.25rem; font-size: var(--font-size-13); padding:0.4rem 0.5rem; border-radius: 0.375rem; border: 1px solid #E2E6EB; background: #F8F8F8;}
.file_uploader_list .file_uploader_item a{cursor: pointer;}
.file_uploader_list .file_uploader_item_name{ display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break: keep-all; overflow-wrap: anywhere; line-height: 1.5; max-height: 1.5em; -webkit-line-clamp: 1;}

.file_list_div{display:flex; align-items: center; padding: clamp(0.5rem, 0.143rem + 0.952vw, 1rem) clamp(1rem, 0.643rem + 0.952vw, 1.5rem); border-radius: 0.5rem; border: 1px solid #E2E6EB; background: #F8F8F8; font-size: var(--font-size-15); font-weight: 400;}
.file_list_div a{display:flex; width:100%; flex-wrap: wrap;}
.file_list_div a > div{display:flex; align-items: center; }
.file_list_div .attach-box__list--left{gap:0.5rem; flex:1; color: var(--Basic-Black-80);}
.file_list_div .attach-box__list--right{gap:clamp(0.5rem, 0.143rem + 0.952vw, 1rem); color: var(--Basic-Black-60); margin-left:auto;}
.file_list_div .attach-box__list--right i{width: 2.375rem; aspect-ratio: 1/1; border-radius: 2.5rem; border: 1px solid #EEE; background: #FFF; --icon-color:#1C274C;}


@media screen and (max-width:1440px){	
	.board_bottom_btn  .btn-left {position:static; }
	.board_bottom_btn  .btn-lg{--btn-width: clamp(5.9rem, 5.159rem + 1.976vw, 6.938rem);}
	.board_bottom_btn:has(.btn-left)  .btn-right{margin-left:auto;}
}
@media screen and (max-width:768px){	
	/* 게시판 뷰 */
	.board__block .btn-interval-small--side:has(.btn-interval__left) {flex-direction: column-reverse; gap: 1rem;}
	.board__detail-title {padding-left:0; padding-right:0;}

	/* 게시판 뷰 - 첨부파일 리스트 */
	.board__detail-con .attach-box {flex-direction: column;}
	.board__detail-title--list .list-dot .board_detail_cate{width:100%;}
	.board__detail-title--list .list-dot .board_detail_cate + li{padding-left:0 !important; margin-left:0 !important;}
	.board__detail-title--list .list-dot .board_detail_cate + li:before{display:none !important;}
	.attach-box .attach-box__left {border-radius: var(--radius10) var(--radius10) 0 0;}
	.attach-box .attach-box__list {border-left:1px solid var(--Basic-Black-10); border-radius: 0 0 var(--radius10) var(--radius10);}
	.attach-box .attach-box__list--left {align-items: flex-start;}
	.attach-box .attach-box__list--left .svg-icon:before {margin-top: -1px;}
	.attach-box .attach-box__list--right .svg-icon {width: auto; border:none; background:transparent; border-radius:0;}
	.attach-box .attach-box__list--right .svg-icon:before {margin-top: -2px; width:clamp(1rem, 0.95rem + 0.25vw, 1.25rem);}

	.qna_comment_info .qna_comment_register{width:5rem; height: 2.8rem;}
	.qna_comment_list .qna_comment_header b{display:none;}
}
@media screen and (max-width:450px){
	.attach-box .inside-attach {flex-direction: column; align-items: flex-start;}
	.attach-box .attach-box__list--right {align-self: flex-end;}
	.board_bottom_btn:not(:has(.btn-left))  .btn-right,
	.board_bottom_btn:not(:has(.btn-left))  .btn-right .btn{width: 100%;}
}
/**************************************************
 ■ 폼
**************************************************/
.board__form--list{display:flex; flex-direction: column; gap:1rem; border-top:1px solid var(--Basic-Black-90); padding-top:var(--num-32);}
.board__form--list .board__form--flex{display:flex; }
.board__form--list .board__form--title{flex-shrink: 0; width:20%; color: var(--Basic-Black-80); font-size: var(--font-size-17); font-weight: 700; }
.board__form--list .board__form--flex:has(input[type="text"], input[type="password"], select, button, .btn ) .board__form--title{padding-top: 0.5rem;}
.board__form--list .board__form--con{flex:1;}
.board__form--list .board__form--con select{width:100%;}

@media screen and (max-width:768px){	
	.board__form--list .board__form--title{width:24%; }
}


/**************************************************
 ■ 갤러리
**************************************************/
/* 리스트 */
.gallery_list [class*='list-'] {display:flex; flex-wrap:wrap; gap:1.75rem var(--gallery-gap); --gallery-gap:clamp(1rem, 0.85rem + 0.75vw, 1.75rem)}
.gallery_list .nodata__message {border:2px solid  var(--Basic-Gray); border-radius: var(--radius10);}

.list-triple > li {width:calc((100% - var(--gallery-gap) * 2)/3);}
.list-double > li {width:calc((100% - var(--gallery-gap))/2);}

.pdf-list > li { background: #fff url('/res/home/publish/assets/images/content/mark_g.svg') no-repeat right bottom; background-size:clamp(3rem, 2.362rem + 3.188vw, 6.188rem) auto; padding: 1.25rem clamp(1.25rem, 1.071rem + 0.476vw, 1.5rem) 1.88rem; border-radius:var(--radius-xl); border:1px solid #B1B8BE;}
.pdf-list .box-img {max-height:clamp(15rem, 14.475rem + 2.625vw, 17.625rem); overflow:hidden; background: #ECF2FE; padding:clamp(1.25rem, 1.071rem + 0.476vw, 1.5rem) 0 0;}
.pdf-list .box-img img{display: block; width:70%; margin:0 auto;}
.pdf-list .box-text {display: flex; flex-direction: column; align-items: flex-start; margin-top:var(--num-20);}
.pdf-list .word-line-two {font-size:clamp(1.125rem, 1.08rem + 0.12vw, 1.188rem); font-weight:700; color: #1E2124; height:3em;}
.pdf-list .content-date-area{margin-bottom:1.56rem; width:100%;}
.pdf-list .pdf_download {display: flex; align-items: center;align-self: flex-end; height:2rem; padding:0 clamp(0.5rem, 0.475rem + 0.125vw, 0.625rem); color: #fff; font-size: var(--font-size-15); background: #0B50D0; border-radius:var(--radius-sm); --icon-color:#fff; font-weight: 400;}

.video-list{gap:2.5rem var(--gallery-gap); }
.video-list li{display:flex; flex-direction: column; border: 1px solid #CDD1D5; border-radius: 0.75rem;}
.video-list .box-img{position: relative; overflow:hidden;  border-radius: 0.75rem 0.75rem 0 0; aspect-ratio: 266/153;}
.video-list .box-img img{position: absolute; left:0; top:0; height:100%; width: 100%;}
.video-list .box-text{ flex: 1; display: flex; padding: clamp(1rem, 0.643rem + 0.952vw, 1.5rem) clamp(1rem, 0.643rem + 0.952vw, 1.5rem) clamp(1.5rem, 0.786rem + 1.905vw, 2.5rem) clamp(1rem, 0.643rem + 0.952vw, 1.5rem); flex-direction: column; gap: 0.75rem; border-radius: 0 0 0.75rem 0.75rem;}
.video-list .box-text a{font-size:clamp(1.125rem, 1.08rem + 0.12vw, 1.188rem); font-weight:700; color: #1E2124; height:3em;}
.video-list .content-date-area{margin-top:0}

@media screen and (max-width:1280px){
	.list-triple > li{width:calc((100% - var(--gallery-gap))/2); }
}
@media screen and (max-width:768px){
	.list-triple > li{width:100%; }
	.gallery_list .board__list--inner.nodata li {width:100%;}
}

/**************************************************
 ■ 자주하는 질문
**************************************************/
.board__drop-box > li{border-radius: 0.625rem; border: 1px solid #DDD; background: #FFF; --drop-padding:2rem; --word-color:#ccc; --icon-color:#222; --drop-ratate:rotate(0deg);} 
.board__drop-box > li + li{margin-top:1.25rem;}
.board__drop-box > li .board__drop-title{display: flex; height: clamp(5rem, 4.107rem + 2.381vw, 6.25rem); padding: 0 var(--drop-padding); align-items: center; gap: clamp(0.75rem, 0.393rem + 0.952vw, 1.25rem); cursor: pointer;}
.board__drop-box > li .board__drop-title:after{content:""; display:inline-block; margin-left: auto; width:1.5rem; aspect-ratio: 1; background-color: var(--icon-color); vertical-align: middle; forced-color-adjust: none;  -webkit-mask: url(/res/home/publish/assets/images/icons/icon-angle-down.svg)no-repeat 0 0/100%; mask: url(/res/home/publish/assets/images/icons/icon-angle-down.svg)no-repeat 0 0/ 100%; transition: all 0.2s ease-out 0s; transform: var(--drop-ratate); }
.board__drop-box > li .board__drop-title .title-word{color: var(--word-color); font-size: var(--font-size-32); font-weight: 700; line-height: 150%; }
.board__drop-box > li .board__drop-title a{font-size: var(--font-size-20); font-weight: 600; color: #464C53; }
.board__drop-box > li .board__drop-title .board-tag-primary{font-weight: 700;}
.board__drop-box > li .board__drop-con{position: relative; padding: 1.625rem 4.5625rem; }
.board__drop-box > li .board__drop-con:before{content:""; position: absolute; left:var(--drop-padding); top:0; width:calc(100% - calc(var(--drop-padding) * 2)); height:1px; background: #244EA1;}
.board__drop-box > li.on{--word-color:var(--Theme-Primary_point); --drop-ratate:rotate(180deg); border-color:#244EA1;}
.board__drop-box > li.on .board__drop-con{display:block !important}

@media screen and (max-width:1280px){
	.board__drop-box > li .board__drop-con{padding: 1.5rem var(--drop-padding);}
}
@media screen and (max-width:768px){
	.board__drop-box > li{--drop-padding:1rem;}
	.board__drop-box > li .board__drop-title a{ max-height: 3em; -webkit-line-clamp: 2; font-size: 1.125rem;}
	.board__drop-box > li .file_list_div{flex-wrap:wrap; font-size: var(--font-size-14);}
	.board__drop-box > li .file_list_div .attach-box__list--left{flex:0 0 100%;}
	.board__drop-box > li .file_list_div .attach-box__list--right i{width:1.5rem; --icon-width:0.8rem;}
}
@media print {
	.board__drop-box > li .board__drop-con{padding: 1.5rem var(--drop-padding);}
}