@charset "utf-8";
/*******************************************
■ 서브 컨텐츠 공통
********************************************/
.italic {font-style: italic;}
.co_sct {padding: clamp(1.5rem, 1.05rem + 2.25vw, 3.75rem) 0;} 
.co_sct:last-of-type {padding-bottom: clamp(5rem, 4.45rem + 2.75vw, 7.75rem);}
.co_sct_tit_wrap {margin-bottom: clamp(1.25rem, 0.95rem + 1.5vw, 2.75rem);}
.co_sct_tit {font-size: clamp(1.25rem, 1.15rem + 0.5vw, 1.75rem); font-weight: 600; text-align: center;}
.co_tit_wrap {margin-bottom: clamp(0.875rem, 0.675rem + 1vw, 1.875rem);}
.co_tit {font-size: clamp(1.125rem, 1.063rem + 0.31vw, 1.438rem); font-weight: 900;}
.co_atc + .co_atc {margin-top: clamp(1.25rem, 0.875rem + 1.88vw, 3.125rem);}

@media (max-width: 1240px){
	.co_sct {padding: clamp(3.125rem, 2.841rem + 1.42vw, 3.75rem) 0;}
	.co_atc + .co_atc {margin-top: clamp(3.125rem, 2.841rem + 1.42vw, 3.75rem);}
}
/* 준비중 */
.content_prepared {text-align: center;}

/*******************************************
■ 우측에 필터 있는 컨텐츠 레이아웃
********************************************/
.list_flex_wrap {display: flex; align-items: flex-start; gap: clamp(0.75rem, -0.35rem + 5.5vw, 6.25rem);}
.list_flex_wrap .board_wrap {width: calc(100% - clamp(15rem, 12.5rem + 5.21vw, 18.75rem) - clamp(0.75rem, -0.35rem + 5.5vw, 6.25rem));}

@media (max-width: 1024px){
	.list_flex_wrap .board_wrap {width: 100%;}
}

