@charset "utf-8"; 


.board-tab { display: flex; margin-bottom: 58px; } 
.board-tab li { width: 50%; } 
.board-tab li a { display: flex; font-size: 1.2353rem; color: #464C53; font-weight: 700; border: 1px solid #B1B8BE; justify-content: center; padding: 20px 0; position: relative; } 
.board-tab li a.active { border-color: #6043CC; background: #6043CC; color: #fff; } 
.board-tab li a.active::after { content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 22px 20px 0px 20px; border-color: #674FDC transparent transparent transparent; position:absolute; top: 100%; } 

@media all and (max-width:768px) { 
.board-tab { margin-bottom: 35px; } 
.board-tab li a { padding: 13px 0; } 
.board-tab li a.active::after { border-width: 13px 13px 0px 13px; } 
 } 

/* 게시판 검색 */
.board-search-wrap { margin-bottom: 23px; display: flex; align-items: flex-end; } 
.board-info-wrap { display: flex; align-items: center; } 
[class^='board-info'] { font-size: 1.1176rem; line-height: 1; display: flex; gap: 12px; align-items: center; } 
[class^='board-info'] > span:first-child { position: relative; font-weight: 700; padding-right: 12px; font-size: 1.4118rem; } 
[class^='board-info'] > span:first-child::after { content: ''; display: inline-block; width: 1px; height: 17px; background-color: #8A949E; position: absolute; top: 0; bottom: 0; margin: auto 12px; } 
[class^='board-info'] > span:last-child { font-size: 1rem } 
.board-info .count { font-weight: 600; color: #0B50D0; } 
.board-info .bold { font-weight: 700 } 
.board-search-form { margin-bottom: 60px; } 
.board-search-form fieldset { display: flex; align-items: center; width: 100%; padding: 60px; background: #FBFBFB; border: 1px solid #D7D7D7; justify-content: center; margin: 20px 0 0px; flex-wrap: wrap; position: relative; z-index: 0; } 
.board-search-form .input-wrap { display: flex; position: relative; } 
.board-search-form .input-wrap::before { content:''; display: block; width: 1px; height: 23px; background: #A7A7A7; position: absolute; top: 0; bottom: 0; margin: auto; } 
.board-search-form input[type="text"] { border: 3px solid #212121; padding: 5px 16px; min-height: 60px; border-right: 0; width: 490px; border-left: none; } 
.board-search-form input[type="text"]::placeholder { color: #8A949E; } 
.board-search-form .select-wrap { width: 160px; border: 3px solid #212121; background-color: #fff; height: 60px; -webkit-appearance:none; -moz-appearance:none; appearance:none; overflow: hidden; position: relative; border-right: none; } 
.board-search-form .select-wrap::after { content: ''; display: block; border: 1px solid transparent; border-bottom-color: #33363D; border-right-color: #33363D; transform: rotate(45deg) skew(0deg, 0deg) translateY(-25%); width: 7px; height: 7px; position: absolute; top: 0; bottom: 0; right: 15px; margin: auto; transition: 0.35s; z-index: 0; } 
.board-search-form select { width: 100%; height: 100%; border: 0; -webkit-appearance:none; -moz-appearance:none; appearance:none; padding: 5px 15px; z-index: 1; position: relative; background: transparent; } 
.board-search-form select::-ms-expand { display:none; } 
.board-search-form .board-search-btn { display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; border-radius: 0; border: none; transition: .1s; background: #212121; border-left: 0; flex-shrink: 0; } 
.board-search-form .board-search-btn::before { content: ''; display: block; width: 25px; height: 25px; background: url(../../../../resource/images/archive/main/ico_search_w.png) no-repeat center; background-size: contain; } 
.board-search-form .board-search-btn:active { transform: none; box-shadow: none; } 
.board-search-form .search-opt-btn { display: flex; width: 100%; justify-content: flex-end; position: absolute; bottom: 0; } 
.board-search-form .search-opt-btn button { background: #E5E8EB; border: 1px solid #CDD1D5; font-weight: 700; color: #464C53; display: flex; gap: 10px; padding: 11px 16px; align-items: center; border-bottom: none; } 
.board-search-form .search-opt-btn button::after { content: ''; display: block; border: 1px solid transparent; border-bottom-color: #464C53; border-right-color: #464C53; transform: rotate(45deg) skew(0deg, 0deg) translateY(-25%); width: 7px; height: 7px; transition: 0.35s; z-index: 0; } 
.board-search-form .search-opt-btn button.active { background: #005D47; color: #fff } 
.board-search-form .search-opt-btn button.active:after { border-bottom-color: #fff; border-right-color: #fff; transform: rotate(-135deg) skew(0deg, 0deg) translateY(-25%); } 
.detail-search-area,
.conditional-search-area { background: #EBF5F4; padding: 0; transform-origin: top; overflow: hidden; max-height: 0; transition: max-height, padding 0.4s ease; } 
.detail-search-area.is-open,
.conditional-search-area.is-open { max-height: 1000px; padding: 50px 30px 40px; } 
.detail-search-area > div { display: flex; border-bottom: 1px solid #B1B8BE; padding-bottom: 10px; max-width: 1120px; margin: 0 auto 10px; min-height: 50px; align-items: center; } 
.detail-search-area > div .tit { font-size: 1.1176rem; font-weight: 700; min-width: 131px; } 
.detail-search-area > div input[type="text"] { min-height: 40px; padding: 0 16px; border: 1px solid #B1B8BE; width: 100%; } 
.detail-search-area > div input[type="text"]:placeholder { color: #8A949E; } 
.detail-search-area > div .cont { width: calc(100% - 131px); } 
.detail-search-area > .cbtn-wrap { border-bottom: none; padding: 0; margin-bottom: 0 } 
.detail-year-ul { display: flex; gap: 8px; flex-wrap: wrap; } 
.detail-year-ul li input[type="radio"] { width: 1px; height: 1px; overflow: hidden; position: absolute; top: -9999em; left: -9999em; display: block; text-indent: -9999em; font-size: 0px; line-height: 0; opacity: 0; } 
.detail-year-ul li input[type="radio"] + label { border: 1px solid #CDD1D5; background: #fff; padding: 8px 16px; display: block; } 
.detail-year-ul li input[type="radio"]:checked + label { background: #005D47; color: #fff; font-weight: 700 } 
.detail-year-ul li input[type="radio"]:focus + label { outline: 2px solid #000 } 
.detail-search-area .cbtn-wrap button,
.conditional-search-area .cbtn-wrap button { border-radius: 2px; color: #fff; font-weight: 700; display: flex; gap: 10px; height: 48px; border: none; align-items: center; justify-content: center; padding: 0 16px; } 
.detail-search-area .reset-btn,
.conditional-search-area .reset-btn { background: #6D7882; } 
.detail-search-area .reset-btn::after,
.conditional-search-area .reset-btn::after { content:''; display: block; background: url(../../../../resource/images/archive/sub/ico_reset.png); width: 17px; height: 16px; } 
.detail-search-area .detail-search-btn,
.conditional-search-area .conditional-search-btn { background: #1E2124; } 
.detail-search-area .detail-search-btn::after,
.conditional-search-area .conditional-search-btn::after { content:''; display: block; background: url(../../../../resource/images/archive/sub/ico_csearch_w.png); width: 16px; height: 16px; } 
.conditional-search-area > div { max-width: 1166px; margin: 0 auto 20px } 
.conditional-search-area > div .tit { color: #005D47; font-weight: 700; border-bottom: 1px solid #D6E0EB; padding-bottom: 10px; } 
.conditional-search-area > div ul { padding: 10px 0 } 

/* 일반 검색폼 */
.board-search-wrap .board-search-form { margin-bottom: 0; margin-left: auto; } 
.board-search-wrap .board-search-form fieldset { background: none; border: none; padding: 0; margin: 0; flex-wrap: nowrap; } 
.board-search-wrap .board-search-form .select-wrap { border-radius: 4px; color: #8A949E; margin-right: 8px; border: 1px solid #58616A; height: 48px } 
.board-search-wrap .board-search-form input[type="text"] { width: 360px; border: 1px solid #58616A; border-radius: 4px; min-height: 48px; } 
.board-search-wrap .board-search-form .board-search-btn { width: 48px; height: 48px; background: transparent; margin-left: -48px; } 
.board-search-wrap .board-search-form .board-search-btn::before { content: ''; display: block; width: 25px; height: 25px; background: url(../../../../resource/images/archive/sub/ico_csearch.png) no-repeat center; background-size: contain; } 

@media all and (max-width: 1024px) { 
 .board-search-form fieldset { padding: 40px 30px 60px; } 
 .board-search-form .input-wrap { width: calc(100% - 130px); } 
 .board-search-form .select-wrap { width: 130px } 
 .board-search-form input[type="text"] { width: 100% } 
 } 

@media all and (max-width: 768px) { 
 .board-search-form {margin-bottom: 30px;}
 .board-search-wrap { flex-direction: column-reverse; gap: 15px; align-items: start; margin: 0 0 10px; } 
 .board-search-form fieldset { row-gap: 8px; padding: 30px 20px 60px; } 
 .board-search-form .select-wrap { margin-right: 0; } 
 [class^='board-info'] > span:first-child { font-size: 1.2rem; } 

 } 

@media all and (max-width: 640px) { 
 .detail-search-area > div .tit { min-width: 100px; } 
 .detail-data-ul.frm-chks { gap: 10px; flex-wrap: wrap; } 
 .board-search-wrap .board-search-form { margin-left: 0; width: 100%; } 
 .board-search-form fieldset { padding: 20px 10px 50px; } 
 .board-search-form .select-wrap { width: 80px; height: 44px; border-width: 2px; } 
 .board-search-form select { padding: 5px 10px; } 
 .board-search-form .input-wrap { width: calc(100% - 80px); } 
 .board-search-form input[type="text"] { height: 44px; min-height:auto; border-width: 2px; } 
 .board-search-form .board-search-btn { height: 44px; width: 44px; } 
 .board-search-form .board-search-btn::before { width: 20px; height: 20px; } 
 .board-search-form .search-opt-btn button { padding: 8px 16px; } 
 .board-search-wrap .board-search-form .select-wrap { height: 40px; } 
 .board-search-wrap .board-search-form input[type="text"] { width: calc(100% - 80px); min-height: 40px; height: 40px; } 
 .board-search-wrap .board-search-form .board-search-btn { height: 40px; width: 40px; margin-left: -40px; } 
 
 .detail-search-area.is-open, .conditional-search-area.is-open { padding: 30px 20px 10px; } 
 .detail-search-area > div:not(.cbtn-wrap) { flex-direction: column; gap: 8px; align-items: self-start; } 
 .detail-search-area > div .cont { width: 100%; } 
 .detail-search-area > div input[type="text"] { height: 40px; } 
 .detail-year-ul { gap: 5px; } 
 .detail-year-ul li input[type="radio"] + label { padding: 5px 8px; } 
 .detail-search-area > .cbtn-wrap { margin-top: 20px } 
 .detail-search-area .cbtn-wrap button,
.conditional-search-area .cbtn-wrap button { height: 38px } 
 } 



/* 게시판 리스트 - 목록형 */
.board-list-basic table { width: 100%; border-spacing: 0; border-collapse: separate; table-layout: fixed; border-top: 2px solid #282E7E; } 
.board-list-basic table thead tr:last-child > * { border-bottom: 1px solid #989eb8; } 
.board-list-basic table th,
.board-list-basic table td { border-bottom: 1px dashed #CDD1D5; box-sizing: border-box; padding: 18px 10px; font-weight: 400; letter-spacing: -.038rem; } 
.board-list-basic table th { background-color: #F4F8FF; border-bottom: 0; color: #131416; font-size: 1rem; font-weight: 700; position: relative; text-align: center; } 
.board-list-basic table td { color: #131416; font-size: 1rem; text-align: center; } 
.board-list-basic table td.no-date { text-align: center; } 
.board-list-basic table tbody td.title { color: #063A74; font-weight: 700; text-align: center; } 
.board-list-basic table tbody td.title > a { display: inline-block; color: #191919; font-weight: 500; vertical-align: middle; width: auto; max-width: 88%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
.board-list-basic table tbody tr:hover td.title > a, 
.board-list-basic table tbody tr:focus td.title > a { text-decoration: underline; } 
.board-list-basic table tbody tr.ntc { background: #f1f6ff; } 
.board-list-basic table tbody tr.ntc th,
.board-list-basic table tbody tr.ntc td,
.board-list-basic table tbody tr.ntc td a { color: #191919; font-weight: 500; } 
.board-list-basic table tbody tr.ntc td.ntc,
.board-list-basic table tbody tr.ntc td.title a { font-weight: 600; } 
.board-list-basic table tbody tr.ntc td.ntc { position:relative; font-size: 0.8235rem; color: #0340b1; } 
.board-list-basic table tbody tr.ntc td.ntc span { border: 1px solid #b6c6db; border-radius: 5px; height: 25px; display:flex; align-items:center; justify-content:center; } 

@media all and (max-width:1199px) { 
.board-list-basic table th, 
 .board-list-basic table td { font-size: 100%; } 
.board-list-basic table colgroup { display: none; } 
.board-list-basic table tbody tr { display: flex; flex-wrap: wrap; border-bottom: 1px solid #dedede; padding: 10px; position: relative; } 
.board-list-basic table th { display: none; } 
.board-list-basic table td { display: inline-flex; align-items: flex-start; border-bottom: 0; text-align: left; font-size: .9rem; padding: 0; } 
.board-list-basic table tbody td:not(.title) { order: 1; } 
.board-list-basic table tbody td.m-hidden { display: none; font-size: .8rem; width: 40px; } 
.board-list-basic table tbody td.title { order: 0; width: 100%; margin: 3px 0 7px; font-size: 1.1rem; font-weight: 600; } 
.board-list-basic table tbody td.flctn { min-width: 50%; box-sizing: border-box; margin-bottom: 3px; padding-right: 10px; } 
.board-list-basic table tbody td.flctn.full { min-width: 100%; } 
.board-list-basic table tbody td.flctn:before { content: attr(data-name); background: #5757571a; color: #767676; margin-right: 5px; padding: 1px 5px; } 
.board-list-basic table tbody td:last-child { margin-right: 0; padding-right: 0; } 
.board-list-basic table tbody td:not(.flctn):last-child:before { display: none; } 
.board-list-basic table tbody td:not([class], :last-child) { padding-right: 7px; margin-right: 7px; position: relative; } 
.board-list-basic table tbody td:not([class], :last-child):after { content:''; display: block; width: 1px; height: 70%; background: #b6b6b6; position: absolute; right:0; top:0; bottom:0; margin:auto; } 
 .board-list-basic table tbody tr.ntc td.ntc { order: 0; width: fit-content; margin: 3px 0 7px; font-size: 1.1rem; font-weight: 600; } 
.board-list-basic table tbody tr.ntc td.ntc:nth-child(1) { margin-right: 5px; padding: 0 5px; background: #1e69f1; color: #fff; font-size: 0.875rem; position: relative; } 
.board-list-basic table tbody tr.ntc td.ntc span { border: none; } 
.board-list-basic table tbody tr.ntc td.ntc:after { display:none; } 
 } 


/* 게시판 리스트 - 아카이브 */
.category-tabs { display: flex; border: 1px solid #B1B8BE80; } 
.category-tabs li { width:calc(100% / 14); border-right: 1px solid #B1B8BE80 } 
.category-tabs li:first-child:nth-last-child(3), .category-tabs li:first-child:nth-last-child(3) ~ li { width: calc(100% / 3); } 
.category-tabs li:first-child:nth-last-child(4), .category-tabs li:first-child:nth-last-child(4) ~ li { width: calc(100% / 4); } 
.category-tabs li:first-child:nth-last-child(5), .category-tabs li:first-child:nth-last-child(5) ~ li { width: calc(100% / 5); } 
.category-tabs li:first-child:nth-last-child(6), .category-tabs li:first-child:nth-last-child(6) ~ li { width: calc(100% / 6); } 
.category-tabs li:first-child:nth-last-child(7), .category-tabs li:first-child:nth-last-child(7) ~ li { width: calc(100% / 7); } 
.category-tabs li:first-child:nth-last-child(8), .category-tabs li:first-child:nth-last-child(8) ~ li { width: calc(100% / 8); } 
.category-tabs li:first-child:nth-last-child(9), .category-tabs li:first-child:nth-last-child(9) ~ li { width: calc(100% / 9); } 
.category-tabs li:first-child:nth-last-child(10), .category-tabs li:first-child:nth-last-child(10) ~ li { width: calc(100% / 10); } 
.category-tabs li:first-child:nth-last-child(11), .category-tabs li:first-child:nth-last-child(11) ~ li { width: calc(100% / 11); } 
.category-tabs li:first-child:nth-last-child(12), .category-tabs li:first-child:nth-last-child(12) ~ li { width: calc(100% / 12); } 
.category-tabs li:first-child:nth-last-child(13), .category-tabs li:first-child:nth-last-child(13) ~ li { width: calc(100% / 13); } 
.category-tabs li:last-child { border-right: none } 
.category-tabs li button {display: block;background: none;border: none;text-align: center;width: 100%;font-size: 1.1176rem;font-weight: 600;color: #464C53;height: 100%;padding: 13px 5px;} 
.category-tabs li button.active { background: #005D47; color: #fff } 
.archive-list { border-top: 1px solid #B1B8BE } 
.archive-list > li { border-bottom: 1px solid #B1B8BE; display: grid; gap: 10px 0; padding: 28px; grid-template-columns: 90px auto 140px } 
.archive-list > li .img { grid-column: 1 } 
.archive-list > li .num { color: #0B50D0; grid-column: 1; text-align: center; } 
.archive-list > li .title { grid-column: 2; font-size: 1.2353rem; font-weight: 700; } 
.archive-list > li:hover,
.archive-list > li:focus { background: #F3F6FB } 
.archive-list > li:hover .title,
.archive-list > li:focus .title { text-decoration: underline; } 
.archive-list > li .desc { grid-column: 2; font-size: 0.8824rem; color: #6D7882; } 
.archive-list > li .info { display: flex; grid-column: 2; gap: 0 10px; flex-wrap: wrap; } 
.archive-list > li .info li { color: #464C53; font-weight: 300; display: flex; } 
.archive-list > li .info li .tit { font-weight: 600; } 
.archive-list > li .view-btn { grid-column: 3; grid-row: 1/ span 3; display: flex; gap: 12px; height: 52px; border-radius: 5px; align-items: center; justify-content: center; border: 1px solid #B1B8BE; align-self: center; transition: .2s } 
.archive-list > li .view-btn::after { content:'→'; } 
.archive-list > li:hover .view-btn,
.archive-list > li:focus .view-btn { background: #052B57; color: #fff; font-weight: 700 } 

@media all and (max-width: 1024px) { 
 .archive-list > li { display: flex; flex-direction: column; align-items: flex-start; padding: 20px 10px; } 
 .archive-list > li .view-btn { align-self: flex-start; padding: 10px 20px; height: fit-content; } 
 .archive-list > li .info { gap: 8px 40px; flex-wrap: wrap; } 
 } 


@media all and (max-width:768px) { 
.category-tabs { flex-wrap: wrap; height: auto; border-right: none; border-bottom: none; } 
.category-tabs li { border-bottom: 1px solid #B1B8BE80; } 
 .category-tabs li:last-child { border-right: 1px solid #B1B8BE80; } 
.category-tabs li:first-child:nth-last-child(4), .category-tabs li:first-child:nth-last-child(4) ~ li,
.category-tabs li:first-child:nth-last-child(5), .category-tabs li:first-child:nth-last-child(5) ~ li,
.category-tabs li:first-child:nth-last-child(6), .category-tabs li:first-child:nth-last-child(6) ~ li,
.category-tabs li:first-child:nth-last-child(7), .category-tabs li:first-child:nth-last-child(7) ~ li, 
.category-tabs li:first-child:nth-last-child(8), .category-tabs li:first-child:nth-last-child(8) ~ li,
.category-tabs li:first-child:nth-last-child(9), .category-tabs li:first-child:nth-last-child(9) ~ li, 
.category-tabs li:first-child:nth-last-child(10), .category-tabs li:first-child:nth-last-child(10) ~ li,
.category-tabs li:first-child:nth-last-child(11), .category-tabs li:first-child:nth-last-child(11) ~ li,
.category-tabs li:first-child:nth-last-child(12), .category-tabs li:first-child:nth-last-child(12) ~ li, 
.category-tabs li:first-child:nth-last-child(13), .category-tabs li:first-child:nth-last-child(13) ~ li { width: calc(100% / 3); } 
 } 

 @media all and (max-width: 480px) { 
 .category-tabs li button { font-size: 1rem; padding: 10px 0; } 
 .archive-list > li .view-btn { padding: 8px 10px; } 
 } 
/* 게시판 리스트 - 아카이브 갤러리 1(도서) */
.archive-list[class*="gallary"] > li img.no-img { object-fit: contain; width: 118px; margin: 0 auto; } 
.archive-list[class*="gallary"] > li img.no-img + .title { color: #121212 } 
.archive-list.gallary > li { grid-template-columns: 164px auto 140px; gap: 0 38px; align-items: center; padding: 18px 30px; } 
.archive-list.gallary > li .cont { display: flex; flex-direction: column; gap: 10px; } 
.archive-list.gallary > li .img { aspect-ratio: 1 / 1.38; border: 1px solid #CDD1D5; background: #f5f5f5f5; } 
.archive-list.gallary > li .img img {width: 100%;height: 100%;display: block;} 
.archive-list.gallary > li .num { grid-column: 2; text-align: left; } 
.archive-list.gallary > li .title { grid-column: 2; } 
.archive-list.gallary > li .desc { grid-column: 2; } 
.archive-list.gallary > li .info { grid-column: 2; } 
.archive-list.gallary > li .view-btn { grid-column: 3; grid-row: auto; } 

/* 게시판 리스트 - 아카이브 갤러리 2(이미지자료) */
.archive-list.gallary2 { display: flex; flex-wrap: wrap; gap: 36px 20px; border-top: none; } 
.archive-list.gallary2 > li { display: block; width: calc(25% - 15px); border-bottom: none; padding: 0; } 
.archive-list.gallary2 > li a { display: flex; flex-direction:column; border: 1px solid #CDD1D5; border-radius: 10px; gap: 8px; height: 100%; } 
.archive-list.gallary2 > li .img { aspect-ratio: 1 /.783; overflow: hidden; } 
.archive-list.gallary2 > li .img img { width: 100%; height: 100%; display: block; } 
.archive-list.gallary2 > li .cont { padding: 16px 28px 28px; } 
.archive-list.gallary2 > li .title { margin-bottom: 10px; } 
.archive-list.gallary2 > li .info li { gap: 10px; } 
.archive-list.gallary2 > li .info li .tit { font-weight: 400; color: #267337; display: flex; align-items: center; gap: 8px; } 
.archive-list.gallary2 > li .info li .tit::after { content:''; display: block; width: 1px; height: 13px; background: #B1B8BE; } 

/* 게시판 리스트 - 아카이브 갤러리 3(자료마당-이미지갤러리) */
.archive-list.gallary3 { display: flex; flex-wrap: wrap; gap: 14px; border-top: none; } 
.archive-list.gallary3 > li { display: block; width: calc(25% - 11px); border-bottom: none; padding: 0; } 
.archive-list.gallary3 > li a { display: block; flex-direction:column; border: 1px solid #CDD1D5; aspect-ratio: 1 / .77; position: relative; background: #fbfbfb; } 
.archive-list.gallary3 > li img { width: 100%; height: 100%; display: block; } 
.archive-list.gallary3 > li .title { position: absolute; bottom: 0; padding: 16px 28px; color: #fff; } 
.archive-list.gallary3 > li.no-data { width: 100%; padding: 10px 0; } 


@media all and (max-width:1024px) { 
 .archive-list.gallary > li {flex-direction: row;gap: 0 20px;display: grid;grid-template-columns: 164px auto;}
 .archive-list.gallary > li .img {grid-row: 1 / span 2;}
 .archive-list.gallary > li .view-btn {grid-column: 2;width: fit-content;}
 .archive-list.gallary2 { gap: 25px 15px; } 
 .archive-list.gallary2 > li,
.archive-list.gallary3 > li { width: calc(33.33% - 10px); } 
 .archive-list.gallary3 > li .title { padding: 10px; font-size: 1.1rem; } 
 } 
@media all and (max-width:640px) { 
 .archive-list.gallary2 { gap: 25px 14px; } 
 .archive-list.gallary2 > li,
 .archive-list.gallary3 > li { width: calc(50% - 7px); } 
 .archive-list.gallary2 > li .cont { padding: 15px; } 
 } 
@media all and (max-width:480px) { 
  .archive-list.gallary > li {display: flex;flex-direction: column;gap: 20px;padding: 15px 20px;}
 .archive-list.gallary > li .img {aspect-ratio: 1 / 1.2}
 .archive-list.gallary2 > li { width: 100%; } 
 } 

/* 게시판 작성 */
.req-txt { text-align: right; margin-bottom: 5px; } 
.req { color: red; font-size: .8rem; vertical-align: text-top; margin-left: 3px; } 
.board-write { border-top: 2px solid #58616A; display: flex; flex-wrap: wrap; } 
.board-write > li { display: flex; align-items: center; border-bottom: 1px solid #D7D7D7; min-height: 72px; align-content: center; flex-direction: row; /* gap: 12px; */width: 100%; } 
.board-write > li.w50 { width: 50%; } 
.board-write > li > .tit { min-width: 220px; font-weight: 600; font-size: 1rem; height: -webkit-fill-available; vertical-align: middle; z-index: 0; display: flex; align-content: center; flex-direction: row; flex-wrap: wrap; padding: 15px 20px; justify-content: center; border-right: 1px solid #D7D7D7; background: #F3F6FB; text-align: center; } 
.board-write > li > .cont-wrap { padding: 15px 20px; width: calc(100% - 220px); } 
.board-write > li > ul.cont-wrap { display: flex; flex-direction: column; gap: 20px; } 
.board-write > li > .cont-wrap > li:not(.file-box, :last-child) { border-bottom: 1px dashed #b6b6b6; padding-bottom: 20px; } 
.board-write > li > .cont-wrap > li textarea { margin: 10px 0 0; } 
.board-write input[type="text"],
.board-write input[type="password"],
.board-write .select-wrap,
.board-write textarea { border: 1px solid #ddd; border-radius: 5px; font-weight : normal; line-height: 22px; } 
.board-write input[type="text"],
.board-write input[type="password"] { height: 38px; width: 30%; padding: 0 10px; } 
.board-write input[type="text"]::placeholder { font-size: .9rem; color: #b6b6b6; } 
.board-write input[type="text"].full { width: 100%; } 
.board-write textarea { min-height: 120px; width: 100%; padding: 10px; resize: none; overflow-y: auto; margin: 20px 0; } 
.board-write .select-wrap { height: 42px; background: #fff; cursor: pointer; position:relative; overflow: hidden; width: fit-content; } 
.board-write .select-wrap select { width: 100%; height: 100%; border:none; padding: 0 10px; appearance: none; -webkit-appearance:none; -moz-appearance:none; padding: 0 40px 0 20px; } 
.board-write .select-wrap + input[type="text"] { margin-left: 10px; } 
.board-write .select-wrap::after { content: ''; display: block; border: 1px solid transparent; border-bottom-color: #212121; border-right-color: #212121; transform: rotate(45deg) skew(0deg, 0deg) translateY(-25%); width: 5px; height: 5px; position: absolute; top: 0; bottom: 0; right: 15px; margin: auto; transition: 0.35s; z-index: 0; } 
.board-write .date-wrap { display: flex; align-items: center; } 
.board-write .addr-wrap { margin-top: 5px; display: flex; } 
.board-write input[type="text"].datepicker { width: 200px; background: url(' ../images/common/ico_calendar.png') no-repeat center right 10px; } 
.board-write input[type="text"].src-time { width: 100px; margin-left: 10px; } 
.board-write input[type="text"].addr1 + button { padding: 9px 10px; } 
.board-write input[type="text"].addr2 { margin-right: 5px; } 
.board-write input[type="text"].w600 { width: 600px; } 
.board-write .c-btn-s {height: fit-content;font-size: .9rem;}
.board-write li input[type="file"] { position:absolute; font-size: 0; width:0; height:0; } 
.board-write .file-box label { background: #f5f5f5; padding: 3px 10px; border-radius: 2px; cursor: pointer; font-size: .9rem; border: 1px solid #B1B8BE; } 
.board-write .file-box .upload-name { font-size: .889rem; color: #666; border:none; width: fit-content; padding: 0; text-overflow: ellipsis; } 
.board-write .file-list { display: flex; flex-direction: column; gap: 10px; } 
.board-write .file-list li { display: flex; gap: 30px; } 
.board-write .file-list li span { font-size: .9rem; min-width: 203px;} 
.board-write .file-list li a {background: #ffdcdc;padding: 3px 10px;border-radius: 2px;cursor: pointer;font-size: .9rem;text-align: center;display: block;min-width: 72px;border: 1px solid #B1B8BE;} 
.board-write .cclBox .frm-rdos {flex-wrap: wrap;gap: 20px}
.board-write .cclBox .frm-rdos .rdos {flex-direction: column;display: flex;margin-right: 0;width: calc(50% - 10px)}
.board-write .cclBox .frm-rdos .rdos label span {font-size: .9rem;display: block;margin-top: 5px}
@media all and (max-width: 1024px) { 
 .board-write > li > .tit { min-width: 150px; } 
.board-write > li > .cont-wrap { width: calc(100% - 150px); } 
.board-write input[type="text"], 
 .board-write input[type="password"] { width: 40%; } 
.board-write input[type="text"].datepicker { width: 60%; } 
.board-write input[type="text"].src-time { width: calc(40% - 10px); } 
 } 
@media all and (max-width: 768px) { 
 .board-write { display: block; } 
 .board-write > li { display: block; padding-bottom: 30px; border-bottom: none; } 
 .board-write > li.w50 { width: 100%; } 
 .board-write > li > .tit { border-right: none; text-align:left; display: block; margin-bottom: 15px; width: 100%; padding: 14px 10px; border-radius: 0; align-items: flex-start; height: auto; color: var(--color1); font-weight: bold; } 
.board-write > li > .cont-wrap { padding: 0; text-align: center; } 
 .board-write > li > .cont-wrap,
 .board-write input[type="text"],
 .board-write input[type="text"].w600,
 .board-write .select-wrap,
 .board-write textarea { width: 100%; } 
.board-write textarea { margin: 0; } 
.board-write input[type="text"].addr1 { width: calc(100% - 75px); } 
 .board-write .file-list li a {min-width: 66px;}
 .board-write .file-list li span,
 .board-write .cclBox,
 .board-write .warning {text-align: left;}
 .board-write .cclBox .frm-rdos .rdos {width: 100%}
 } 

/* 게시판 상세 */
.board-view .title-wrap { border-top: 2px solid #282E7E; padding: 16px 0; border-bottom: 1px solid #CDD1D5; background: #F4F8FF; } 
.board-view .title { font-size: 1.8824rem; font-weight: bold; text-align: center; margin-bottom: 20px; } 
.board-view .info { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 8px 10px; } 
.board-view .info .tit { display: block; text-align: center; font-weight: bold; position: relative; } 
.board-view .info .txt { color: #222; font-weight: normal; } 
.board-view .info li { display: flex; align-items: center; position: relative; /* font-size: 1.1176rem; */gap: 8px; justify-content: flex-start; } 
.board-view .info li:last-child { margin-right: 0; } 
.board-view .info li::after { content: ''; display: block; width: 1px; height: 20px; background: #D6E0EB; position: absolute; top: 0; bottom: 0; right: -8px; margin: auto; } 
.board-view .info li:last-child::after,
.board-view .info li:nth-child(3n)::after { display:none; } 
.board-view .cont-wrap { padding: 24px 20px 48px; text-align: left; border-bottom: 1px solid #8A949E; line-height: 1.6; } 
.board-view .iframe-wrap { aspect-ratio: 16 / 9; } 
.board-view .iframe-wrap + .txt-wrap,
.board-view .cont-wrap img + .txt-wrap { margin-top: 50px; } 
.board-view .cont-wrap img { width: 70%; } 
.board-view .file > ul { padding: 16px 32px; border-bottom: 1px solid #CDD1D5; } 
.board-view .file > ul li { display: flex; align-items: center; border-bottom: 1px dashed #CDD1D5; padding-bottom: 10px; margin-bottom: 15px; } 
.board-view .file > ul li:last-child { border: none; margin-bottom: 0; padding-bottom: 0; } 
.board-view .file > ul li .tit { font-weight: 700; display: flex; align-items: center; gap: 10px; color: #464C53; } 
.board-view .file > ul li .tit::before { content:''; display: block; width: 14px; height: 17px; background: url(../../../../resource/images/ai/ico_file.png); } 
.board-view .file > ul li .tit::after { content:''; display: block; width: 1px; height: 12px; background: #CDD1D5; margin: 0 20px 0 12px; } 
.board-view .file > ul li a { display: flex; color: #052B57; align-items: center; gap: 20px; } 
.board-view .file > ul li a .down-btn { border: 1px solid #B1B8BE; background: #F4F5F6; border-radius: 3px; display: flex; gap: 4px; color: #1E2124; padding: 5px 10px; } 
.board-view .file > ul li a .down-btn:after { content:''; display: block; width: 20px; height: 20px; background: url(../../../../resource/images/ai/ico_down.png); } 
.view-pager { margin-top: 30px; border: 1px solid #dedede; border-radius: 0; overflow: hidden; } 
.view-pager li { padding: 10px 23px; transition: .3s; font-weight: 400; display:flex; } 
.view-pager span { display: flex; align-items:center; color: #838383; } 
.view-pager span::after { content:''; display:block; width:1px; height:16px; background:#b6b6b6; margin-left:10px; } 
.view-pager a,
.view-pager p { margin-left: 10px; transition: .3s; } 
.view-pager a:hover { text-decoration:underline; } 
.view-pager li:nth-child(2) { border-top: 1px solid #dedede; } 

 .codeView { display: flex; align-items: center; } 
 .codeView img { width: 150px; align-items: center; } 
 .codeView p { margin-left: 15px; } 
@media all and (max-width: 768px) { 
.board-view .title-wrap { padding: 15px 0; } 
.board-view .title { font-size: 1.6rem; } 
.board-view .cont-wrap img { width: 100%; } 
 } 

/* 게시판 상세-아카이브 */
.board-view.archive .title-wrap { padding: 30px 80px 48px; background: #F3F6FB; border: 1px solid #D7D7D7; } 
.board-view.archive .title-area { padding-bottom: 20px; border-bottom: 2px solid #58616A; margin-bottom: 40px; display: grid; grid-template-columns: auto 119px; } 
.board-view.archive .title { margin-bottom: 0px; font-size: 1.8824rem; grid-column: 1; grid-row: 1; text-align: left; } 
.board-view.archive .title-en { grid-column: 1; } 
.board-view.archive .title-area > a { grid-column: 2; grid-row: 1 / span 2; } 
.board-view.archive .info { gap: 10px 0; justify-content: flex-start; } 
.board-view.archive .info li { width: 50%; gap: 24px; } 
.board-view.archive .info li::after { display: none; } 
.board-view.archive .info .tit { min-width: 112px; color: #131416; display: flex; } 
.board-view.archive .info .tit::after { content:''; display: block; width: 1px; height: 15px; background: #B1B8BE; margin-left: auto; } 
.board-view.archive .cont-wrap { padding: 0; border-bottom: 0; } 
.board-view.archive .cont-wrap .txt-wrap { margin: 60px 0; } 
.board-view.archive .cont-wrap .txt-wrap .tit { font-size: 1.8824rem; font-weight: 600; } 
.board-view.archive .cont-wrap .txt-wrap .txt.fold { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 4; } 
.board-view.archive .cont-wrap .txt-wrap .txt.fold.is-open { display: block; } 
.board-view.archive .cont-wrap .txt-wrap .txt:not(.fold) { padding: 30px 40px; border: 1px solid #CDD1D5; border-radius: 8px; } 
.board-view.archive .cont-wrap .fold-open { width: 100%; display: flex; border: 1px solid #CDD1D5; background: #fff; border-radius: 0 0 12px 12px; padding: 16px 0; align-items: center; justify-content: center; gap: 10px; margin-top: 40px; } 
.board-view.archive .cont-wrap .fold-open::after { content: ''; display: block; border: 1px solid transparent; border-bottom-color: #33363D; border-right-color: #33363D; transform: rotate(45deg) skew(0deg, 0deg) translateY(-25%); width: 7px; height: 7px; transition: 0.35s; z-index: 0; } 
.board-view.archive .cont-wrap .fold-open.active::after { transform: rotate(-135deg) skew(0deg, 0deg) translateY(-25%); } 
.board-view.archive .cont-wrap .txt-wrap > .link {display: flex;border: 1px solid #193FBD;border-radius: 8px;padding: 10px 20px;color: #193FBD;gap: 4px;align-items: center;width: fit-content;} 
.board-view.archive .cont-wrap .txt-wrap > .link::after { content:''; display: block; background: url(../../../../resource/images/archive/sub/ico_new_window.png); width: 20px; height: 20px; } 
.board-view.archive .cont-wrap .txt-wrap > .keyword-list { display: flex; gap: 8px; flex-wrap: wrap; } 
.board-view.archive .cont-wrap .txt-wrap > .keyword-list li a { display: block; padding: 5px 16px; border-radius: 2px; border: 1px solid #CDD1D5; transition: .2s; } 
.board-view.archive .cont-wrap .txt-wrap > .keyword-list li a:hover,
.board-view.archive .cont-wrap .txt-wrap > .keyword-list li a:focus { background: #005D47; color: #fff; } 
.board-view.archive .cont-wrap .txt-wrap.df { display: flex; gap: 20px; padding: 30px 0; margin-bottom: 0; border-bottom: 1px solid #CCD1D5; } 
.board-view.archive .cont-wrap .txt-wrap.df .tit { font-size: 1.4118rem; min-width: 140px; } 

/* 게시판 상세 갤러리-아카이브 */
.board-view.gallary.archive .title-wrap { display: grid; padding: 42px 50px; column-gap: 60px; grid-template-columns: 240px auto; grid-template-rows: minmax(119px, auto); align-items: start; } 
.board-view.gallary.archive .img-area {grid-column: 1;aspect-ratio: 1 / 1.295;grid-row: 1 / span 2;overflow: hidden;} 
.board-view.gallary.archive .img-area img { height: 100%; width:100%; display: block; object-fit: cover; } 
.board-view.gallary.archive .title-area,
.board-view.gallary.archive .info { grid-column: 2; } 

.img-area.gallery_view{text-align: center;margin: 40px 0;}

ul li.no-data { border-bottom: none; display: block; text-align: center; padding: 10px 0; } 

@media all and (max-width: 1024px) { 
.board-view.archive .title-wrap { padding: 30px 40px; } 
 .board-view.archive .info .tit {min-width: 85px;} 
 .board-view.archive .info li { gap: 10px; } 
 .board-view.gallary.archive .title-wrap {column-gap: 20px;padding: 30px;grid-template-columns: 200px auto;} 
  .board-view.gallary.archive .info li {align-items: baseline;}
 .board-view.gallary.archive .info .tit {min-width: 100px;} 
 } 
@media all and (max-width: 768px) { 
 
 .board-view.archive .title-area { grid-template-columns: auto 70px; margin-bottom: 20px; } 
 .board-view.archive .title { font-size: 1.5rem; } 
 .board-view.archive .cont-wrap .fold-open {margin-top: 12px;padding: 12px 0;}
 .board-view.gallary.archive .info { flex-direction: column; } 
 .board-view.gallary.archive .title-wrap {grid-template-columns: 150px auto;grid-template-rows: auto;padding: 20px;column-gap: 20px;} 
 .board-view.gallary.archive .img-area {align-self: center;}
 } 
@media all and (max-width: 640px) { 
.board-view.archive .title-wrap { padding: 20px; } 
 .board-view.archive .title-area { display: flex; flex-direction: column; gap: 8px; padding-bottom: 10px; margin-bottom: 15px; } 
 .board-view.archive .title-area > a { margin: 8px 0 0; } 
 .board-view.archive .info { width: 100%; } 
 .board-view.archive .info li { gap: 15px; width: 100%; } 
 .board-view.archive .cont-wrap .txt-wrap { margin: 30px 0; } 
 .board-view.archive .cont-wrap .txt-wrap .tit {font-size: 1.6rem}
 .board-view.archive .cont-wrap .txt-wrap .txt:not(.fold) { padding: 20px; } 
 .board-view.archive .cont-wrap .txt-wrap.df .tit { min-width: 100%; } 
 .board-view.archive .cont-wrap .txt-wrap.df { flex-direction: column; } 
 .board-view.gallary.archive .title-wrap {display: flex;flex-direction: column;justify-content: center;gap: 30px;} 
 .board-view.gallary.archive .title-area {  width: 100%;  } 
 .board-view.gallary.archive .title-area > a { margin: 0; } 
 
 } 







/* 각 고분군 메인 */
.svis-slide-wrap {position: relative;margin: 0 52px;aspect-ratio: 1 / .34703;min-height: 350px;} 
.svis-slide-wrap .svis-slide { height: 100%; } 
.svis-slide-wrap .slide-txt { position: absolute; top: 0; left: 0; right: 0; justify-content: center; align-items: center; z-index: 2; text-align: center; display: flex; flex-direction: column; height: 100%; width: 100%; } 
.svis-slide-wrap .slide-txt .txt { color: #fff; font-family: 'Sangju', sans-serif; font-size: 1.6471rem; position: relative; } 
.svis-slide-wrap .slide-txt .txt::after { content: ''; display: block; background: url(../../../../resource/images/archive/sub/tumuli.png); width: 305px; height: 84px; position: absolute; bottom: 0; right: -70px; } 
.svis-slide-wrap .slide-txt .tit { font-family: 'Jalnan', sans-serif; font-size: 2.8235rem; color: #fff; display: flex; gap: 13px; margin: 14px 0 25px; justify-content: center; } 
.svis-slide-wrap .slide-txt .tit img { width: 70px; height: 40px; } 
.svis-slide-wrap .slide-txt .addr { color: #fff; font-weight: 700; font-size: 1.2353rem; display: flex; align-items: center; gap: 8px; justify-content: center; } 
.svis-slide-wrap .slide-txt .addr::before { content: ''; display: block; background: url(../../../../resource/images/archive/sub/s_vis_loc.png); width: 17px; height: 23px; } 
.svis-slide-wrap .swiper-slide img { height: 100%; object-fit:cover; width: 100% } 
.svis-ctrl { display: flex; align-items: center; gap: 6px; margin-left: auto; padding: 40px; position: absolute; bottom: 0; right: 0; } 
.svis-ctrl > div { display: flex; align-items: center; flex-shrink: 0; } 
.svis-ctrl .pagination { position: relative; background: rgba(255,255,255,.4); margin: 0; height: 6px; width: 63px; border-radius: 50px; overflow: hidden; } 
.svis-ctrl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #fff; height: 6px; } 

.svis-ctrl .num { margin-right: 12px; font-size: 1.1765rem; color: #fff; display: flex; gap: 8px; } 
.svis-ctrl .num .current { font-weight: 700; } 
.svis-ctrl .num .slash { margin: 0 10px; } 
.svis-ctrl [class*="btn-"]:not([class^="btn-play"]) { display: flex; } 
.svis-ctrl [class*="btn-"][disabled] { cursor: default; } 
.svis-ctrl [class*="btn-"] { position: relative; display: none; align-items: center; justify-content: center; width: 27px; height: 32px; border: none; background: none; border-radius: 50%; transition: all .3s; flex-shrink: 0; } 
.svis-ctrl [class*="btn-"]::before { content: ''; display:block; box-sizing: border-box; } 
.svis-ctrl .btn-prev::before,
.svis-ctrl .btn-next::before { width: 16px; height: 16px; border-width: 3px; border-style: solid; border-color: transparent #fff #fff transparent; transition: all .3s; border-radius: 2px; } 
.svis-ctrl .btn-prev::before { transform: translateX(3px) rotate(135deg); } 
.svis-ctrl .btn-next::before { transform: translateX(-3px) rotate(-45deg); } 
.svis-ctrl .btn-stop::before { border-left: 3px solid #fff; border-right: 3px solid #fff; width: 16px; height: 20px; border-radius: 2px; } 
.svis-ctrl .btn-play { display: none; } 
.svis-ctrl .btn-play::before { border-width: 10px 0 10px 14px; border-style: solid; border-color: transparent transparent transparent #fff; width: 0; height: 0; } 

.s-outline { display: flex; gap: 50px; padding: 23px 0; } 
.s-outline > .tit { font-size: 1.8235rem; font-family: 'HSBombaram', sans-serif; flex-shrink: 0; } 
.s-outline > .tit span { color:#6D5954; font-size: 2.1765rem; } 
.s-outline > ul { display:flex; justify-content: space-between; width: 100%; align-items: center; } 
.s-outline > ul > li { display: flex; gap: 8px; } 
.s-outline > ul > li .tit { font-size: 1.1176rem; font-weight: 700; gap: 8px; } 
.s-outline > ul > li .txt { color: #464C53; } 

@media all and (max-width: 1199px) { 
 .svis-slide-wrap { margin: 0 30px; aspect-ratio: auto; min-height: 350px; max-height: 350px; overflow: hidden; } 
 .svis-slide-wrap .slide-txt .tit { font-size: 2.3rem; } 
 .s-outline { gap: 20px; } 
 .s-outline > .tit { font-size: 1.5rem; } 
 .s-outline > .tit span { font-size: 1.8rem; } 
 .s-outline > ul { flex-wrap: wrap; row-gap: 8px; } 
 .s-outline > ul > li { width: 50%; } 
 } 

 @media all and (max-width: 640px) { 
 .svis-slide-wrap { margin: 0 15px; max-height: 300px; min-height: 300px; } 
 .svis-ctrl { padding: 10px; } 
 .svis-slide-wrap .slide-txt .txt { font-size: 1.3rem; } 
 .svis-slide-wrap .slide-txt .txt::after { width: 250px; height: 60px; background-size: contain; background-repeat: no-repeat; } 
 .svis-slide-wrap .slide-txt .tit { font-size: 2rem; margin: 10px 0 15px; } 
 .svis-slide-wrap .slide-txt .tit img { width: 50px; height: 30px; } 
 .svis-slide-wrap .slide-txt .addr { font-size: 1rem; font-weight: 500; gap: 5px; } 
 .svis-slide-wrap .slide-txt .addr::before { width: 16px; height: 20px; background-size: cover } 
 .s-outline { flex-direction: column; gap: 10px; } 
 .s-outline > ul { justify-content: flex-start; gap: 8px 15px; } 
 .s-outline > ul > li { gap: 5px; width: fit-content; } 
 .s-outline > ul > li .tit { font-size: 1rem; } 
 
 } 

.s-sec02 { background: url(../../../../resource/images/archive/sub/s_sec02_bg.png) top center; padding-top: 40px; padding-bottom: 230px; background-repeat: no-repeat; } 
.s-count { display: flex; position: relative; } 
.s-count .title { font-size: 1.6471rem; font-family: var(--Paperlogy700); color: #fff; grid-column: 1 } 
.s-count li { display: grid; gap: 20px 24px; max-width: 20%; min-width: 20%; } 
.s-count li:not(:last-child) { margin-right: 163px; } 
.s-count li:nth-child(3) { margin-right: 80px; } 
.s-count .counter-item { display: flex; gap: 10px; align-items:center; grid-column: 1; } 
.s-count .counter-item:nth-of-type(2) { grid-column: 2; } 
.s-count .counter-item .tit { color: #fff; border: 1px solid rgba(255,255,255,.5); padding: 2px 16px; border-radius: 2px; } 
.s-count .counter-item .counter { color: #FFD986; font-family: 'Jalnan', sans-serif; font-size: 1.7647rem; } 

@media all and (max-width:1499px) { 
 .s-count { justify-content: space-between; } 
 .s-count li { min-width: fit-content; max-width: fit-content; } 
 .s-count li:not(:last-child) { margin-right: 0; } 
 .s-count .counter-item { gap: 5px; } 
 .s-count .counter-item .tit { padding: 5px 10px; } 
 } 
 
 @media all and (max-width:1024px) { 
 .s-count { flex-wrap: wrap; row-gap: 20px; } 
 .s-count li { min-width: calc(50% - 10px); gap: 10px; } 
 .s-count .title { font-size: 1.5rem; } 
 .s-count .counter-item .counter { font-size: 1.3rem; } 
 } 
 @media all and (max-width:768px) { 
 .s-sec02 { padding-bottom: 150px } 
 } 
 
 @media all and (max-width:640px) { 
 .s-sec02 { background-size:cover; padding:30px 0; background: url(../../../../resource/images/archive/main/sec02_bg.png); margin-bottom: 80px } 
 .s-count li { display: flex; flex-direction: column; } 
 .s-count .counter-item .tit { padding: 3px 10px; } 
 } 
 


.s-sec03 {border-bottom: 1px solid #CDD1D5;margin-bottom: 76px;position: relative;} 
.s-sec03::before {content: '';display: block;width: 1289px;height: 201px;position: absolute;background: url(../../../../resource/images/archive/sub/s-gallery_txt1.png) no-repeat;top: 96px;z-index: -1;left: 0;} 

.s-sec03 .tit-wrap { text-align: center; } 
.s-sec03 .tit-wrap h3 { font-size: 2.5882rem; font-family: 'HSBombaram', sans-serif; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; justify-content: center; } 
.s-sec03 .tit-wrap h3 span { font-size: 2.3529rem; color: #088F74; width: 100%; } 
.s-sec03 .tit-wrap a { display: block; background: #33363D; width: 40px; height: 40px; border-radius: 50%; position: relative; transition: all .3s; } 
.s-sec03 .tit-wrap a::before,
.s-sec03 .tit-wrap a::after { content:''; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 2px; height: 15px; background: #fff; transition: all .3s; border-radius: 2px; } 
.s-sec03 .tit-wrap a::after { transform: rotate(90deg); } 
.s-sec03 .tit-wrap p { font-size: 1.1176rem; margin-top: 10px; } 
.s-gallery { height: fit-content; padding-bottom: 100px; transform: translateX(-45px); } 
.s-gallery .swiper-slide a { display: block; } 
.s-gallery .swiper-slide a .img { aspect-ratio: 1 / .753; background:none; margin-bottom: 19px; border-radius: 25px;outline:3px solid #ffffff; transition:.2s; overflow:hidden;} 
.s-gallery .swiper-slide a .img img {display:block;width: 100%;height: 100%;object-fit: cover;} 
.s-gallery .swiper-slide a > p {font-size: 1.4118rem;font-weight: 700;text-align: center;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;transform: scale(calc(1/.8125));} 
.s-gallery .swiper-slide a > p span { color:#068869; } 
.s-gallery .swiper-slide a:hover .img {outline:3px solid #00897c;  box-shadow: 2px 5px 14px  rgba(0,0,0,.3);  transition:.3s;} 
.s-gallery .swiper-slide a:hover .tit { text-decoration: underline; } 
.s-gallery .swiper-slide-active { transform: scale(1.23); margin: 0 70px 0 40px !important; } 
.s-gallery .swiper-slide-active a .img { margin-bottom: 15px; } 
.s-gallery .swiper-slide-active a .tit { transform: scale(calc(1/1.056)); } 
.s-gallery-ctrl { display: flex; align-items: center; gap: 6px; justify-content: flex-end; margin-bottom: 60px; } 
.s-gallery-ctrl > div { display: flex; align-items: center; flex-shrink: 0; } 
.s-gallery-ctrl .num { margin-right: 12px; } 
.s-gallery-ctrl .num span { font-size: 1.1765rem; font-weight: 700; } 
.s-gallery-ctrl .num .current { color: #BE0003 } 
.s-gallery-ctrl .num .slash { margin: 0 10px } 
.s-gallery-ctrl [class*="btn-"]:not([class^="btn-play"]) { display: flex; } 
.s-gallery-ctrl [class*="btn-"][disabled] { cursor: default; } 
.s-gallery-ctrl [class*="btn-"] { position: relative; display: none; align-items: center; justify-content: center; width: 52px; height: 52px; border: none; background: #2D2D2D; border-radius: 50%; transition: all .3s; flex-shrink: 0; } 
.s-gallery-ctrl [class*="btn-"]::before { content: ''; display:block; box-sizing: border-box; } 
.s-gallery-ctrl .btn-prev::before,
.s-gallery-ctrl .btn-next::before { width: 16px; height: 16px; border-width: 3px; border-style: solid; border-color: transparent #fff #fff transparent; transition: all .3s; border-radius: 2px; } 
.s-gallery-ctrl .btn-prev::before { transform: translateX(3px) rotate(135deg); } 
.s-gallery-ctrl .btn-next::before { transform: translateX(-3px) rotate(-45deg); } 
.s-gallery-ctrl .btn-stop::before { border-left: 3px solid #fff; border-right: 3px solid #fff; width: 16px; height: 20px; border-radius: 2px; } 
.s-gallery-ctrl .btn-stop { background: #815342; } 
.s-gallery-ctrl .btn-play { display: none; background: #815342 } 
.s-gallery-ctrl .btn-play::before { border-width: 10px 0 10px 14px; border-style: solid; border-color: transparent transparent transparent #fff; width: 0; height: 0; } 

 @media all and (max-width:768px) { 
 .s-sec03 { margin-bottom: 60px; } 
 .s-sec03::before{display:none;}
 .s-sec03 .tit-wrap { margin-bottom: 30px; } 
 .s-sec03 .tit-wrap h3,
 .s-sec03 .tit-wrap h3 span { font-size: 2rem; gap: 5px; } 
 .s-sec03 .tit-wrap a { width: 30px; height: 30px; } 
 .s-gallery { transform: none; } 
 .s-gallery .swiper-slide-active { margin: 0 50px 0 30px !important; } 
 .s-gallery-ctrl { margin-bottom: 30px; } 
 .s-gallery-ctrl [class*="btn-"] { width: 40px; height: 40px; } 
 
 } 
@media all and (max-width:640px) { 
.s-gallery { margin: 0 15px; padding-bottom: 60px; display:flex; flex-direction:column-reverse } 
.s-gallery-slide { overflow: hidden; } 
 .s-gallery .swiper-slide-active { transform: scale(1); margin: 0px !important; } 
 .s-gallery .swiper-slide-active a .tit { transform: scale(1); } 
 .s-gallery .swiper-slide a > p { transform: none; } 
 .s-gallery-ctrl { margin: 10px 0px 0; justify-content: center; } 
 .s-gallery-ctrl [class*="btn-"] { width: 40px; height: 40px; } 
 .s-gallery-ctrl .num { margin-right: 10px; } 
 } 

.s-sec04 .inner > h3 { font-family: var(--Paperlogy700); font-size: 1.8824rem; margin-bottom: 18px; } 
.s-sec04 .inner > ul { display: flex; flex-wrap: wrap; gap: 10px; } 
.s-sec04 .inner > ul li { width: calc(33.33% - 7px); } 
.s-sec04 .inner > ul li a { display: flex; padding: 24px; background: #F3F3F5; gap: 20px; transition: .2s; } 
.s-sec04 .inner > ul li a::after { content:'→'; color: #33363D; transition: opacity .2s; opacity: 0; } 
.s-sec04 .inner > ul li a:hover,
.s-sec04 .inner > ul li a:focus { outline: 3px solid #815342; outline-offset:-3px; background: #fff; } 
.s-sec04 .inner > ul li a:hover::after,
.s-sec04 .inner > ul li a:focus::after { opacity: 1; } 
.s-sec04 .inner > ul li a .num { font-size: 1.1176rem; font-weight: 700; } 
.s-sec04 .inner > ul li a .tit { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; flex: 1 1 0; } 

@media all and (max-width:1024px) { 
 .s-sec04 .inner > ul li a { padding: 15px; gap: 10px; } 
 } 

@media all and (max-width:768px) { 
 .s-sec04 .inner > ul li { width: calc(50% - 5px); } 
 } 

@media all and (max-width:480px) { 
 .s-sec04 .inner > ul li { width: 100%; } 
 } 

.total-search-result .cont + .cont {margin-top: 60px;}
.total-search-result .cont-head {display: flex;align-items: center;margin-bottom: 10px;}
.total-search-result .cont-head > button { display: block; position: relative; transition: .35s; right: 0; padding-right: 15px; top: 0; margin-left: auto; border: none;background: none;} 
.total-search-result .cont-head > button::before, 
.total-search-result .cont-head > button::after { content: ''; display: block; background: #000; width: 3px; height: 15px; position: absolute; right: 0; bottom: 0; margin: auto; transition: .35s; top: 0; border-radius: 2 } 
.total-search-result .cont-head > button::after { transform: rotate(90deg); } 
.total-search-result .cont-head > button:hover:before, .total-search-result .cont-head > button:focus:before { transform: rotate(90deg); } 
.total-search-result .cont-head > button:hover:after, .total-search-result .cont-head > button:focus:after { transform: rotate(180deg); } 
.total-search-result .cont-head .title {position: relative;font-weight: 700;padding-right: 12px;font-size: 1.4118rem;}
.total-search-result .cont-head .title span {font-weight: 600; color: #0B50D0;margin-left: 8px;}
.total-search-result .cont .archive-list { border-top: 1px solid #B1B8BE } 
.total-search-result .cont .archive-list > li { border-bottom: 1px solid #B1B8BE; display: block; padding: 0;} 
.total-search-result .cont .archive-list > li a {display: flex;flex-direction: column; gap: 10px 0;padding: 28px;}
.total-search-result .no-result {text-align: center;font-size: 1.4118rem;font-weight: 600;padding: 60px 0;}
.total-search-result .no-result span {color: #0B50D0;margin-right: 5px;}

@media all and (max-width: 1024px) { 
.total-search-result .cont .archive-list > li a {align-items: flex-start; padding: 20px 10px; } 
 } 


/* 사이트맵 */
.site-map {display: flex;flex-wrap: wrap;gap: 20px; }
.site-map > li {width: calc(25% - 15px);}
.site-map > li a {display: block;}
.site-map > li .nav-a1 { margin-bottom: 13px; color: #333; font-size: 1.15rem; font-weight: 600; text-align: center; border-radius: 10px; border: 1px solid #d5d7dd; padding: 16px 40px 16px 20px; position: relative; background: #fbfcfe; }
.site-map > li .nav-a2 { padding: 7px 21px; position: relative; font-weight: 600;font-size: 1.05rem; }
.site-map > li .nav-a2::before { content: ''; display: block; position: absolute; left: 8px; top: 40%; width: 5px; height: 5px; border-radius: 50%; background-color: #d5d7dd; }
.site-map > li .nav-a3 {padding: 3px 30px; position: relative;}
.site-map > li .depth3 {margin-bottom: 10px}
.site-map > li .nav-a3::before { content: ''; display: block; position: absolute; left: 15px; top: 45%; width: 8px; height: 1px; border-radius: 50%; background-color: #bec0c7; }
@media only screen and (max-width : 768px){
	.site-map > li {width: calc(33.33% - 15px);} 
 }
@media only screen and (max-width : 640px){
	.site-map > li {width: calc(50% - 10px);} 
 }