/*******************************************
■ 리스트 필터
********************************************/
.sch_filter {width: clamp(15rem, 12.5rem + 5.21vw, 18.75rem); padding-top: clamp(2.25rem, 2.083rem + 0.35vw, 2.5rem); color: var(--Text-Primary); position: sticky; top: 0; right: 0; z-index: 2; transition: var(--transition);}
.sch_filter .btn_toggle_filter {all: unset; display: none; width: 2.5rem; height: 2.5rem; background: var(--Color-Black) url('../../images/default/content/icon_filter_fill.svg') no-repeat center/cover; box-shadow: 0 0 1rem rgba(255, 255, 255, .3); position: absolute; bottom: 100%; right: 0; cursor: pointer; z-index: 1;}
.sch_filter .form_tit {display: flex; align-items: center; gap: .625rem; width: 100%; margin-bottom: clamp(0.625rem, 0.375rem + 0.52vw, 1rem); padding-bottom: clamp(0.438rem, 0.313rem + 0.26vw, 0.625rem); font-weight: 600; border-bottom: 1px solid var(--Color-Black);}
.sch_filter .form_tit .filter {display: inline-block; width: clamp(1.125rem, 1.1rem + 0.13vw, 1.25rem); aspect-ratio: 1/1; background: url('../../images/default/content/icon_filter.svg') no-repeat center/cover;}
.sch_filter .filter_opts li + li {margin-top: clamp(0.75rem, 0.417rem + 0.69vw, 1.25rem);}
.sch_filter .filter_opts li .slt {width: 100%; font-size: var(--font-size-13);}
.sch_filter .filter_opts li .slt:has(option:checked:not([value=""])) {padding-left: 30px; background: url('../../images/default/content/slt_arr_box.jpg') no-repeat right 5px center/27px, url('../../images/default/content/dot_black.svg') no-repeat 13px center/8px, #fafafa;}
.sch_filter .filter_opts li label {display: block; margin-bottom: clamp(0.375rem, 0.125rem + 0.52vw, 0.75rem);}
.sch_filter .filter_opts .ipt_txt {all: unset; display: block; width: 100%; height: clamp(2.125rem, 2.05rem + 0.38vw, 2.5rem); padding: 0 var(--gap-10); font-size: var(--font-size-14); border: 1px solid #ECEDF0;}
.sch_filter .filter_opts .ipt_txt::placeholder {color: #9D9D9D;}
.sch_filter .more_filters {all: unset; display: flex; justify-content: center; align-items: center; gap: .625rem; margin-top: clamp(1.5rem, 1.25rem + 0.52vw, 1.875rem); font-weight: 600; cursor: pointer;}
.sch_filter .more_filters .plus {display: block; width: .625rem; aspect-ratio: 1/1; background: url('../../images/default/content/icon_plus_black.svg') no-repeat center/cover; transition: var(--transition);}
.sch_filter .more_filters:hover .plus {transform: rotate(90deg);}
.sch_filter .clear_filters {all: unset; display: block; width: 100%; height: clamp(2.375rem, 2.042rem + 0.69vw, 2.875rem); margin-top: clamp(1.875rem, 1.458rem + 0.87vw, 2.5rem); font-weight: 600; text-align: center; background-color: var(--Color-Bg-Gray); cursor: pointer; transition: var(--transition);}
.sch_filter .clear_filters:hover {background-color: #CCC;}

@media (max-width: 1024px){
	.sch_filter {position: fixed; top: auto; bottom: 0; width: 100%; background-color: #fff; padding: 1rem .625rem; transform: translateY(100%);}
	.sch_filter.on {transform: translateY(0); box-shadow: 0 -4px 4px rgba(0, 0, 0, .2)}
	.sch_filter .btn_toggle_filter {display: block;}
	.sch_filter .btn_toggle_filter.on {background: var(--Color-Black) url('../../images/default/content/icon_x_white.svg') no-repeat center/80%;}
	.sch_filter .filter_opts {max-height: 20rem; overflow-y: auto;}
}

/*******************************************
■ 게시판 공통
********************************************/
.board_top {margin-bottom: clamp(0.75rem, 0.417rem + 0.69vw, 1.25rem);}
.board_top .total {font-weight: 600;}
.board_view .view_header {display: flex; align-items: center; gap: clamp(0.625rem, 0.25rem + 1.88vw, 2.5rem); margin-bottom: clamp(1.25rem, 0.875rem + 1.88vw, 3.125rem); padding: clamp(1rem, 0.85rem + 0.75vw, 1.75rem) clamp(0.75rem, 0.275rem + 2.38vw, 3.125rem); border-top: 2px solid var(--Color-Black); border-bottom: 2px solid var(--Color-Black);}
.board_view .view_header .cate_box {display: inline-block; padding: .375rem clamp(0.625rem, 0.575rem + 0.25vw, 0.875rem); font-size: clamp(0.75rem, 0.725rem + 0.13vw, 0.875rem); color: #fff; background-color: rgba(0, 0, 0, .8); border-radius: 10rem; box-shadow: inset 0 3px 8px rgba(255, 255, 255, .3);}
.board_view .view_header .tit {flex: 1; font-size: clamp(1.25rem, 1.1rem + 0.75vw, 2rem); font-weight: 600;}
.board_view .btn_wrap {display: flex; justify-content: center; gap: clamp(0.625rem, 0.55rem + 0.38vw, 1rem); margin-top: clamp(1.875rem, 1.5rem + 1.88vw, 3.75rem);}
.board_view .btn_wrap a {display: inline-flex; justify-content: center; align-items: center; gap: clamp(0.75rem, 0.575rem + 0.88vw, 1.625rem); padding: clamp(0.313rem, 0.275rem + 0.19vw, 0.5rem) clamp(0.75rem, 0.575rem + 0.88vw, 1.625rem); font-size: clamp(0.813rem, 0.787rem + 0.13vw, 0.938rem); font-weight: 600; transition: var(--transition);}
.board_view:not(.gallery_view) .btn_wrap a:hover {background-color: rgba(18, 18, 18, .8);}
.btn_favorite, .btn_bookmark {display: inline-flex; justify-content: center; align-items: center; width: clamp(1.875rem, 1.8rem + 0.38vw, 2.25rem); aspect-ratio: 1/1; padding: 0; background-color: var(--Color-Bg-Lightgray); border-radius: 0; border: 1px solid var(--Color-Bg-Lightgray); cursor: pointer; transition: var(--transition);}
.btn_favorite i, .btn_bookmark i {display: inline-block; width: clamp(1.25rem, 1.2rem + 0.25vw, 1.5rem); aspect-ratio: 1/1; background: no-repeat center/cover; transition: var(--transition);}
.btn_favorite i {background-image: url('../../images/default/content/icon_favorite_gray.svg');}
.btn_favorite:hover i, .btn_bookmark:hover i {opacity: .6;}
.btn_bookmark i {background-image: url('../../images/default/content/icon_bookmark_gray.svg');}
.btn_favorite.on, .btn_bookmark.on {background-color: #414141; border-color: #414141;}
.btn_favorite.on i {background-image: url('../../images/default/content/icon_favorite_white_fill.svg');}
.btn_bookmark.on i {background-image: url('../../images/default/content/icon_bookmark_white.svg');}
.btn_share {display: inline-flex; align-items: center; gap: 3px; height: clamp(1.875rem, 1.8rem + 0.38vw, 2.25rem); font-size: var(--font-size-16); font-weight: 500; color: #777; border: 1px solid var(--Color-Bg-Lightgray); background-color: var(--Color-Bg-Lightgray);}
.btn_share i {display: inline-block; width: clamp(1.25rem, 1.2rem + 0.25vw, 1.5rem); aspect-ratio: 1/1; background: url('../../images/default/content/icon_share.svg') no-repeat center/cover; transition: var(--transition);}
.btn_download {display: inline-flex; align-items: center; gap: 3px; height: clamp(1.875rem, 1.8rem + 0.38vw, 2.25rem); font-size: var(--font-size-16); font-weight: 500; color: #fff; border: 1px solid #424242; background-color: #424242;}
.btn_download i {display: inline-block; width: clamp(1.25rem, 1.2rem + 0.25vw, 1.5rem); aspect-ratio: 1/1; background: url('../../images/default/content/icon_download_white.svg') no-repeat center/cover; transition: var(--transition);}

.radio_wrap {display: flex; gap: 0; margin-bottom: 1.875rem; padding-bottom: var(--gap-10); overflow-x: auto;}
.radio_wrap::-webkit-scrollbar {height: 3px;}
.radio_wrap::-webkit-scrollbar-track {height: 100%; background-color: var(--Color-Bg-Lightgray);}
.radio_wrap::-webkit-scrollbar-thumb {height: 100%; background-color: var(--Color-Bg-Gray);}
.radio_wrap .radio_box {padding: 4px; transition: var(--transition);}
/*.radio_wrap .radio_box label {display: block; padding-left: 1.875rem; position: relative; cursor: pointer;}
.radio_wrap .radio_box label::before {content: ''; display: block; width: 18px; height: 18px; border-radius: 50%; border: 1px solid #999; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.radio_wrap .radio_box label::after {content: ''; display: block; width: 8px; height: 8px; border-radius: 50%; background-color: var(--Color-Black); position: absolute; top: 50%; left: 6px; transform: translateY(-50%); opacity: 0; transition: .2s;}
.radio_wrap .radio_box:has(input[type='radio']:checked) label::after {opacity: 1;}*/
.radio_wrap .radio_box input[type='radio'] {width: 1px; height: 1px; position: absolute; top: 0; left: 0;}
.radio_wrap .radio_box label {display: block; padding: var(--gap-8) var(--gap-40); color: var(--Color-Border-Dark); cursor: pointer; position: relative; z-index: 1; transition: var(--transition);}
.radio_wrap .radio_box label::before {content: ''; display: block; width: 1px; height: 60%; background-color: #C4C4C4; position: absolute; top: 20%; left: -4px; transition: var(--transition);}
.radio_wrap .radio_box:first-of-type label::before {display: none;}
.radio_wrap .radio_box:has(input[type='radio']:checked) {background-color: var(--Color-Border);}
.radio_wrap .radio_box:has(input[type='radio']:checked) label {background: url('../../images/default/content/noise_pattern_black.jpg'); color: #fff; font-weight: 600;}
.radio_wrap .radio_box:has(input[type='radio']:checked) + .radio_box label::before {opacity: 0;}
.radio_wrap .radio_box:hover {background-color: var(--Color-Bg-Lightgray);}

@media (max-width: 1024px){
	.board_view .view_header {flex-direction: column; gap: .625rem;}
	.board_view .view_header .tit {text-align: center;}
}

/*******************************************
■ 갤러리형(높이 다른 버전) 게시판 리스트
********************************************/
.board_wrap:has(.gallery_masonry) .board_top_flex {margin-bottom: clamp(0.75rem, 0.65rem + 0.5vw, 1.25rem);}
.board_top_flex .flex_lt {display: flex; align-items: center; gap: clamp(0.375rem, 0.325rem + 0.25vw, 0.625rem);}
.selected_cate {display: inline-flex; align-items: center; gap: 5px; padding: clamp(0.125rem, 0.1rem + 0.13vw, 0.25rem) clamp(0.375rem, 0.325rem + 0.25vw, 0.625rem); font-size: var(--font-size-14); font-weight: 500; color: #fff; background-color: #6C4A4A;}
.selected_cate .btn_delete {all: unset; display: flex; justify-content: center; align-items: center; width: clamp(0.75rem, 0.725rem + 0.13vw, 0.875rem); height: clamp(0.75rem, 0.725rem + 0.13vw, 0.875rem); cursor: pointer;}
.selected_cate .btn_delete i.delete {display: inline-block; width: 100%; height: 100%; background: url('../../images/default/content/icon_x_white.svg') no-repeat center/cover;}
.layouts {display: flex; gap: clamp(0.375rem, 0.325rem + 0.25vw, 0.625rem);}
.layouts > li {line-height: 1; cursor: pointer;}
.layouts > li i {display: block; width: clamp(1.25rem, 1.2rem + 0.25vw, 1.5rem); aspect-ratio: 1/1; background: url('../../images/default/content/icon_x_white.svg') no-repeat center/cover; border-radius: 3px; opacity: .6; transition: var(--transition);}
.layouts > li i.grid {background-image: url('../../images/default/content/icon_layout_grid.svg');}
.layouts > li i.list {background-image: url('../../images/default/content/icon_layout_list.svg');}
.layouts > li i.masonry {background-image: url('../../images/default/content/icon_layout_masonry.svg');}
.layouts > li.on i,
.layouts > li:hover i {opacity: 1;}
.list_visibility {display: none;}
.list_visibility.on {display: block;}
.gallery_layouts {margin-top: -20px;}
.gallery-item {width: calc(20% - (80px / 5)); margin-top: 20px; position: relative; padding: 1px; will-change: transform, opacity;}
.gallery-item.hide {opacity: 0;}
.gallery-item a {display: block;}
.gallery-item .thumb_box {overflow: hidden;}
.gallery_masonry {padding-bottom: 1px; column-count: 5; column-gap: 20px; margin-top: 20px;}
.gallery_masonry .gallery-item {width: auto; break-inside: avoid; margin-top: 0; margin-bottom: 20px;}
.gallery_masonry .gallery-item:first-of-type {margin-top: 0;}
.gallery_masonry .gallery-item .thumb_box {background-color: var(--Color-Black); overflow: hidden;}
.gallery_masonry .gallery-item .thumb_box img {display: block; width: 100%; transition: var(--transition);}
.gallery_masonry .gallery-item .txt_box {display: flex; flex-direction: column; gap: clamp(0.125rem, 0.1rem + 0.13vw, 0.25rem); padding: clamp(0.625rem, 0.5rem + 0.63vw, 1.25rem); background-color: #fff; border: 1px solid var(--Color-Border);}
.gallery_masonry .gallery-item .txt_box .post_tit {font-size: var(--font-size-16); font-weight: 600; max-height: calc((var(--font-size-16) * 1.5) * 2); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.gallery_masonry .gallery-item .txt_box .post_txt {font-size: var(--font-size-15); color: #A6A6A6; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.gallery_masonry .gallery-item .txt_box .post_info {font-size: var(--font-size-14); color: #DD9854;}
.gallery_layouts .gallery-item .hover_line {display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1;}
.gallery_layouts .gallery-item .thumb_box img {transition: var(--transition);}
.gallery_layouts .gallery-item .txt_box {background-color: #fff;}
.gallery_layouts .gallery-item:hover .thumb_box img {transform: scale(1.05);}
.gallery_layouts .gallery-item:hover .txt_box .post_tit {text-decoration: underline; text-underline-offset: 5px;}
.gallery_layouts .gallery-item .hover_line::before {content: ''; display: block; width: 0; height: 1px; background-color: var(--Color-Black); position: absolute; right: 0; top: 0; transition: .3s linear; z-index: 1;}
.gallery_layouts .gallery-item .hover_line::after {content: ''; display: block; width: 0; height: 1px; background-color: var(--Color-Black); position: absolute; left: 0; bottom: 0; transition: .3s linear; z-index: 1;}
.gallery_layouts .gallery-item a::before {content: ''; display: block; width: 1px; height: 0; background-color: var(--Color-Black); position: absolute; left: 0; bottom: 0; transition: .3s linear; z-index: 1;}
.gallery_layouts .gallery-item a::after {content: ''; display: block; width: 1px; height: 0; background-color: var(--Color-Black); position: absolute; right: 0; top: 0; transition: .3s linear; z-index: 1;}
.gallery_layouts .gallery-item:hover .hover_line::before,
.gallery_layouts .gallery-item:hover .hover_line::after {width: 100%;}
.gallery_layouts .gallery-item:hover a::before,
.gallery_layouts .gallery-item:hover a::after {height: 100%;}
.gallery-item .post_btn_wrap {display: flex; gap: 5px; position: absolute; top: clamp(0.625rem, 0.55rem + 0.38vw, 1rem); right: clamp(0.625rem, 0.55rem + 0.38vw, 1rem); z-index: 1; transition: var(--transition); opacity: 0;}
.gallery-item:hover .post_btn_wrap {opacity: 1;}
.gallery-item .post_btn_wrap button:hover i {opacity: .6;}

@media (max-width: 1560px){
	.gallery_masonry {column-count: 3;}
	/*.gallery_masonry .gallery-item {width: calc((100% / 3) - (40px / 3));}*/
}
@media (max-width: 1024px){
	.gallery_layouts {margin-top: -16px;}
	.gallery-item {margin-top: 16px;}
	.gallery_masonry {margin-top: 16px;}
	/*.gallery_masonry .gallery-item {width: calc(50% - 8px);}*/
}
@media (max-width: 767px){
	.board_top_flex .flex_lt {width: 100%; justify-content: flex-start;}
	.layouts {width: 100%; justify-content: flex-end;}
	.gallery_layouts {margin-top: -12px;}
	.gallery-item {margin-top: 12px;}
	.gallery_masonry {column-count: 2; margin-top: 12px;}
	/*.gallery_masonry .gallery-item {width: calc(50% - 6px);}*/
	.gallery-item .post_btn_wrap {opacity: 1;}
}

/*******************************************
■ 갤러리형(높이 같은 버전) 게시판 리스트
********************************************/
.gallery_grid {display: flex; flex-wrap: wrap; align-items: stretch; gap: 0 20px;}
.gallery_grid .gallery-item {flex-grow: 1; width: auto; height: clamp(7.5rem, 4.875rem + 13.13vw, 20.625rem); position: relative;}
.gallery_grid .gallery-item a {display: block; width: 100%; height: 100%;}
.gallery_grid .gallery-item .thumb_box {height: 100%; overflow: hidden;}
.gallery_grid .gallery-item .thumb_box img {display: block; width: 100%; height: 100%; object-fit: cover;}
.gallery_grid .gallery-item .def_tit {width: 100%; padding: clamp(1.875rem, 0.333rem + 3.21vw, 4.188rem) clamp(0.75rem, 0.688rem + 0.313vw, 1.063rem) clamp(0.625rem, 0.5rem + 0.26vw, 0.813rem); color: #fff; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, .8)); position: absolute; bottom: 0; left: 0;}
.gallery_grid .gallery-item .txt_box {display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; gap: clamp(0.625rem, 0.417rem + 0.43vw, 0.938rem); width: 100%; height: var(--num-100); padding: 0 var(--gap-16) var(--gap-20); background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, .8)); opacity: 0; position: absolute; bottom: 0; left: 0; transition: var(--transition);}
.gallery_grid .gallery-item .txt_box .cate_box {padding: .375rem clamp(0.625rem, 0.575rem + 0.25vw, 0.875rem); font-size: clamp(0.75rem, 0.725rem + 0.13vw, 0.875rem); color: #fff; background-color: rgba(168, 168, 168, .3); border-radius: 10rem; box-shadow: inset 1px 3px 8px rgba(255, 255, 255, .3); backdrop-filter: blur(1rem);}
.gallery_grid .gallery-item .txt_box .post_tit {width: 100%; font-size: var(--font-size-15); font-weight: 600; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.gallery_grid .gallery-item .txt_box .post_year {align-items: center; margin-top: clamp(0.625rem, 0.575rem + 0.25vw, 0.875rem); font-size: .875rem; color: #fff;}
.gallery_grid .gallery-item .txt_box .post_year .year {display: inline-block; margin-right: .438rem; padding: .125rem .5rem; font-size: .92em; background-color: #a1a1a1;}
.gallery_grid .gallery-item:hover .def_tit {display: none;}
.gallery_grid .gallery-item:hover .txt_box {opacity: 1;}
.gallery_grid .gallery-item:hover .txt_box .post_tit {text-decoration: none;}

@media (min-width: 1561px){
	/* max-width -> 한 행에 게시글 하나일 경우 너비 100%로 늘어나는 것 방지 */
	.gallery_grid .gallery-item {max-width: 50%;}
}
@media (max-width: 1024px){
	.gallery_grid {gap: 0 16px;}
}
@media (max-width: 767px){
	.gallery_grid {gap: 0 12px;}
}

/*******************************************
■ 갤러리형(디테일 형태) 게시판 리스트
********************************************/
.gallery_detail {display: flex; flex-wrap: wrap; gap: var(--gap-20) clamp(1rem, 5vw, 3.75rem);}
.gallery_detail .gallery-item {width: calc(50% - clamp(1rem, 5vw, 3.75rem) / 2);}
.gallery_detail .gallery-item:nth-of-type(even)::before,
.gallery_detail .gallery-item.visible-even::before {content: ''; display: block; width: 1px; height: 100%; background-color: var(--Color-Border); position: absolute; top: 0; left: calc(0% - clamp(1rem, 5vw, 3.75rem) / 2);}
.gallery_detail .gallery-item::after {content: ''; display: block; width: calc(100% + clamp(1rem, 5vw, 3.75rem) / 2); height: 1px; background-color: var(--Color-Border); position: absolute; top: calc(100% + var(--gap-20));}
.gallery_detail .gallery-item:nth-of-type(odd)::after,
.gallery_detail .gallery-item.visible-odd::after {left: 0;}
.gallery_detail .gallery-item:nth-of-type(even)::after,
.gallery_detail .gallery-item.visible-even::after {right: 0;}
.gallery_detail .gallery-item:last-of-type:nth-of-type(odd)::after,
.gallery_detail .gallery-item.last-visible.visible-odd::after {display: none;}
.gallery_detail:has(.visible-even, .visible-odd, .last-visible) .gallery-item:nth-of-type(odd)::before,
.gallery_detail:has(.visible-even, .visible-odd, .last-visible) .gallery-item:nth-of-type(even)::before {display: none;}
.gallery_detail:has(.visible-even, .visible-odd, .last-visible) .gallery-item.visible-even::before {display: block;}
.gallery_detail:has(.visible-even, .visible-odd, .last-visible) .gallery-item.visible-odd::before {display: none;}
.gallery_detail:has(.visible-even, .visible-odd, .last-visible) .gallery-item.visible-even::after {right: auto; left: calc(0% - clamp(1rem, 5vw, 3.75rem) / 2);}
.gallery_detail:has(.visible-even, .visible-odd, .last-visible) .gallery-item.visible-odd::after {left: auto; right: calc(0% - clamp(1rem, 5vw, 3.75rem) / 2);}
.gallery_detail .gallery-item a {display: flex; align-items: center; height: 100%;}
.gallery_detail .gallery-item .thumb_box {width: 45%; max-width: clamp(11.25rem, 8.182rem + 15.34vw, 19.688rem); aspect-ratio: 315/210; overflow: hidden;}
.gallery_detail .gallery-item .thumb_box img {display: block; width: 100%; height: 100%; object-fit: cover;}
.gallery_detail .gallery-item .txt_box {flex: 1; display: flex; flex-direction: column; gap: clamp(0.125rem, 0.1rem + 0.13vw, 0.25rem); justify-content: center; height: 100%; padding: 0 var(--gap-30); background-color: #fff;}
.gallery_detail .gallery-item .post_btn_wrap {right: auto; left: calc(45% - clamp(0.625rem, 0.55rem + 0.38vw, 1rem)); transform: translateX(-100%);}
.gallery_detail .gallery-item .txt_box .post_tit {font-size: var(--font-size-16); font-weight: 600; max-height: calc((var(--font-size-16) * 1.5) * 2); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.gallery_detail .gallery-item .txt_box .post_txt {font-size: var(--font-size-15); color: #A6A6A6;max-height: calc((var(--font-size-16) * 1.5) * 2); overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.gallery_detail .gallery-item .txt_box .post_info {font-size: var(--font-size-14); color: #DD9854;}

@media (max-width: 1500px){
	.gallery_detail .gallery-item .post_btn_wrap {left: calc(45% - clamp(0.625rem, 0.55rem + 0.38vw, 1rem));}
}
@media (max-width: 1300px) and (min-width: 1025px){
	.gallery_detail .gallery-item {width: 100%;}
	.gallery_detail .gallery-item::after {width: 100%;}
	.gallery_detail .gallery-item:nth-of-type(even)::before {display: none;}
	.gallery_detail .gallery-item .post_btn_wrap {left: calc(clamp(11.25rem, 8.182rem + 15.34vw, 19.688rem) - clamp(0.625rem, 0.55rem + 0.38vw, 1rem));}
}
@media (max-width: 1024px) and (min-width: 768px){
	.gallery_detail .gallery-item .thumb_box {width: 45%; aspect-ratio: 5/4;}
	.gallery_detail .gallery-item .txt_box {width: 55%;}
}
@media (max-width: 768px){
	.gallery_detail .gallery-item {width: 100%;}
	.gallery_detail .gallery-item::after {width: 100%;}
	.gallery_detail .gallery-item:nth-of-type(even)::before {display: none;}
	.gallery_detail .gallery-item .post_btn_wrap {left: calc(clamp(11.25rem, 8.182rem + 15.34vw, 19.688rem) - clamp(0.625rem, 0.55rem + 0.38vw, 1rem));}
}
@media (max-width: 500px){
	.gallery_detail .gallery-item .thumb_box {width: 45%; aspect-ratio: 5/4;}
	.gallery_detail .gallery-item .txt_box {width: 55%;}
	.gallery_detail .gallery-item .post_btn_wrap {left: calc(45% - clamp(0.625rem, 0.55rem + 0.38vw, 1rem));}
}

/*******************************************
■ 갤러리형(롤링 형태) 게시판 리스트
********************************************/
.gallery_rolling {width: calc(100% + 2px); height: calc(100% + 2px); padding: 1px; margin: -1px; overflow: visible;}
.gallery_rolling .gallery-item {width: auto; max-width: clamp(12.5rem, 10rem + 12.5vw, 25rem); margin-top: 0;}
.gallery_rolling .gallery-item .thumb_box {width: auto; height: clamp(10rem, 8.5rem + 7.5vw, 17.5rem);}
.gallery_rolling .gallery-item .thumb_box img {width: 100%; height: 100%; object-fit: cover;}
.gallery_rolling .gallery-item .txt_box {display: flex; flex-direction: column; gap: clamp(0.125rem, 0.1rem + 0.13vw, 0.25rem); justify-content: center;  padding: var(--gap-20) var(--gap-20) var(--gap-30); border: 1px solid var(--Color-Border); border-top: none;}
.gallery_rolling .gallery-item .txt_box .post_tit {font-size: var(--font-size-15); font-weight: 600; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.gallery-item .txt_box .post_year {display: flex; align-items: center; margin-top: clamp(0.625rem, 0.575rem + 0.25vw, 0.875rem); color: #a1a1a1; font-size: var(--font-size-14); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.gallery-item .txt_box .post_year .year {display: inline-block; margin-right: .438rem; padding: .125rem .5rem; font-size: .92em; color: #fff; background-color: #a1a1a1;}
.gallery_rolling *:hover {cursor: none;}
.gallery_rolling .post_btn_wrap:hover,
.gallery_rolling .post_btn_wrap *:hover {cursor: pointer;}
.cursor_img {width: clamp(6.25rem, 5.25rem + 5vw, 11.25rem); height: clamp(6.25rem, 5.25rem + 5vw, 11.25rem); background: url('../../images/default/content/drag_cursor.png') no-repeat center/cover; filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.5)); position: fixed; top: 0; left: 0; z-index: 2; opacity: 0; transition: all .1s; pointer-events: none;}
.list_cate_wrap .gallery_detail .gallery-item .post_btn_wrap {left: calc(clamp(11.25rem, 8.182rem + 15.34vw, 19.688rem) - clamp(0.625rem, 0.55rem + 0.38vw, 1rem));}
:has(.gallery_rolling:hover) .cursor_img {opacity: 1;}
:has(.post_btn_wrap:hover) .cursor_img {opacity: 0;}
/*.dragging-swiper .gallery_rolling *:hover {cursor: grabbing !important;}
.dragging-swiper .cursor_img {opacity: 0 !important;}*/

@media (max-width: 1500px){
	.list_cate_wrap .gallery_detail .gallery-item .post_btn_wrap {left: calc(45% - clamp(0.625rem, 0.55rem + 0.38vw, 1rem));}
}
@media (max-width: 1300px) and (min-width: 1025px){
	.list_cate_wrap .gallery_detail .gallery-item {width: calc(50% - clamp(1rem, 5vw, 3.75rem) / 2);}
	.list_cate_wrap .gallery_detail .gallery-item:nth-of-type(even)::before {display: block;}
	.list_cate_wrap .gallery_detail .gallery-item::after{width: calc(100% + clamp(1rem, 5vw, 3.75rem) / 2);}
}
@media (max-width: 768px){
	.list_cate_wrap .gallery_detail .gallery-item:last-of-type::after {display: none;}
	.list_cate_wrap .gallery_detail .gallery-item .post_btn_wrap {left: calc(clamp(11.25rem, 8.182rem + 15.34vw, 19.688rem) - clamp(0.625rem, 0.55rem + 0.38vw, 1rem));}
}
@media (max-width: 500px){
	.list_cate_wrap .gallery_detail .gallery-item .post_btn_wrap {left: calc(45% - clamp(0.625rem, 0.55rem + 0.38vw, 1rem));}
}

/*******************************************
■ 갤러리형 게시판 뷰
********************************************/
.gallery_view .swp_flex {margin-bottom: clamp(1.25rem, 0.5rem + 3.75vw, 5rem); position: relative;}
.gallery_view .gall_main_swp {width: 100%; height: 27rem; padding: var(--gap-24) 0; background-color: var(--Color-Black);}
.gallery_view .gall_main_swp .swiper-slide {display: flex; justify-content: center; align-items: center;}
.gallery_view .gall_main_swp .swiper-slide img {display: block; max-height: 100%;}
.gallery_view .gall_main_swp_wrap {width: 100%; background-color: var(--Color-Black); position: relative;}
.gallery_view .gall_main_swp_wrap .gall_main_swp .swiper-wrapper {align-items: center;}
.gallery_view .gall_main_swp_wrap .swp_btn {all: unset; width: clamp(2.5rem, 1.605rem + 4.47vw, 3.75rem); aspect-ratio: 1/1; backdrop-filter: blur(3px); cursor: pointer; position: absolute; top: 40%; z-index: 1;}
.gallery_view .gall_main_swp_wrap .swp_prev {background: url('../../images/default/main/swp_prev_noise.png') no-repeat center/cover; left: clamp(0rem, -0.325rem + 1.63vw, 1.625rem); transform: translateY(-50%);}
.gallery_view .gall_main_swp_wrap .swp_next {background: url('../../images/default/main/swp_next_noise.png') no-repeat center/cover; right: clamp(0rem, -0.325rem + 1.63vw, 1.625rem); transform: translateY(-50%);}
.gallery_view .gall_main_swp_wrap .swp_controller {display: flex; justify-content: center; align-items: center; gap: clamp(1rem, 0.45rem + 2.75vw, 3.75rem); width: 100%; height: clamp(2.5rem, 2.375rem + 0.63vw, 3.125rem); padding: 0 clamp(0.75rem, 0.525rem + 1.13vw, 1.875rem); background-color: #fff; border-bottom: 2px solid var(--Color-Black);}
.gallery_view .gall_main_swp_wrap .swp_controller .swp_ctr_btns {display: flex; gap: clamp(0.5rem, 0.4rem + 0.5vw, 1rem);}
.gallery_view .gall_main_swp_wrap .swp_controller .swp_ctr_btns li {display: flex; gap: clamp(0.375rem, 0.338rem + 0.19vw, 0.563rem);}
.gallery_view .gall_main_swp_wrap .swp_controller .swp_ctr_btns li:nth-of-type(2) {padding: 0 clamp(0.375rem, 0.338rem + 0.19vw, 0.563rem); border-left: 1px solid #C9C9C9; border-right: 1px solid #C9C9C9;}
.gallery_view .gall_main_swp_wrap .swp_controller .swp_ctr_btns li button {all: unset; cursor: pointer;}
.gallery_view .gall_main_swp_wrap .swp_controller .swp_ctr_btns li button.disabled {opacity: .3; cursor: default;}
.gallery_view .gall_main_swp_wrap .swp_controller .swp_ctr_btns li button img {display: block;}
.gallery_view .gall_main_swp_wrap .swp_controller .slides_num {font-size: clamp(0.938rem, 0.838rem + 0.5vw, 1.438rem); font-weight: 300;}
.gallery_view .gall_main_swp_wrap .swp_controller .slides_num .current_num {font-weight: 600;}
.gallery_view .gall_swp_pg {display: flex; gap: clamp(0.375rem, 0.325rem + 0.25vw, 0.625rem); width: auto; height: clamp(3.75rem, 3.5rem + 1.25vw, 5rem); aspect-ratio: 662/114; margin: 0 auto var(--gap-20); padding: 0 var(--gap-10);}
.gallery_view .gall_swp_pg .swiper-wrapper {gap: 10px;}
.gallery_view .gall_swp_pg .swiper-slide {width: calc(25% - (30px / 4)); aspect-ratio: 153/94; margin: 0; background-color: var(--Color-Black); overflow: hidden; cursor: pointer; position: relative;}
.gallery_view .gall_swp_pg .swiper-slide img {display: block; width: 100%; height: 100%; object-fit: cover; opacity: .6;}
.gallery_view .gall_swp_pg .swiper-slide-thumb-active img {opacity: 1;}
.gallery_view .view_content {font-size: clamp(0.938rem, 0.912rem + 0.13vw, 1.063rem);}
.gallery_view .btn_wrap {justify-content: flex-end;}
.gallery_view .btn_wrap .btn_list {padding: clamp(0.313rem, 0.275rem + 0.19vw, 0.5rem) 0 clamp(0.313rem, 0.275rem + 0.19vw, 0.5rem) clamp(0.75rem, 0.575rem + 0.88vw, 1.625rem); border-top: 1px solid #a6a6a6; border-bottom: 1px solid #a6a6a6;}
.gallery_view .btn_wrap .btn_list .arr_box {display: inline-flex; justify-content: center; align-items: center; gap: clamp(0.313rem, 0.275rem + 0.19vw, 0.5rem); transition: var(--transition);}
.gallery_view .btn_wrap .btn_list .arr_box::before {content: ''; display: inline-block; width: .625rem; height: 2.125rem; background-color: var(--Color-Black); position: relative; left: 0; transition: var(--transition);}
.gallery_view .btn_wrap .btn_list .arr_box .arr {width: 3.125rem; height: 2.125rem; background: var(--Color-Black) url('../../images/default/content/icon_list.svg') no-repeat center/clamp(0.813rem, 0.762rem + 0.25vw, 1.063rem); transition: var(--transition);}
.gallery_view .btn_wrap .btn_list:hover {color: rgba(18, 18, 18, .6);}
.gallery_view .btn_wrap .btn_list:hover .arr_box::before {left:  clamp(0.313rem, 0.275rem + 0.19vw, 0.5rem);}
.gallery_view .btn_wrap .btn_list:hover .arr_box .arr {background-position: 35% center;}

@media (max-width: 1024px){
	.gallery_view .swp_flex {flex-direction: column; aspect-ratio: auto;}
	.gallery_view .gall_main_swp_wrap {width: 100%;}
	.gallery_view .gall_main_swp .swiper-slide {padding: 0 clamp(2.5rem, 1.605rem + 4.47vw, 3.75rem);}
	.gallery_view .gall_swp_pg {display: flex;}
	.gallery_view .gall_swp_pg li {height: clamp(3.75rem, 2.33rem + 7.1vw, 6.875rem); flex: 0 0 auto;}
	.gallery_view .gall_swp_pg li + li {margin-top: 0; margin-left: clamp(0.5rem, 0.35rem + 0.75vw, 1.25rem);}
}
@media (max-width: 767px){
	.gallery_view .gall_main_swp_wrap .swp_controller .swp_ctr_btns li button img {zoom: .9;}
	.gallery_view .gall_swp_pg {width: 100%; height: auto; aspect-ratio: auto;}
}

/*******************************************
■ MoW Archive 뷰페이지
********************************************/
.board_view.mow_archive_view {margin-top: calc(0% - clamp(1.875rem, 1.5rem + 1.88vw, 3.75rem));}
.board_view.mow_archive_view .view_header {border: none; margin-bottom: clamp(2.25rem, 2.075rem + 0.88vw, 3.125rem); padding: 0;}
.board_view.mow_archive_view .view_header .view_header_flex_wrap {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: var(--gap-16); width: 100%;}
.board_view.mow_archive_view .view_header .privacy_mark {display: flex; align-items: center; gap: clamp(0.625rem, 0.55rem + 0.38vw, 1rem); font-size: var(--font-size-18); font-weight: 600; color: #777;}
.board_view.mow_archive_view .view_header .btn_share {margin-left: clamp(0.625rem, 0.55rem + 0.38vw, 1rem);}
.board_view.mow_archive_view .view_cont .tit {font-size: clamp(1.5rem, 1.45rem + 0.25vw, 1.75rem); font-weight: 600;}
.board_view.mow_archive_view .view_cont .sub_tit {font-size: var(--font-size-18); color: #919191;}
.board_view.mow_archive_view .view_cont {display: flex; flex-direction: column; align-items: flex-start; gap: clamp(0.75rem, 0.675rem + 0.38vw, 1.125rem); padding-bottom: var(--gap-30); border-bottom: 1px solid #EDEDED;}
.board_view.mow_archive_view .view_cont .cont_wrap {width: 100%; padding: clamp(1rem, 0.825rem + 0.88vw, 1.875rem); background-color: var(--Color-Bg-Lightgray);}
.board_view.mow_archive_view .view_cont .cont_wrap .cont_txt {height: calc((var(--font-size-18) * 1.5) * 3); font-size: var(--font-size-18); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; transition: var(--transition);}
.board_view.mow_archive_view .view_cont .cont_wrap.open .cont_txt {display: block; height: auto;}
.board_view.mow_archive_view .read_more {padding: var(--gap-8) var(--gap-10); font-size: var(--font-size-17); font-weight: 600; color: #777; background: var(--Color-Bg-Lightgray);}
.board_view.mow_archive_view .cont_bt {width: 100%; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: var(--gap-16);}
.board_view.mow_archive_view .go_to_same_cate {display: flex; align-items: center; gap: clamp(0.375rem, 0.325rem + 0.25vw, 0.625rem); flex-wrap: wrap; font-size: var(--font-size-18);}
.board_view.mow_archive_view .go_to_same_cate .cate_wrap {display: flex; flex-wrap: wrap; gap: 5px;}
.board_view.mow_archive_view .go_to_same_cate a {display: inline-block; padding: clamp(0.125rem, 0.1rem + 0.13vw, 0.25rem) clamp(0.25rem, 0.175rem + 0.38vw, 0.625rem); font-size: var(--font-size-16); color: #6C4A4A; background-color: #FAF5EE;}
.board_view.mow_archive_view .new_tab_website {display: flex; align-items: flex-start; font-size: var(--font-size-18); font-weight: 600;}
.board_view.mow_archive_view .new_tab_website span {text-decoration: underline;}
.board_view.mow_archive_view .new_tab_website i {display: inline-block; width: clamp(1.25rem, 1.2rem + 0.25vw, 1.5rem); aspect-ratio: 1/1; background: url('../../images/default/content/icon_link_black.svg') no-repeat center/cover; transition: var(--transition);}
.board_view.mow_archive_view .new_tab_website:hover i {transform: rotate(45deg);}
.other_info {width: 100%; margin-top: var(--gap-120);}
.other_info .info_tab {display: flex; width: 100%; border: 1px solid var(--Color-Border-Dark);}
.other_info .info_tab li {flex: 1; padding: var(--gap-8) 0; font-size: var(--font-size-19); text-align: center; cursor: pointer;}
.other_info .info_tab li.active {font-weight: 600; color: #fff; background: url('../../images/default/content/noise_pattern_black.jpg') repeat;}
.other_info .info_list {margin-top: var(--gap-30); padding: var(--gap-16); display: none;}
.other_info .info_list li {display: flex; gap: var(--gap-16); color: var(--Text-Secondary);}
.other_info .info_list li + li {margin-top: var(--gap-10);}
.other_info .info_list li .info_tit {display: inline-block; width: clamp(5rem, 2.727rem + 11.36vw, 10rem); font-weight: 600; color: var(--Color-Black);}
.other_info .info_list li span:not(.info_tit) {flex: 1;}
.other_info .info_list.active {display: block;}
.discover_wrap {display: flex; flex-direction: column; gap: var(--gap-45); margin-top: var(--gap-30);}
.discover_wrap .select_lang {width: min(100%, 21.25rem); margin-left: auto; font-size: var(--font-size-15); font-weight: 500; color: #555E67;}
.discover_wrap .select_lang:has(option:first-of-type:checked) {padding-left: 3rem; background: url('../../images/default/content/slt_arr_box.jpg') no-repeat right 5px center/27px, url('../../images/default/content/icon_lang_gray.svg') no-repeat 13px center/clamp(1.25rem, 1.2rem + 0.25vw, 1.5rem), #fafafa;}
.discover_wrap .discover_tit {margin-bottom: var(--gap-16); padding-left: 1rem; font-size: var(--font-size-18); font-weight: 500; position: relative;}
.discover_wrap .discover_tit::before {content: '•'; position: absolute; top: 0; left: 0;}
.discover_wrap .cate_wrap {display: flex; flex-wrap: wrap; gap: 5px;}
.discover_wrap .cate {display: inline-block; padding: clamp(0.125rem, 0.1rem + 0.13vw, 0.25rem) clamp(0.25rem, 0.175rem + 0.38vw, 0.625rem); font-size: var(--font-size-16); color: #6C4A4A; background-color: #FAF5EE;}
.discover_wrap .gallery_masonry .gallery-item {width: calc(25% - (60px / 4)) !important; margin-top: 0;}
.login_btn {text-align: center;}
.login_btn a {display: inline-flex; justify-content: center; align-items: center; gap: 5px; padding: var(--gap-8) var(--gap-20); color: #fff; font-weight: 500; background: linear-gradient(to right bottom, #3A68FF, #B58AFF); transition: var(--transition);}
.login_btn a::after {content: ''; display: inline-block; width: clamp(1.25rem, 1.136rem + 0.57vw, 1.5rem); aspect-ratio: 1/1; background: url('../../images/default/content/icon_log.svg') no-repeat center/cover;}
.login_btn a:hover {opacity: .9;}

@media (max-width: 1024px){
	.discover_wrap .gallery_masonry .gallery-item {width: calc((100% / 3) - (32px / 3)) !important;}
	.discover_wrap .gallery_masonry .gallery-item:nth-of-type(n + 4) {margin-top: 20px;}
}
@media (max-width: 768px){
	.discover_wrap .gallery_masonry .gallery-item {width: calc(50% - 6px) !important;}
	.discover_wrap .gallery_masonry .gallery-item:nth-of-type(n + 3) {margin-top: 12px;}
	.other_info .info_list li {flex-direction: column; gap: 0;}
	.other_info .info_list li .info_tit {width: 100%;}
	.login_btn a {width: 100%; padding: var(--gap-10);}
}
@media (max-width: 500px){
	.board_view.mow_archive_view .view_header .view_header_flex_wrap {flex-direction: column;}
	.board_view.mow_archive_view .view_header .view_header_flex_wrap .post_btn_wrap {display: flex; gap: 3px; width: 100%;}
	.board_view.mow_archive_view .view_header .view_header_flex_wrap .btn_download {flex: 1; justify-content: center; margin-left: clamp(0.625rem, 0.55rem + 0.38vw, 1rem);}
}
@media (max-width: 480px){
	.discover_wrap .select_lang {width: 100%;}
	.discover_wrap .gallery_masonry .gallery-item {width: 100% !important;}
}

/*******************************************
■ 인물 갤러리 리스트 페이지
********************************************/
.list_cate_wrap + .list_cate_wrap {margin-top: var(--gap-55);}
.board_cate_tab {display: flex; justify-content: center; order: 0;}
.board_cate_tab li {border: 4px solid transparent; transition: var(--transition); position: relative;}
.board_cate_tab li + li:not(.active)::before {content: ''; display: block; width: 1px; height: 60%; background-color: #C4C4C4; position: absolute; top: 20%; left: -4px; transition: var(--transition);}
.board_cate_tab li a {display: block; padding: var(--gap-8) var(--gap-40); color: var(--Color-Border-Dark); text-align: center; }
.board_cate_tab li.active {background: url('../../images/default/content/noise_pattern_black.jpg'); border-color: var(--Color-Border);}
.board_cate_tab li.active a {color: #fff; font-weight: 600;}
.board_cate_tab li.active + li::before {opacity: 0;}
.board_cate_tab li:not(.active):hover {color: var(--Color-Black); background-color: var(--Color-Bg-Lightgray);}
.board_cate_tab li:not(.active):hover::before {opacity: 0;}
.board_people .board_top_flex {flex-wrap: wrap; gap: var(--gap-16);}
.cate_tit {display: flex; align-items: center; gap: clamp(0.625rem, 0.1rem + 2.63vw, 3.25rem); margin-bottom: var(--gap-40); font-size: var(--font-size-28); font-weight: 600; line-height: .9;}
.cate_tit::after {content: ''; display: block; flex: 1; height: 1px; background-color: var(--Color-Black);}

@media (max-width: 1200px){
	.board_people .board_top_flex {flex-direction: row; justify-content: space-between; flex-wrap: wrap;}
	.board_people .board_top_flex .flex_lt {width: auto; order: 1;}
	.board_people .board_top_flex .layouts {width: auto; order: 2;}
	.board_people .board_top_flex .board_cate_tab {width: 100%;}
}
@media (max-width: 768px){
	.board_cate_tab {justify-content: flex-start; width: 100%; padding-bottom: .5rem; overflow-x: auto;}
	.board_cate_tab li {display: flex; align-items: center; border-width: 3px;}
	.board_cate_tab li a {white-space: nowrap;}
	.board_cate_tab::-webkit-scrollbar {height: .3rem; background-color: var(--Color-Bg-LightGray);}
	.board_cate_tab::-webkit-scrollbar-thumb {height: 100%; background-color: #ccc;}
}

/*******************************************
■ 인물 갤러리 뷰 페이지
********************************************/
.gall_view_people {margin-top: calc(0% - clamp(1.875rem, 1.5rem + 1.88vw, 3.75rem));}
.gall_view_people .view_thumb_big {display: flex; align-items: flex-end; width: 100%; min-height: clamp(18.75rem, 13.925rem + 24.13vw, 42.875rem); background-color: #000; position: relative;}
.gall_view_people .view_thumb_big .thumb_box {width: 100%; height: 100%; opacity: .4; position: absolute; top: 0; left: 0;}
.gall_view_people .view_thumb_big .inner {display: flex; flex-direction: column; justify-content: flex-end; height: 100%; padding-top: clamp(1.5rem, 0.8rem + 3.5vw, 5rem); padding-bottom: clamp(1.5rem, 0.8rem + 3.5vw, 5rem); position: relative; z-index: 1;}
.gall_view_people .view_thumb_big .txt_box {color: #fff;}
.gall_view_people .view_thumb_big .txt_box .post_tit {margin-bottom: clamp(1rem, 0.95rem + 0.25vw, 1.25rem); font-size: clamp(1.5rem, 1.212rem + 1.44vw, 2.938rem); border-bottom: 1px solid rgba(242, 242, 242, .3); position: relative;}
.gall_view_people .view_thumb_big .txt_box .people_exp {font-size: clamp(1.063rem, 1.025rem + 0.19vw, 1.25rem);}
.gall_view_people .item {margin-top: var(--num-48);}
.gall_view_people .item .view_sml_tit {margin-bottom: var(--gap-24); padding-left: 1rem; font-size: var(--font-size-20); font-weight: 600; position: relative;}
.gall_view_people .item .view_sml_tit::before {content: ''; display: block; width: clamp(0.313rem, 0.287rem + 0.13vw, 0.438rem); height: clamp(0.313rem, 0.287rem + 0.13vw, 0.438rem); background-color: var(--Color-Black); transform: rotate(45deg) translateY(-50%); position: absolute; top: 50%; left: 0;}
.gall_view_people .item .ctt_wrap {color: #565656;}
.gall_view_people .item .btn_share {height: auto; margin-top: var(--gap-16); padding: 2px var(--gap-8); font-size: var(--font-size-13); font-weight: 600; color: var(--Color-Black); transition: var(--transition);}
.gall_view_people .item .btn_share .icon_share {width: var(--font-size-13); background-image: url('../../images/default/content/icon_share_black.svg');}
.gall_view_people .item .btn_share:hover {opacity: .6;}
.gall_view_people .related_keywords {display: flex; flex-wrap: wrap; gap: var(--gap-10);}
.gall_view_people .related_keywords li {display: flex; align-items: center; gap: clamp(0.188rem, 0.175rem + 0.06vw, 0.25rem); padding: clamp(0.188rem, 0.175rem + 0.06vw, 0.25rem); background: url('../../images/default/content/noise_pattern_lightgray.jpg');}
.gall_view_people .related_keywords li img {width: clamp(1.125rem, 1.075rem + 0.25vw, 1.375rem); aspect-ratio: 1/1;}
.gall_view_people .related_keywords li span {padding: 0 var(--gap-10); font-size: var(--font-size-13); color: #fff; line-height: clamp(1.125rem, 1.075rem + 0.25vw, 1.375rem); white-space: nowrap; background: url('../../images/default/content/noise_pattern_black.jpg');}
.gall_view_people .related_pp {display: flex; flex-wrap: wrap; gap: var(--gap-36) var(--gap-24);}
.gall_view_people .related_pp li {width: calc(25% - (var(--gap-24) * 3 / 4)); background: url('../../images/default/content/people_related_bg1.jpg') no-repeat center/cover;}
.gall_view_people .related_pp li:nth-of-type(2) {background-image: url('../../images/default/content/people_related_bg2.jpg');}
.gall_view_people .related_pp li:nth-of-type(3) {background-image: url('../../images/default/content/people_related_bg3.jpg');}
.gall_view_people .related_pp li:nth-of-type(4) {background-image: url('../../images/default/content/people_related_bg4.jpg');}
.gall_view_people .related_pp li a {display: block; padding: clamp(0.625rem, 0.5rem + 0.63vw, 1.25rem);}
.gall_view_people .related_pp li .name {margin-bottom: var(--gap-20); font-size: var(--font-size-20); font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.gall_view_people .related_pp li .img_box {width: 100%; aspect-ratio: 314/130; overflow: hidden;}
.gall_view_people .related_pp li .img_box img {width: 100%; height: 100%; object-fit: cover; transition: var(--transition);}
.gall_view_people .related_list {display: flex; flex-wrap: wrap; gap: var(--gap-40) var(--gap-24); margin-top: var(--gap-24);}
.gall_view_people .related_list li {width: calc(25% - (var(--gap-24) * 3 / 4));}
.gall_view_people .related_list .img_box {width: 100%; aspect-ratio: 1/1; overflow: hidden;}
.gall_view_people .related_list .img_box img {width: 100%; height: 100%; object-fit: cover; transition: var(--transition);}
.gall_view_people .related_list .tit {font-size: var(--font-size-15); font-weight: 500; margin: var(--gap-16) 0 var(--gap-10);}
.gall_view_people .related_list .txt {max-height: calc(var(--font-size-14) * 1.5 * 3); font-size: var(--font-size-14); color: #A1A1A1; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.gall_view_people .related_pp li:hover .img_box img,
.gall_view_people .related_list li:hover .img_box img {transform: scale(1.05);}
.board_bt_wrap {display: flex; justify-content: space-between; align-items: center; margin-top: clamp(2.5rem, 1.75rem + 3.75vw, 6.25rem); font-size: var(--font-size-15);}
.board_bt_wrap .btn_prev,
.board_bt_wrap .btn_next {display: inline-flex; align-items: center; gap: clamp(0.375rem, 0.3rem + 0.38vw, 0.75rem); width: clamp(6.25rem, 5.25rem + 5vw, 11.25rem); font-weight: 600; color: #565656; transition: var(--transition);}
.board_bt_wrap .btn_prev {border-right: 1px solid #C2C2C2;}
.board_bt_wrap .btn_next {justify-content: flex-end; border-left: 1px solid #C2C2C2;}
.board_bt_wrap .btn_prev i,
.board_bt_wrap .btn_next i {display: inline-block; width: clamp(1.25rem, 1.163rem + 0.44vw, 1.688rem); aspect-ratio: 1/1; background: no-repeat center/cover;}
.board_bt_wrap .btn_prev i {background-image: url('../../images/default/content/pg_prev.jpg');}
.board_bt_wrap .btn_next i {background-image: url('../../images/default/content/pg_next.jpg');}
.board_bt_wrap .btn_prev:hover,
.board_bt_wrap .btn_next:hover {color: var(--Color-Black);}
.board_bt_wrap .page {display: flex; align-items: center; gap: clamp(0.75rem, 0.65rem + 0.5vw, 1.25rem); font-weight: 600;}
.board_bt_wrap .page .current {display: inline-flex; justify-content: center; align-items: center; width: clamp(2.625rem, 2.275rem + 1.75vw, 4.375rem); height: clamp(1.75rem, 1.475rem + 1.38vw, 3.125rem); font-size: var(--font-size-16); color: #fff; background-color: var(--Color-Black); border: 1px solid transparent; border-image: url('../../images/default/content/btn_border_noise.png'); border-image-slice: 30; border-image-width: 1px; border-image-outset: 0; border-image-repeat: stretch;}
.people_sbj_tit {display: flex; justify-content: space-between; align-items: center; gap: var(--gap-45); font-size: var(--font-size-28); font-weight: 600;}
.people_sbj_tit::after {content: ''; display: block; flex: 1; height: 1px; background-color: var(--Color-Black);}
.people_swp .swiper-slide {width: auto;}

@media (max-width: 768px){
	.gall_view_people .related_pp li,
	.gall_view_people .related_list li {width: calc(50% - var(--gap-24) / 2);}
}

/*******************************************
■ 타임라인
********************************************/
/* timeline2.css */
.pc_slide_wrap {width:100%;	height: calc(100dvh - clamp(4.375rem, 4rem + 1.88vw, 6.25rem) - clamp(7.5rem, 7.125rem + 1.88vw, 9.375rem)); min-height: 600px;}
.timeline #scrollbar {width:100%; height: 100%;}
.timeline .wrapper {display: flex; width: max-content;}
.timeline .scrollbar-track-x {height: 1px!important; bottom: 40px!important; margin: 0 auto!important; left: 0!important; right: 0!important; background: rgba(0, 0, 0, .06)!important;}
.timeline .scrollbar-thumb {height: 3px; top: -1px; background: rgba(0, 0, 0, .1);}
.timeline .wrapper {display: flex; position: relative; z-index: 1; counter-reset: item; height: 100%;} 
.timeline .item {position: relative; height: 100%; line-height: 1.7;  user-select: none; border-right: 1px solid #fff;}
.timeline .pagination {position: fixed; top: 20px; left: 50%; transform: translateX(-50%); white-space: none; display: flex;}
.timeline .pagination  button {outline: none; height: 20px; border: none; position: relative; background: none; padding-left: 15px;}    
.timeline .pagination  button:before{content: ''; position: absolute; top: 50%; left: 0; transform: translateY( -50%); border: 1px solid #aaa; width: 7px; height: 7px; border-radius: 50%; box-shadow: inset 0 0 0 1px #eee; transition: background .2s ease-in-out;}
.timeline .pagination  button.active:before{background: #111;}

:has(.timeline) .swp_progressbar_wrap {padding: var(--gap-30) clamp(1.25rem, 0.75rem + 2.5vw, 3.75rem); background: url('../../images/default/content/noise_pattern_black.jpg');}
:has(.timeline) .swp_progressbar {height: 4px; background-color: #4e4e4e;}
:has(.timeline) .swp_progressbar .swiper-scrollbar-drag {background-color: var(--Color-Border); border-radius: 0; cursor: grab;}
.timeline {padding: 0 clamp(1.25rem, 0.75rem + 2.5vw, 3.75rem); color: #fff; background-color: var(--Color-Black); overflow: hidden; position: relative;}
.timeline #scrollbar {overflow: visible !important;}
.timeline .scrollbar-track {}
.timeline .pagination {display: none !important;}
.timeline .bg {width: 100%; height: 100%; background: var(--Color-Black) no-repeat center/cover; filter: blur(5rem); position: absolute; top: 0; left: 0; transition: .5s;}
.timeline * {color: inherit;}
.timeline .item {width: calc((100dvw - (clamp(1.25rem, 0.75rem + 2.5vw, 3.75rem) * 2)) / 5); min-width: 400px; padding: var(--gap-75) var(--gap-50) 0; overflow-y: hidden; transform-origin: center;}
.timeline .item .cont_wrap {height: calc(calc(100dvh - clamp(4.375rem, 4rem + 1.88vw, 6.25rem) - clamp(7.5rem, 7.125rem + 1.88vw, 9.375rem)) - var(--gap-75) - 5rem - 1.875rem); margin-top: 1.875rem; padding-bottom: 1.875rem; opacity: 0; overflow-y: auto; transform: translateY(100%); transition: .5s;}
.timeline .item .cont_wrap::-webkit-scrollbar {width: 2px; display: none;}
.timeline .item .cont_wrap::-webkit-scrollbar-track {background-color: rgba(255, 255, 255, .5);}
.timeline .item .cont_wrap::-webkit-scrollbar-thumb {background-color: rgba(255, 255, 255, .8);}
.timeline .item:first-of-type {border-left: 1px solid #fff;}
.timeline .item .txt_box {width: 100%; font-size: var(--font-size-58); font-style: italic; text-align: center; position: absolute; bottom: var(--gap-55); left: 0; transition: .5s;}
.timeline .item .txt_box strong {font-size: 1.2em; font-style: normal;}
.timeline .item .txt_box::before {content: ''; display: block; width: calc(100% - 8px); height: 1.875rem; background: url('../../images/default/content/noise_pattern_black.jpg'); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1;}
.timeline .gallery_masonry {width: calc((100dvw - (clamp(1.25rem, 0.75rem + 2.5vw, 3.75rem) * 2)) / 2 - (var(--gap-50) * 2)); margin: 0 auto;}
.timeline .gallery-item {width: calc(25% - (60px / 4));}
.timeline .gallery-item .thumb_box {width: 100%; height: auto; overflow: hidden; position: relative; transition: var(--transition);}
.timeline .gallery-item .thumb_box::after {content: ''; display: block; width: calc(100% - 12px); height: calc(100% - 12px); border: 6px solid #fff; position: absolute; top: 0; left: 0; opacity: 0; transition: var(--transition);}
.timeline .gallery-item .thumb_box img {display: block; width: 100%; height: 100%; object-fit: cover; transition: var(--transition);}
.timeline .gallery-item p {margin-top: var(--gap-20); font-size: var(--font-size-15);}
.timeline .item:hover {width: calc((100dvw - (clamp(1.25rem, 0.75rem + 2.5vw, 3.75rem) * 2)) / 2);}
.timeline:has(.item:hover) .item:not(:hover) {width: calc((100dvw - (clamp(1.25rem, 0.75rem + 2.5vw, 3.75rem) * 2)) / 2 / 4);}
.timeline .item:hover .cont_wrap {opacity: 1; transform: translateY(0);}
.timeline .item:hover .txt_box {height: 5rem; font-size: var(--font-size-40); color: #C3B697; background: url('../../images/default/content/timeline_tit_atv.jpg') no-repeat center/cover; position: relative; bottom: 0;}
.timeline .item:hover .txt_box strong {font-weight: 700;}
.timeline .item:hover .txt_box::before {display: none;}
.timeline:has(.item:hover) .item:not(:hover) .txt_box {font-size: var(--font-size-33);}
.timeline .gallery-item:hover .thumb_box {border-radius: 0 0 var(--num-50) 0;}
.timeline .gallery-item:hover .thumb_box::after {opacity: 1; border-radius: 0 0 var(--num-50) 0;}
.timeline .gallery-item:hover .thumb_box img {transform: scale(1.05);}
.timeline.mob {display: none; padding: clamp(1.5rem, 1.05rem + 2.25vw, 3.75rem) 0 calc(clamp(5rem, 4.45rem + 2.75vw, 7.75rem) - 20px); height: auto;}
.timeline.mob .bg {opacity: .7;}
.timeline.mob .wrapper {display: block; width: 100%; height: auto;}
.timeline.mob .item {display: none; width: 100%; height: auto; min-width: auto; padding: 0; border: none;}
.timeline.mob .item.active {display: block;}
.timeline.mob .item .cont_wrap {height: auto; padding: 0; opacity: 1; overflow-y: visible; transform: none;}
.timeline.mob .item .txt_box {width: 50%; height: auto; margin: 0 auto; font-size: var(--font-size-33); color: #C3B697; background: url('../../images/default/content/timeline_tit_atv.jpg') no-repeat center/cover; position: static;}
.timeline.mob .item .txt_box::before {display: none;}
.timeline.mob .item:hover .txt_box strong {font-weight: 600;}
.timeline.mob .gallery_masonry {width: 100%;}
.timeline.mob .board_cate_tab {width: 100%; justify-content: flex-start; margin-bottom: 1.875rem; padding-bottom: var(--gap-10); position: relative; overflow-x: auto;}
.timeline.mob .board_cate_tab::-webkit-scrollbar {height: 4px;}
.timeline.mob .board_cate_tab::-webkit-scrollbar-track {background-color: #333;}
.timeline.mob .board_cate_tab::-webkit-scrollbar-thumb {background-color: var(--Color-Border);}
.timeline.mob .board_cate_tab li {display: block; padding: var(--gap-8) var(--gap-40); color: var(--Color-Border-Dark); text-align: center; white-space: nowrap; cursor: pointer;}
.timeline.mob .board_cate_tab li.active {}
.timeline.mob .board_cate_tab li span {display: flex; justify-content: center; align-items: center; padding: var(--gap-8) var(--gap-40); color: #fff; text-align: center;}
.timeline.mob .board_cate_tab li:not(.active):hover {background-color: rgba(255, 255, 255, .2);}
.timeline.mob .board_cate_tab li.active span {color: #fff; font-weight: 600;}
:has(.timeline) #header.fixed {width: 100%; position: fixed; top: 0; left: 0;}
:has(.timeline) #sub_visual.fixed {width: 100%; position: sticky; top: clamp(4.375rem, 4rem + 1.88vw, 6.25rem); left: 0;}

@media (max-width: 1560px){
	.timeline .gallery-item {width: calc((100% / 3) - (40px / 3));}
}
@media (max-width: 1024px){
	:has(.timeline) .swp_progressbar_wrap {display: none;}
	.pc_slide_wrap {display: none;}
	.timeline.mob {display: block;}
}
@media (max-width: 768px){
	.timeline.mob .gallery-item {width: calc(50% - 10px);}
}

/*******************************************
■ place /content/mowArchive/place.html
********************************************/
/*검색필터*/
.place #filter_form fieldset{display:flex; gap:clamp(0.5rem, 0.414rem + 0.229vw, 0.62rem);  margin-bottom:1.78rem;}
.place #filter_form .filter_opts{flex:1; display:flex; gap:clamp(0.5rem, 0.414rem + 0.229vw, 0.62rem);}
.place #filter_form .filter_opts li{flex:1;}
.place #filter_form .filter_opts li select{width:100%;}
.place #filter_form button[type="submit"]{width: 11.75rem; height: 2.375rem; padding: 0 1.125rem; background: #121212; color:#fff;font-size: var(--font-size-14); font-weight: 700;}

@media (max-width: 1024px){
	.place #filter_form fieldset{flex-direction: column}
	.place #filter_form .filter_opts{flex-wrap:wrap;}
	.place #filter_form .filter_opts li{flex:1 0 calc(50% - clamp(0.5rem, 0.414rem + 0.229vw, 0.62rem));}
	.place #filter_form button[type="submit"]{width:100%;}
}
@media (max-width: 767px){ 
}

/*지도*/
#place_map{position:relative; height:52rem; overflow: hidden;}
#place_map #map{width:100%; height:100%; position:relative; }
#place_map #map iframe{width:100%; height:100%;}

.mark_img{position:absolute; width:1.375rem; aspect-ratio: 1; background:#1F1000 url('../../images/default/content/icon_layer.svg') no-repeat center/1.188rem; border-radius:50%; z-index:10; cursor:pointer}
.mark_num{position:absolute;  z-index:11; padding:0.25rem; background:rgba(124, 124, 124, 0.30);  border-radius:50%; cursor:pointer;  transition: .5s linear;}
.mark_num em{display: inline-block; padding:0 0.65rem; aspect-ratio: 1; background:#7C7C7C ; color:#fff; border-radius:50%; align-content: center;  transition: .5s linear;}
.mark_num.on{border:rgba(133, 71, 0, 0.30);}
.mark_num.on em{background:linear-gradient(180deg, #1F1000 0%, #854700 100%);}
.mark_pop{position:absolute; left:calc(100% + 1.8rem); top:50%; width: min(23.125rem, 80vw);; border: 1px solid #854700; background: rgba(255, 255, 255, 0.80); box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.10); padding:clamp(1rem, 0.8rem + 0.533vw, 1.28rem) clamp(0.5rem, 0.143rem + 0.952vw, 1rem) clamp(1rem, 0.8rem + 0.533vw, 1.28rem) clamp(1rem, 0.686rem + 0.838vw, 1.44rem); transform: translate(1.8rem, -50%); z-index:15; backdrop-filter: blur(2px);}
.mark_pop:before{content:""; position:absolute; left:-1.3rem; top:50%; width:1.149rem; background:#854700; aspect-ratio: 1; clip-path: polygon(0 50%, 100% 100%, 100% 0); transform: translateY(-50%);}
.mark_pop ul{overflow-y:auto; max-height: clamp(8rem, 6.929rem + 2.857vw, 9.5rem); padding-right:clamp(0.5rem, -0.571rem + 2.857vw, 2rem);}
.mark_pop ul li{position:relative; padding-left:clamp(0.7rem, 0.486rem + 0.571vw, 1rem); }
.mark_pop ul li + li{margin-top:clamp(0.5rem, 0.357rem + 0.381vw, 0.7rem);}
.mark_pop ul li:before{content:""; position:absolute; left:0; top:0.6em; width: 0.3125rem; aspect-ratio: 1; border-radius:50%; background:#854700;}
.mark_pop ul li a{font-size:var(--font-size-14); font-weight:500; color:#121212; }
.mark_pop ul li a:hover{color:#854700; text-decoration:underline; text-underline-position: under;}
.mark_pop ul li a:after{content:""; display:inline-block; width:var(--font-size-16); margin-left:0.2rem; aspect-ratio: 1; background:url('../../images/default/content/icon_link.svg') no-repeat center/100%; vertical-align: middle; }
.mark_pop ul::-webkit-scrollbar {width:3px; height:3px; }
.mark_pop ul::-webkit-scrollbar-track {background-color:transparent; border-radius:0; }
.mark_pop ul::-webkit-scrollbar-thumb {background: transparent; background-color:#854700; }

@media (max-width: 1024px){
	.mark_pop{left:50%; top: calc(100% + 1.8rem); transform: translate(-55.5%, 2.8rem);}
	.mark_pop:before{left:50%; top:-1.3rem; clip-path: polygon(50% 0, 0 100%, 100% 100%); transform: translateX(-50%);}
}

/*리스트*/
.map_listBox{position:absolute; left:-25rem; top:0px; height:100%; z-index:20; transition: left .3s;}
.map_listBox.open{left:0;}
.map_listBox .list_con{height:100%; display:flex; border-top: 1px solid #DBDBDB;}
.map_listBox.open .menu_toggle_btn{transform: scaleX(1);}
.map_listBox:has(:not(.menu_view.open)) .menu_toggle_btn{display:block; width:2rem; right:-2rem;}
.map_listBox:has(.menu_view.open) .menu_toggle_btn{display:block; right: 0; width:4rem;}
.map_listBox .menu_toggle_btn{display:block;  position: absolute; right: 0; z-index: 1; top: 30%; width:4rem; height:4rem; background: url('../../images/default/content/menu_toggle_btn.png') no-repeat center/cover; transform: scaleX(-1); backdrop-filter: blur(2px); z-index: 22;}
.map_listBox .menu{background: #F4F4F4; width:25rem; display: flex; flex-direction: column;}
.map_listBox .menu .all_num{height:3.65rem; padding:0 clamp(1rem, 0.357rem + 1.714vw, 1.9rem); font-size:var(--font-size-16); padding-top:clamp(1rem, 0.714rem + 0.762vw, 1.4rem); flex-shrink: 0;}
.map_listBox .menu .all_num b{color: #854700; font-weight: 500;}
.map_listBox .menu .scroll{flex:1; min-height:100%; padding:0 clamp(0.6rem, 0.029rem + 1.524vw, 1.4rem) 0 clamp(1rem, 0.357rem + 1.714vw, 1.9rem);}
.map_listBox .menu .scroll ul{overflow-y:auto; height: calc(100% - 3.65rem); padding-bottom:clamp(1rem, 0.357rem + 1.714vw, 1.9rem); padding-right:clamp(0.6rem, 0.225rem + 1vw, 1.125rem); }
.map_listBox .menu .scroll ul::-webkit-scrollbar {width:5px; height:5px; }
.map_listBox .menu .scroll ul::-webkit-scrollbar-track {background-color:transparent; border-radius:0; }
.map_listBox .menu .scroll ul::-webkit-scrollbar-thumb {background: transparent; background-color:#121212; }
.map_listBox .menu .scroll ul li:not(:first-child){margin-top:0.62rem;}
.map_listBox .menu .thumb_list{position:relative; display:flex; background: #FFF;  transition: .3s linear; cursor:pointer;}
.map_listBox .menu .thumb_list:before{content:""; position:absolute; left:0; top:0; width:calc(100% - 2px); height:calc(100% - 2px); border:1px solid transparent;transition: .3s linear; }
.map_listBox .menu .thumb_list.on{ box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.10);}
.map_listBox .menu .thumb_list.on:before{border-color:#121212;}
.map_listBox .menu .thumb_list .img_box{width:37%; overflow:hidden;}
.map_listBox .menu .thumb_list .img_box img{object-fit: cover; height: 100%;}
.map_listBox .menu .thumb_list .txt_box{flex:1; display: flex; flex-direction: column; justify-content: center; padding:clamp(0.625rem, 0.357rem + 0.714vw, 1rem) clamp(0.625rem, 0.268rem + 0.952vw, 1.125rem); }
.map_listBox .menu .thumb_list .txt_box strong{display:block; font-size:var(--font-size-15); font-weight: 700; color: #31373D; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  margin-bottom: 0.5em;}
.map_listBox .menu .thumb_list .txt_box .txt{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis;  overflow: hidden; font-size: var(--font-size-13); color: #888; font-weight: 400; line-height: 1.3;}
.map_listBox .menu_view{position:relative; display:flex; flex-direction: column; width:0; height:100%; display:none; background:#fff; padding:clamp(1rem, 0.714rem + 0.762vw, 1.4rem); transition: width .3s;}
.map_listBox .menu_view.open{display:flex; width:26rem; }
.map_listBox .menu_view .img_box{width: 100%; height: 16.4em; margin: 0 auto; text-align: center; background-color: #171717; margin-bottom:2rem;}
.map_listBox .menu_view .img_box img{object-fit: cover; height: 100%;}
.map_listBox .menu_view .btn_link{display:flex; margin-top:auto; width: 100%;}
.map_listBox .menu_view .detail_txt{display:flex; flex-direction: column; height: calc(100% - clamp(25.125rem, 24.143rem + 2.619vw, 26.5rem));  flex: 1;  margin-bottom: 3rem;}
.map_listBox .menu_view .detail_txt .title{position:relative; color: #121212; font-size: var(--font-size-20); font-weight: 700; margin-bottom:1rem; padding-left:3rem;}
.map_listBox .menu_view .detail_txt .title:before{content:""; position:absolute; left:0.5rem; top:min(0, 0.25em); width:1.5rem; aspect-ratio: 1; background: url('../../images/default/content/icon_photo.svg') no-repeat center/100%;}
.map_listBox .menu_view .detail_txt ul{overflow-y:auto; flex:1; }
.map_listBox .menu_view .detail_txt ul::-webkit-scrollbar {width:5px; height:5px; }
.map_listBox .menu_view .detail_txt ul::-webkit-scrollbar-track {background-color:transparent; border-radius:0; }
.map_listBox .menu_view .detail_txt ul::-webkit-scrollbar-thumb {background: transparent; background-color:#121212; }
.map_listBox .menu_view .detail_txt ul li{display:flex; gap:0.6rem; align-items: center; padding:0.68rem; color: #31373D; border-bottom: 1px solid #F3F3F3;}
.map_listBox .menu_view .detail_txt ul li .th{flex-shrink: 0; width:30%; display:flex; gap:0.625rem; align-items: center; font-size:var(--font-size-15); }
.map_listBox .menu_view .detail_txt ul li .th:before{content:"･"; }
.map_listBox .menu_view .detail_txt ul li .td{flex:1; font-size:var(--font-size-14); display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; text-overflow: ellipsis;  overflow: hidden; line-height: 1.3;}

@media (max-width: 1024px){
	.map_listBox .menu_view.open{z-index:1; width:25rem; position: absolute;}
}
@media (max-width: 767px){ 
	#place_map{height:96dvh; max-height: 900px;}
	.map_listBox{position: static; width: 100%; bottom: 0; left: 0; z-index: 0;}
	.map_listBox.open .menu{top:0;}
	.map_listBox .menu{width:100%; position:absolute; height:100%; top:calc(100% - 3rem); z-index:19;}
	.map_listBox .menu_view.open{width:100%; top:0;  z-index: 20; border-top: 1px solid #DBDBDB;}
	.map_listBox .menu .all_num{position:relative; height:3rem; padding-top:0; align-content: center;}
	.map_listBox .menu .all_num .mobile_toggle_btn{position: absolute; right: 0.5rem; top: 0.5rem; z-index: 1; width:2rem; height:2rem; background: url('../../images/default/content/menu_toggle_btn.png') no-repeat center/cover; transform:  rotate(90deg ); backdrop-filter: blur(2px);}
	.map_listBox .menu.open .all_num  .mobile_toggle_btn{transform: rotate(270deg);}
	.map_listBox .menu .scroll ul{height: calc(100% - 3rem);}
	.map_listBox .menu_toggle_btn{top:0; width:3rem; height:3rem; background-image:url('../../images/default/content/menu_toggle_btn_m.png');}
	.map_listBox:has(.menu_view.open) .menu_toggle_btn{width:3rem;}
}

/*******************************************
■ 세계기록유산 통계 /content/mowArchive/statistics.html
********************************************/
.statistics .co_sct:not(.co_sct1, .co_sct4, .co_sct5) {padding-top: 0;}
.statistics .list_style1 {display: flex; gap: clamp(0.625rem, 0.5rem + 0.63vw, 1.25rem);}
.statistics .list_style1 > li {flex: 1; padding: clamp(1rem, 0.875rem + 0.63vw, 1.625rem); }
.statistics .list_style1 > li .tit {display: flex; align-items: center; gap: .5rem; font-size: var(--font-size-15); font-weight: 600; white-space: nowrap;}
.statistics .list_style1 > li .tit i {width: clamp(1.25rem, 1.188rem + 0.31vw, 1.563rem); aspect-ratio: 1/1; background: #1673F2 no-repeat center/cover;}
.statistics .list_style1 > li .tit i.icon1 {background-image: url('../../images/default/content/statistics_icon1.svg');}
.statistics .list_style1 > li .tit i.icon2 {background-image: url('../../images/default/content/statistics_icon2.svg');}
.statistics .list_style1 > li .tit i.icon3 {background-image: url('../../images/default/content/statistics_icon3.svg');}
.statistics .list_style1 > li .tit i.icon4 {background-image: url('../../images/default/content/statistics_icon4.svg');}
.statistics .list_style1 > li .txt {margin-top: .5rem; padding-left: calc(clamp(1.25rem, 1.188rem + 0.31vw, 1.563rem) + .5rem); font-size: var(--font-size-14);}
.statistics .list_style1 > li .txt strong {font-size: var(--font-size-28);}
.statistics .list_style1 > li.li01{background:#E0EDFF;}
.statistics .list_style1 > li.li01 i{background-color:#1673F2}
.statistics .list_style1 > li.li02{background:#EAE9FB;}
.statistics .list_style1 > li.li02 i{background-color:#4745DF}
.statistics .list_style1 > li.li03{background:#CAEADF;}
.statistics .list_style1 > li.li03 i{background-color:#108C63}
.statistics .list_style1 > li.li04{background:#F7EED3;}
.statistics .list_style1 > li.li04 i{background-color:#DF9900}

.statistics .co_sct1 > .inner {display: flex; justify-content: space-between; align-items: flex-end; gap: 1rem;}
.statistics .co_sct1 .co_atc2 .co_tit_wrap {margin-bottom: clamp(1.75rem, 1.35rem + 2vw, 3.75rem);}
.statistics .co_sct1 .co_atc2 .co_tit {text-align: center;}
.statistics .co_sct1 .co_atc2 .flex_box {display: flex; justify-content: space-between; align-items: center; gap: 1.5rem; padding: 0 clamp(1.5rem, 1.05rem + 2.25vw, 3.75rem);}
.statistics .co_sct1 .co_atc2 .map_wrap {width: 31.25rem; aspect-ratio: 500/270; background: url('../../images/default/content/statistics_map.svg') no-repeat center/cover; position: relative;}
.statistics .co_sct1 .co_atc2 .map_wrap .continent {display: inline-block;  position: absolute; z-index:1;}
.statistics .co_sct1 .co_atc2 .map_wrap .continent:after{content:""; position:absolute; left:50%; bottom:-9%; display:block; width:22%; aspect-ratio: 1 / 1; background: url('../../images/default/content/statistics_map_dot.svg') no-repeat center/cover;  z-index:-1; transform:translateX(-50%);}
.statistics .co_sct1 .co_atc2 .map_wrap .continent:before{content:""; position:absolute; left:50%; bottom:-9%; display:block; width:22%; aspect-ratio: 1 / 1; background: rgba(255,255,255,0.2);  z-index:-2; transform:translateX(-50%); backdrop-filter: blur(2px); border-radius:50%; }
.statistics .co_sct1 .co_atc2 .map_wrap .continent > span{display: inline-block; padding: .625rem .875rem; font-weight: 600; background-color: rgba(255, 255, 255, .5); backdrop-filter: blur(2px); box-shadow: inset 0 4px 1rem rgba(0, 0, 0, .1); transition: var(--transition); line-height: 1.3;}
.statistics .co_sct1 .co_atc2 .map_wrap .continent.northAmerica {top: 9%; left: 5%;}
.statistics .co_sct1 .co_atc2 .map_wrap .continent.europe {top: -7%; left: 43.5%;}
.statistics .co_sct1 .co_atc2 .map_wrap .continent.europe:before,
.statistics .co_sct1 .co_atc2 .map_wrap .continent.europe:after{bottom:5%;}
.statistics .co_sct1 .co_atc2 .map_wrap .continent.asia {top: 6.5%; left: 70%;}
.statistics .co_sct1 .co_atc2 .map_wrap .continent.southAmerica {top: 38%; left: 10%;}
.statistics .co_sct1 .co_atc2 .map_wrap .continent.southAmerica:before,
.statistics .co_sct1 .co_atc2 .map_wrap .continent.southAmerica:after{bottom:5%; width:15%;}
.statistics .co_sct1 .co_atc2 .map_wrap .continent.africa {top: 38%; left: 45.5%;}
.statistics .co_sct1 .co_atc2 .map_wrap .continent.oceania {top: 52.5%; left: 82.5%;}
.statistics .co_sct1 .co_atc2 .map_wrap .continent.antarctica {top: 75.5%; left: 32%;}
.statistics .co_sct1 .co_atc2 .map_wrap .continent .num {display: block; font-style: italic; font-weight: 700;}
.statistics .co_sct1 .co_atc2 .map_wrap .continent.large {padding: clamp(0.75rem, 0.688rem + 0.31vw, 1.063rem) clamp(0.875rem, 0.8rem + 0.38vw, 1.25rem);}
.statistics .co_sct1 .co_atc2 .map_wrap .continent.large .num {font-size: var(--font-size-28);}
.statistics .co_sct1 .co_atc2 .map_wrap .continent:hover > span {color: #fff; background-color: #1673F2;}
.statistics .co_sct1 .co_atc2 .map_wrap .continent:hover:after{background-image: url('../../images/default/content/statistics_map_dot_on.svg') }
.statistics .co_sct1 .co_atc2 .list_style2 {flex-direction: column;}
.statistics .co_sct1 .co_atc2 .list_style2 > li {width: clamp(12.5rem, 12.188rem + 1.56vw, 14.063rem); border-left: 4px solid #1673F2; background: #FFF; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.10);}
.statistics .co_sct1 .co_atc2 .list_style2 > li .tit i {width: clamp(1rem, 0.975rem + 0.13vw, 1.125rem); background-color: transparent; background-size: 100%;}
.statistics .co_sct1 .co_atc2 .list_style2 > li .tit i.file {background-image: url('../../images/default/content/statistics_icon_file.svg');}
.statistics .co_sct1 .co_atc2 .list_style2 > li .tit i.bag {background-image: url('../../images/default/content/statistics_icon_bag.svg');}
.statistics .co_sct1 .co_atc2 .list_style2 > li .txt{font-weight: 900; font-size:var(--font-size-16);}
.statistics .co_sct2 .co_tit_wrap {display: flex; justify-content: space-between; align-items: flex-end;}
.statistics .co_sct2 .co_tit_wrap .tabmenu {display: flex; font-size: var(--font-size-18);}
.statistics .co_sct2 .co_tit_wrap .tabmenu > li {color: var(--Text-Secondary); cursor: pointer; transition: var(--transition);}
.statistics .co_sct2 .co_tit_wrap .tabmenu > li + li::before {content: '/'; display: inline-block; margin: 0 1rem; color: #CCC;}
.statistics .co_sct2 .co_tit_wrap .tabmenu > li.active {font-weight: 600; color: var(--Color-Black); text-decoration: underline; text-underline-position: under;}
.statistics .co_sct2 .co_tit_wrap .tabmenu > li:hover {color: var(--Color-Black); border-color: var(--Text-Secondary);}
.statistics .co_sct2 .media_type {padding: clamp(2.5rem, 1.75rem + 3.75vw, 6.25rem) 0 clamp(1.5rem, 1.225rem + 1.38vw, 2.875rem); background: url('../../images/default/content/media_type_bg.jpg') no-repeat center/cover;}
.statistics .co_sct2 .media_type .inner {display: flex; justify-content: space-between; align-items: flex-end;}
.statistics .co_sct2 .media_type .media_type_tit {display: inline-flex; align-items: center; padding: clamp(0.75rem, 0.65rem + 0.5vw, 1.25rem) clamp(1rem, 0.825rem + 0.88vw, 1.875rem); font-size: var(--font-size-14); color: #fff; background-color: #1673F2;}
.statistics .co_sct2 .media_type .media_type_tit strong {display: inline-flex; align-items: center; font-size: var(--font-size-23);}
.statistics .co_sct2 .media_type .media_type_tit strong::before {content: ''; display: inline-block; width: 1px; height: .75rem; margin: 0 1rem; background-color: #fff;}
.statistics .co_sct2 .media_type .continent_list {display: none; position: relative; left: 3rem; opacity: 0;}
.statistics .co_sct2 .media_type .continent_list > li {width: 9.375rem; background: rgba(255, 255, 255, 0.50); box-shadow: 0 4px 20px 0 rgba(255, 255, 255, 0.25) inset; backdrop-filter: blur(2px); padding-left: clamp(0.875rem, 0.8rem + 0.38vw, 1.25rem); padding-right: 0;}
.statistics .co_sct2 .media_type .continent_list > li .tit i.icon5 {background-image: url('../../images/default/content/statistics_icon5.svg');}
.statistics .co_sct2 .media_type .continent_list > li .tit i.icon6 {background-image: url('../../images/default/content/statistics_icon6.svg');}
.statistics .co_sct2 .media_type .continent_list > li .tit i.icon7 {background-image: url('../../images/default/content/statistics_icon7.svg');}
.statistics .co_sct2 .media_type .continent_list > li .tit i.icon8 {background-image: url('../../images/default/content/statistics_icon8.svg');}
.statistics .co_sct2 .media_type .continent_list > li .tit i.icon9 {background-image: url('../../images/default/content/statistics_icon9.svg');}
.statistics .co_sct2 .media_type .continent_list > li .txt {padding-left: 0;}
.statistics .co_sct2 .media_type .continent_list.active {display: flex; animation: 1s fadeLeft forwards;}
@keyframes fadeLeft {
	0% {opacity: 0; left: 3rem;}
	100% {opacity: 1; left: 0;}
}
.statistics .co_sct3 .flex_wrap {display: flex; justify-content: space-between; gap: 4.375rem;}
.statistics .co_sct3 .co_atc3 {flex: 1; padding: 0 clamp(1rem, 0.7rem + 1.5vw, 2.5rem) 0; }
.statistics .co_sct3 .co_atc4 {width: 616px; margin-top: 0;}
.statistics .co_sct3 .tb_wrap {width: 100%; padding: 0 clamp(0.625rem, 0.375rem + 1.25vw, 1.875rem) clamp(0.625rem, 0.5rem + 0.63vw, 1.25rem); background-color: var(--Color-Bg-Lightgray);}
.statistics .co_sct3 .tb_wrap table {width: 100%; font-size: var(--font-size-15); text-align: center;}
.statistics .co_sct3 .tb_wrap table .ta_left {text-align: left;}
.statistics .co_sct3 .tb_wrap table th {padding: 1rem clamp(0.625rem, 0.5rem + 0.63vw, 1.25rem); color: var(--Text-Secondary);}
.statistics .co_sct3 .tb_wrap table td {padding: clamp(0.375rem, 0.325rem + 0.25vw, 0.625rem) clamp(0.625rem, 0.5rem + 0.63vw, 1.25rem); position: relative; transition: var(--transition);}
.statistics .co_sct3 .tb_wrap table td .flag_wrap {display: flex; align-items: center; gap: clamp(0.625rem, 0.575rem + 0.25vw, 0.875rem);}
.statistics .co_sct3 .tb_wrap table td:last-child::before {content: ''; display: block; width: 1px; height: 50%; background-color: var(--Text-Secondary); position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.statistics .co_sct3 .tb_wrap table tr:hover td {background-color: #1673F2; color: #fff; box-shadow: 0 4px 10px rgba(0, 0, 0, .2)}
.statistics .co_sct3 .tb_wrap table tr:hover td:last-child::before{background-color:#fff;}
.statistics .co_atc5 {margin-top: clamp(1.25rem, 0.875rem + 1.88vw, 3.125rem);}
.statistics .co_atc5 .co_tit_wrap {display: flex; align-items: flex-end; gap: clamp(0.625rem, 0.55rem + 0.38vw, 1rem);}
.statistics .avg_keywords {display: flex; justify-content: space-between; gap: clamp(0.75rem, 0.625rem + 0.63vw, 1.375rem);}
.statistics .avg_keywords > li {flex: 1; display: flex; height: clamp(6.875rem, 6.625rem + 1.25vw, 8.125rem); color:  #fff; position: relative; overflow: hidden; transition: var(--transition);}
.statistics .avg_keywords > li .bg {display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; background: no-repeat center/cover; position: relative; transition: var(--transition);}
.statistics .avg_keywords > li .bg::before {content: ''; display: block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .5); position: absolute; top: 0; left: 0; opacity: 0; transition: var(--transition);}
.statistics .avg_keywords > li.travel .bg {background-image: url('../../images/default/content/avg_keyword_travel.jpg');}
.statistics .avg_keywords > li.food .bg {background-image: url('../../images/default/content/avg_keyword_food.jpg');}
.statistics .avg_keywords > li.music .bg {background-image: url('../../images/default/content/avg_keyword_music.jpg');}
.statistics .avg_keywords > li.sports .bg {background-image: url('../../images/default/content/avg_keyword_sports.jpg');}
.statistics .avg_keywords > li.dance .bg {background-image: url('../../images/default/content/avg_keyword_dance.jpg');}
.statistics .avg_keywords > li::before {content: ''; display: block; width: 70%; aspect-ratio: 10/7; border-radius: 50%; background: radial-gradient(rgba(0, 0, 0, .7), transparent 68%); position: absolute; bottom: -4rem; left: -2rem; transition: var(--transition);}
.statistics .avg_keywords > li .keyword {font-size: var(--font-size-48); font-weight: 700; white-space: nowrap; line-height: 1; text-shadow: 0 0 .5rem rgba(0, 0, 0, .3); position: absolute; bottom: -.5rem; left: -.3rem; transition: var(--transition);}
.statistics .avg_keywords > li .t_vertical {display: flex; justify-content: flex-end; align-items: center; gap: .625rem; width: clamp(2.5rem, 2.325rem + 0.88vw, 3.375rem); height: 100%; font-size: var(--font-size-28); font-weight: 700; color: var(--Color-Black); writing-mode: vertical-rl; position: absolute; left: 0; top: 0; transform: translateX(-100%); transition: var(--transition);}
.statistics .avg_keywords > li .t_vertical i {display: inline-block; width: 20px; aspect-ratio: 1/1; background: no-repeat center/cover; transform: rotate(90deg);}
.statistics .avg_keywords > li.travel .t_vertical i {background-image: url('../../images/default/content/avg_keyword_icon_travel.svg');}
.statistics .avg_keywords > li.food .t_vertical i {background-image: url('../../images/default/content/avg_keyword_icon_food.svg');}
.statistics .avg_keywords > li.music .t_vertical i {background-image: url('../../images/default/content/avg_keyword_icon_music.svg');}
.statistics .avg_keywords > li.sports .t_vertical i {background-image: url('../../images/default/content/avg_keyword_icon_sports.svg');}
.statistics .avg_keywords > li.dance .t_vertical i {background-image: url('../../images/default/content/avg_keyword_icon_dance.svg');}
.statistics .avg_keywords > li .entry {opacity: 0; position: relative; transition: var(--transition);}
.statistics .avg_keywords > li .entry strong {display: inline-block; margin-right: 4px; font-size: var(--font-size-48);}
.statistics .avg_keywords > li:hover {flex: 1.73; padding-left: clamp(2.5rem, 2.325rem + 0.88vw, 3.375rem);}
.statistics .avg_keywords > li:hover::before {opacity: 0;}
.statistics .avg_keywords > li:hover .bg::before {opacity: 1;}
.statistics .avg_keywords > li:hover .t_vertical {display: flex; transform: translateX(0);}
.statistics .avg_keywords > li:hover .keyword {opacity: 0;}
.statistics .avg_keywords > li:hover .entry {opacity: 1;}
.statistics .co_sct4 {background-color: var(--Color-Bg-Lightgray);}
.statistics .co_sct4 .flex_wrap {display: flex; gap: clamp(1.25rem, 0.875rem + 1.88vw, 3.125rem);}
.statistics .co_sct4 .chart_cont {width: calc(50% - (clamp(1.25rem, 0.875rem + 1.88vw, 3.125rem) / 2)); display: flex; justify-content: space-between; align-items: center; padding: 0 clamp(1.125rem, 0.85rem + 1.38vw, 2.5rem); background-color: #fff;}
.statistics .co_sct4 .chart_cont .chart_tit {display: inline-flex; align-items: center; gap: .625rem; margin-bottom: clamp(1.25rem, 1.025rem + 1.13vw, 2.375rem); padding: clamp(0.625rem, 0.55rem + 0.38vw, 1rem) clamp(0.75rem, 0.65rem + 0.5vw, 1.25rem); font-size: var(--font-size-14); color: #fff; background-color: #108c63;}
.statistics .co_sct4 .chart_cont.cont2 .chart_tit{background-color: #DF9900;}
.statistics .co_sct4 .chart_cont .chart_tit strong {font-size: var(--font-size-16);}
.statistics .co_sct4 .chart_cont .chart_txt {display: flex; align-items: flex-end; gap: clamp(0.625rem, 0.5rem + 0.63vw, 1.25rem); font-size: var(--font-size-14); color: #474747;}
.statistics .co_sct4 .chart_cont .chart_txt strong {display: block; font-size: var(--font-size-23); color: #383838;}
.statistics .co_atc6 {}
.statistics .co_atc6 .co_tit_wrap {margin-bottom: 0;}
/* 차트 */
.chart_wrap {padding: clamp(1.5rem, 1.225rem + 1.38vw, 2.875rem) clamp(0.875rem, 0.775rem + 0.5vw, 1.375rem) clamp(0.5rem, 0.45rem + 0.25vw, 0.75rem);}
.chart_wrap canvas {display: block; width: 100%;}
.chart_wrap .chart_tit {margin-bottom: 1rem; font-size: var(--font-size-23); font-weight: 600;}
.statistics .co_sct1 .chart_wrap { }
.statistics .co_sct1 .chart_wrap .chart_tit {text-align: center; font-weight:900;}
.statistics #chart1 {width: 27.188rem !important; height: 29.375rem !important; margin: 0 auto;}
.statistics .co_atc3 .chart_wrap {padding: clamp(1.5rem, 1.225rem + 1.38vw, 2.875rem) 0;}
.statistics .co_atc3 .doughnut_list {display: flex; gap: clamp(1rem, 0.825rem + 0.88vw, 1.875rem);}
.statistics .co_atc3 .doughnut_list > li {flex: 1; height: 196px; padding: 40px clamp(0.75rem, 0.613rem + 0.69vw, 1.438rem) clamp(0.75rem, 0.613rem + 0.69vw, 1.438rem); background-color: #fff; position: relative;}
.statistics .co_atc3 .doughnut_list > li .chart_label {width: 100%; margin-bottom: .825rem; font-size: var(--font-size-15); font-weight: 600; text-align: center; position: absolute; top: 1rem; left: 0;}
.statistics .co_atc3 .doughnut_list > li canvas {margin-top: 1rem;}
.statistics #chart_doughnut1,
.statistics #chart_doughnut2,
.statistics #chart_doughnut3,
.statistics #chart_doughnut4 {width: 120px !important; height: 120px !important;}
.statistics .chart_data_labels {display: flex; justify-content: flex-end; gap: clamp(0.75rem, 0.7rem + 0.25vw, 1rem); margin-top: clamp(0.75rem, 0.7rem + 0.25vw, 1rem);}
.statistics .chart_data_labels > li {display: inline-flex; align-items: center; gap: .5rem;}
.statistics .chart_data_labels > li .dot {display: inline-block; width: .625rem; aspect-ratio: 1/1; border-radius: 50%; background-color: #108c63;}
.statistics .chart_data_labels > li.lightgreen .dot {background-color: #df9900;}
.statistics .chart_data_labels > li.gray .dot {background-color: #106b8c;}
.statistics .co_sct4 .chart_wrap {padding: 0; width: 330px; height: 300px; margin-bottom: -2rem;}
.statistics #chart_radar1,
.statistics #chart_radar2 {width: 100% !important; height: 100% !important;}
.statistics .co_atc6 .chart_wrap{    padding: clamp(1.5rem, 1.225rem + 1.38vw, 2.875rem) 0;}
.statistics #chart_line1 { height: 274px !important;}
.statistics .co_atc7 .co_tit_wrap {display: flex; justify-content: space-between;}
.statistics .co_atc7 .co_tit_wrap .chart_data_labels {margin-top: 0;}
.statistics #chart_bar2 {width: 1470px;}

@media (max-width: 1560px){
	.statistics .list_style1 {flex-wrap: wrap;}
	.statistics .list_style1 > li {flex: none; width: calc(50% - (clamp(0.625rem, 0.5rem + 0.63vw, 1.25rem) / 2));}
	.statistics .co_sct1 .co_atc2 .flex_box {padding: 0;}
	.statistics .co_sct1 .co_atc2 .map_wrap {}
	.statistics .co_sct1 .co_atc2 .map_wrap .continent.northAmerica {top: 6.5%;}
	.statistics .co_sct1 .co_atc2 .map_wrap .continent.europe {top: -7%; left: 45.5%;}
	.statistics .co_sct1 .co_atc2 .map_wrap .continent.southAmerica {top: 35%; left: 15%;}
	.statistics .co_sct1 .chart_wrap {margin-bottom: 1.7rem;}
	.statistics .co_sct3 .flex_wrap {gap: 3.125rem;}
	.statistics .co_atc3 .doughnut_list > li {height: auto;}
}
@media (max-width: 1300px){
	.statistics .co_sct1 > .inner {flex-direction: column; align-items: center;}
	.statistics .co_sct1 .flex_wrap_col {width: 100%;}
	.statistics .co_sct1 .flex_wrap_col .co_atc {flex: 1;}
	.statistics .list_style1 > li {width: auto; flex: 1;}
	.statistics .co_sct1 .co_atc2 .flex_box {justify-content: center;}
	.statistics .co_sct1 .chart_wrap {width: 100%;}
	.statistics .co_sct1 .co_atc2 .map_wrap .continent.asia {top: 8%; left: 70.5%;}
	.statistics .co_sct1 .co_atc2 .map_wrap .continent.europe {top: -4%; left: 46.5%;}
	.statistics .co_sct1 .co_atc2 .map_wrap .continent.southAmerica {top: 37%;}
	.statistics .co_sct1 .co_atc2 .map_wrap .continent.antarctica {top: 71.5%; left: 33%;}
	.statistics .co_sct2 .co_tit_wrap .tabmenu > li + li::before {margin: 0 .625rem;}
	.statistics .co_sct3 .flex_wrap {flex-direction: column; gap: clamp(1.25rem, 0.875rem + 1.88vw, 3.125rem);}
	.statistics .co_sct3 .flex_wrap > .co_atc {width: 100%; padding: 0;}
	.statistics .co_atc3 .chart_wrap {padding: 0;}
	.statistics .co_atc3 .doughnut_list {flex-wrap: wrap;}
	.statistics .co_atc3 .doughnut_list > li {flex: none; width: calc(50% - clamp(1rem, 0.825rem + 0.88vw, 1.875rem) / 2);}
	.statistics #chart_doughnut1,
	.statistics #chart_doughnut2,
	.statistics #chart_doughnut3,
	.statistics #chart_doughnut4 {width: 100% !important; height: 120px !important;}
}
@media (max-width: 1240px){
	.statistics .co_sct1 > .inner {gap: clamp(3.125rem, 2.841rem + 1.42vw, 3.75rem);}
	.statistics .co_sct1 .chart_wrap {margin-bottom: 0; padding: 0;}
	.statistics .co_sct2 .media_type .inner {flex-direction: column; align-items: flex-start; gap: clamp(0.625rem, 0.408rem + 1.09vw, 1.25rem);} 
	.statistics .co_sct2 .media_type .continent_list {width: 100%; flex-wrap: nowrap;}
	.statistics .co_sct2 .media_type .continent_list > li {width: auto; flex: 1;}
	.statistics .co_sct3 .flex_wrap {gap: clamp(3.125rem, 2.841rem + 1.42vw, 3.75rem);}
	.statistics .co_sct4 .chart_cont {flex-direction: column; /*gap: clamp(0.625rem, 0.5rem + 0.63vw, 1.25rem);*/ gap: 0; padding: clamp(1.125rem, 0.85rem + 1.38vw, 2.5rem) clamp(1.125rem, 0.85rem + 1.38vw, 2.5rem) 0;}
	.statistics .co_sct4 .chart_cont .txt_wrap {display: flex; flex-direction: column; align-items: center;}
	.statistics .co_sct4 .chart_cont .chart_txt {justify-content: center; text-align: center;}
	.statistics .co_atc5 {margin-top: clamp(3.125rem, 2.841rem + 1.42vw, 3.75rem);}
	.statistics .co_atc6 .chart_wrap {padding: clamp(1.5rem, 1.225rem + 1.38vw, 2.875rem) 0 0;}
}
@media (max-width: 1024px){
	.statistics .co_sct2 .co_tit_wrap {flex-direction: column; align-items: flex-start;}
	.statistics .co_sct2 .co_tit_wrap .tabmenu {margin-top: clamp(0.625rem, 0.55rem + 0.38vw, 1rem);}
	.statistics .co_atc5 .co_tit_wrap {flex-direction: column; align-items: flex-start; gap: 0;}
	.statistics .co_atc7 .co_tit_wrap {flex-direction: column; align-items: flex-start; gap: clamp(0.875rem, 0.675rem + 1vw, 1.875rem);}
	.statistics .co_atc7 .chart_wrap {width: 100%; padding-top: 0; overflow-x: auto;}
	.statistics .co_atc7 .chart_wrap::-webkit-scrollbar {height: .5rem; background-color: var(--Color-Bg-LightGray);}
	.statistics .co_atc7 .chart_wrap::-webkit-scrollbar-thumb {height: 100%; background-color: #ccc;}
	.statistics #chart_bar2 {display: block; margin: 0 auto;}
}
@media (max-width: 860px){
	.statistics .list_style1 > li {flex: none; width: calc(50% - (clamp(0.625rem, 0.5rem + 0.63vw, 1.25rem) / 2));}
}
@media (max-width: 768px){
	.statistics .co_sct1 .co_atc2 .co_tit {text-align: left;}
	.statistics .co_sct1 .co_atc2 .flex_box {flex-direction: column;}
	.statistics .co_sct1 .co_atc2 .list_style1 {flex-direction: row;}
	.statistics .co_sct1 .co_atc2 .map_wrap {width: 100%; max-width: 32.25rem; margin: 0 auto;}
	.statistics .co_sct1 .chart_wrap .chart_tit {text-align: left;}
	.statistics .co_sct2 .co_tit_wrap .tabmenu {flex-wrap: wrap; gap: .625rem; width: 100%;}
	.statistics .co_sct2 .co_tit_wrap .tabmenu > li {flex-grow: 1; padding: .625rem; border: 1px solid var(--Color-Bg-Lightgray); text-align: center;}
	.statistics .co_sct2 .co_tit_wrap .tabmenu > li + li::before {display: none;}
	.statistics .co_sct2 .co_tit_wrap .tabmenu > li.active {text-decoration: none; color: #fff; background-color: var(--Color-Black); border-color: var(--Color-Black);}
	.statistics .co_sct2 .media_type .continent_list {flex-wrap: wrap;}
	.statistics .co_sct2 .media_type .continent_list > li {flex-basis: calc((100% / 3) - (clamp(0.625rem, 0.5rem + 0.63vw, 1.25rem) * 2 / 3));}
	.statistics .co_sct2 .media_type .continent_list > li:nth-of-type(-n+2) {flex-basis: calc(50% - (clamp(0.625rem, 0.5rem + 0.63vw, 1.25rem) / 2));}
	.statistics .list_style1 > li .tit {flex-direction: column; align-items: flex-start;}
	.statistics .list_style1 > li .txt {padding-left: 0;}
	.statistics .avg_keywords {flex-wrap: wrap; justify-content: center;}
	.statistics .avg_keywords > li {flex: none; width: calc((100% / 3) - (clamp(0.75rem, 0.625rem + 0.63vw, 1.375rem) * 2 / 3));}
	.statistics .avg_keywords > li .keyword {left: -.15rem; bottom: -.3rem;}
	.statistics .avg_keywords > li .entry {opacity: 1;}
	.statistics .avg_keywords > li .entry strong {display: block; margin: 0;}
	.statistics .avg_keywords > li:hover {flex: none;}
	.statistics .avg_keywords > li .bg::before {opacity: 1;}
	.statistics .co_sct4 .flex_wrap {flex-direction: column;}
	.statistics .co_sct4 .flex_wrap .chart_cont {flex: none; flex-direction: row; width: 100%;}
}
@media (max-width: 640px){
	.statistics .co_sct4 .flex_wrap .chart_cont {flex-direction: column;}
	.statistics .co_sct4 .chart_wrap {width: 300px !important; height: 280px !important;}
}
@media (max-width: 500px){
	.statistics #chart1 {width: 360px !important; height: 430px !important;}
	.statistics .avg_keywords > li {width: calc(50% - clamp(0.75rem, 0.625rem + 0.63vw, 1.375rem) / 2);}
	.statistics .avg_keywords > li:last-of-type {width: 100%;}
	.statistics .co_sct1 .co_atc2 .list_style1 {width: 100%;}
	.statistics .co_sct1 .co_atc2 .list_style2 > li {width: auto; flex: 1;}
}
@media (max-width: 400px){
	.statistics #chart1 {width: 300px !important; height: 360px !important;}
}
@media (max-width: 320px){
	.statistics #chart1 {width: 260px !important; height: 300px !important;}
}

/* 리스트형 게시판 목록 */
.board_sch_wrap {margin-bottom: clamp(1.25rem, 0.875rem + 1.88vw, 3.125rem);}
.board_sch_wrap .flex_wrap {display: flex; justify-content: center; gap: clamp(0.625rem, 0.55rem + 0.38vw, 1rem);}
.board_sch_wrap .slt {all: unset; width: clamp(7.5rem, 7.125rem + 1.88vw, 9.375rem); line-height: clamp(2.5rem, 2.375rem + 0.63vw, 3.125rem); padding: 0 clamp(1.25rem, 1.2rem + 0.25vw, 1.5rem); color: var(--Text-Secondary); background: url('../../images/default/main/slt_arr_black.svg') no-repeat right clamp(1.25rem, 1.2rem + 0.25vw, 1.5rem) center; border-bottom: 1px solid var(--Color-Black);}
.board_sch_wrap .slt option {color: var(--Color-Black);}
.board_sch_wrap .ipt_sch_wrap {flex: 1; max-width: 416px; display: flex; align-items: center; border-bottom: 1px solid var(--Color-Black);}
.board_sch_wrap .ipt_sch {all: unset; width: calc(100% - 1.875rem); height: clamp(2.5rem, 2.375rem + 0.63vw, 3.125rem); padding: 0 clamp(1.25rem, 1.2rem + 0.25vw, 1.5rem);}
.board_sch_wrap .btn_sch {background: url('../../images/default/content/btn_sch.png') no-repeat center/cover;}
.board_default .list_tb {width: 100%; text-align: center; line-height: 1.2;}
.board_default .list_tb th {padding: clamp(0.5rem, 0.425rem + 0.38vw, 0.875rem); color: #fff; background: url('../../images/default/content/noise_pattern_black.jpg') repeat; border-left: 1px solid rgba(255, 255, 255, .3);}
.board_default .list_tb td {padding: clamp(0.75rem, 0.525rem + 1.13vw, 1.875rem) clamp(0.5rem, 0.35rem + 0.75vw, 1.25rem); color: #484848; border-bottom: 1px solid var(--Color-Border);}
.board_default .list_tb td.tb_title {font-size: var(--font-size-18); color: #232323;}
.board_default .list_tb .tb_title a {display: block; transition: var(--transition);}
.board_default .list_tb .tb_title a:hover {opacity: .6;}
.board_default .list_tb .tb_collection {}
.board_default .list_tb .tb_attached i.file {display: inline-block; width: clamp(0.75rem, 0.713rem + 0.19vw, 0.938rem); aspect-ratio: 15/17; background: url('../../images/default/content/icon_attachedfile.svg') no-repeat center/cover;}
.board_default .list_tb .tb_cate .cate_box {display: inline-block; width: clamp(4.75rem, 4.5rem + 1.25vw, 6rem); color: #fff; text-align: center; line-height: clamp(1.375rem, 1.35rem + 0.13vw, 1.5rem); background-color: var(--Color-Bg-Darkgray);}
.board_default .list_tb .tb_cate .cate_box.news {background-color: #1673F2;}
.board_default .list_tb .tb_cate .cate_box.event {background-color: #4745DF;}
.board_default .list_tb .tb_cate .cate_box.activity {background-color: #108C63;}
.board_default .list_tb .tb_cate .cate_box.exhibition {background-color: #DF9900;}

@media (max-width: 1024px){
	.board_default .list_tb {border-top: 2px solid var(--Color-Black);}
	.board_default .list_tb thead {display: none;}
	.board_default .list_tb tbody {width: 100%;}
	.board_default .list_tb tr {display: flex; flex-wrap: wrap; align-items: center; gap: var(--gap-10) var(--gap-16); width: 100%; padding: clamp(0.75rem, 0.525rem + 1.13vw, 1.875rem) clamp(0.5rem, 0.35rem + 0.75vw, 1.25rem); border-bottom: 1px solid var(--Color-Border);}
	.board_default .list_tb td {padding: 0; border: none;}
	.board_default .list_tb .tb_title {width: 100%; display: block;}
	.board_default .list_tb .tb_title a {font-weight: 600;}
	.board_default .list_tb .tb_nation,
	.board_default .list_tb .tb_collection {padding-left: var(--gap-16); position: relative;}
	.board_default .list_tb .tb_nation::before,
	.board_default .list_tb .tb_collection::before {content: ''; display: block; width: 4px; height: 4px; border-radius: 50%; background-color: var(--Color-Bg-Gray); position: absolute; top: 50%; left: -2px; transform: translateY(-50%);}
}
@media (max-width: 480px){
	.board_default .list_tb .tb_collection {width: 100%; text-align: left; padding-left: 0;}
	.board_default .list_tb .tb_collection::before {display: none;}
}

/* 리스트형 게시판 뷰 */
.default_view {margin: 0 clamp(0rem, -0.625rem + 3.13vw, 3.125rem);}
.default_view .view_header {flex-direction: column; align-items: center; gap: clamp(0.5rem, 0.4rem + 0.5vw, 1rem); padding: clamp(1rem, 0.85rem + 0.75vw, 1.75rem) 0;}
.default_view .view_header .post_tit {font-size: var(--font-size-23);}
.default_view .view_header .post_info,
.default_view .view_header .cont_info {display: flex; justify-content: center; align-items: center; width: 100%;}
.default_view .view_header .post_info li,
.default_view .view_header .cont_info li {display: flex; align-items: center;}
.default_view .view_header .post_info li + li::before,
.default_view .view_header .cont_info li + li::before {content: ''; display: inline-block; width: 1px; height: clamp(0.75rem, 0.7rem + 0.25vw, 1rem); margin: 0 clamp(0.5rem, 0.475rem + 0.13vw, 0.625rem); background-color: var(--Color-Black);}
.default_view .view_header .cont_info {padding: clamp(0.25rem, 0.175rem + 0.38vw, 0.625rem); color: #696969; background-color: var(--Color-Bg-Lightgray);}
.default_view .view_header .cont_info li + li::before {background-color: #696969;}
.default_view .view_content {padding: 0 var(--gap-30);}
.default_view .view_content img {display: block; margin: clamp(1.5rem, 1rem + 2.5vw, 4rem) auto;}
.default_view .view_content img:first-child {margin-top: 0;}
.default_view .view_content img:last-child {margin-bottom: 0;}
.default_view .view_content .txt_wrap {padding: 0 var(--gap-20);}
.view_nav {margin-top: clamp(1rem, 0.7rem + 1.5vw, 2.5rem); border-top: 1px solid var(--Color-Border);}
.view_nav a {display: flex; align-items: center; gap: clamp(0.75rem, 0.525rem + 1.13vw, 1.875rem); width: 100%; margin-top: clamp(1rem, 0.7rem + 1.5vw, 2.5rem);}
.view_nav a .btn_prev,
.view_nav a .btn_next {display: inline-flex; align-items: center; gap: clamp(0.375rem, 0.3rem + 0.38vw, 0.75rem); width: clamp(6.25rem, 5.25rem + 5vw, 11.25rem); font-weight: 600; color: #565656; border-right: 1px solid #C2C2C2; transition: var(--transition);}
.view_nav a .btn_prev i,
.view_nav a .btn_next i {display: inline-block; width: clamp(1.25rem, 1.163rem + 0.44vw, 1.688rem); aspect-ratio: 1/1; background: no-repeat center/cover; transform: rotate(90deg);}
.view_nav a .btn_prev i {background-image: url('../../images/default/content/pg_prev.jpg');}
.view_nav a .btn_next i {background-image: url('../../images/default/content/pg_next.jpg');}
.view_nav a .txt,
.view_nav a .txt {display: inline-block; width: calc(100% - clamp(6.25rem, 5.25rem + 5vw, 11.25rem)); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.view_nav a:hover .btn_prev,
.view_nav a:hover .btn_next {color: var(--Color-Black);}
@media (max-width: 768px){
	.default_view .view_header .cont_info {flex-direction: column; align-items: center;}
	.default_view .view_header .cont_info li + li::before {display: none;}
	/*.default_view .view_header .cont_info li {flex-direction: column;}
	.default_view .view_header .cont_info li + li::before {display: block; margin: clamp(0.5rem, 0.475rem + 0.13vw, 0.625rem) 0; width: clamp(0.75rem, 0.7rem + 0.25vw, 1rem); height: 1px;}*/
}

/* 가이드라인 */
.index_wrap {width: calc((100% - (var(--inner-padding) * 2)) / 100 * 27); height: 100%; max-height: calc(100% - clamp(1.875rem, 1.5rem + 1.88vw, 3.75rem) - 50px); padding: var(--gap-40) var(--gap-24); position: absolute; top: 100px; left: var(--inner-padding); background-color: var(--Color-Bg-Lightgray); transition: var(--transition); z-index: 10;}
.index_wrap .index_scr_wrap {height: 100%; padding: 0 var(--gap-24) 0 5px; overflow-x: hidden; overflow-y: auto;}
.index_wrap .index_scr_wrap::-webkit-scrollbar {width: .5rem; background-color: transparent;}
.index_wrap .index_scr_wrap::-webkit-scrollbar-thumb {width: 100%; background-color: var(--Text-Tertiary);}
.index_wrap ol {counter-reset: index; }
.index_wrap ol li {counter-increment: index; cursor: pointer;}
.index_wrap ol li > span {display: inline-flex; gap: .625rem;}
.index_wrap ol li > span::before {content: counters(index, '.') '.'; display: inline-block; width: clamp(1.875rem, 1.825rem + 0.25vw, 2.125rem); box-sizing: border-box;}
.index_wrap ol li > span:hover .txt {text-decoration: underline;}
.index_ol > li + li {padding-top: clamp(0.75rem, 0.65rem + 0.5vw, 1.25rem);}
.index_ol > li > span {font-size: var(--font-size-18); font-weight: 500; text-transform: uppercase;}
.index_wrap ol:not(.index_ol) li > span::before {width: auto; min-width: clamp(1.875rem, 1.825rem + 0.25vw, 2.125rem); padding: 0 5px; padding: 0 5px; background-color: var(--Color-Bg-Gray);}
.index2_ol > li {counter-increment: index2; padding-top: clamp(0.25rem, 0.2rem + 0.25vw, 0.5rem); padding-right: .625rem; position: relative;}
.index2_ol > li .icon_pin {display: block; width: 1.5rem; aspect-ratio: 1/1; border-radius: 50%; background: #fff url('../../images/default/content/icon_pin.svg') no-repeat center/cover; position: absolute; top: 50%; right: 0; transform: translate(40%, -50%); opacity: 0; z-index: 1; transition: var(--transition);}
.index2_ol > li:hover .icon_pin {opacity: 1;}
.index2_ol > li > span {align-items: flex-start; font-size: var(--font-size-15);}
.index2_ol > li .txt {flex: 1;}
.index2_ol > li.active {width: calc(100% + 10px); margin-top: clamp(0.25rem, 0.2rem + 0.25vw, 0.5rem); margin-left: -5px; padding: 5px; color: #fff; background-color: #585858; box-shadow: 3px 4px 5px rgba(0, 0, 0, .17);}
.index2_ol > li.active > span::before {background-color: transparent !important;}
.index2_ol > li.active .txt {font-weight: 500; position: relative;}
.index2_ol > li.active .txt::before {content: ''; display: block; width: 1px; height: 100%; background-color: rgba(255, 255, 255, .3); position: absolute; top: 0; left: -.625rem;}
.index2_ol > li.pin .icon_pin {opacity: 1;}
.guidelines {height: 100vh; max-height: 1200px; min-height: 600px; padding-top: clamp(1.875rem, 1.5rem + 1.88vw, 3.75rem); padding-bottom: clamp(3.75rem, 3rem + 3.75vw, 7.5rem);}
.guidelines > .inner {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: clamp(1.875rem, 1.5rem + 1.88vw, 3.75rem) 0; height: 100%; position: relative; overflow: hidden;}
.guidelines .guidelines_top {width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: var(--gap-10) var(--gap-24);}
.guidelines .guidelines_top .board_cate_tab li {width: clamp(10rem, 9.25rem + 3.75vw, 13.75rem); text-align: center; position: relative;}
.guidelines .guidelines_top .board_cate_tab li a {width: 100%; padding: var(--gap-8); text-align: center;}
.guidelines .guidelines_top .board_cate_tab li + li:not(.active)::before {content: ''; display: block; width: 1px; height: clamp(1rem, 0.925rem + 0.38vw, 1.375rem); background-color: #C4C4C4; position: absolute; top: 50%; left: -4px; transform: translateY(-50%);}
.guidelines .guidelines_top .board_cate_tab li.active + li::before {display: none;}
.guidelines .cont_wrap {height: calc(100% - clamp(1.875rem, 1.5rem + 1.88vw, 3.75rem) - 50px); margin-left: 27%;padding-left: clamp(2.5rem, 2.175rem + 1.63vw, 4.125rem); background-color: #fff; position: relative; z-index: 1; transition: var(--transition);}
.guidelines .btn_index {all: unset; display: inline-flex; justify-content: center; align-items: center; width: clamp(1.625rem, 1.525rem + 0.5vw, 2.125rem); height: clamp(2rem, 1.775rem + 1.13vw, 3.125rem); background-color: var(--Color-Black); cursor: pointer; transition: var(--transition); position: absolute; top: 1rem; left: 0;}
.guidelines .btn_index i.index {display: inline-block; width: clamp(0.75rem, 0.7rem + 0.25vw, 1rem); height: auto; aspect-ratio: 16/14; background: url('../../images/default/content/icon_index.svg') no-repeat center/cover;}
.guidelines .ipt_sch_wrap {flex: 1; display: flex; align-items: center; gap: 5px;max-width: 420px; padding: clamp(0.5rem, 0.475rem + 0.13vw, 0.625rem); border-bottom: 1px solid var(--Color-Black);}
.guidelines .ipt_sch_wrap .ipt_sch {all: unset; flex: 1; height: 100%; padding-left: clamp(0.5rem, 0.475rem + 0.13vw, 0.625rem);}
.guidelines .ipt_sch_wrap .btn_sch {background-image: url('../../images/default/content/btn_sch.png');}
.guidelines .cont_wrap .cont_scr_wrap {height: 100%;}
.guidelines .cont_wrap .cont {height: 100%; padding-right: .5rem; overflow-y: auto; scroll-behavior: smooth;}
.guidelines .cont_wrap .cont::-webkit-scrollbar {width: .5rem; background-color: transparent;}
.guidelines .cont_wrap .cont::-webkit-scrollbar-thumb {width: 100%; background-color: var(--Text-Tertiary);}
.guidelines .cont_wrap .cont .unesco_mark {display: block;}
.guidelines .cont_wrap .cont .guidelines_tit {margin-bottom: clamp(2.125rem, 1.775rem + 1.75vw, 3.875rem); font-size: var(--font-size-20); font-weight: 600; text-align: center;}
.guidelines .cont_wrap .cont .guideline_atc + .guideline_atc {margin-top: clamp(1.5rem, 1.3rem + 1vw, 2.5rem);}
.guidelines .cont_wrap .cont ol {counter-reset: article;}
.guidelines .cont_wrap .cont ol > li::before {content: none;}
.guidelines .cont_wrap .cont ol li .atc_tit {margin-bottom: clamp(1.5rem, 1.4rem + 0.5vw, 2rem); font-size: var(--font-size-19); font-weight: 600;}
.guidelines .cont_wrap .cont ol li .atc_tit::before {counter-increment: article; content: counter(article) '.'; display: inline-block; margin-right: 5px;}
.guidelines .cont_wrap .cont ol li {font-size: var(--font-size-17);}
.guidelines .cont_wrap .cont ol li + li {margin-top: clamp(0.75rem, 0.65rem + 0.5vw, 1.25rem);}
.guidelines .cont_wrap .cont ol li a {display: inline-flex; align-items: flex-end; gap: 5px; color: #1D70DE; font-style: italic; text-decoration: underline; text-underline-offset: 3px;}
.guidelines .cont_wrap .cont ol li a::after {content: ''; display: inline-block; width: var(--font-size-16); aspect-ratio: 1/1; background: url('../../images/default/content/icon_hyperlink.svg') no-repeat center/cover;}
.guidelines .cont_wrap .cont ol li a:hover {color: #0E59BC;}
.guidelines .cont_wrap .cont ol li .atc_cont_eng {counter-increment: article-eng; margin-top: clamp(0.75rem, 0.65rem + 0.5vw, 1.25rem)}
.guidelines .cont_wrap .cont ol li .atc_cont_eng::before {content: '(' counter(article-eng, lower-alpha) ')'; display: inline-block; margin-right: 5px;}
.guidelines .cont_wrap .cont ol li ol li:not(.inn li, .inn_dot li) {counter-increment: article;}
.guidelines .cont_wrap .cont ol li ol li:not(.inn li, .inn_dot li)::before {content: counters(article, '.') '.'; display: inline-block; margin-right: 5px;}
.guidelines .cont_wrap .cont ol li ol li {margin-top: clamp(0.75rem, 0.65rem + 0.5vw, 1.25rem);}
.guidelines .cont_wrap .cont .inn {padding-left: var(--inner-padding);}
.guidelines .cont_wrap .cont .inn_dot {padding-left: var(--inner-padding);}
.guidelines .cont_wrap .cont .inn_dot li {margin-top: clamp(0.625rem, 0.55rem + 0.38vw, 1rem); padding-left: var(--inner-padding); position: relative;}
.guidelines .cont_wrap .cont .inn_dot li::before {content: '•'; position: absolute; top: 0; left: 0;}
.guidelines .cont_wrap .cont .sup_description {margin-top: var(--gap-16); padding-top: var(--gap-10); font-size: var(--font-size-14); border-top: 1px solid var(--Color-Border);}
.guidelines .cont_wrap .cont .sup_description sup {display: inline-block; margin-right: 5px;}
.guidelines .cont_wrap .cont .sup_description a {color: #1D70DE; text-decoration: underline; text-underline-offset: 2px;}
.guidelines .cont_wrap .cont .sup_description a:hover {color: #0E59BC;}
.guidelines.open .index_wrap {transform: translateX(calc(-100% - var(--inner-padding)));}
.guidelines.open .cont_wrap {width: 100%; margin-left: 0;}
.guidelines.open .btn_index i.index {transform: rotate(180deg);}
.guidelines .controller .btn_index:hover {box-shadow: inset 0 4px 1.25rem rgba(255, 255, 255, .5);}

@media (max-width: 1024px){
	.index_wrap {width: 100%; height: 300px; top: auto; bottom: 0; left: 0; transform: translateX(0) translateY(0); box-shadow: 0 0 1rem rgba(0, 0, 0, .3); display: none;}
	.guidelines {height: auto; max-height: none;}
	.guidelines .cont_wrap {margin-left: 0; padding-left: 0; max-height: none; height: 70vh; min-height: 300px;}
	.guidelines .btn_index {display: none;}
	.guidelines.open .index_wrap {box-shadow: none; transform: translateY(100%);}
}
@media (max-width: 768px){
	.guidelines .guidelines_top .board_cate_tab li + li:not(.active)::before {left: -3px;}
	.guidelines .ipt_sch_wrap {max-width: 100%;}
}

/* 일반 갤러리 게시판 리스트 */
.gallery_list {display: flex; flex-wrap: wrap; gap: clamp(1.25rem, 1rem + 1.25vw, 2.5rem) clamp(0.625rem, 0.5rem + 0.63vw, 1.25rem);}
.gallery_list > li {width: calc(25% - (clamp(0.625rem, 0.5rem + 0.63vw, 1.25rem) * 3) / 4);}
.gallery_list > li .thumb_box {overflow: hidden;}
.gallery_list > li .thumb_box img {display: block; width: 100%; transition: var(--transition);}
.gallery_list > li .txt_box {line-height: 1.4;}
.gallery_list > li .tit {max-height: calc((var(--font-size-18) * 1.4) * 2); margin-top: clamp(0.75rem, 0.6rem + 0.75vw, 1.5rem); font-size: var(--font-size-18); font-weight: 500; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.gallery_list > li .date {display: inline-block; margin-top: clamp(0.5rem, 0.35rem + 0.75vw, 1.25rem); font-size: var(--font-size-15); color: #A1A1A1;}
.gallery_list > li:hover .thumb_box img {transform: scale(1.05);}

@media (max-width: 1024px){
	.gallery_list > li {width: calc((100% / 3) - (clamp(0.625rem, 0.5rem + 0.63vw, 1.25rem) * 2) / 3);}
}
@media (max-width: 768px){
	.gallery_list > li {width: calc(50% - clamp(0.625rem, 0.5rem + 0.63vw, 1.25rem) / 2);}
}

/* inscription */
.inscription {padding-top: clamp(1.875rem, 1.5rem + 1.88vw, 3.75rem); padding-bottom: clamp(3.75rem, 3rem + 3.75vw, 7.5rem); line-height: 1.2;}
.inscription .co_sct {padding: 0;}
.inscription_intro {padding-top: clamp(3.75rem, 3.125rem + 3.13vw, 6.875rem); position: relative;}
.inscription_intro::before {content: ''; display: block; width: 100%; height: clamp(17.5rem, 16.125rem + 6.88vw, 24.375rem); background: url('../../images/default/content/inscription_intro_bg.jpg') no-repeat center/cover; position: absolute; top: 0; left: 0; z-index: -1;}
.inscription_intro .intro_box {padding: clamp(2.5rem, 2.2rem + 1.5vw, 4rem) clamp(1.25rem, 0.5rem + 3.75vw, 5rem); color: #fff; background-color: #F48A00; box-shadow: 0 4px 1rem rgba(0, 0, 0, .21);}
.inscription_intro .intro_tit {margin-bottom: clamp(1.25rem, 1.05rem + 1vw, 2.25rem); padding-bottom: clamp(1.25rem, 1.05rem + 1vw, 2.25rem); font-size: var(--font-size-48); font-weight: 600; line-height: 1.1; border-bottom: 1px solid #fff;}
.inscription_intro .intro_txt {display: flex; justify-content: center; align-items: center; gap: clamp(1.25rem, 0.875rem + 1.88vw, 3.125rem); font-size: var(--font-size-19);}
.inscription_intro .intro_txt .mow_mark {display: inline-block; width: 3.688rem; aspect-ratio: 59/89; background: url('../../images/default/content/mow_mark.png') no-repeat center/cover;}
.inscription_intro .intro_txt p {flex: 1;}
.inscription .inscription_tit {margin: clamp(1.5rem, -0.167rem + 3.47vw, 4rem) clamp(0rem, -2.667rem + 5.56vw, 4rem) 0; font-size: var(--font-size-48); font-weight: 600;}
.inscription_list {margin: clamp(1.5rem, -0.167rem + 3.47vw, 4rem) 0; font-size: var(--font-size-18); letter-spacing: 0.03em;}
.inscription_list > li {padding-left: var(--gap-24); position: relative;}
.inscription_list > li + li {margin-top: var(--gap-100);}
.inscription_list > li + li::before {content: ''; display: block; width: 100%; height: 1px; background-color: #EAEAEA; position: absolute; top: calc(0% - var(--gap-100) / 2); left: 0;}
.inscription_list > li > .tit {display: block; margin-bottom: var(--gap-36); font-size: clamp(1.75rem, 1.663rem + 0.44vw, 2.188rem); font-weight: 600; color: #F48A00; position: relative;}
.inscription_list > li > .tit::before {content: ''; display: block; width: 4px; height: clamp(1.375rem, 1.325rem + 0.25vw, 1.625rem); background-color: #F48A00; position: absolute; top: clamp(0.375rem, 0.325rem + 0.25vw, 0.625rem); left: calc(0% - clamp(0.75rem, 0.725rem + 0.13vw, 0.875rem));}
.inscription_list > li > .tit .underline {font-size: .8em; font-weight: 500; text-decoration: underline; text-underline-offset: 6px;}
.inscription_list > li > .tit .sml {display: inline-block; margin-left: var(--gap-30); font-size: var(--font-size-16); font-weight: 400; color: #5B3C0B;}
.inscription_list .fs20 {font-size: var(--font-size-20);}
.inscription_list .gray_box {display: inline-block; padding: 6px var(--gap-10); font-size: var(--font-size-17); color: #676767; background-color: var(--Color-Bg-Lightgray);}
.diamond_list {padding-left: var(--gap-10);}
.diamond_list li {padding-left: var(--gap-20); position: relative;}
.diamond_list li::before {content: ''; display: block; width: clamp(0.313rem, 0.287rem + 0.13vw, 0.438rem); height: clamp(0.313rem, 0.287rem + 0.13vw, 0.438rem); background-color: var(--Color-Black); position: absolute; top: clamp(0.438rem, 0.412rem + 0.13vw, 0.563rem); left: 0; transform: rotate(45deg);}
.diamond_list li + li {margin-top: var(--gap-16);}
.diamond_list li a {display: inline-flex; align-items: flex-end; gap: 5px; color: #1D70DE; text-decoration: underline; text-underline-offset: 3px;}
.diamond_list li a::after {content: ''; display: inline-block; width: var(--font-size-16); aspect-ratio: 1/1; background: url('../../images/default/content/icon_hyperlink.svg') no-repeat center/cover;}
.diamond_list li a:hover {color: #0E59BC;}
.diamond_list li .gray_box {margin-top: var(--gap-16);}
.inscription .noise_box {padding: clamp(1rem, 0.7rem + 1.5vw, 2.5rem) clamp(0.75rem, 0.15rem + 3vw, 3.75rem); color: #fff; background: url('../../images/default/content/noise_bg_brown_gradient.jpg') no-repeat center/100% 100%;}
.inscription .noise_box .tit {margin-bottom: clamp(0.5rem, 0.35rem + 0.75vw, 1.25rem); padding: 0 clamp(0.25rem, 0.175rem + 0.38vw, 0.625rem) clamp(0.75rem, 0.6rem + 0.75vw, 1.5rem); font-size: var(--font-size-20); font-weight: 600; border-bottom: 1px solid rgba(255, 255, 255, .5);}
.inscription .noise_box ul {padding: 0 clamp(0.25rem, 0.175rem + 0.38vw, 0.625rem); font-size: var(--font-size-18);}
.inscription .noise_box ul li {padding-left: clamp(0.5rem, 0.475rem + 0.13vw, 0.625rem); position: relative;}
.inscription .noise_box ul li::before {content: '·'; position: absolute; top: 0; left: 0;}
.inscription .noise_box ul li + li {margin-top: 4px;}
.inscription_list2 {margin-top: clamp(2.5rem, 2.25rem + 1.25vw, 3.75rem); padding-right: clamp(2.5rem, 2rem + 2.5vw, 5rem); font-size: var(--font-size-18); font-weight: 500; position: relative; counter-reset: number;}
.inscription_list2::after {content: ''; display: block; width: 1px; height: 90%; border-right: 1px dashed #F48A00; position: absolute; top: 5%; right: calc(0% + clamp(2.375rem, 2.275rem + 0.5vw, 2.875rem) / 2);}
.inscription_list2 > li {display: flex; box-shadow: 0 .625rem .625rem rgba(0, 0, 0, .1); counter-increment: number;}
.inscription_list2 > li::after {content: '0' counter(number); display: inline-flex; justify-content: center; align-items: center; width: clamp(2.375rem, 2.275rem + 0.5vw, 2.875rem); aspect-ratio: 1/1; color: #fff; text-align: center; background: radial-gradient(#F48A00 17px, rgba(244, 138, 0, .2) 18px); border-radius: 50%; position: absolute; top: 50%; right: calc(0% - clamp(2.5rem, 2rem + 2.5vw, 5rem)); transform: translateY(-50%);}
.inscription_list2 > li + li {margin-top: var(--gap-50);}
.inscription_list2 > li .tit {display: flex; flex-direction: column; justify-content: center; align-items: center; width: clamp(12.5rem, 10.25rem + 11.25vw, 23.75rem); padding: clamp(0.75rem, 0.6rem + 0.75vw, 1.5rem); text-align: center; background-color: #F6F6F6; position: relative;}
.inscription_list2 > li .tit i {display: block; width: clamp(3.125rem, 3rem + 0.63vw, 3.75rem); height: clamp(3.125rem, 3rem + 0.63vw, 3.75rem); background: no-repeat center/cover;}
.inscription_list2 > li .tit i.icon1 {background-image: url('../../images/default/content/procedure_icon1.svg');}
.inscription_list2 > li .tit i.icon2 {background-image: url('../../images/default/content/procedure_icon2.svg');}
.inscription_list2 > li .tit i.icon3 {background-image: url('../../images/default/content/procedure_icon3.svg');}
.inscription_list2 > li .tit i.icon4 {background-image: url('../../images/default/content/procedure_icon4.svg');}
.inscription_list2 > li .tit i.icon5 {background-image: url('../../images/default/content/procedure_icon5.svg');}
.inscription_list2 > li .tit i.icon6 {background-image: url('../../images/default/content/procedure_icon6.svg');}
.inscription_list2 > li .txt_box {flex: 1; display: flex; flex-direction: column; justify-content: center; padding: clamp(0.625rem, 0.35rem + 1.38vw, 2rem) clamp(1rem, 0.45rem + 2.75vw, 3.75rem); background-color: #fff;}
.inscription_list2 .inner_ul {}
.inscription_list2 .inner_ul > li + li {margin-top: clamp(0.5rem, 0.4rem + 0.5vw, 1rem);}
.inscription_list2 .inner_ul > li.arr {padding-left: clamp(1.688rem, 1.65rem + 0.19vw, 1.875rem); position: relative;}
.inscription_list2 .inner_ul > li.arr::before {content: ''; display: inline-block; width: clamp(1rem, 0.95rem + 0.25vw, 1.25rem); aspect-ratio: 1/1; background: url('../../images/default/content/inscription_arr_right.svg') no-repeat center/cover; position: absolute; top: 0; left: 0;}
.inscription_list2 .red {color: #E53535;}

@media (max-width: 800px){
	.inscription_list > li > .tit .sml {display: block; margin-top: var(--gap-10); margin-left: 0;}
}
@media (max-width: 768px){
	.inscription_intro .intro_txt {flex-direction: column;}
	.inscription_intro .intro_txt .mow_mark {width: 2.8rem;}
	.inscription_list:has(.inscription_list2) > li {padding-right: 0;}
	.inscription_list2 {padding-right: 0;}
	.inscription_list2::after {display: none;}
	.inscription_list2 > li {flex-direction: column;}
	.inscription_list2 > li::after {aspect-ratio: auto; width: 3.125rem; height: 1.875rem; background: #F48A00; border-radius: 6px; top: 0; left: 4px; z-index: 1;}
	.inscription_list2 > li::before {content: ''; display: block; width: calc(3.125rem + 6px); height: calc(1.875rem + 6px); background: rgba(244, 138, 0, .2); border-radius: 8px; position: absolute; top: 0; left: 1px; transform: translateY(-50%); z-index: 2;}
	.inscription_list2 > li + li {margin-top: var(--gap-75);}
	.inscription_list2 > li .tit {width: 100%;}
}

/* journal */
#board_content:has(.journal_list) .board_top_flex .board_sch_wrap {width: clamp(15rem, 12.5rem + 5.21vw, 18.75rem);}
.journal_list {border-top: 2px solid var(--Color-Black);}
.journal_list > li {display: flex; flex-direction: column; align-items: flex-start; gap: var(--gap-20); padding: clamp(1rem, 0.75rem + 1.25vw, 2.25rem) 6px clamp(1.25rem, 1rem + 1.25vw, 2.5rem); border-bottom: 1px solid #E2E2E2; position: relative;}
.journal_list > li .btn_bookmark {width: clamp(2rem, 1.9rem + 0.5vw, 2.5rem); border: none; border-radius: 50%; position: absolute; top: var(--gap-30); right: 6px;}
.journal_list > li .btn_bookmark i {background-image: url('../../images/default/content/icon_bookmark2_gray.svg');}
.journal_list > li .btn_bookmark.on {background-color: #2F56BA;}
.journal_list > li .btn_bookmark.on i {background-image: url('../../images/default/content/icon_bookmark2_white.svg');}
.journal_list > li .cate_box {display: inline-block; padding: 0 6px; font-weight: 500; color: #fff; background-color: #2F56BA;}
.journal_list > li .tit {font-size: var(--font-size-26); font-weight: 600;}
.journal_list > li .info {display: flex; flex-wrap: wrap; gap: var(--gap-16); color: #969696; line-height: .8;}
.journal_list > li .info span {display: inline-block; position: relative;}
.journal_list > li .info span + span {padding-left: var(--gap-16);}
.journal_list > li .info span + span::before {content: ''; display: block; width: 1px; height: 100%; background-color: #969696; position: absolute; top: 0; left: 0;}
.journal_list > li .tit a:hover {text-decoration: underline; text-underline-offset: 3px;}
#board_content:has(.journal_list) .sch_filter {padding-top: 0;}
.filter_item {margin-bottom: var(--gap-24);}
.filter_item .btn_toggle {all: unset; display: flex; align-items: center; gap: .5rem; width: 100%; padding: var(--gap-10); font-weight: 600; background-color: #F5F5F5; cursor: pointer; transition: var(--transition); position: relative;}
.filter_item .btn_toggle::before {content: ''; display: block; width: clamp(0.25rem, 0.225rem + 0.13vw, 0.375rem); aspect-ratio: 1/1; border-radius: 50%; background-color: var(--Color-Black);}
.filter_item .btn_toggle::after {content: ''; display: block; width: 1rem; aspect-ratio: 1/1; background: url('../../images/default/content/icon_triangle.svg') no-repeat center/cover; position: absolute; top: 50%; right: var(--gap-10); transform: translateY(-50%);}
.filter_item .btn_toggle:hover {background-color: #EBEBEB;}
.filter_item .filter_cont {overflow: hidden; height: auto; transition: height var(--transition) ease;}
.filter_item .cate_list {display: flex; flex-wrap: wrap; gap: clamp(0.188rem, 0.15rem + 0.19vw, 0.375rem); margin-top: var(--gap-16);}
.filter_item .cate_list li {padding: 4px var(--gap-8); color: #969696; border: 1px solid var(--Color-Border);}
.filter_item .info_list {color: #969696;}
.filter_item .info_list li {display: flex; justify-content: space-between; align-items: center; gap: .625rem; padding: var(--gap-16) var(--gap-10); border-bottom: 1px solid #D8D8D8;}
.filter_item #journal_chart {height: 180px !important; margin-top: var(--gap-16);}
.filter_item .year_range {height: 4px; margin: 1rem var(--gap-10); position: relative;}
.filter_item .year_range .ipt_range {appearance: none; -webkit-appearance: none; display: block; width: 100%; background-color: #EBEBEB;}
.filter_item .year_range .ipt_range::-webkit-slider-thumb {appearance: none; -webkit-appearance: none; width: .625rem; height: .625rem; border-radius: 50%; background: #fff; border: 1px solid #476FD3; transform: translateY(-50%); z-index: 10;}
.filter_item .year_range .ipt_range:nth-of-type(1)::-webkit-slider-thumb {margin-top: 1px;}
.filter_item .year_range .ipt_range:nth-of-type(2)::-webkit-slider-thumb {margin-top: -1px;}
.filter_item .year_range .ipt_range::-webkit-slider-runnable-track {height: 1px;}
.filter_item .year_label {display: flex; justify-content: space-between; width: 100%; font-size: var(--font-size-15); color: #969696;}
.filter_item .more_filters {margin-top: var(--gap-16); margin-left: auto; font-size: var(--font-size-14);}
.filter_item.close .btn_toggle::after {transform: translateY(-50%) rotate(180deg);}
.filter_item.close .filter_cont {height: 0;}
.sch_filter .btn_apply {all: unset; display: block; width: 100%; height: clamp(2.375rem, 2.042rem + 0.69vw, 2.875rem); margin-top: clamp(1.875rem, 1.458rem + 0.87vw, 2.5rem); font-weight: 600; color: #fff; text-align: center; background: url('../../images/default/content/noise_pattern_darkgray.jpg'); cursor: pointer; transition: var(--transition);}
.sch_filter .btn_apply:hover {opacity: .9;}

.journal_view .flex_wrap {display: flex; align-items: flex-start; gap: clamp(0.75rem, -0.35rem + 5.5vw, 6.25rem);}
.journal_view .flex_wrap .cont_wrap {width: calc(100% - clamp(15rem, 12.5rem + 5.21vw, 18.75rem) - clamp(0.75rem, -0.35rem + 5.5vw, 6.25rem));}
.journal_view .flex_wrap .aside_r {width: clamp(15rem, 12.5rem + 5.21vw, 18.75rem); padding-top: 0; color: var(--Text-Primary); position: sticky; top: 0; right: 0; z-index: 2; transition: var(--transition);}
.journal_view .top_flex {display: flex; justify-content: space-between; align-items: center; margin-bottom: var(--gap-36);}
.journal_view .top_flex .downloads {display: flex; align-items: center; gap: 4px; font-weight: 600;}
.journal_view .top_flex .downloads .icon_download {display: inline-block; width: clamp(1.25rem, 1.2rem + 0.25vw, 1.5rem); aspect-ratio: 1/1; background: url('../../images/default/content/icon_download_black.svg') no-repeat center/cover;}
.journal_view .top_flex .btns {display: flex; align-items: center; gap: clamp(0.625rem, 0.55rem + 0.38vw, 1rem);}
.journal_view .top_flex .btns button:not(.btn_share) {width: auto; height: auto; aspect-ratio: 1/1; padding: 0 6px; border: none; background: none; position: relative;}
.journal_view .top_flex .btns button:not(.btn_share) i {display: inline-block; width: clamp(1.25rem, 1.2rem + 0.25vw, 1.5rem); aspect-ratio: 1/1; background: no-repeat center/cover; transition: var(--transition);}
.journal_view .top_flex .btns button:hover i {opacity: .6;}
.journal_view .top_flex .btns button.btn_alert i {background-image: url('../../images/default/content/icon_bell_black.svg');}
.journal_view .top_flex .btns button.btn_bookmark i {background-image: url('../../images/default/content/icon_bookmark2_black.svg');}
.journal_view .top_flex .btns button.btn_quote i {background-image: url('../../images/default/content/icon_quote_black.svg');}
.journal_view .top_flex .btns button + button::before {content: ''; display: block; width: 1px; height: 74%; background: url('../../images/default/content/noise_pattern_lightgray.jpg'); position: absolute; top: 13%; left: calc(0% - clamp(0.313rem, 0.275rem + 0.19vw, 0.5rem));}
.journal_view .top_flex .btns .btn_share {height: auto; margin-left: var(--gap-10); padding: 2px var(--gap-8); font-size: var(--font-size-13); font-weight: 600; color: var(--Color-Black); background: url('../../images/default/content/noise_pattern_lightgray.jpg'); transition: var(--transition);}
.journal_view .top_flex .btns .btn_share .icon_share {width: var(--font-size-13); background-image: url(../../images/default/content/icon_share_black.svg);}
.journal_view .post_header {display: flex; flex-direction: column; align-items: flex-start; gap: var(--gap-16);}
.journal_view .post_header .cate_box {display: inline-block; padding: 0 6px; font-weight: 500; color: #fff; background-color: #2F56BA;}
.journal_view .post_header .post_tit {width: 100%; font-size: var(--font-size-26); font-weight: 600;}
.journal_view .post_header .info {padding: var(--gap-30); font-size: var(--font-size-17); background-color: #F8F8F8; border-top: 1px solid #DBDBDB; border-bottom: 1px solid #DBDBDB;}
.journal_view .post_header .info ul li + li {margin-top: var(--gap-30);}
.journal_view .post_header .info ul li .info_tit {margin-bottom: var(--gap-16); padding-left: var(--gap-10); font-size: var(--font-size-18); font-weight: 800; color: #335967; position: relative;}
.journal_view .post_header .info ul li .info_tit::before {content: ''; display: block; width: 5px; height: 5px; border-radius: 50%; background-color: #335967; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.journal_view .post_cont {margin-top: var(--gap-40); font-size: var(--font-size-17);}
.journal_view .post_cont .post_item + .post_item {margin-top: var(--gap-36);}
.journal_view .post_cont .post_item:not(.keywords) .item_tit {margin-bottom: var(--gap-20); padding-left: var(--gap-16); font-size: var(--font-size-26); font-weight: 600; background: url('../../images/default/content/noise_pattern_darkgray.jpg'); background-clip: text; -webkit-background-clip: text; color: transparent; position: relative;}
.journal_view .post_cont .post_item:not(.keywords) .item_tit::before {content: ''; display: block; width: 4px; height: 70%; background: url('../../images/default/content/noise_pattern_black.jpg'); position: absolute; top: 15%; left: 0;}
.journal_view .post_cont .post_item.keywords .item_tit {display: inline-block; margin-bottom: var(--gap-16); padding: 2px var(--gap-8); font-size: var(--font-size-18); font-weight: 700; background-color: rgba(51, 89, 103, .1);}
.journal_view .post_cont .post_item.keywords .item_tit .bg {background: url('../../images/default/content/noise_pattern_teal.jpg'); background-clip: text; -webkit-background-clip: text; color: transparent;}
.journal_view .references {margin-top: var(--gap-75);}
.journal_view .references .ref_tit {display: flex; align-items: center; gap: var(--gap-20); margin-bottom: var(--gap-16); font-size: var(--font-size-26); font-weight: 600;}
.journal_view .references .ref_tit::after {content: ''; display: block; flex: 1; height: 1px; background-color: var(--Color-Black);}
.journal_view .references .ref_list {counter-reset: number;}
.journal_view .references .ref_list li {counter-increment: number; display: flex; justify-content: space-between; align-items: center; gap: var(--gap-16); padding: var(--gap-16) var(--gap-16) var(--gap-16) clamp(1.875rem, 1.825rem + 0.25vw, 2.125rem); border-bottom: 1px dashed #CECECE; position: relative;}
.journal_view .references .ref_list li::before {content: counter(number); display: flex; justify-content: center; align-items: center; width: clamp(1.25rem, 1.2rem + 0.25vw, 1.5rem); aspect-ratio: 1/1; font-size: var(--font-size-14); color: #fff; background-color: #292D32; border-radius: 50%; position: absolute; top: var(--gap-16); left: 0;}
.journal_view .references .ref_list li p {flex: 1; max-height: calc(var(--font-size-17) * 1.5 * 2); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis;}
.journal_view .references .ref_list li .google_scholar {display: flex; align-items: center; gap: 4px; color: #1D70DE;}
.journal_view .references .ref_list li .google_scholar .icon_link {display: inline-block; width: clamp(1.25rem, 1.2rem + 0.25vw, 1.5rem); aspect-ratio: 1/1; background: url('../../images/default/content/icon_link_blue.svg') no-repeat center/cover; transition: var(--transition);}
.journal_view .references .ref_list li .google_scholar:hover .icon_link {transform: rotate(45deg);}
.journal_view .references .more_ref {all: unset;display: flex; justify-content: center; align-items: center; gap: .625rem; margin-top: clamp(1.5rem, 1.25rem + 0.52vw, 1.875rem); font-weight: 600; cursor: pointer;}
.journal_view .references .more_ref i {display: block; width: .625rem; aspect-ratio: 1 / 1; background: url(../../images/default/content/icon_plus_black.svg) no-repeat center / cover; transition: var(--transition);}
.journal_view .references .more_ref:hover i {transform: rotate(90deg);}
.journal_view .aside_r .download_tit {display: flex; align-items: center; gap: var(--gap-8); margin-bottom: var(--gap-20); font-weight: 600; color: var(--Text-Primary);}
.journal_view .aside_r .download_tit .icon_download {display: inline-block; width: clamp(1rem, 0.95rem + 0.25vw, 1.25rem); aspect-ratio: 1/1; background: url('../../images/default/content/icon_download_white.svg') no-repeat center/80%, #292D32;}
.journal_view .aside_r .btn_download {all:unset; display: flex; justify-content: center; align-items: center; gap: var(--gap-10); width: 100%; height: clamp(2.5rem, 2.375rem + 0.63vw, 3.125rem); color: #fff; font-weight: 600; background: url('../../images/default/content/noise_pattern_wine.jpg'); cursor: pointer; transition: var(--transition);}
.journal_view .aside_r .btn_download:hover {opacity: .9;}
.journal_view .aside_r .btn_download .icon_pdf {display: inline-block; width: clamp(1rem, 0.95rem + 0.25vw, 1.25rem); aspect-ratio: 1/1; background: url('../../images/default/content/icon_pdf_white.svg') no-repeat center/cover;}
.journal_view .aside_r .aside_item + .aside_item {margin-top: var(--gap-16);}
.journal_view .aside_r .aside_item .item_tit {padding-bottom: var(--gap-20); font-size: var(--font-size-20); font-weight: 600; border-bottom: 2px solid var(--Color-Black);}
.journal_view .aside_r .aside_item:has(.btn_download) {margin-bottom: var(--gap-30);}
.journal_view .aside_r .aside_item .post {padding: 0 var(--gap-10); font-size: var(--font-size-16); border-bottom: 1px solid var(--Color-Black);}
.journal_view .aside_r .aside_item .post li {padding: var(--gap-20) 0;}
.journal_view .aside_r .aside_item .post li + li {border-top: 1px dashed #4D4D4D;}
.journal_view .aside_r .aside_item .post li .thumb_box {width: calc(100% + (var(--gap-10) * 2)); aspect-ratio: 1/1; margin-bottom: var(--gap-16); margin-left: calc(0% - var(--gap-10)); overflow: hidden;}
.journal_view .aside_r .aside_item .post li .thumb_box img {width: 100%; height: 100%; object-fit: cover; transition: var(--transition);}
.journal_view .aside_r .aside_item .post li .tit {max-height: calc(var(--font-size-16) * 1.5 * 3); font-weight: 600; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis;}
.journal_view .aside_r .aside_item .post li .info {display: flex; gap: var(--gap-16); margin-top: var(--gap-10); font-size: var(--font-size-15); color: #A4A4A4; line-height: .8;}
.journal_view .aside_r .aside_item .post li .date {display: inline-block; padding-left: var(--gap-16); position: relative;}
.journal_view .aside_r .aside_item .post li .date::before {content: ''; display: block; width: 1px; height: 100%; background-color: #A4A4A4; position: absolute; top: 0; left: 0;}
.journal_view .aside_r .aside_item .post li:hover .thumb_box img {transform: scale(1.05);}
.journal_view .aside_r .aside_item .more_filters {margin-top: var(--gap-12); margin-left: auto; font-size: var(--font-size-14);}

@media (max-width: 1024px){
	.journal_view .flex_wrap .cont_wrap {width: 100%;}
	.journal_view .flex_wrap .aside_r {display: none;}
}
@media (max-width: 768px){
	#board_content:has(.journal_list) .board_top_flex .board_sch_wrap {width: 100%;}
	#board_content:has(.journal_list) .board_top_flex .board_sch_wrap .ipt_sch_wrap {max-width: 100%;}
}
@media (max-width: 640px){
	.journal_list > li .info .date {width: 100%; padding-left: 0;}
	.journal_list > li .info .date::before {display: none;}
}

/* data sharing */
.board_top_flex {display: flex; justify-content: space-between; align-items: center; margin-bottom: clamp(1.25rem, 0.875rem + 1.88vw, 3.125rem);}
.board_top_flex .board_sch_wrap {margin-bottom: 0;}
:has(.gallery_list2) .sch_filter {margin-top: calc(0% - clamp(2.25rem, 2.083rem + 0.35vw, 2.5rem));}
:has(.gallery_list2) .sch_filter .filter_opts li + li {margin-top: var(--gap-10);}
:has(.gallery_list2) .btn_link.mob {display: none;}
.btn_link {display: flex; justify-content: center; align-items: center; gap: var(--gap-20); width: 100%; height: clamp(2.875rem, 2.6rem + 1.38vw, 4.25rem); margin-top: var(--gap-45); padding: 0 var(--gap-10); font-size: var(--font-size-20); font-weight: 600; color: #fff; background-color: var(--Color-Black);}
.btn_link .arr {display: inline-block; width: clamp(1rem, 0.925rem + 0.38vw, 1.375rem); aspect-ratio: 1/1; background: url('../../images/default/main/icon_link_arr.svg') no-repeat center/cover; transition: var(--transition);}
.btn_link:hover .arr {transform: rotate(45deg);}
.gallery_list2 > li {padding: clamp(0.625rem, 0.55rem + 0.38vw, 1rem); background-color: var(--Color-Bg-Lightgray); transition: var(--transition);}
.gallery_list2 > li a {display: flex; gap: clamp(0.625rem, 0.55rem + 0.38vw, 1rem); height: 100%;}
.gallery_list2 > li + li {margin-top: clamp(0.625rem, 0.55rem + 0.38vw, 1rem);}
.gallery_list2 > li .thumb_box {width: 22.875rem; aspect-ratio: 366/240; overflow: hidden; transition: var(--transition);}
.gallery_list2 > li .thumb_box img {display: block; width: 100%; height: 100%; object-fit: cover; transition: var(--transition);}
.gallery_list2 > li .txt_box {flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: var(--gap-20); min-width: 0; height: auto; padding: clamp(0.625rem, 0.5rem + 0.63vw, 1.25rem) clamp(0.75rem, 0.525rem + 1.13vw, 1.875rem) clamp(0.5rem, 0.4rem + 0.5vw, 1rem); background-color: #fff;}
.gallery_list2 > li .cate {display: inline-block; padding: 3px 5px; font-size: var(--font-size-14); font-weight: 500; color: #fff; background-color: var(--Color-Black);}
.gallery_list2 > li .cate.green {background-color: #17523C;}
.gallery_list2 > li .cate.orange {background-color: #F48A00;}
.gallery_list2 > li .tit {width: 100%; font-size: var(--font-size-20); font-weight: 500; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.gallery_list2 > li .txt {width: 100%; max-height: calc((var(--font-size-16) * 1.5) * 4); font-size: var(--font-size-16); color: #666; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4;}
.gallery_list2 > li .info {width: 100%; display: flex; justify-content: space-between; align-items: center; font-size: var(--font-size-15);}
.gallery_list2 > li .info .date {display: inline-flex; align-items: center; gap: clamp(0.375rem, 0.325rem + 0.25vw, 0.625rem); color: #A1A1A1;}
.gallery_list2 > li .info .date .calendar {display: inline-block; width: clamp(1.25rem, 1.2rem + 0.25vw, 1.5rem); aspect-ratio: 1/1; background: url('../../images/default/content/icon_calendar.svg') no-repeat center/cover;}
.gallery_list2 > li:hover {box-shadow: 0 4px 10px rgba(0, 0, 0, .2);}
.gallery_list2 > li:hover .thumb_box img {transform: scale(1.05);}
.gallery_list2 > li:hover .tit {font-weight: 600; text-decoration: underline;}
.gallery_list2.col2 {display: flex; flex-wrap: wrap; gap: clamp(0.625rem, 0.55rem + 0.38vw, 1rem);}
.gallery_list2.col2 > li {width: calc(50% - clamp(0.625rem, 0.55rem + 0.38vw, 1rem) / 2);}
.gallery_list2.col2 > li + li {margin-top: 0;}
.gallery_list2.col2 > li .thumb_box {width: clamp(10rem, 9.1rem + 4.5vw, 14.5rem); aspect-ratio: 232/241;}
.gallery_list2.col2 > li .tit {max-height: calc(var(--font-size-20) * 1.5 * 2); white-space: wrap; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.gallery_list2.col2 > li .txt {max-height: calc((var(--font-size-17) * 1.5) * 2); -webkit-line-clamp: 2;}
.gallery_list2.col2 > li .txt_box {gap: var(--gap-16); padding: var(--gap-10) clamp(0.75rem, 0.525rem + 1.13vw, 1.875rem);}
.gallery_list2.col2 > li .txt_box .info {justify-content: flex-start; gap: var(--gap-16); color: #A1A1A1; line-height: .8;}
.gallery_list2.col2 > li .txt_box .info .date {padding-left: var(--gap-16); border-left: 1px solid #A4A4A4;}
.gallery_list2.col2 > li .txt_box .hash_wrap {display: flex; flex-wrap: wrap; gap: 4px;}
.gallery_list2.col2 > li .txt_box .hash_wrap .hash {display: inline-flex; align-items: center; gap: 4px; padding: clamp(0.125rem, 0.1rem + 0.13vw, 0.25rem) var(--gap-10); font-size: var(--font-size-13); color: #A1A1A1; border-radius: 10rem; border: 1px solid #C8C8C8;}
.gallery_list2.col2 > li .txt_box .hash_wrap .hash::before {content: '#';}
.board_view .view_header .cate_box.green {background-color: #17523C; box-shadow: none;}
.board_view .view_header .cate_box.yellow {background-color: #F48A00; box-shadow: none;}
.default_view .view_header .post_info li strong {display: inline-block; margin-left: 3px;}

@media (max-width: 1600px) {
	.gallery_list2.col2 > li {width: 100%;}
}
@media (max-width: 1024px){
	:has(.gallery_list2) .btn_link.mob {display: flex; width: 20rem; margin: 0 0 var(--gap-30) auto;}
	:has(.gallery_list2) .btn_link.web {display: none;}
	.gallery_list2 > li .thumb_box {width: clamp(11.25rem, 8.925rem + 11.63vw, 22.875rem);}
	.gallery_list2 > li .txt {height: auto; white-space: nowrap; }
}
@media (max-width: 768px){
	.board_top_flex {align-items: center; flex-direction: column; gap: clamp(1rem, 0.821rem + 0.89vw, 1.25rem);}
	:has(.gallery_list2) .btn_link.mob {width: 100%;}
	.btn_link {gap: .625rem; width: auto; margin-left: auto;}
}
@media (max-width: 640px){
	.gallery_list2 > li a {flex-direction: column;}
	.gallery_list2 > li .thumb_box {width: 100%;}
	.gallery_list2 > li .txt_box {gap: .625rem;}
	.gallery_list2 > li .txt {height: calc((var(--font-size-17) * 1.5) * 2); white-space: pre-wrap;}
	.gallery_list2.col2 > li .thumb_box {width: 100%; aspect-ratio: 366/240;}
	.gallery_list2.col2 > li .txt_box {padding: clamp(0.75rem, 0.525rem + 1.13vw, 1.875rem);}
	.gallery_list2.col2 > li .tit {white-space: nowrap;}
}

/* 로그인 */
.login {display: flex; justify-content: center; align-items: center; height: 80vh; max-height: 1440px; min-height: 600px; padding: var(--inner-padding); background: url('../../images/default/content/login_bg.jpg') no-repeat center/cover;}
.login_wrap {width: 100%;}
.login_wrap h2 {margin-bottom: var(--gap-24); font-size: clamp(1.875rem, 1.712rem + 0.81vw, 2.688rem); font-weight: 600; color: #fff; text-align: center;}
.login_wrap .cont_wrap {display: flex; justify-content: center;}
.login_box {max-width: 36.25rem; width: 100%; padding: clamp(1.25rem, 1rem + 1.25vw, 2.5rem) var(--gap-55) clamp(1.25rem, 0.938rem + 1.56vw, 2.813rem); background-color: #fff; box-shadow: 0 4px 1.25rem rgba(0, 0, 0, .12);}
.login_box .ipt_field {position: relative;}
.login_box .ipt_field + .ipt_field {margin-top: var(--gap-20);}
.login_box .ipt_field label {display: block; font-size: var(--font-size-18); font-weight: 500; color: #5E5E5E; transition: var(--transition);}
.login_box .ipt_field .ipt_txt {all: unset; display: block; width: 100%; height: clamp(2.5rem, 2.375rem + 0.63vw, 3.125rem); padding: 0 var(--gap-20); border: 1px solid #EAEAEA;}
.login_box .ipt_field .ipt_txt::placeholder {color: #B1B1B1;}
.login_box .ipt_field .ipt_chk {all: unset; width: 1px; position: absolute; top: 0; left: 0;}
.login_box .ipt_field:has(.ipt_chk) label {padding-left: clamp(1.75rem, 1.7rem + 0.25vw, 2rem); font-size: var(--font-size-16); font-weight: 400; color: #898989; line-height: clamp(1.25rem, 1.2rem + 0.25vw, 1.5rem); position: relative; cursor: pointer;}
.login_box .ipt_field:has(.ipt_chk) label::before {content: ''; display: block; width: clamp(1.125rem, 1.075rem + 0.25vw, 1.375rem); aspect-ratio: 1/1; border: 1px solid #EAEAEA; border-radius: 5px; position: absolute; top: 0; left: 0; transition: var(--transition);}
.login_box .ipt_field:has(.ipt_chk:checked) label::before {background: var(--Color-Black) url('../../images/default/content/icon_check_white.svg') no-repeat center/cover;}
.login_box .ipt_field:has(.ipt_txt:focus) label {color: var(--Color-Black);}
.login_box .ipt_field .ipt_txt:focus {border: 2px solid var(--Color-Black); box-shadow: 0 4px .625rem rgba(146, 146, 146, .15);}
.login_box .btn_wrap {display: flex; flex-direction: column; gap: var(--gap-10); margin-top: var(--gap-20);}
.login_box .btn_wrap button,
.login_box .btn_wrap a {display: flex; justify-content: center; align-items: center; width: 100%; height: clamp(2.875rem, 2.675rem + 1vw, 3.875rem); font-size: var(--font-size-20); font-weight: 500; background-color: #E4E4E4; transition: var(--transition);}
.login_box .btn_wrap button:hover,
.login_box .btn_wrap a:hover {background-color: #D2D2D2;}
.login_box .btn_wrap .btn_login {background-color: var(--Color-Black); font-weight: 400; color: #fff;}
.login_box .btn_wrap .btn_login:hover {background-color: var(--Color-Black); opacity: .8;}
.login_box .others {display: flex; justify-content: center; gap: var(--gap-16); margin-top: clamp(1.25rem, 1.125rem + 0.63vw, 1.875rem);}
.login_box .others a {display: inline-block; line-height: .8; position: relative; transition: var(--transition);}
.login_box .others a + a {padding-left: var(--gap-16);}
.login_box .others a + a::before {content: ''; display: block; width: 1px; height: 100%; background-color: #BDCEF4; position: absolute; top: 0; left: 0;}
.login_box .others a:hover {opacity: .6;}
.cont_wrap .desc_box {max-width: 28.75rem; width: 100%; padding: var(--gap-40) var(--gap-55) var(--gap-45); background-color: #fff; position: relative;}
.cont_wrap .desc_box::before {content: ''; display: block; width: 1px; height: calc(100% - var(--gap-40) - var(--gap-45)); background-color: #EFEFEF; position: absolute; top: var(--gap-40); left: 0;}
.cont_wrap .desc_box h3 {margin-bottom: var(--gap-24); font-size: var(--font-size-18); font-weight: 500; color: #5E5E5E;}
.cont_wrap .desc_box ul li {padding-left: 1rem; font-size: var(--font-size-16); color: #676767; position: relative;}
.cont_wrap .desc_box ul li::before {content: '•'; color: var(--Color-Black); position: absolute; top: 0; left: 0;}
.cont_wrap .desc_box ul li + li {margin-top: var(--gap-24);}

@media (max-width: 768px){
	.login_box .others {flex-direction: column; align-items: center; margin-bottom: var(--gap-10);}
	.login_box .others a + a {padding-left: 0;}
	.login_box .others a + a::before {display: none;}
}

/* 메타데이터 등록 */
.data_upload {width: 100%; max-width: 1360px; margin: 0 auto;}
.data_upload *::placeholder {color: #828282;}
.data_upload .required::after {content: ' *'; font-size: var(--font-size-16); color: #F82626;}
.data_upload .ipt_wrap {counter-reset: number;}
.data_upload .ipt_wrap + .ipt_wrap {margin-top: var(--gap-75);}
.data_upload .ipt_wrap_tit {margin-bottom: var(--gap-24); font-size: var(--font-size-26); font-weight: 500;}
.data_upload .ipt_wrap:not(:has(.no_flex)) .ipt_field {counter-increment: number;}
.data_upload .ipt_wrap:not(:has(.no_flex)) .field_tit::before {content: counter(number) '.'; display: inline-block; margin-right: .5rem; font-size: var(--font-size-16); font-weight: 400;}
.data_upload .ipt_field {padding: var(--gap-16) 0 var(--gap-16) var(--gap-30); border-top: 1px solid var(--Color-Black);}
.data_upload .ipt_field:not(.no_flex) {display: flex;}
.data_upload .ipt_field + .ipt_field {margin-top: var(--gap-40);}
.data_upload .ipt_field .field_tit {width: 25%; font-size: var(--font-size-20); font-weight: 600; line-height: clamp(2.375rem, 2.325rem + 0.25vw, 2.625rem);}
.data_upload .ipt_field .field_cont {width: 75%;}
.data_upload .ipt_field .field_box {padding: var(--gap-30) var(--gap-50) clamp(1.25rem, 1.125rem + 0.63vw, 1.875rem); background-color: rgba(218, 215, 208, .2); box-shadow: inset 0 0 1.25rem rgba(218, 215, 208, .5); position: relative;}
.data_upload .ipt_field .field_box + .field_box {margin-top: var(--gap-10);}
.data_upload .ipt_field .field_box .btn_del {display: flex; justify-content: center; align-items: center; width: clamp(1.25rem, 1.2rem + 0.25vw, 1.5rem); aspect-ratio: 1/1; background-color: var(--Color-Black); border-radius: 50%; position: absolute; top: var(--gap-16); right: var(--gap-16);}
.data_upload .ipt_field .field_box .btn_del i {display: inline-block; width: clamp(0.688rem, 0.662rem + 0.13vw, 0.813rem); aspect-ratio: 1/1; background: url('../../images/default/content/icon_close_white.svg') no-repeat center/cover;}
.data_upload .ipt_field .ipts {display: flex; flex-wrap: wrap; align-items: flex-start;}
.data_upload .ipt_field .ipts + .ipts {margin-top: 1rem;}
.data_upload .ipt_field .ipts label {display: block; width: clamp(11.25rem, 10.875rem + 1.88vw, 13.125rem); padding-left: var(--gap-12); font-size: var(--font-size-16); font-weight: 600; color: #373737; line-height: clamp(2.375rem, 2.325rem + 0.25vw, 2.625rem); position: relative;}
.data_upload .ipt_field .ipts label::before {content: ''; display: block; width: 4px; height: 4px; background-color: var(--Color-Black); border-radius: 1px; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.data_upload .ipt_field .ipts .ipt_txt,
.data_upload .ipt_field .ipts select {all: unset; width: calc(100% - clamp(11.25rem, 10.875rem + 1.88vw, 13.125rem)); line-height: clamp(2.375rem, 2.325rem + 0.25vw, 2.625rem); padding: 0 var(--gap-16); background-color: #fff; border: 1px solid transparent; border-radius: var(--num-10); box-shadow: 0 4px .625rem rgba(0, 0, 0, .06); transition: var(--transition);}
.data_upload .ipt_field .ipts select {line-height: clamp(2.375rem, 2.325rem + 0.25vw, 2.625rem); background: #fff url('../../images/default/content/slt_arr_gray.svg') no-repeat right var(--gap-16) center; cursor: pointer;}
.data_upload .ipt_field .ipts select:has(option:checked[value='']) {color: #828282;}
.data_upload .ipt_field .ipts textarea {line-height: 1.5; padding: var(--gap-16);}
.data_upload .ipt_txt:focus,
.data_upload select:focus,
.data_upload textarea:focus {border-color: var(--Color-Black) !important;}
.data_upload .ipt_field .btn_add1 {display: flex; align-items: center; gap: .5rem; height: clamp(2.5rem, 2.425rem + 0.38vw, 2.875rem); margin: var(--gap-20) 0 0 auto; padding: 0 var(--gap-24); font-size: var(--font-size-16); color: #fff; background-color: var(--Color-Black); transition: var(--transition);}
.data_upload .ipt_field .btn_add1::before {content: ''; display: block; width: clamp(0.875rem, 0.825rem + 0.25vw, 1.125rem); aspect-ratio: 1/1; background: url('../../images/default/content/icon_add_star.svg') no-repeat center/cover;}
.data_upload .ipt_field .btn_add1:hover {opacity: .8;}
.data_upload .ipt_field .btn_add2 {display: flex; align-items: center; gap: .5rem; margin: var(--gap-20) 0 0 clamp(11.25rem, 10.875rem + 1.88vw, 13.125rem); padding: var(--gap-12) var(--gap-16); font-size: var(--font-size-15); background-color: transparent; border: 1px solid; border-image: linear-gradient(to bottom, #C4B797, #B5A58B 44%, #9E8776); border-image-slice: 1; transition: var(--transition);}
.data_upload .ipt_field .btn_add2::after {content: ''; display: block; width: clamp(1.125rem, 1.1rem + 0.13vw, 1.25rem); aspect-ratio: 1/1; background: url('../../images/default/content/icon_plus_white.svg') no-repeat center/50%, linear-gradient(to bottom, #C4B797, #B5A58B 44%, #9E8776); border-radius: 50%;}
.data_upload .ipt_field .btn_add2:hover {background-color: #fff;}
.data_upload .ipt_field.no_flex {padding: var(--gap-16) var(--gap-45) var(--gap-16) var(--gap-30); border-bottom: 1px solid var(--Color-Black);}
.data_upload .ipt_field.no_flex .field_tit {width: 25%; font-size: var(--font-size-20);}
.data_upload .ipt_field.no_flex .ipts .ipt_txt {width: 75%; box-shadow: none; border: 1px solid #EAEAEA;}
.data_upload .btn_wrap {display: flex; justify-content: center; gap: var(--gap-20); margin: var(--gap-55) calc((100% - var(--gap-30)) / 4) 0; padding-left: var(--gap-30);}
.data_upload .btn_wrap button,
.data_upload .btn_wrap a {margin: 0; flex-grow: 1; display: flex; justify-content: center; align-items: center; width: auto; height: clamp(3.5rem, 3.25rem + 1.25vw, 4.75rem); font-size: var(--font-size-26); padding-left: var(--gap-36); padding-right: var(--gap-36);}
.data_upload .btn_wrap .btn_link {background: url('../../images/default/content/noise_pattern_black.jpg');}
.data_upload .btn_wrap .btn_cancel {font-weight: 500; color: #1D1D1D; background-color: #E4E4E4;}

@media (max-width: 1024px){
	.data_upload .ipt_field .ipts {flex-direction: column;}
	.data_upload .ipt_field.no_flex {padding: var(--gap-16) var(--gap-30);}
	.data_upload .ipt_field.no_flex .field_tit {width: 100%;}
	.data_upload .ipt_field.no_flex .ipts .ipt_txt {width: 100%;}
	.data_upload .ipt_field:not(.no_flex) {flex-direction: column;}
	.data_upload .ipt_field .field_tit {width: 100%;}
	.data_upload .ipt_field .field_cont {width: 100%;}
	.data_upload .ipt_field .ipts .ipt_txt,
	.data_upload .ipt_field .ipts select {width: 100%;}
	.data_upload .ipt_field .ipts label {margin-bottom: var(--gap-10); line-height: 1.5;}
	.data_upload .ipt_field .btn_add2 {margin-left: 0;}
	.data_upload .btn_wrap {margin: var(--gap-55) auto 0;}
}

/* 메타데이터 수집기 */
#subpage:has(.metadata_collector) {padding-top: 0;}
.metadata_collector {display: flex; justify-content: flex-end; width: 100%; max-width: 2560px; margin: 0 auto; overflow: hidden; position: relative;}
.radius_top {display: flex; flex-direction: column; justify-content: flex-end; align-items: center; width: 100%; height: 120px; padding: 0 var(--inner-padding); text-align: center; position: relative; position: absolute; top: 0; left: 0; z-index: 2;}
.radius_top .tit_sml {font-size: var(--font-sie-15); color: rgba(255, 255, 255, .7);}
.radius_top .tit {font-size: var(--font-size-33); font-weight: 600; color: #fff; line-height: .85;}
.radius_top::before {content: ''; display: block; width: 200%; height: 500%; background: url('../../images/default/content/noise_pattern_black.jpg'); border-radius: 50%; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); z-index: -1;}
.metadata_progress {width: clamp(22.5rem, 21.875rem + 3.13vw, 25.625rem); height: 100%; padding: calc(120px + var(--gap-40)) var(--gap-30) var(--gap-30); background: url('../../images/default/content/noise_pattern_lightgray.jpg'); position: fixed; top: 0; left: 0; transition: var(--transition); z-index: 1;}
.metadata_progress h3 {margin-bottom: var(--gap-24); font-size: var(--font-size-23); font-weight: 800; text-align: center;}
.metadata_progress .status_wrap {height: calc(100% - 12rem); padding-right: var(--gap-40); overflow-y: auto;}
.metadata_progress .status_wrap .simplebar-wrapper {height: 100%;}
.metadata_progress .status_wrap .simplebar-track {width: 30px; height: calc(100% - 20px); top: 1px; overflow: visible; background: url('../../images/default/content/scrollbar_track_crayon.svg') no-repeat repeat top center/5px auto;}
.metadata_progress .status_wrap .simplebar-horizontal {display: none;}
.metadata_progress .status_wrap .simplebar-scrollbar {display: block;}
.metadata_progress .status_wrap .simplebar-scrollbar::before {content: ''; display: block; width: 18px; height: 18px; border-radius: 50%; background: radial-gradient(#000 3px, #E8E8E6 4px); border: 1px solid #fff; box-shadow: 0 0 .625rem #CDC5B2; top: 4px; left: 4px; bottom: 4px; right: 4px; opacity: 1;}
.metadata_progress .status_wrap ul {padding-left: clamp(2.5rem, 2.375rem + 0.63vw, 3.125rem); counter-reset: number;}
.metadata_progress .status_wrap ul li {counter-increment: number; display: flex; justify-content: space-between; align-items: center; padding: var(--gap-8) var(--gap-16); font-size: var(--font-size-15); color: rgba(0, 0, 0, .5); background-color: rgba(255, 255, 255, .2); position: relative;}
/*.metadata_progress .status_wrap ul li::before {content: counter(number); display: block; width: clamp(1.688rem, 1.637rem + 0.25vw, 1.938rem); aspect-ratio: 31/17; font-family: 'LabDigital', sans-serif; font-size: var(--font-size-26); font-weight: 600; text-align: right; position: absolute; top: 50%; left: calc(0% - var(--gap-20)); transform: translate(-100%, -50%);}*/
.metadata_progress .status_wrap ul li + li {margin-top: var(--gap-10);}
.metadata_progress .status_wrap ul li .numbering {display: block; width: clamp(2.5rem, 2.375rem + 0.63vw, 3.125rem); height: 100%; background: no-repeat left center; opacity: .15; position: absolute; top: 50%; left: 0; transform: translate(-100%, -50%);}
.metadata_progress .status_wrap ul li .num {display: inline-block; width: clamp(2rem, 1.962rem + 0.19vw, 2.188rem); padding: 2px; font-size: var(--font-size-13); font-weight: 600; color: #fff; text-align: center; background-color: #D0D0D0; opacity: .6;}
.metadata_progress .status_wrap ul li.on {font-weight: 600; color: var(--Color-Black); background: linear-gradient(to bottom, #C3B698, #B1A18A 44%, #AE9888); border: 1px solid transparent; border-image: linear-gradient(to bottom, #C4B797, #9E8776 59%, #B5A58B); border-image-slice: 1;}
.metadata_progress .status_wrap ul li.on .numbering {opacity: 1;}
.metadata_progress .status_wrap ul li.on .num {background-color: var(--Color-Black); opacity: 1;}
.metadata_progress .overall_progress {margin-top: var(--gap-40); padding: var(--gap-20) var(--gap-24); background: url('../../images/default/content/noise_pattern_black.jpg'); border-radius: var(--num-10);}
.metadata_progress .overall_progress p {display: flex; justify-content: space-between; align-items: center; font-weight: 600; color: #fff;}
.metadata_progress .overall_progress progress {appearance: none; width: 100%; margin-top: var(--gap-24);}
.metadata_progress .overall_progress progress::-webkit-progress-bar {height: clamp(0.625rem, 0.575rem + 0.25vw, 0.875rem); border-radius: 1rem; background-color: #fff;}
.metadata_progress .overall_progress progress::-webkit-progress-value {height: 100%; border-radius: 1rem; background: linear-gradient(to bottom, #C4B797, #B5A58B 44%, #9E8776);}
.metadata_collector .data_upload {width: calc(100% - clamp(22.5rem, 21.875rem + 3.13vw, 25.625rem)); max-width: none; margin: 0; padding: calc(120px + var(--gap-40)) var(--gap-75) calc(clamp(5rem, 4.45rem + 2.75vw, 7.75rem) + clamp(3.563rem, 3.5rem + 0.31vw, 3.875rem)); position: relative; transition: var(--transition);}
.metadata_collector .data_title_wrap {margin-bottom: var(--gap-55);}
.metadata_collector .data_title_wrap .linear_box {display: inline-block; margin-bottom: var(--gap-12); padding: 2px var(--gap-8); font-size: var(--font-size-13); font-weight: 600; color: #fff; background: linear-gradient(to bottom, #C3B698, #B1A18A 44%, #AE9888);}
.metadata_collector .data_title_wrap .data_title {}
.metadata_collector .data_title_wrap .data_title .ipt {all: unset; display: block; width: 100%; font-size: var(--font-size-40); font-weight: 600; border: 1px solid transparent; transition: var(--transition);}
.metadata_collector .data_title_wrap .data_title .ipt:focus {border-color: var(--Color-Black);}
.metadata_collector .data_title_wrap .data_info {display: flex; gap: var(--gap-10); margin-top: var(--gap-10); font-size: var(--font-size-14); color: rgba(18, 18, 18, .7); line-height: .8;}
.metadata_collector .data_title_wrap .data_info span + span {display: inline-block; padding-left: var(--gap-10); border-left: 1px solid #B9B9B9;}
.metadata_collector .btn_index {all: unset; display: inline-flex; justify-content: center; align-items: center; width: clamp(1.625rem, 1.525rem + 0.5vw, 2.125rem); height: clamp(2rem, 1.775rem + 1.13vw, 3.125rem); background-color: var(--Color-Black); cursor: pointer; transition: var(--transition); position: absolute; top: calc(120px + var(--gap-40)); left: 100%;}
.metadata_collector .btn_index i.index {display: inline-block; width: clamp(0.75rem, 0.7rem + 0.25vw, 1rem); height: auto; aspect-ratio: 16/14; background: url('../../images/default/content/icon_index.svg') no-repeat center/cover;}
.metadata_collector .form_btn_wrap {display: flex; justify-content: center; width: calc(100% - clamp(22.5rem, 21.875rem + 3.13vw, 25.625rem) - (var(--gap-75) * 2)); padding: 0 clamp(0rem, -2.5rem + 12.5vw, 12.5rem); background-color: #CECECE; border: 2px solid #fff; border-bottom: none; border-radius: var(--num-10) var(--num-10) 0 0; position: fixed; bottom: 0; left: calc(clamp(22.5rem, 21.875rem + 3.13vw, 25.625rem) + var(--gap-75)); transition: var(--transition);}
.metadata_collector .form_btn_wrap button {position: relative; display: flex; justify-content: center; align-items: center; gap: var(--gap-10); flex: 1; padding: var(--gap-16) var(--gap-10); font-size: var(--font-size-15); font-weight: 500; color: inherit; background-color: transparent; position: relative; transition: var(--transition);}
.metadata_collector .form_btn_wrap button:hover {opacity: .6;}
.metadata_collector .form_btn_wrap button + button::before {content: ''; display:  block; width: 1px; height: 40%; background-color: #fff; position: absolute; top: 30%; left: 0;}
.metadata_collector .form_btn_wrap button i {display: block; width: clamp(1.5rem, 1.45rem + 0.25vw, 1.75rem); aspect-ratio: 1/1; background: no-repeat center/cover; border-radius: 50%; box-shadow: 0 4px .5rem rgba(0, 0, 0, .06);}
.metadata_collector .form_btn_wrap .btn_save i {background-image: url('../../images/default/content/icon_data_save.svg');}
.metadata_collector .form_btn_wrap .btn_check i {background-image: url('../../images/default/content/icon_data_check.svg');}
.metadata_collector .form_btn_wrap .btn_submit i {background-image: url('../../images/default/content/icon_data_submit.svg');}
.metadata_collector.open .metadata_progress {transform: translateX(-100%);}
.metadata_collector.open .data_upload {width: 100%;}
.metadata_collector.open .form_btn_wrap {width: calc(100% - (var(--gap-75) * 2)); left: var(--gap-75);}
.metadata_collector.open .btn_index i {transform: rotate(180deg);}
#sub_content.scr .metadata_collector .metadata_progress {padding-top: var(--gap-30);}

@media (max-width: 1300px){
	.radius_top::before {width: 300%;}
	.metadata_collector .btn_index {display: none;}
	.metadata_collector .metadata_progress {transform: translateX(-100%);}
	.metadata_collector .data_upload {width: 100%; padding: calc(120px + var(--gap-40)) var(--inner-padding) calc(clamp(5rem, 4.45rem + 2.75vw, 7.75rem) + clamp(3.563rem, 3.5rem + 0.31vw, 3.875rem))}
	.metadata_collector .form_btn_wrap {width: calc(100% - (var(--inner-padding) * 2)); padding: 0; left: var(--inner-padding);}
}
@media (max-width: 768px){
	.radius_top::before {width: 450%;}
	.radius_top .tit {line-height: 1.3;}
}

/* 잠재기록유산 */
:has(.gallery_list2) .board_top_flex {justify-content: center; }
:has(.gallery_list2) .board_top_flex .board_sch_wrap {width: 100%; max-width: 38.125rem;}
.gallery_list2:not(.col2) li .txt_box {position: relative;}
.gallery_list2:not(.col2) li .txt_box::after {content: ''; display: block; width: clamp(1.875rem, 1.775rem + 0.5vw, 2.375rem); aspect-ratio: 1/1; background: url('../../images/default/content/gallery_list_arr.png') no-repeat center/cover; opacity: .5; position: absolute; right: clamp(0.75rem, 0.525rem + 1.13vw, 1.875rem); bottom: clamp(0.5rem, 0.4rem + 0.5vw, 1rem); transition: var(--transition);}
.gallery_list2:not(.col2) li .txt_box .keyword {width: 100%; padding-right: calc(clamp(1.875rem, 1.775rem + 0.5vw, 2.375rem) + var(--gap-20)); font-size: var(--font-size-14); color: #A1A1A1; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.gallery_list2:not(.col2) li .txt_box .keyword .keyword_box {display: inline-block; margin-right: var(--gap-20); padding: 2px var(--gap-14); font-size: var(--font-size-13); font-weight: 600; color: #fff; background-color: #A1A1A1;}
.gallery_list2:not(.col2) li:hover .txt_box::after {opacity: 1;}

/* 디지털 플랫폼 */
.about .co_sct {padding: var(--gap-75) 0;}
.about .co_sct1 {background: url('../../images/default/content/noise_pattern_beige.jpg'); position: relative; overflow: hidden;}
.about .co_atc + .co_atc {margin-top: clamp(2.5rem, 2.25rem + 1.25vw, 3.75rem);}
.about .atc_tit {margin-bottom: var(--gap-24); padding-left: var(--gap-16); font-size: clamp(1.375rem, 1.175rem + 1vw, 2.375rem); font-weight: 700; color: #675950; position: relative;}
.about .atc_tit::before {content: ''; display: block; width: clamp(0.188rem, 0.163rem + 0.13vw, 0.313rem); height: 50%; background-color: #675950; position: absolute; top: 25%; left: 0;}
.about .atc_tit.big {display: flex; justify-content: space-between; align-items: center; margin-bottom: var(--gap-45); font-size: var(--font-size-48); padding-left: var(--gap-24);}
.about .atc_tit.big::before {width: clamp(0.313rem, 0.275rem + 0.19vw, 0.5rem);}
.about .atc_tit.big .btn_share {height: auto; margin-top: 0; padding: 2px var(--gap-8); font-size: var(--font-size-13); font-weight: 600; color: #fff; background-color: #675950; border: none; transition: var(--transition);}
.about .atc_tit.big .btn_share .icon_share {width: var(--font-size-13); background-image: url('../../images/default/content/icon_share_white.svg');}
.about .atc_tit.big .btn_share:hover {opacity: .9;}
.about .txt {font-size: var(--font-size-20);}
.about .sml_tit {margin-bottom: var(--gap-20); padding-bottom: var(--gap-20); font-size: var(--font-size-30); font-weight: 600; border-bottom: 1px solid var(--Color-Black);}
.about .co_sct1 .txt_big {padding: clamp(6.25rem, 5.625rem + 3.13vw, 9.375rem) 0; font-size: var(--font-size-48); position: relative;}
.about .co_sct1 .txt_big::after {content: ''; display: block; width: 83%; aspect-ratio: 1263/424; background: url('../../images/default/content/about_map.png') no-repeat center/cover; position: absolute; bottom: calc(0% - clamp(1.5rem, 1.05rem + 2.25vw, 3.75rem)); right: -17%;}
.about .co_sct2 {background-color: #F1F1F1;}
.about .vision_list li + li {margin-top: var(--gap-20);}
.about .vision_list .gradient_box {display: inline-block; margin-bottom: var(--gap-16); padding: 0 var(--gap-10); font-size: var(--font-size-20); font-weight: 600; background: linear-gradient(to bottom, #C3B698, #B1A18A 44%, #AE9888);}
.about .diamond_list {padding-left: 0; font-size: var(--font-size-18);}
.about .diamond_list li::before {width: clamp(0.25rem, 0.225rem + 0.13vw, 0.375rem); height: clamp(0.25rem, 0.225rem + 0.13vw, 0.375rem); top: clamp(0.625rem, 0.613rem + 0.06vw, 0.688rem);}
.about .co_sct3 {position: relative;}
.about .co_sct3::before {content: ''; display: block; max-width: 1280px; width: 50%; height: 100%; background: url('../../images/default/content/about_world.jpg') no-repeat center/cover; position: absolute; top: 0; left: 50%;}
.about .co_sct3 .co_atc {width: 50%; padding-right: var(--gap-30);}

@media (max-width: 1024px){
	.about .co_sct1 .txt_big {padding: clamp(3.125rem, 2.841rem + 1.42vw, 3.75rem) 0 0; text-align: center;}
	.about .co_sct1 .txt_big br {display: none;}
	.about .co_sct1 .txt_big::after {position: static; width: 100%; margin: var(--gap-20) auto;}
	.about .co_sct3::before {width: 100%; height: clamp(16.25rem, 13.409rem + 14.2vw, 22.5rem); margin: calc(0% - var(--gap-75)) 0 var(--gap-75); position: static;}
	.about .co_sct3 .co_atc {width: 100%;}
}
@media (max-width: 500px){
	.about .co_sct1 .txt_big br {display: inline;}
}

/* 통합검색 */
.search {padding: clamp(4.375rem, 4rem + 1.88vw, 6.25rem) 0 clamp(5rem, 4.45rem + 2.75vw, 7.75rem);}
.search .board_sch_wrap {margin: 0;}
.search .board_sch_wrap .ipt_sch_wrap {padding-right: var(--gap-10);}
.search .search_txt {display: inline-block; font-weight: 600; color: #2D3D8E; position: relative;}
.search .search_txt::before {content: ''; display: block; width: 100%; height: 50%; background-color: #EEF1FF; position: absolute; top: 25%; left: 0; z-index: -1;}
.search .top_box {margin-bottom: clamp(2.5rem, 2.25rem + 1.25vw, 3.75rem); padding: var(--gap-45) var(--gap-10); background-color: #FAFAFA; border: 1px solid #ECEDF0;}
.search .result_for {font-size: var(--font-size-43); font-weight: 600; text-align: center;}
.search .result_for .search_txt {font-size: var(--font-size-48);}
.search .result_menu_list {margin-top: clamp(2.5rem, 2.25rem + 1.25vw, 3.75rem);}
.search .result_menu_list h3 {margin-bottom: var(--gap-24); font-size: var(--font-size-33); font-weight: 600;}
.search .result_menu_list h3 .num {font-size: .66em; color: #384CB2;}
.search .result_menu_list ul {display: flex; flex-wrap: wrap; gap: 0 var(--gap-20);padding: var(--gap-16); border: var(--num-12) solid transparent; border-image: url('../../images/default/content/noise_pattern_babyblue.jpg'); border-image-repeat: repeat; border-image-slice: 10;}
.search .result_menu_list ul li {width: calc(25% - (var(--gap-20) * 3 / 4)); border: 1px solid transparent; position: relative; transition: var(--transition);}
.search .result_menu_list ul li a {display: flex; align-items: center; width: 100%; height: 100%; padding: var(--gap-16) var(--gap-16) var(--gap-16) clamp(2.5rem, 2.375rem + 0.63vw, 3.125rem);}
.search .result_menu_list ul li::before {content: ''; display: block; width: clamp(0.938rem, 0.9rem + 0.19vw, 1.125rem); aspect-ratio: 18/33; background: url('../../images/default/content/search_enter_gray.svg') no-repeat center/cover; position: absolute; top: 50%; left: var(--gap-16); transform: translateY(-50%);}
.search .result_menu_list ul li:hover {font-weight: 600; color: #44476D; background-color: #F4F5F8; border-color: #DDE2EB; box-shadow: 0 4px .5rem rgba(0, 0, 0, .05);}
.search .result_menu_list ul li:hover::before {background-image: url('../../images/default/content/search_enter_navy.svg');}
.search .result_menu_list ul li:hover::after {content: ''; display: block; width: 2px; height: calc(100% + 2px); background-color: #44476D; position: absolute; top: -1px; left: -1px;}
.search .result_tit_wrap .btn_link {width: auto; height: clamp(2.25rem, 2.2rem + 0.25vw, 2.5rem); margin: 0; padding: 0 var(--gap-24); font-size: var(--font-size-16); background: url('../../images/default/content/noise_pattern_black.jpg');}
.search .result_tit_wrap .btn_link .arr {width: clamp(0.625rem, 0.575rem + 0.25vw, 0.875rem);}
.search .result_by_menu {margin-top: clamp(2.5rem, 2.25rem + 1.25vw, 3.75rem);}
.search .result_by_menu .result_tit_wrap {display: flex; justify-content: space-between; align-items: center; margin-bottom: var(--gap-16); padding-bottom: var(--gap-24); border-bottom: 2px solid var(--Color-Black);}
.search .result_by_menu .result_tit {padding-left: var(--gap-20); font-size: var(--font-size-26); font-weight: 600; position: relative;}
.search .result_by_menu .result_tit::before {content: ''; display: block; width: clamp(0.375rem, 0.35rem + 0.13vw, 0.5rem); aspect-ratio: 1/1; background-color: var(--Color-Black); border-radius: 50%; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.search .result_by_menu .result_tit .num {font-size: .75em; color: #384CB2;}
.search .result_by_menu ul li {border-bottom: 1px solid #EEE;}
.search .result_by_menu ul li a {display: block; padding: var(--gap-16); }
.search .result_by_menu ul li a .tit {font-size: var(--font-size-18); font-weight: 500;}
.search .result_by_menu ul li a .txt {max-height: calc(var(--font-size-16) * 1.5 * 2); margin-top: var(--gap-16); font-size: var(--font-size-16); color: #737373; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden;}

@media (max-width: 1240px){
	.search .result_menu_list ul li {width: calc((100% / 3) - (var(--gap-20) * 2 / 3));}
}
@media (max-width: 1024px){}
@media (max-width: 768px){
	.search .result_menu_list ul li {width: calc(50% - var(--gap-20) / 2);}
}