@import url("default.css");

/* Components */
:root{
	/* color */
	--white:#fff;
	--grey:#D2D2D2;
	--gray:#D2D2D2;
	--point:#F0443C;
	--point2:#0D66D0;
	--ci:#000;
	--color-text-basic:#1E2124;
	--light-grey:#E6E6E6;
	--color-icon-gray:#33363D;
	--color-border-gray-light:#CDD1D5;
	/* font-size */
	--font-size-heading-xsmall:1.0625rem;
	--font-size-heading-small:1.1875rem;
	--font-size-heading-medium:1.5rem;
	--font-size-heading-large:2rem;
	--font-size-heading-xlarge:2.5rem;
	--font-size-label-xsmall:0.8125rem;
	--font-size-label-small:0.9375rem;
	--font-size-label-medium:1.0625rem;
	--font-size-label-large:1.0625rem;
	--font-size-body-xxsmall:0.75rem;
	--font-size-body-xsmall:0.8125rem;
	--font-size-body-small:0.9375rem;
	--font-size-body-medium:1.0625rem;
	--font-size-body-large:1.1875rem;
	--font-size-display-medium:2.75rem;
	--font-size-display-large:3.75rem;
	--font-size-navigation-depth-medium:1.0625rem;
	--font-size-navigation-title-small:1.1875rem;
	--font-size-navigation-title-medium:1.5rem;
	/* radius */
	--radius-small1:0.25rem;
	--radius-small2:0.25rem;
	--radius-medium1:0.375rem;
	--radius-medium2:0.375rem;
	--radius-medium3:0.5rem;
	--radius-medium4:0.5rem;
	/* gap */
	--gap-3:0.5rem;
	--gap-5:1rem;
	--gap-7:1.5rem;
	--gap-9:2rem;
}
.c_point {color:var(--point);}
.c_point2 {color:var(--point2);}
.c_ci {color:var(--ci);}
/* 소리만 나오게 */
.sound_only {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; font-size:0 !important; padding:0; margin:0; white-space:nowrap; clip:rect(0, 0, 0, 0); opacity:0; pointer-events:none;}
/* 검색어 입력 */
.serach_area {position:relative; width:45rem; max-width:100%; height:5rem; background:var(--white); border-radius:10px; overflow:hidden; border:0;}
.serach_area input {width:100%; height:inherit; padding:0 1.5rem; font-size:var(--font-size-label-medium); color:#888; font-weight:700; background:none; border:0;}
.serach_area button {position:absolute; top:0; right:0; width:5rem; aspect-ratio:1/1; background:url('/pub/images/btn_search.svg') no-repeat 50% 50%; font-size:0;}
.serach_wrap {padding:1.625rem; margin-bottom:4rem; gap:1rem;}
.serach_wrap form {max-width:100%;}
.serach_wrap .serach_area {height:3rem; width:37.5rem; max-width:100%; border:var(--grey) 1px solid; border-radius:var(--radius-medium2); font-size:var(--font-size-label-medium);}
.serach_wrap .serach_area input {height:100%; padding:0 3rem 0 1rem; font-size:inherit; font-weight:inherit;}
.serach_wrap .serach_area button {width:3rem; background-size:1.25rem;}
.serach_wrap .serach_form {gap:1rem; font-size:var(--font-size-label-medium); max-width:100%;}
.serach_wrap select {width:12.5rem; color:#000;}
/* 버튼 */
.btn_btm {margin-top:5rem;}
.btn {display:flex; align-items:center; font-size:var(--font-size-label-medium); border:1px solid;}
.btn.tac {justify-content:center;}
.label_small {font-size:var(--font-size-label-small);}
.label_medium {font-size:var(--font-size-label-medium);}
.label_large {font-size:var(--font-size-label-large);}
.btn_small {height:2.5rem; padding:0 0.75rem; font-size:var(--font-size-label-small);}
.btn_medium {height:3rem; padding:0 1rem; font-size:var(--font-size-label-medium);}
.btn_large {height:4rem; padding:0 1.5rem; font-size:var(--font-size-label-large);}
.btn_link {height:3.5rem; padding:0 1.25rem; gap:0.25rem; font-size:var(--font-size-label-large);}
.btn_link.btn_medium {height:3rem;}
.btn_link:after {content:""; width:1.5rem; aspect-ratio:1/1; background:url('/pub/images/arrow_link.svg') no-repeat 50% 50% / contain;}
.btn_link.btn_color_wkk:after,
.btn_link.btn_color_kwk:after {mask:url('/pub/images/arrow_link.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/arrow_link.svg') no-repeat 50% 50% / contain; transition:.2s linear;}
.btn_link.btn_color_wkk:after {background:#fff;}
.btn_link.btn_color_kwk:after {background:#000;}
.btn_link.btn_medium:after {width:1.25rem;}
.btn_download {position:relative; padding:0 3.75rem 0 1rem;}
.btn_download:after {content:""; position:absolute; top:0; right:1rem; width:1.25rem; height:100%; background:#222; mask:url('/pub/images/btn_download.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/btn_download.svg') no-repeat 50% 50% / contain;}
.btn_color_wkk {color:var(--white); background-color:var(--ci); border-color:var(--ci);}
.btn_color_ktk {color:var(--ci); background-color:transparent; border-color:var(--ci);}
.btn_color_kwk {color:var(--ci); background-color:var(--white); border-color:var(--ci);}
.btn_color_wtw {color:var(--white); background-color:transparent; border-color:var(--white);}
.btn_radius1 {border-radius:var(--radius-medium1);}
.btn_radius4 {border-radius:var(--radius-medium4);}
.btn_text {font-size:var(--font-size-body-medium); color:var(--color-text-basic); line-height:1.5; border:0;}
.btn_text:after {content:""; width:1.25rem; aspect-ratio:1/1; background:url('/pub/images/arrow_view.svg') no-repeat 50% 50%;}
.btn_round {width:8.75rem; aspect-ratio:1/1; font-size:1.375rem; font-weight:bold; border-radius:50%;}
.btn_round:before {content:""; display:block; width:1.25rem; aspect-ratio:1/1; border-radius:50%; background:no-repeat 50% 50% / contain;}
.btn_reservation_cancel {color:#999; background:#fff;}
.btn_reservation_completed {color:var(--point2); background:#0D66D00D;}
.btn_reservation_cancel:before {background-image:url('/pub/images/btn_reservation_cancel.svg');}
.btn_reservation_completed:before {background-image:url('/pub/images/btn_reservation_completed.svg');}
.btn_play {border:var(--white) 2px solid; border-radius:50%; background:url('/pub/images/btn_play.svg') no-repeat 55% 50%; aspect-ratio:1/1; font-size:0;}
.btn_play.small {width:3.75rem; background-size:0.9375rem;}
.btn_play.large {width:6.25rem; background-size:1.875rem;}
.file_upload {position:relative; font-size:var(--font-size-body-medium); color:var(--ci); line-height:4rem; width:100%; border:var(--light-grey) 1px solid; border-radius:var(--radius-medium4); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:0 7.5rem 0 3rem; background:#fff url('/pub/images/btn_file_upload.svg') no-repeat 1rem 50%;}
.file_upload:after {content:"다운로드"; position:absolute; top:0; right:1rem; height:100%; line-height:inherit; padding-right:1.625rem; background:url('/pub/images/btn_download.svg') no-repeat 100% 50%;}
/* flex */
.flex_center {display:flex; justify-content:center; align-items:center;}
.unflex {display:inline-block;}
.colm {flex-direction:column;}
.flex_wrap {flex-wrap:wrap;}
.align_top {align-items:flex-start;}
.gap1 {gap:0.625rem;}
.gap3 {gap:var(--gap-3) !important;}
.gap5 {gap:var(--gap-5) !important;}
.gap7 {gap:var(--gap-7) !important;}
.gap9 {gap:var(--gap-9) !important;}
/* radio */
label.radio {align-items:center; gap:0.5rem;}
label.radio input {position:absolute; top:0; left:0; width:0; height:0; border:0; overflow:hidden;}
label.radio i,
label.radio i:before {aspect-ratio:1/1; border-radius:50%; transition:.2s linear;}
label.radio i {position:relative; width:1.375rem; background:var(--white); border:var(--grey) 1px solid;}
label.radio i:before {content:""; position:absolute; top:50%; left:50%; width:0; background:var(--ci); transform:translate(-50%,-50%);}
label.radio input:checked + i {border:var(--ci) 0.0875rem solid;}
label.radio input:checked + i:before {width:0.625rem;}
label.radio.intxt {position:relative; padding-left:1.75rem;}
label.radio.intxt i {position:absolute; top:1px; left:0;}
label.radio input:focus + i {outline:#256ef4 3px solid;}
/* checkbox */
label.checkbox {align-items:center; gap:0.5rem; letter-spacing:-.5px;}
label.checkbox input {position:absolute; top:0; left:0; width:0; height:0; border:0; overflow:hidden;}
label.checkbox i,
label.checkbox i:before {aspect-ratio:1/1; transition:.2s linear;}
label.checkbox i {position:relative; width:1.375rem; background:var(--white); border:var(--grey) 1px solid; background:var(--white); border-radius:var(--radius-small1);}
label.checkbox i:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url('/pub/images/icon_checkbox.svg') no-repeat 50% 50%; opacity:0;}
label.checkbox input:checked + i {border-color:var(--ci); background:var(--ci);}
label.checkbox input:checked + i:before {opacity:1;}
label.checkbox.intxt {position:relative; padding-left:1.75rem;}
label.checkbox.intxt i {position:absolute; top:1px; left:0;}
label.checkbox input:focus + i {outline:#256ef4 3px solid;}
/* badge */
.badge {font-size:var(--font-size-label-small); color:var(--point2); line-height:2.625rem; height:2.625rem; padding:0.5rem; border-radius:var(--radius-small2);}
/* pagenation */
.board_bottom {position:relative; margin-top:5rem;}
.pagenation {max-width:100%; overflow:hidden; padding:10px; margin:-10px;}
.pagenation a {font-size:var(--font-size-body-medium); color:var(--ci); line-height:2.5rem; height:2.5rem; aspect-ratio:1/1; text-align:center; border-radius:var(--radius-medium1);}
.pagenation a.on {color:var(--white); background:var(--ci); font-weight:bold;}
.pagenation a.arrow {position:relative; font-size:var(--font-size-body-medium); color:#888; width:auto; padding:0 0.5rem;}
.pagenation a.arrow:before {content:""; position:absolute; top:0; width:1.25rem; height:100%; background:url('/pub/images/arrow_pagenation.svg') no-repeat 50% 50% / contain;}
.pagenation a.prev {padding-left:1.25rem;}
.pagenation a.prev:before {left:0;}
.pagenation a.next {padding-right:1.25rem;}
.pagenation a.next:before {left:auto; right:0; transform:scaleX(-1);}
.pagenation span {width:2.5rem; aspect-ratio:1/1; background:url('/pub/images/icon_page_dot.svg') no-repeat 50% 50%;}
.jump_to_page input {font-size:var(--font-size-label-small); color:var(--ci); width:3.5rem; height:2.5rem; background:var(--white); text-align:center;}
.jump_to_page span {font-size:var(--font-size-body-small); color:#999; padding:0 0.5rem;}
/* 상세 하단 */
.board_bottom .page {position:absolute; top:0; width:calc(50% - 4.5rem); font-size:var(--font-size-body-medium); color:#666;}
.board_bottom .page:before {content:""; position:absolute; top:0; width:3.75rem; aspect-ratio:1/1; border-radius:50%; background:#F5F5F5 url('/pub/images/arrow_page.svg') no-repeat 50% 50%;}
.board_bottom .page strong {display:block; font-size:var(--font-size-heading-xsmall); color:#000; margin-bottom:0.5rem;}
.board_bottom .page p {max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board_bottom .prev {left:0; padding-left:5rem;}
.board_bottom .prev:before {left:0;}
.board_bottom .next {right:0; padding-right:5rem; text-align:right;}
.board_bottom .next:before {right:0; transform:scaleX(-1);}
.board_bottom .btn_list {width:6.25rem;}
/* 배경색상 */
.gray_bgbox {background:#F8F8F8;}
.gray_bgbox5 {background:#F5F5F5;}
/* border */
.bdt_black {border-top:var(--ci) 3px solid;}
.bdb_gray {border-bottom:var(--light-grey) 1px solid;}
.bd_gray {border:var(--light-grey) 1px solid;}
/* padding */
.ptrem2 {padding-top:2rem !important;}
.pbrem2 {padding-bottom:2rem !important;}
/* margin */
.mt1_5rem {margin-top:1.5rem !important;}
.mt2rem {margin-top:2rem !important;}
.mt4rem {margin-top:4rem !important;}
.mb2rem {margin-bottom:2rem !important;}
.mb4rem {margin-bottom:4rem !important;}
/* font-size */
.fz_bl {font-size:var(--font-size-body-large);}
.fw9 {font-weight:900;}
.fz_inherit {font-size:inherit !important;}
.fw_inherit {font-weight:inherit !important;}
/* u */
strong.u {text-decoration:underline;}
/* tab_area */
.tab_area {position:relative; overflow:hidden; padding:10px; width:calc(100% + 20px); margin:-10px -10px calc(5rem - 10px);}
.tab_area a {font-size:var(--font-size-heading-small); color:#666; font-weight:bold; line-height:1.2; height:3.5rem; text-align:center; width:13rem; border:var(--gray) 1px solid; display:flex !important; justify-content:center; align-items:center;}
.tab_area a:first-child {border-radius:0.5rem 0 0 0.5rem;}
.tab_area a:last-child {border-radius:0 0.5rem 0.5rem 0;}
.tab_area a + a {border-left:0;}
.tab_area .on {color:var(--white); background:var(--point2); border-color:var(--point2);}
.tab_area .swiper-wrapper {justify-content:center; align-items:center;}
.tab_area .swiper-slide {width:13rem;}
.tab_area .swiper-slide a {width:100%; border:var(--gray) 1px solid; border-radius:0;}
.tab_area .swiper-slide + .swiper-slide a {border-left:0;}
.tab_area .swiper-slide:first-child a {border-top-left-radius:0.5rem; border-bottom-left-radius:0.5rem;}
.tab_area .swiper-slide:last-child a {border-top-right-radius:0.5rem; border-bottom-right-radius:0.5rem;}
.tab_area .arrow {position:absolute; top:0; width:4rem; height:100%; font-size:0; z-index:1; animation:tab_opacity .5s linear forwards; opacity:0;}
@keyframes tab_opacity {
	0% {opacity:0;}
	100% {opacity:1;}
}
.tab_area .arrow.swiper-button-disabled {display:none !important;}
.tab_area .arrow:before,
.tab_area .arrow:after {content:""; position:absolute;}
.tab_area .arrow:before {top:0; width:100%; height:100%; background:linear-gradient(90deg, #ffff 0, #ffff 1.5rem, #fff0 4rem); user-select:none;}
.tab_area .arrow:after {top:50%; width:2rem; margin-top:-1rem; aspect-ratio:1/1; background:#fff url('/pub/images/arrow_mcon_slide.svg') no-repeat 50% 50%; border:var(--color-border-gray-light) 1px solid; border-radius:50%;}
.tab_area .prev {left:0; padding:0 1.5rem 0 0.5rem;}
.tab_area .prev:before {left:0;}
.tab_area .prev:after {left:0.5rem;}
.tab_area .next {right:0; padding:0 0.5rem 0 1.5rem;}
.tab_area .next:before {right:0; transform:scaleX(-1);}
.tab_area .next:after {right:0.5rem; transform:scaleX(-1);}
/* 팝업 */
.popup,
.popup .dm {position:fixed; top:0; left:0; width:100%; height:100%;}
.popup {z-index:101; color:var(--ci); display:none;}
.popup .dm {background:#00000080;}
.popup .inbox {position:absolute; top:50%; left:50%; max-width:calc(100vw - 2.5rem); max-height:calc(100vh - 2.5rem); background:#fff; transform:translate(-50%,-50%); z-index:1; padding:2.5rem 5rem;}
.popup .tit {font-size:var(--font-size-heading-large); font-weight:bold; margin-bottom:0.75rem; text-align:center;}
.popup .btn_close {position:absolute; top:0.75rem; right:0.75rem; width:2rem; aspect-ratio:1/1; background:url('/pub/images/btn_close.svg') no-repeat 50% 50%; font-size:0;}
.popup p {font-size:var(--font-size-body-large);}
/* 소셜 간편 로그인 */
.sns_logins {display:flex; gap:2rem; margin-top:2rem;}
.sns_logins a {width:15rem; height:8.75rem; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:0.75rem; font-size:var(--font-size-heading-small); font-weight:bold; text-align:center;}
.sns_logins a:before {content:""; display:block; width:100%; height:2rem; background:no-repeat 50% 50%;}
.sns_logins .btn_phone {font-size:1.0625rem; color:#fff; font-weight:700; line-height:3.375rem; height:3.375rem; width:12.5rem; background:#000; border-radius:0.375rem;}
.sns_logins .btn_phone:before {display:none;}
.sns_logins .kakao {color:#3D1E1E; background:#FAE215;}
.sns_logins .naver {color:#fff; background:#1EA754;}
.sns_logins .kakao:before {background-image:url('/pub/images/icon_kakao.svg');}
.sns_logins .naver:before {background-image:url('/pub/images/icon_naver.svg');}
/* 화살표 */
.arrow_normal {border:var(--grey) 1px solid; border-radius:50%; width:2rem; aspect-ratio:1/1; font-size:0;}
.arrow_normal:before {content:""; display:block; width:100%; height:100%; background:var(--ci); mask:url('/pub/images/arrow_slide.svg') no-repeat 50% 50% / 1.25rem; -webkit-mask:url('/pub/images/arrow_slide.svg') no-repeat 50% 50% / 1.25rem;}
.arrow_normal.next:before {transform:scaleX(-1);}
/* 점선 목록 */
.dots_list li,
.dots_list p {position:relative; padding-left:1.25rem; font-size:var(--font-size-body-medium) !important;}
.dots_list li:before,
.dots_list p:before {content:""; position:absolute; top:0.609375rem; left:0; width:0.375rem; aspect-ratio:1/1; background:var(--ci); border-radius:50%;}
.dots_list li + li,
.dots_list p + p {margin-top:0.5rem;}
.dots_list li .s,
.dots_list p .s {display:block; color:#666;}
/* 태그박스 */
.tagbox {display:flex; gap:0.375rem; margin-bottom:0.375rem;}
.tagbox li {font-size:var(--font-size-label-small); color:var(--white); padding:0 0.375rem; height:1.5rem; line-height:1.5rem; border-radius:0.25rem;}
.tagbox .ing {background:var(--point2);}
.tagbox .coming {background:#1ECCDC;}
.tagbox .end {color:#666; background:#F8F8F8; border:var(--grey) 1px solid; line-height:calc(1.5rem - 2px);}
.tagbox .wk {background:var(--ci);}
/* font-weight */
.strong {font-weight:700;}
/* 테이블 스타일 */
.tbl {border-top:#000 2px solid;}
.tbl th,
.tbl td {font-size:var(--font-size-body-medium); padding:1rem 1.25rem; border-bottom:var(--light-grey) 1px solid;}
.tbl .min_td {height:3rem;}
.tbl.th_bg th {background:#F8F8F8;}
.tbl.bdlr_td td {border:var(--light-grey) 1px solid;}
.tbl.bdlr_td td:first-child {border-left:0;}
.tbl.bdlr_td td:last-child {border-right:0;}
.tbl col.w100 {width:6.25rem;}
.tbl col.w200 {width:12.5rem;}
.tbl col.rem18 {width:18rem;}
.tbl col.w10p {width:8.742%;}
.tbl col.w20p {width:17.483%;}
/* 쓰기 */
.tbl_write th {width:15.25rem; background:#F8F8F8; text-align:left;}
.tbl_write th label {align-items:flex-end;}
.tbl_write th span {color:var(--point2);}
.tbl_write td input {font-size:var(--font-size-label-small); height:3rem; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.tbl_write td .w1 {width:22.5rem;}
.tbl_write td .count {align-items:center; gap:0.5rem;}
.tbl_write td .count input {width:6.25rem;}
.tbl_write td .count + p {margin-top:0.5rem;}
.tbl_write td .count + .count {margin-top:1rem;}
.tbl_write td .count .tt {width:5rem;}
.tbl_write td .count span {font-size:var(--font-size-body-small); color:#666;}
.tbl_write td .count .inflex {gap:0.5rem}
.tbl_write td .count .inflex .tt {width:6.5rem;}
.tbl_write td .count .inflex .tt2 {width:3.125rem;}
/* 게시판 */
.baord_list col.num {width:6.875rem;}
.baord_list col.file {width:6.25rem;}
.baord_list col.date {width:6.875rem;}
.baord_list col.hit {width:7.8125rem;}
.tbl.baord_list td {padding:1rem 0.25rem;}
.baord_list a {position:relative; display:inline-block; vertical-align:top; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.baord_list .new a {padding-right:1.5rem;}
.baord_list .new a:after {content:""; position:absolute; top:50%; right:0; width:1rem; aspect-ratio:1/1; border-radius:50%; background:var(--point2) url('/pub/images/icon_new.svg') no-repeat 50% 50% / contain; transform:translateY(-50%);}
.baord_list .file i {display:block; width:1.25rem; aspect-ratio:1/1; margin:0 auto; background:url('/pub/images/icon_file.svg') no-repeat 50% 50% / contain;}
.baord_list .notice .num span {display:block; font-size:var(--font-size-label-small); color:var(--point2); line-height:1.5; width:2.625rem; border-radius:0.25rem; background:#0D66D01A; margin:0 auto;}

/* header */
.header {position:fixed; top:0; left:0; width:100%; z-index:100; background:var(--white); transition:.2s linear;}
.header:before {content:""; position:absolute; top:100%; left:0; width:100%; height:0; background:#00000080;}
.header.hover:before {height:calc(100vh - 181px);}
.header .top_link_area {position:relative; height:3rem; border-bottom:#ddd 1px solid; z-index:12;}
.header .inner {display:flex; justify-content:space-between;}
.header .top_link_area .left {line-height:3rem; font-size:0;}
.header .top_link_area .left a {display:inline-block;}
.header .top_link_area .right {display:flex; align-items:center;}
.header .top_link_area .right a {transition:none;}
.header .outlink {font-size:var(--font-size-body-small); color:var(--white); font-weight:bold; line-height:1.6875rem; padding:0 1rem; gap:.25rem; border-radius:0.875rem;}
.header .outlink:after {content:""; display:block; width:0.9375rem; aspect-ratio:1/1; background:url('/pub/images/icon_outlink.svg') no-repeat 50% 50% / contain;}
.header .outlink.c0 {background:#000; margin-right:1.5rem;}
.header .outlink.c1 {background:#004B8C; margin-right:.25rem;}
.header .outlink.c2 {background:#33B7EA; margin-right:1.5rem;}
.header .sns {width:3rem; aspect-ratio:1/1; border-left:#ddd 1px solid; font-size:0; background:no-repeat 50% 50%;}
.header .youtube {background-image:url('/pub/images/icon_youtube.svg');}
.header .insta {background-image:url('/pub/images/icon_insta.svg');}
.header .facebook {background-image:url('/pub/images/icon_facebook.svg');}
.header .top_link_area .language {border-left:#ddd 1px solid; border-right:#ddd 1px solid; font-size:var(--font-size-body-small); color:var(--ci); height:3rem; padding:0 1rem; gap:.25rem;}
.header .top_link_area .language:before {content:""; display:block; width:1rem; aspect-ratio:1/1; background:url('/pub/images/icon_language.svg') no-repeat 50% 50%;}
.header .mid_area {padding:1.25rem 0 1rem 0; border-bottom:var(--gray) 1px solid; z-index:11;}
.header .mid_area .inner {align-items:center;}
.header .mid_area .logo {font-size:0;}
.header .mid_area .right {gap:1.25rem;}
.header .mid_area .btn_search,
.header .mid_area .btn_menu {position:relative; font-size:var(--font-size-navigation-depth-medium); color:var(--ci); font-weight:bold; height:2.5rem;}
.header .mid_area .btn_search {padding:0 0.75rem; gap:0.5rem;}
.header .mid_area .btn_search:before,
.header .mid_area .btn_menu .icon {width:1.25rem; aspect-ratio:1/1;}
.header .mid_area .btn_search:before {content:""; background:url('/pub/images/icon_search.svg') no-repeat 50% 50% / contain;}
.header .mid_area .btn_menu .icon {position:absolute; top:0; left:0.75rem; height:100%;}
.header .mid_area .btn_menu .icon p {position:absolute; top:50%; left:50%; width:1rem; height:2px; background:var(--color-icon-gray); margin-left:-0.5rem; transition:.2s linear;}
.header .mid_area .btn_menu .icon .t {margin-top:-6px;}
.header .mid_area .btn_menu .icon .m {margin-top:-1px;}
.header .mid_area .btn_menu .icon .b {margin-top:4px;}
.header .mid_area .btn_menu button {position:relative; padding:0 0.75rem 0 2.5rem; font-size:inherit; color:inherit; font-weight:inherit; border:0; height:inherit; display:none; z-index:1;}
.header .mid_area .btn_menu button.on {display:block;}
.header .gnb_area {border-bottom:var(--gray) 1px solid; height:3.5rem;}
.header .gnb_area .menu > a {position:relative; font-size:var(--font-size-navigation-title-small); color:var(--ci); font-weight:bold; line-height:3.5rem; display:flex; justify-content:center; align-items:center; gap:0.5rem;}
.header .gnb_area .menu > a:after {content:""; display:block; width:1.25rem; aspect-ratio:1/1; background:url('/pub/images/arrow_gnb.svg') no-repeat 50% 50% / contain; transition:.2s linear;}
.header .gnb_area .menu .snb {position:absolute; top:100%; left:0; width:100%; background:var(--white); padding:1rem 0; display:none;}
.header .gnb_area .menu .snb .inner {justify-content:flex-start;}
.header .gnb_area .menu .snb .inner > .tit {font-size:var(--font-size-navigation-title-medium); color:var(--ci); width:19.125rem;}
.header .gnb_area .menu .snb .inner > .tit strong {display:block; padding:0.625rem 0; margin-bottom:.25rem;}
.header .gnb_area .menu .snb .inner .tit a {display:flex; gap:2px; font-size:var(--font-size-body-small); color:var(--ci); line-height:1.5; text-decoration:underline;}
.header .gnb_area .menu .snb .inner .tit a:after {content:""; width:1rem; aspect-ratio:1/1; background:url('/pub/images/arrow_page_link.svg') no-repeat 50% 50% / contain;}
.header .gnb_area .menu .snb .inner > .link {position:relative; max-width:calc(100% - 19.125rem); min-height:210px;}
.header .gnb_area .smenu {width:25.5rem; padding:0.5rem 1.5rem 0 0;}
.header .gnb_area .smenu > a {display:block; position:relative; font-size:var(--font-size-navigation-depth-medium); color:var(--ci); padding:1rem 2.75rem 1rem 1rem; width:100%; border-radius:var(--radius-medium4);}
.header .gnb_area .smenu > a:after {content:""; position:absolute; top:0; right:1rem; width:1.25rem; height:100%; background:url('/pub/images/arrow_snb.svg') no-repeat 50% 50% / contain;}
.header .gnb_area .smenu.on > a {font-weight:bold; background:#F8F8F8;}
.header .gnb_area .depth3 {position:absolute; top:0; left:100%; width:100%; height:100%; border-left:#ddd 1px solid; padding:1rem 0 0 1.5rem; background:#fff; display:none;}
.header .gnb_area .smenu.on .depth3 {display:block;}
.header .gnb_area .depth3 .tit {display:flex; align-items:center; gap:1.125rem; padding:0.25rem; margin-bottom:1rem;}
.header .gnb_area .depth3 .tit strong {display:block; font-size:var(--font-size-navigation-title-small); color:var(--ci); display:flex; align-items:center; gap:0.25rem;}
.header .gnb_area .depth3 .tit :after {content:""; width:1.25rem; aspect-ratio:1/1; background:url('/pub/images/arrow_snb.svg') no-repeat 50% 50% / contain;}
.header .gnb_area .depth3 .tit a {font-size:var(--font-size-body-small); color:var(--ci); }
.header .gnb_area .depth3 .link a {position:relative; display:block; font-size:var(--font-size-navigation-depth-medium); color:var(--ci); padding:0.625rem 0.625rem 0.625rem 1.25rem;}
.header .gnb_area .depth3 .link a:before {content:""; position:absolute; top:50%; left:0; width:0.25rem; aspect-ratio:1/1; background:var(--ci); border-radius:50%; transform:translateY(-50%);}
.header .gnb_area .depth3 .link a.on {font-weight:bold;}
.header .sitemap_area {position:fixed; top:0; left:0; width:100%; height:100%; background:#fff; z-index:10; padding-top:10.625rem; display:none;}
.header .sitemap_area .inner {flex-direction:column; justify-content:flex-start; align-items:center; max-width:100%; padding:0 5.3125rem 2rem; max-height:100%; overflow:auto;}
.header .sitemap_area .all_tit {font-size:3rem; color:var(--ci); font-weight:bold; margin-bottom:3.875rem;}
.header .sitemap_area .flex {width:100%; gap:3.75rem; justify-content:space-between;}
.header .sitemap_area .menu {width:calc((100% - (3.75rem * 6))/7);}
.header .sitemap_area .menu > button,
.header .sitemap_area .menu > a {font-size:var(--font-size-heading-medium); color:var(--ci); font-weight:bold; padding-bottom:0.9375rem; border-bottom:var(--ci) 2px solid; display:block; width:100%; text-align:left; width:100%;}
.header .sitemap_area .snb {margin-top:3.25rem;}
.header .sitemap_area .snb .smenu + .smenu {margin-top:2rem;}
.header .sitemap_area .snb .smenu > button,
.header .sitemap_area .snb .smenu > a {display:block; font-size:var(--font-size-body-large); color:var(--ci); width:100%; text-align:left;}
.header .sitemap_area .snb .smenu.on > button,
.header .sitemap_area .snb .smenu.on > a {color:var(--point2); font-weight:bold;}
.header .sitemap_area .depth3 {display:none;}
.header .sitemap_area .btn_close {position:absolute; bottom:0; right:0; font-size:0; color:var(--ci); font-weight:bold; opacity:0;}
.header .sitemap_area .btn_close:focus {font-size:var(--font-size-label-small); padding:1rem; border:var(--ci) 2px solid; opacity:1;}

.header.on .top_link_area {border-bottom:0; pointer-events:none; user-select:none;}
.header.on .top_link_area .inner {justify-content:flex-end; height:6.25rem; max-width:100%; padding-right:15rem;}
.header.on .top_link_area a {pointer-events:auto; user-select:auto;}
.header.on .top_link_area .left {display:none;}
.header.on .top_link_area .sns,
.header.on .top_link_area .language {border-top:#ddd 1px solid; border-bottom:#ddd 1px solid;}
.header.on .mid_area {position:absolute; top:0; left:0; width:100%; border-bottom:0; padding:0;}
.header.on .mid_area .inner {height:6.25rem; max-width:100%;}
.header.on .mid_area .right {gap:0.25rem;}
.header.on .mid_area .btn_menu .icon {left:0; width:100%;}
.header.on .mid_area .btn_menu .icon .t {margin-top:-1px; transform:rotate(135deg);}
.header.on .mid_area .btn_menu .icon .m {width:0;}
.header.on .mid_area .btn_menu .icon .b {margin-top:-1px; transform:rotate(-135deg);}
.header.on .mid_area .btn_menu button {font-size:0; width:3.75rem; padding:0;}
.header.on .gnb_area {display:none;}
.header.on .sitemap_area {display:block;}
.header.focus {top:0 !important;}
/* footer */
.footer {position:relative; background:var(--ci); z-index:1;}
.footer .top {padding:2.5rem 0;}
.footer .top .inner {display:flex; justify-content:space-between; align-items:flex-end; flex-wrap:wrap; gap:2rem 0;}
.footer .top .logo {font-size:0; margin-bottom:1.875rem;}
.footer .top .address {display:flex; gap:0.3125rem 0.5rem; opacity:.8;}
.footer .top .address + .address {margin-top:0.3125rem;}
.footer .top .address li {display:flex; gap:0.5rem; font-size:var(--font-size-body-medium); color:var(--white);}
.footer .top .address li.u {text-decoration:underline;}
.footer .top .sites {display:flex; gap:1.5rem;}
.footer .top .accordionbox {position:relative; width:12.5rem;}
.footer .top .accordionbox .tit {position:relative; font-size:var(--font-size-body-medium); color:var(--white); font-weight:bold; padding-bottom:0.75rem; border-bottom:var(--white) 1px solid; display:block; width:100%; text-align:left;}
.accordionbox .tit:after {content:""; position:absolute; top:0; right:0; width:1.25rem; aspect-ratio:1/1; background:url('/pub/images/arrow_accordion.svg') no-repeat 50% 50%; transition:.2s linear;}
.accordionbox.on .tit:after {transform:rotate(180deg);}
.footer .top .accordionbox .con {position:absolute; bottom:calc(100% + 1.25rem); width:100%; background:var(--ci); padding:0.5rem 0; border:var(--light-grey) 1px solid; max-height:14rem; overflow:hidden auto; display:none;}
.footer .top .accordionbox .con a {display:block; font-size:var(--font-size-body-medium); color:var(--white); line-height:1.5; padding:0.5rem 1rem;}
.footer .btm {padding:1.5rem 0 2.5rem; border-top:#fff3 1px solid;}
.footer .btm .links {display:flex; gap:0.5rem 1.5rem; flex-wrap:wrap; margin-bottom:0.5rem;}
.footer .btm .links a {font-size:var(--font-size-body-medium); color:var(--white);}
.footer .btm .links a strong {color:var(--point);}
.footer .btm .copy {font-size:var(--font-size-body-small); color:#888;}
.footer .gotop {position:fixed; bottom:1.875rem; right:1.875rem; width:3.5rem; aspect-ratio:1/1; font-size:var(--font-size-body-xsmall); background:var(--white); border-radius:50%; transition:none; display:flex; flex-direction:column; justify-content:center; align-items:center; box-shadow:0px 4px 20px rgba(0, 0, 0, 0.12);}
.footer .gotop:before {content:""; display:block; width:0.75rem; aspect-ratio:1/1; background:url('/pub/images/arrow_gotop.svg') no-repeat 50% 50% / contain;}
.footer.unfixed .gotop {position:absolute; bottom:calc(100% - 1.75rem)}
.footer #gotop_stop_point {position:absolute; top:calc(-100vh + 3.5rem);}
/* main */
.main_wrap {padding-bottom:10rem;}
.mvisual {position:relative; max-width:100%; overflow:hidden; margin-top:11.25rem;}
.mvisual .swiper-slide video,
.mvisual .swiper-slide iframe,
.mvisual .swiper-slide img {width:100%; height:44.5625rem; object-fit:cover; pointer-events:none;}
.mvisual .slide_navi {position:absolute; bottom:2rem; left:0; width:100%; z-index:1;}
.mvisual .slide_navi .pagination {order:1; gap:0.5rem; margin-right:1.25rem; width:auto;}
.mvisual .slide_navi .pagination .swiper-pagination-bullet {width:0.5rem; aspect-ratio:1/1; background:var(--white); border-radius:0.25rem; opacity:.5; margin:0; transition:.2s linear;}
.mvisual .slide_navi .pagination .swiper-pagination-bullet-active {width:1.25rem; opacity:1;}
.mvisual .slide_navi .arrow,
.slide_navi .papl {width:1.5rem; aspect-ratio:1/1; background:no-repeat 50% 50%;}
.mvisual .slide_navi .arrow {background:url('/pub/images/arrow_slide.svg') no-repeat 50% 50% / cover; font-size:0;}
.mvisual .slide_navi .prev {order:2;}
.mvisual .slide_navi .next {order:4;}
.slide_navi .next {transform:scaleX(-1);}
.slide_navi .papl {order:3; display:none; background:no-repeat 50% 50%; font-size:0;}
.slide_navi .papl.on {display:block;}
.slide_navi .pause {background-image:url('/pub/images/btn_pause.svg');}
.slide_navi .play {background-image:url('/pub/images/btn_play.svg'); background-size:0.75rem;}

.main_contact {margin-top:1rem;}
.main_contact .inner {display:flex; gap:1.75rem; flex-wrap:wrap;}
.main_contact .left {width:50%; border-bottom:var(--ci) 3px solid; display:flex; flex-direction:column; justify-content:center; gap:0.375rem; padding-top:0.5rem; padding-bottom:1.5rem;}
.main_contact .left li {position:relative; padding-left:7.75rem; display:flex; align-items:center; flex-wrap:wrap;}
.main_contact .left li strong {position:absolute; top:0; left:0; font-size:var(--font-size-body-large); color:var(--ci); line-height:2.25rem; width:7.75rem; padding-left:2rem; background:no-repeat 0 50%;}
.main_contact .left li span {font-size:var(--font-size-heading-medium); color:var(--ci); font-weight:bold; /* width:10.375rem; */ width:100%;}
.main_contact .left li p {font-size:var(--font-size-body-medium); color:#666;}
.main_contact .left li.i1 strong {background-image:url('/pub/images/icon_main_contact01.svg');}
.main_contact .left li.i2 strong {background-image:url('/pub/images/icon_main_contact02.svg');}
.main_contact .left li.i3 strong {background-image:url('/pub/images/icon_main_contact03.svg');}
.main_contact .right {width:calc(50% - 1.75rem); display:flex; gap:1.25rem;}
.main_contact .right a {position:relative; width:calc((100% - 3.5rem)/3); /* height:9.5625rem; */ height:auto; padding:0.5rem; font-size:var(--font-size-heading-medium); color:var(--ci); font-weight:bold; border-bottom:var(--ci) 3px solid;}
.main_contact .right a:after {content:""; position:absolute; bottom:1.5625rem; right:0.625rem; width:2rem; aspect-ratio:1/1; background:var(--ci); mask:url('/pub/images/arrow_main_link.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/pub/images/arrow_main_link.svg') no-repeat 50% 50% / contain;}

.mcon {margin-top:10rem;}
.mcon .inner {display:flex; gap:3.5rem;}
.mcon .left,
.mcon .right {width:calc(50% - 1.75rem);}
.mtit {position:relative; font-size:var(--font-size-heading-xlarge); font-weight:bold; display:flex; align-items:center; gap:1.5rem; margin-bottom:1.5rem;}
.mcon .slide_navi {gap:0.5rem;}
.mcon .slide_navi .arrow,
.mcon .link {width:2.5rem; aspect-ratio:1/1; border-radius:50%; font-size:0;}
.mcon .slide_navi .arrow {background:url('/pub/images/arrow_mcon_slide.svg') no-repeat 50% 50%; border:var(--color-border-gray-light) 1px solid;}
.mcon .slide_navi .arrow.swiper-button-disabled {opacity:.5; background-color:var(--light-grey);}
.mcon .link {background:var(--ci) url('/pub/images/btn_more_plus.svg') no-repeat 50% 50%;}
.mtit .tab {display:flex; gap:1.75rem;}
.mtit .tab button {position:relative; font-size:1.25rem; color:#888; font-weight:bold;}
.mtit .tab button + button:before {content:""; position:absolute; top:0; left:-1.75rem; width:1.75rem; height:100%; background:url('/pub/images/btn_dot.svg') no-repeat 50% 50%;}
.mtit .tab button.on {color:var(--point2);}
.swiper-slide a {display:block;}
.slide_gall_type1 .swiper-slide {display:flex;}
.slide_gall_type1 .swiper-slide span {display:block;}
.slide_gall_type1 .imgfit {width:calc(50% - 3px); border:#ddd 1px solid; font-size:0; max-height:27.6875rem; aspect-ratio:16/21;}
.slide_gall_type1 .txt {position:relative; width:calc(50% + 3px); border:var(--light-grey) 1px solid; padding:2.5rem;}
.slide_gall_type1 .tit {font-size:var(--font-size-heading-large); color:var(--ci); font-weight:bold; height:6rem; overflow:hidden; text-overflow:ellipsis; white-space:normal; word-wrap:break-word; display:-webkit-box !important; -webkit-box-orient:vertical; line-clamp:2; -webkit-line-clamp:2;}
.slide_gall_type1 .txt ul {margin-top:1rem; padding-top:1.5rem; border-top:var(--ci) 3px solid;}
.slide_gall_type1 .txt li {position:relative; font-size:var(--font-size-body-medium); padding-left:3.875rem;}
.slide_gall_type1 .txt li + li {margin-top:0.5rem;}
.slide_gall_type1 .txt li strong {position:absolute; top:0; left:0;}
.slide_gall_type1 .txt .btn {position:absolute; bottom:2.5rem; left:2.5rem; font-size:var(--font-size-label-small); color:var(--white); line-height:2.5rem; padding:0 0.75rem; background:var(--ci); border-radius:var(--radius-medium1);}
.slide_gall_type2 .swiper-slide {display:flex; gap:1rem;}
.slide_gall_type2 .swiper-slide a {position:relative; display:block; width:100%; height:100%;}
.slide_gall_type2 span {display:block;}
.slide_gall_type2 .imgfit {position:relative; width:100%; border:var(--light-grey) 1px solid; aspect-ratio:16/21;}
.slide_gall_type2 .imgfit img {aspect-ratio:169/222; max-height:27.6875rem;}
.slide_gall_type2 .imgfit:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:linear-gradient(180deg, rgba(0, 0, 0, 0) 40.45%, rgba(0, 0, 0, 0.8) 82.84%);}
.slide_gall_type2 .txt {position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; display:flex; flex-direction:column; justify-content:flex-end; align-items:flex-start; color:var(--white); padding:1.5rem;}
.slide_gall_type2 .txt .tit {font-size:var(--font-size-heading-medium); font-weight:bold; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.slide_gall_type2 .txt p {font-size:var(--font-size-body-medium); margin-top:0.5rem;}
.main_board .right {padding-top:10px;}
.mboard_list {position:relative; border-top:var(--light-grey) 1px solid;}
.mboard_list .list a {position:relative; display:block; font-size:var(--font-size-body-large); color:var(--ci); padding:0.75rem 7.25rem 0.75rem 0; border-bottom:var(--light-grey) 1px solid; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.mboard_list .list a:before {content:""; position:absolute; bottom:-1px; left:0; width:100%; height:2px; background:var(--ci); display:none;}
.mboard_list .list a span {position:absolute; top:50%; right:0; font-size:var(--font-size-body-medium); color:#666; line-height:1.625rem; height:1.625rem; width:100px; text-align:right; transform:translateY(-50%); transition:.2s linear;}
.main_board .left .link {position:absolute; top:-4.75rem; right:0;}
.main_banner_slide {position:relative;}
.main_banner_slide a {display:block; width:100%; height:100%;}
.main_banner_slide img {display:block; width:100%; aspect-ratio:692/355;}
.main_banner_slide .slide_navi {position:absolute; bottom:1.25rem; right:1.5rem; gap:0.5rem; z-index:1;}
.main_banner_slide .slide_navi .pagination,
.main_banner_slide .slide_navi button {height:2.5rem; border-radius:1.25rem;}
.main_banner_slide .slide_navi .pagination {order:1; padding:0 1rem; font-size:var(--font-size-body-medium); color:var(--color-text-basic); font-weight:bold; gap:0.25rem; background:var(--white);}
.main_banner_slide .slide_navi button {height:2.5rem; background-color:var(--white) !important; font-size:0;}
.main_banner_slide .slide_navi .papl {width:2.5rem;}
.main_banner_slide .slide_navi .papl:before {content:""; display:block; width:100%; height:100%; mask:no-repeat 50% 50%; -webkit-mask:no-repeat 50% 50%; background:var(--ci);}
.main_banner_slide .slide_navi .pause:before {mask-image:url('/pub/images/btn_pause.svg'); -webkit-mask-image:url('/pub/images/btn_pause.svg');}
.main_banner_slide .slide_navi .play:before {mask-image:url('/pub/images/btn_play.svg'); -webkit-mask-image:url('/pub/images/btn_play.svg'); mask-size:0.75rem; -webkit-mask-size:0.75rem;}
.main_banner_slide .slide_navi .prev {order:3;}
.main_banner_slide .slide_navi .next {order:4;}
.main_gallery2 span {display:block;}
.main_gallery2 .txt {padding-top:1.5rem;}
.main_gallery2 .tit {font-size:var(--font-size-heading-medium); max-width:100%; font-weight:bold; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.slide_gall_type3 .swiper-slide {display:flex; gap:1rem; overflow:hidden;}
.slide_gall_type3 .swiper-slide a {position:relative; display:block; width:100%;}
.slide_gall_type3 .imgfit {width:100%; aspect-ratio:169/220; border:var(--light-grey) 1px solid;}
.slide_gall_type3 .imgfit img {aspect-ratio:169/220; max-height:27.6875rem;}
.slide_gall_type4 .imgfit {width:100%; aspect-ratio:173/110;}
.slide_gall_type4 .imgfit img {display:block;}
.slide_gall_type4 p {font-size:var(--font-size-body-medium); color:var(--ci); margin-top:0.375rem; line-height:1.5rem;}
.pop_gen {outline:0 !important; opacity:0; animation:main_popup 1s linear forwards;}
@keyframes main_popup {
	0% {opacity:0;}
	80% {opacity:0;}
	100% {opacity:1;}
}

/* sub */
.container {padding:calc(13.75rem + 2px) 0 9.375rem; font-size:1rem; color:var(--ci); line-height:1.5; min-height:calc(100vh - 290px);}
.container.inner {padding:calc(13.75rem + 2px) 1.25rem 9.375rem;}
.container .location ol {display:flex; flex-wrap:wrap; gap:0.5rem 1.5rem; margin-bottom:1rem; /* white-space:nowrap; overflow:hidden; text-overflow:ellipsis; */}
.container .location li {position:relative; font-size:var(--font-size-body-small); padding:0 0.25rem;}
.container .location .home {display:flex; align-items:center; gap:0.25rem; padding-left:0;}
.container .location .home:before {content:""; display:block; width:1rem; aspect-ratio:1/1; background:url('/pub/images/icon_home.svg') no-repeat 50% 50% / contain;}
.container .location li:after {content:""; position:absolute; top:0; right:-1.5rem; width:1.5rem; height:100%; background:url('/pub/images/arrow_location.svg') no-repeat 50% 50%;}
.container .location li:last-child {text-decoration:underline; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.container .location li:last-child:after {display:none;}
.container .sub_tit {font-size:var(--font-size-heading-xlarge); font-weight:bold; text-align:center; margin-bottom:5rem;}

/* 관람안내 */
.viewingGuide_top {height:26.25rem; background:url('/pub/images/bg_viewingGuide_top.jpg') no-repeat 50% 50% / cover;}
.contact_time {padding:4rem 0; margin-bottom:4rem;}
.contact_time .inner {gap:1.5rem;}
.contact_time .inner > section {width:calc((100% - 3rem)/3); border-bottom:var(--ci) 3px solid; padding-bottom:1.5rem; padding-left:2.5rem;}
.contact_time .inner .tit {position:relative; font-size:var(--font-size-heading-medium); font-weight:bold; margin-bottom:0.5rem;}
.contact_time .inner .tit:before {content:""; position:absolute; top:0; left:-2.5rem; width:2rem; height:100%; background:no-repeat 50% 50% / contain;}
.contact_time .inner .icon1 .tit:before {background-image:url('/pub/images/icon_contact_time01.svg');}
.contact_time .inner .icon2 .tit:before {background-image:url('/pub/images/icon_contact_time02.svg');}
.contact_time .inner .icon3 .tit:before {background-image:url('/pub/images/icon_contact_time03.svg');}
.contact_time .inner strong {display:block; font-size:var(--font-size-heading-large); margin-bottom:0.625rem;}
.contact_time .inner p {font-size:var(--font-size-body-medium); color:#0D66D0; font-weight:bold;}
.contact_time .inner p + p {margin-top:0.1875rem;}
.tit_content_area .flex.vam {align-items:center;}
.tit_content_area .flex + .flex {margin-top:4rem;}
.tit_content_area .tit {width:20.5556%; font-size:var(--font-size-heading-large); font-weight:bold;}
.tit_content_area .con {width:79.4444%;}
.tit_content_area .con .mt_type2 {padding:2.5rem;}
.tit_content_area .con .mt_type3 {padding:5rem 2.5rem; gap:60px;}
.tit_content_area .con .mt1 {margin-top:1rem;}
.tit_content_area .con .s {font-size:var(--font-size-body-medium);}
.tit_content_area p {font-size:var(--font-size-body-large);}
.tit_content_area p .s {font-size:var(--font-size-body-small);}
.tit_content_area .num_list {margin-top:2rem; border-top:var(--gray) 1px solid;}
.tit_content_area .num_list li {position:relative; border-bottom:var(--gray) 1px solid; padding:1rem 0 1rem 3rem;}
.tit_content_area .num_list li strong {position:absolute; top:50%; left:0; font-size:var(--font-size-heading-medium); transform:translateY(-50%);}
.tit_content_area .num_list li p {padding:0.3125rem 0; font-size:var(--font-size-body-medium);}
.tit_content_area .num_list li p.s {font-size:var(--font-size-body-small); font-weight:bold;}
.tit_content_area .num_list li p .strong {font-weight:700;}
.tit_content_area .mg_top {display:block; margin-top:0.375rem;}
.tit_content_area .btns {margin-top:1.25rem;}
	/* 어린이박물관 관람예약 */
.tit_content_area .gray_bgbox.pd,
.tit_content_area .inner > .gray_bgbox {position:relative; padding:4rem 0;}
.tit_content_area .gray_bgbox.pd:before,
.tit_content_area .inner > .gray_bgbox:before {content:""; position:absolute; top:0; left:50%; width:100vw; height:100%; background:inherit; z-index:-1; transform:translateX(-50%);}
.etiquette {display:flex; flex-wrap:wrap; gap:1.5rem; margin-top:2rem;}
.etiquette li {position:relative; width:calc(50% - 0.75rem); border:var(--light-grey) 1px solid; padding:2rem 2rem 2rem 10rem; height:10.4375rem; display:flex; align-items:center; font-size:var(--font-size-body-medium);}
.etiquette li:before {content:""; position:absolute; top:50%; left:1.875rem; width:6.6875rem; aspect-ratio:1/1; transform:translateY(-50%); border-radius:50%; background:#F8F8F8 no-repeat 50% 50%;}
.etiquette li.icon1:before {background-image:url('/pub/images/icon_etiquette01.svg');}
.etiquette li.icon2:before {background-image:url('/pub/images/icon_etiquette02.svg');}
.etiquette li.icon3:before {background-image:url('/pub/images/icon_etiquette03.svg');}
.etiquette li.icon4:before {background-image:url('/pub/images/icon_etiquette04.svg');}
.etiquette li.icon5:before {background-image:url('/pub/images/icon_etiquette05.svg');}
.etiquette li.icon6:before {background-image:url('/pub/images/icon_etiquette06.svg');}
.etiquette li.icon7:before {background-image:url('/pub/images/icon_etiquette07.svg');}
.etiquette li.icon8:before {background-image:url('/pub/images/icon_etiquette08.svg');}
.contact_box {align-items:center; flex-wrap:wrap; gap:1.5rem; background:#f5f5f5 url('/pub/images/bg_logo_gray.png') no-repeat right 2.5rem center; padding:1.75rem 2rem;}
.contact_box .tt {font-size:var(--font-size-body-small); color:var(--white); padding:0 1.25rem; background:var(--ci); line-height:2.1875rem; border-radius:2.1875rem;}
.contact_box .tel {padding-left:1.875rem; font-size:var(--font-size-heading-medium); font-weight:bold; background:url('/pub/images/icon_tel.svg') no-repeat 0 50%;}

/* 전시 단체관람 예약 */
.reservation_step {padding:2.5rem 3.5rem; border:var(--light-grey) 1px solid; gap:5rem; background:#fff;}
.reservation_step li {position:relative; text-align:center; width:calc((100% - 15rem)/4); display:flex; flex-direction:column; align-items:center; text-align:center;}
.reservation_step.set3 li {width:calc((100% - 10rem)/3);}
.reservation_step.set5 li {width:calc((100% - 20rem)/5);}
.reservation_step li + li:before {content:""; position:absolute; top:0; left:-5rem; width:5rem; height:100%; background:url('/pub/images/arrow_step.svg') no-repeat 50% 50%;}
.reservation_step span {display:block; font-size:var(--font-size-body-xsmall); color:var(--white); font-weight:bold; line-height:1.5rem; height:1.5rem; padding:0 0.75rem; background:var(--ci); border-radius:0.75rem; margin:0 auto 1rem;}
.reservation_step i {display:block; width:4.25rem; aspect-ratio:1/1; border-radius:50%; background:#F8F8F8 no-repeat 50% 50%;}
.reservation_step strong {display:block; font-size:var(--font-size-heading-medium); font-weight:bold; margin-top:1rem;}
.reservation_step strong.s {font-size:var(--font-size-heading-small);}
.reservation_step p {font-size:var(--font-size-body-small); margin-top:0.5rem;}
.reservation_step p.b {font-weight:bold;}
.reservation_step .icon1 i {background-image:url('/pub/images/icon_reservation_step01.svg');}
.reservation_step .icon2 i {background-image:url('/pub/images/icon_reservation_step02.svg');}
.reservation_step .icon3 i {background-image:url('/pub/images/icon_reservation_step03.svg');}
.reservation_step .icon4 i {background-image:url('/pub/images/icon_reservation_step04.svg');}
/* 열람/촬영·복제/대여 */
.reservation_step .icon5 i {background-image:url('/pub/images/icon_reservation_step05.svg');}
.reservation_step .icon6 i {background-image:url('/pub/images/icon_reservation_step06.svg');}
.reservation_step .icon7 i {background-image:url('/pub/images/icon_reservation_step07.svg');}
.reservation_step .icon8 i {background-image:url('/pub/images/icon_reservation_step08.svg');}
/* 열람/촬영·복제/대여 > 소장품 대여 */
.reservation_step.set_auto {justify-content:space-between; gap:0;}
.reservation_step.set_auto li {width:auto;}
.reservation_step.set_auto li:before {display:none;}
.reservation_step.set_auto li.arrow {width:5rem; background:url('/pub/images/arrow_step.svg') no-repeat 50% 50%;}
.reservation_step .icon11 i {background-image:url('/pub/images/icon_reservation_step11.svg');}
.reservation_step .icon12 i {background-image:url('/pub/images/icon_reservation_step12.svg');}
.reservation_step .icon13 i {background-image:url('/pub/images/icon_reservation_step13.svg');}
.reservation_step .icon14 i {background-image:url('/pub/images/icon_reservation_step14.svg');}
.reservation_step .icon15 i {background-image:url('/pub/images/icon_reservation_step15.svg');}
.step_info li {position:relative; padding-left:92px; margin-top:2.5rem;}
.step_info span {position:absolute; top:0.1875rem; left:0; font-size:var(--font-size-body-xsmall); color:#fff; font-weight:bold; line-height:1.5rem; border-radius:0.75rem; width:4.75rem; text-align:center; background:var(--ci);}
.step_info strong {display:block; font-size:var(--font-size-body-large); line-height:1.875rem; margin-bottom:1rem;}
.step_info p {font-size:var(--font-size-body-medium);}
.step_info p.pl {padding-left:5.25rem; text-indent:-5.25rem;}
/* 소장품 자료 > 소장품 구입 */
.reservation_step .icon21 i {background-image:url('/pub/images/icon_reservation_step21.svg');}
.reservation_step .icon22 i {background-image:url('/pub/images/icon_reservation_step22.svg');}
.reservation_step .icon24 i {background-image:url('/pub/images/icon_reservation_step24.svg');}
.reservation_step .icon26 i {background-image:url('/pub/images/icon_reservation_step26.svg');}
.reservation_step .icon27 i {background-image:url('/pub/images/icon_reservation_step27.svg');}
.reservation_step .icon28 i {background-image:url('/pub/images/icon_reservation_step28.svg');}
.reservation_step .icon29 i {background-image:url('/pub/images/icon_reservation_step29.svg');}

/* 예약안내 */
.step_tit {font-size:var(--font-size-heading-medium); font-weight:bold; padding:4rem 0 1rem; display:flex; flex-wrap:wrap; align-items:center; gap:1rem; border-bottom:var(--ci) 2px solid;}
.step_tit.mb {margin-bottom:1.5rem;}
.step_tit span {font-size:var(--font-size-body-small);}
.select_day_time {display:flex; gap:2.1875rem; padding-top:1.5rem;}
.select_day_time .tit {display:flex; align-items:center; gap:0.625rem; font-size:var(--font-size-heading-small); font-weight:bold; margin-bottom:1rem; width:100% !important;}
.select_day_time .tit strong {font-size:var(--font-size-body-small);}
.select_day_time .select_day {width:63.8889%;}
.select_day_time .month_area {padding:2.5rem 3rem; background:#fff;}
.select_day_time .select_month {margin-bottom:1.5rem; gap:1rem;}
.select_day_time .select_month strong {order:2; font-size:var(--font-size-heading-large);}
.select_day_time .select_month .prev {order:1;}
.select_day_time .select_month .next {order:3;}
.select_day_time .month_area table {border-top:var(--ci) 1px solid; text-align:center;}
.select_day_time .month_area th {font-size:var(--font-size-body-medium); font-weight:normal; padding:0.75rem; border-bottom:var(--grey) 1px solid;}
.select_day_time .month_area td {padding:1.25rem 0;}
.select_day_time .month_area tbody tr:first-child td {padding-top:1.75rem;}
.select_day_time .month_area table button {display:block; width:2.75rem; aspect-ratio:1/1; border-radius:50%; margin:0 auto; background:#F5F5F5; border:#F5F5F5 1px solid; font-size:var(--font-size-body-small); color:#999;}
.select_day_time .month_area table button.possible {color:var(--white); background:var(--point2); border-color:var(--point2);}
.select_day_time .month_area table button.select {color:var(--point2); background:var(--white); border-color:var(--point2);}
.select_day_time .select_time {width:calc(36.1111% - 2.1875rem);}
.select_day_time .select_step {padding:1.5rem; overflow:auto; background:#fff;}
.select_day_time .select_step button {position:relative; display:flex; padding:1.25rem 7.5rem 1.25rem 1.5rem; border:var(--light-grey) 1px solid; background:#f8f8f8; font-size:var(--font-size-body-medium); width:100%; text-align:left;}
.select_day_time .select_step button + button {margin-top:0.75rem;}
.select_day_time .select_step strong {width:3.5rem;}
.select_day_time .select_step .time {width:calc(100% - 3.5rem);}
.select_day_time .select_step .proposer {position:absolute; top:50%; right:1.5rem; transform:translateY(-50%); padding-left:1.5rem; background:url('/pub/images/icon_count.svg') no-repeat 0 50%;}
.select_day_time .select_step button.end {color:#999;}
.select_day_time .select_step button.select {border-color:var(--ci); background:#fff;}
.select_day_time .select_step_area {position:relative; padding-bottom:4.875rem;}
.select_day_time .select_step_area .select_step {max-height:100%;}
.select_day_time .select_step_area .btn {position:absolute; bottom:0; left:0; width:100%;}
.gray_line_area {border:var(--grey) 1px solid; margin-top:1rem; padding:1.25rem; font-size:var(--font-size-body-medium); color:#666; overflow:auto;}
.gray_line_area.height_set200 {height:12.5rem;}
.gray_line_area.height_set120 {height:7.5rem;}
.reservation_write.gbox {position:relative; padding:0 0 4rem; margin:4rem 0;}
.reservation_write.pt {padding-top:4rem;}
.reservation_write.gbox:before {content:""; position:absolute; top:0; left:50%; width:100vw; height:100%; background:#F8F8F8; z-index:-1; transform:translateX(-50%);}
.reservation_write label.checkbox + label.checkbox {margin-top:0.5rem;}
.reservation_write.disabled .select_day_time .select_step button {pointer-events:none;}
.total_reservation {background:#f8f8f8; border:var(--light-grey) 1px solid; padding:1.5rem; gap:1rem 2.5rem; flex-wrap:wrap; margin-top:1.5rem;}
.total_reservation li {position:relative; padding-left:2.75rem; font-size:1.375rem; min-height:2rem;}
.total_reservation li:before {content:""; position:absolute; top:50%; left:0; width:2rem; aspect-ratio:1/1; border-radius:50%; background:var(--ci) no-repeat 50% 50%; transform:translateY(-50%);}
.total_reservation li.icon1:before {background-image:url('/pub/images/icon_total_reservation01.svg');}
.total_reservation li.icon2:before {background-image:url('/pub/images/icon_total_reservation02.svg');}
.total_reservation li.icon3:before {background-image:url('/pub/images/icon_fee.svg');}
/* 예약완료 */
.reservation_end {border:var(--grey) 1px solid; padding:4rem;}
.reservation_end .center_tit {font-size:var(--font-size-heading-large); font-weight:bold; text-align:center; margin-bottom:1rem;}
.reservation_end .center_tit:before {content:""; display:block; width:4.5rem; aspect-ratio:1/1; margin:0 auto 1.5rem; border-radius:50%; background:#F5F5F5 url('/pub/images/icon_reservation_end.svg') no-repeat 50% 50%;}
.reservation_end p.tac {font-size:var(--font-size-body-large);}
.reservation_end .gray_bgbox5 {width:41.25rem; max-width:100%; margin:2.5rem auto; padding:3rem 4.375rem;}
.reservation_end .gray_bgbox5 dl {display:flex; flex-wrap:wrap; gap:0.5rem 0; font-size:var(--font-size-body-medium);}
.reservation_end .gray_bgbox5 dt {width:5.75rem; font-weight:bold;}
.reservation_end .gray_bgbox5 dd {width:calc(100% - 5.75rem); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/* 교육예약 */
.reservationEducation {background:url('/pub/images/bg_reservationEducation.jpg') no-repeat 50% 50% / cover; padding:6.25rem 2rem; color:var(--white);}
.reservationEducation strong {font-size:var(--font-size-heading-large);}
.reservationEducation p {font-size:var(--font-size-body-large); margin:1rem 0 2.5rem;}
.reservationEducation .flex_center {gap:10px;}

/* 어린이박물관 관람예약 예약 선택 */
.reservation_select {max-width:1120px; margin:0 auto; gap:1.5rem; flex-wrap:wrap;}
.reservation_select .box {width:calc(50% - 0.75rem); padding:3rem;}
.reservation_select .box:before {content:""; display:block; width:4rem; aspect-ratio:1/1; background:#f5f5f5 no-repeat 50% 50%; border-radius:50%;}
.reservation_select .box strong {font-size:var(--font-size-heading-large); display:block; margin:0.75rem 0 0.5rem;}
.reservation_select .box p {font-size:var(--font-size-body-large); margin-bottom:1rem;}
.reservation_select .box.icon1:before {background-image:url('/pub/images/icon_reservation_select01.svg');}
.reservation_select .box.icon2:before {background-image:url('/pub/images/icon_reservation_select02.svg');}
.showGroup,
.showFamily {display:none;}
tr.showGroup.on,
tr.showFamily.on {display:table-row;}
.flex.showGroup.on,
.flex.showFamily.on {display:flex !important;}

/* 시설안내 */
.facility_guide {display:flex; gap:5rem;}
.facility_guide .floor_info {width:17.5rem; border-top:var(--ci) 2px solid;}
.facility_guide .floor_info .box {border-bottom:var(--ci) 2px solid;}
.facility_guide .floor_info .box > a {display:block; font-size:var(--font-size-heading-large); font-weight:bold; line-height:4.625rem; padding:0 1rem;}
.facility_guide .floor_info .dots {display:none; padding:0 1rem 1.25rem;}
.facility_guide .floor_info .dots p {position:relative; font-size:var(--font-size-body-medium); color:#fff; font-weight:bold; padding-left:0.5rem;}
.facility_guide .floor_info .dots p:before {content:""; position:absolute; top:50%; left:0; width:0.25rem; aspect-ratio:1/1; border-radius:50%; background:#fff; transform:translateY(-50%);}
.facility_guide .floor_info .box.on {background:var(--ci);}
.facility_guide .floor_info .box.on a {color:#fff;}
.facility_guide .floor_info .box.on .dots {display:block;}
.facility_guide .con {width:calc(100% - 22.5rem);}
.facility_guide .map_picture {border:var(--light-grey) 1px solid; min-height:38.375rem; padding:2.5rem;}
.facility_guide .icon_info {border:var(--light-grey) 1px solid; border-top:0; display:flex; flex-wrap:wrap; gap:1.5rem 2rem; padding:2.5rem;}
.facility_guide .icon_info li {position:relative; padding-left:2.5rem; font-size:var(--font-size-body-medium); line-height:2rem;}
.facility_guide .icon_info li:before {content:""; position:absolute; top:50%; left:0; width:2rem; aspect-ratio:1/1; border-radius:50%; border:no-repeat 50% 50%; transform:translateY(-50%);}
.facility_guide .icon_info li.i01:before {background-image:url('/pub/images/icon_facility_guide01.svg'); background-color:var(--point2);}
.facility_guide .icon_info li.i02:before {background-image:url('/pub/images/icon_facility_guide02.svg'); background-color:#F0443C;}
.facility_guide .icon_info li.i03:before {background-image:url('/pub/images/icon_facility_guide03.svg'); background-color:#999;}
.facility_guide .icon_info li.i04:before {background-image:url('/pub/images/icon_facility_guide04.svg'); background-color:#F089A9;}
.facility_guide .icon_info li.i05:before {background-image:url('/pub/images/icon_facility_guide05.svg'); background-color:var(--ci);}
.facility_guide .icon_info li.i06:before {background-image:url('/pub/images/icon_facility_guide06.svg'); background-color:#966138;}
.facility_guide .icon_info li.i07:before {background-image:url('/pub/images/icon_facility_guide07.svg'); background-color:#FF8C4E;}
.facility_guide .icon_info li.i08:before {background-image:url('/pub/images/icon_facility_guide08.svg'); background-color:#5A6268;}
.facility_guide .icon_info li.i09:before {background-image:url('/pub/images/icon_facility_guide09.svg'); background-color:#ECCA0D;}
.facility_guide .icon_info li.i10:before {background-image:url('/pub/images/icon_facility_guide10.svg'); background-color:#0EADB6;}
.facility_guide .icon_info li.i11:before {background-image:url('/pub/images/icon_facility_guide11.svg'); background-color:#28A745;}
.facility_guide .icon_info li strong {font-size:var(--font-size-body-large);}

/* 오시는 길 */
.map_box {width:100%; height:30rem;}
.map_box iframe {width:100%; height:inherit;}
.map_address {padding-top:2.5rem; display:flex; gap:2rem;}
.map_address li {position:relative; font-size:var(--font-size-heading-medium); font-weight:bold; line-height:2rem; padding-left:2.5rem;}
.map_address li:before {content:""; position:absolute; top:0; left:0; width:2rem; aspect-ratio:1/1; border-radius:50%; background:var(--ci) no-repeat 50% 50%;}
.map_address li.i1:before {background-image:url('/pub/images/icon_map_address01.svg');}
.map_address li.i2:before {background-image:url('/pub/images/icon_map_address02.svg');}
.location_move {margin-top:4rem; border-top:#000 3px solid;}
.location_move .box {display:flex; padding:2.5rem 0;}
.location_move .tit {width:20.625%; font-size:var(--font-size-heading-large); font-weight:bold;}
.location_move .con {width:79.375%;}
.location_move .box {border-bottom:var(--grey) 1px solid;}
.location_move p {font-size:var(--font-size-body-medium);;}
.location_move p + ul {margin-top:1rem;}
.location_move li {display:flex; align-items:center;}
.location_move li + li {margin-top:0.5rem;}
.location_move li span {font-size:var(--font-size-body-small); color:#fff; font-weight:bold; line-height:1.875rem; padding:0 0.75rem; border-radius:0.9375rem; margin-right:0.5rem;}
.location_move li strong {font-size:var(--font-size-body-medium); padding-right:0.75rem;}
.location_move li.subway8 span {background:#E31C79;}
.location_move li.subway9 span {background:#8C8279;}
.location_move li.bus1 span {background:#6175F5;}
.location_move li.bus2 span {background:#43A619;}
.location_move li.bus3 span {background:#AA8874;}
.location_move li.bus4 span {background:#009FAB;}
.location_move .tc {border-left:var(--ci) 3px solid; font-size:var(--font-size-body-medium); padding:0.125rem 0 0.125rem 1rem; margin-bottom:1.5rem;}
.location_move .tc strong {display:block; margin-top:0.25rem;}
.location_move .tc p.s {font-size:var(--font-size-body-small); font-weight:700; margin-top:0.25rem;}

/* 관람·교육 예약조회 */
.search_reservation {padding:4rem; border:var(--light-grey) 1px solid;}
.search_reservation .tit {font-size:var(--font-size-heading-large); font-weight:bold; text-align:center;}
.search_reservation .tit:before {content:""; display:block; width:4.5rem; aspect-ratio:1/1; border-radius:50%; background:#F5F5F5 url('/pub/images/icon_search_dp.svg') no-repeat 50% 50%; margin:0 auto 1.5rem;}

/* 중요표시 상자 */
.important_box {padding:2rem;}
.important_box.mb {margin-bottom:4rem;}
.important_box .tit {position:relative; font-size:var(--font-size-heading-medium); font-weight:bold; padding-left:2rem; margin-bottom:1rem;}
.important_box .tit:before {content:""; position:absolute; top:50%; left:0; width:1.5rem; aspect-ratio:1/1; background:url('/pub/images/icon_important.svg') no-repeat 50% 50% / contain; border-radius:50%; transform:translateY(-50%);}

/* 게시판 상단 */
.board_top {margin-bottom:1.5rem;}
.board_top.flex {align-items:flex-end; gap:1rem;}
.board_top .total {font-size:var(--font-size-body-small); color:#666;}
.board_top .total strong {color:var(--ci);}
.board_top .selects {gap:0.5rem;}
.board_top .selects .select_box {width:12.5rem;}
.board_top .selects .select_box select {width:100%; height:2.5rem;}

/* 관람·교육 예약조회 */
.reservation_list .box {border:var(--light-grey) 1px solid;}
.reservation_list .box + .box {margin-top:1.5rem;}
.reservation_list .tit {position:relative; padding:1.25rem 7.5rem 1.25rem 1.25rem; background:#F8F8F8;}
.reservation_list .tit ul {display:flex; align-items:center; gap:1rem 33px; flex-wrap:wrap; overflow:hidden;}
.reservation_list .tit li {position:relative; font-size:var(--font-size-body-medium); display:flex; align-items:center; gap:0.5rem;}
.reservation_list .tit li + li:before {content:""; position:absolute; top:50%; left:-16px; width:1px; height:1.125rem; background:var(--grey); transform:translateY(-50%);}
.reservation_list .tit li strong {var(--font-size-heading-xsmall);}
.reservation_list .tit .btn_cancel {position:absolute; top:50%; right:1.25rem; transform:translateY(-50%);}
.reservation_list .con {padding:2rem 2.5rem; display:flex; align-items:center;}
.reservation_list .imgfit {border:var(--light-grey) 1px solid;}
.reservation_list .txt {position:relative; padding-left:2.5rem; padding-right:8.75rem;}
.reservation_list .number {font-size:var(--font-size-heading-xsmall); color:var(--point2); font-weight:bold; margin-bottom:0.25rem;}
.reservation_list .number strong {margin-right:0.25rem;}
.reservation_list .tt {font-size:var(--font-size-heading-medium); font-weight:bold;}
.reservation_list .dls {display:flex; flex-wrap:wrap; gap:0.375rem 0; margin-top:1.5rem; font-size:var(--font-size-body-medium);}
.reservation_list .dls dt {width:6.25rem; font-weight:bold;}
.reservation_list .dls dd {width:calc(100% - 6.25rem);}
.reservation_list .qr_area {position:absolute; top:50%; right:0; width:7.75rem; aspect-ratio:1/1; background:var(--ci); border-radius:0.5rem; display:flex; justify-content:center; align-items:center; flex-direction:column; transform:translateY(-50%); font-size:var(--font-size-body-medium); color:#fff; font-weight:bold;}
.reservation_list .qr_area:before {content:""; display:block; width:1.5rem; aspect-ratio:1/1; background:url('/pub/images/icon_qr.svg') no-repeat 50% 50%; margin-bottom:0.3125rem;}
#popQr .inbox {padding:2.5rem 1.25rem;}
.type_group .imgfit {width:12.5rem; aspect-ratio:1/1;}
.type_group .txt {width:calc(100% - 12.5rem);}
.type_education .imgfit {width:9.625rem; aspect-ratio:77/100;}
.type_education .txt {width:calc(100% - 9.625rem);}
.type_education .dls dt {width:8.375rem;}
.type_education .dls dd {width:calc(100% - 8.375rem);}
.type_education .dls dt:nth-child(4n-1) {width:8.25rem;}
/* .type_education .dls dd:nth-child(4n) {width:calc(100% - 27.6875rem);} */

/* 갤러리타입 리스트 공통 */
.gallery_list {gap:4rem 1.5rem;}
.gallery_list a,
.gallery_list span {display:block;}
.gallery_list .imgfit {width:100%; border:var(--light-grey) 1px solid;}
.gallery_list .txt {padding-top:1.5rem;}
.gallery_list .tit {font-size:var(--font-size-heading-medium); font-weight:bold; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.gallery_list .date {display:flex; margin-top:0.5rem; font-size:var(--font-size-body-medium);}
.gallery_list.set4 article {width:calc((100% - 4.5rem)/4);}
.gallery_list.set3 article {width:calc((100% - 3rem)/3);}
.gallery_list.set2 article {width:calc(50% - 1.5rem);}
/* 전시 목록 */
.display_gallery_list .imgfit {aspect-ratio:116/151;}
/* 온라인 전시 */
.wide_gall_list .imgfit {aspect-ratio:464/295;}
/* 소장품 검색 */
.collection_gall_list .imgfit {aspect-ratio:57/40;}
.collection_gall_list .imgfit img {width:auto; height:auto; object-fit:contain;}
.collection_gall_list .type {font-size:font-size:var(--font-size-body-medium); color:#666; margin-bottom:0.5rem;}
/* 발간물 */
.publications_gall_list .imgfit {aspect-ratio:19/26;}
.tit_lin2 .tit {overflow:hidden; text-overflow:ellipsis; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-box-orient:vertical; line-clamp:2; -webkit-line-clamp:2;}
/* 영상자료 */
.video_gallery_list .imgfit {aspect-ratio:464/295;}

/* 전시 상세 */
.exhibition_view_top {display:flex; border:var(--light-grey) 1px solid; padding:2.5rem;}
.exhibition_view_top * {word-break:break-word;}
.exhibition_view_top ul.flex_wrap {gap:.5rem 0;}
.exhibition_view_top .imgfit {width:21.375rem; aspect-ratio:116/151; border:var(--light-grey) 1px solid;}
.exhibition_view_top .exhibition_slide {height:100%; width:100%;}
.exhibition_view_top .imgfit .swiper-slide {display:flex; justify-content:center; align-items:center;}
.exhibition_view_top .imgfit.imgauto img {width:auto; height:auto; object-fit:contain;}
.exhibition_view_top .txt {position:relative; width:calc(100% - 21.375rem); padding:1.5rem 0 0 4rem;}
.exhibition_view_top .tit {font-size:var(--font-size-heading-large); font-weight:bold; padding-bottom:1.5rem; border-bottom:#000 2px solid; margin-bottom:3rem;}
.exhibition_view_top .info li {position:relative; font-size:var(--font-size-body-medium); padding-left:4rem; min-height:1.594rem;}
.exhibition_view_top .info li + li {margin-top:0.5rem;}
.exhibition_view_top .info strong {position:absolute; top:0; left:0;}
.board_view_info {margin-top:4rem; font-size:var(--font-size-body-medium); padding-bottom:2.5rem; /* border-bottom:var(--light-grey) 1px solid; */}
.board_view_info .tit {font-size:var(--font-size-heading-medium); font-weight:bold; padding-bottom:1rem; border-bottom:#000 2px solid; margin-bottom:2.5rem;}
.board_view_info strong {display:block; margin-bottom:1rem;}
.board_view_info .view_img_flex {margin-top:2rem;}
.board_view_info .view_img_flex .imgfit {width:calc((100% - 3rem)/3);}

/* 전시안내 > 어린이박물관 */
.children_museum_top {background:#0D66D00F; justify-content:space-between; margin-bottom:5rem;}
.children_museum_top .txt {padding:5.625rem 0 5.625rem 5rem; font-size:var(--font-size-body-large); background:url('/pub/images/img_children_museum_top2.svg') no-repeat 100% 104%; width:calc(100% - 720px);}
.children_museum_top .tit {position:relative; font-size:3.5rem; font-weight:normal; font-family:'Ownglyph_meetme-Rg'; margin-bottom:2rem; display:inline-block;}
.children_museum_top .tit:after {content:""; position:absolute; top:-0.5rem; right:-4.75rem; width:57px; aspect-ratio:57/54; background:url('/pub/images/icon_sun.svg') no-repeat 50% 50% / contain;}
.side_info_slide_wrap {display:flex; gap:1.25rem;}
.side_info_slide_for {position:relative; overflow:hidden; width:80.6%;}
.side_info_slide_for .slide_navi {position:absolute; bottom:1.75rem; left:0; width:100%; z-index:1;}
.side_info_slide_for .slide_navi .pagination {order:1; display:flex; gap:0.5rem; width:auto; margin-right:1.25rem;}
.side_info_slide_for .slide_navi .pagination span {width:0.5rem; height:0.5rem; border-radius:0.25rem; background:#fff; opacity:.5; margin:0; transition:.2s linear;}
.side_info_slide_for .slide_navi .pagination .swiper-pagination-bullet-active {opacity:1; width:1.25rem;}
.side_info_slide_for .slide_navi button {width:1.5rem; aspect-ratio:1/1; font-size:0;}
.side_info_slide_for .slide_navi .arrow {background:url('/pub/images/arrow_slide.svg') no-repeat 50% 50% / cover; font-size:0;}
.side_info_slide_for .slide_navi .prev {order:2;}
.side_info_slide_for .slide_navi .next {order:4;}
.side_info_slide_for .slide_navi .papl {order:3;}
.side_info_slide_nav {width:calc(19.4% - 1.25rem); overflow:hidden;}
.side_info_slide_nav .swiper-slide button {position:relative; display:block;}
.side_info_slide_nav .swiper-slide button:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; border:#000 3px solid; z-index:1; opacity:0; transition:.2s linear;}
.side_info_slide_nav .swiper-slide.on button:before {opacity:1;}

/* 온라인전시 등 게시판 상세 */
.board_view {border-top:#000 2px solid;}
.board_view .head .tit {font-size:var(--font-size-heading-medium); font-weight:bold; text-align:center; padding:1.125rem; border-bottom:#000 1px solid;}
.board_view .head .info {gap:0.5rem 33px; flex-wrap:wrap; border-bottom:var(--grey) 1px solid; padding:0.75rem 0;}
.board_view .head .info li {position:relative; font-size:var(--font-size-body-medium); color:#666; display:flex; gap:0.5rem;}
.board_view .head .info li strong {color:#000;}
.board_view .head .info li + li:before {content:""; position:absolute; top:50%; left:-16px; width:1px; height:1rem; background:var(--gray); transform:translateY(-50%);}
.board_view .head .info li .btn_link {display:inline-block; width:24px; height:24px; background:#004B8C url('/pub/images/icon_outlink.svg') no-repeat 50% 50%; border-radius:50%; font-size:0; padding:0;}
.board_view .body {padding:2.5rem 0 5rem; font-size:var(--font-size-body-medium);}
.board_view .body img {height:auto !important; }
.board_view .body iframe {width:100%; height:auto; max-width:100%; aspect-ratio:560/315;}
.board_view_info + .files,
.board_view .files {gap:1rem; border-bottom:var(--grey) 1px solid; padding-bottom:1.5rem;}
.board_view_info + .files {margin-top:4rem;}
.board_view .tit .notice {display:inline-block; vertical-align:middle; font-size:var(--font-size-label-small); color:var(--point2); line-height:1.5; width:2.625rem; border-radius:0.25rem; background:#0D66D01A; margin-right:1rem;}

/* 교육 */
.education_list {gap:3rem 1.5rem;}
.education_list a {display:flex; border:var(--light-grey) 1px solid;}
.education_list .imgfit {width:47.7%; aspect-ratio:169/220; border:0; border-right:var(--light-grey) 1px solid;}
/* .education_list .imgfit img {object-fit:contain;} */
.education_list .txt {position:relative; width:52.3%; padding:2rem 2rem 5rem; display:flex; flex-direction:column;}
.education_list .tit {height:4.5rem; overflow:hidden; text-overflow:ellipsis; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-box-orient:vertical; line-clamp:2; -webkit-line-clamp:2; margin:1.5rem 0;}
.education_list .info {display:flex; gap:0.5rem 0; flex-wrap:wrap;}
.education_list .info dt,
.education_list .info dd {font-size:var(--font-size-body-small);}
.education_list .info dt {font-weight:bold; width:4.25rem;}
.education_list .info dd {width:calc(100% - 4.25rem);}
.education_list .btn {position:absolute; bottom:2rem; left:2rem; line-height:2.5rem; transition:.2s linear;}
/* 교육 상세 - 전시 상세 css에 스타일 추가 */
.education_view_top .txt {padding-bottom:5rem;}
.education_view_top .tagbox {margin-bottom:0.5rem;}
.education_view_top .info.half li {width:26.5625rem; max-width:50%; padding-left:4.6875rem;}
.education_view_top .info.half li + li {margin-top:0 !important;}
.education_view_top .txt .btn {position:absolute; bottom:0; left:4rem;}
/* 교육 신청 */
.education_info select {width:62.5rem;}
.Participation_fee {padding:1.5rem; gap:3rem;}
.Participation_fee li {position:relative; padding-left:2.75rem; line-height:2rem; font-size:1.375rem; font-weight:bold;}
.Participation_fee li:before {content:""; position:absolute; top:50%; left:0; width:2rem; aspect-ratio:1/1; background:no-repeat 50% 50%; border-radius:50%; transform:translateY(-50%);}
.Participation_fee .icon_human:before {background-image:url('/pub/images/icon_human.svg'); background-color:var(--ci);}
.Participation_fee .icon_human:after {content:""; position:absolute; top:0; right:-3rem; width:3rem; height:100%; background:no-repeat 50% 50%;}
.Participation_fee .icon_human.multiply:after {background-image:url('/pub/images/icon_multiply.svg');}
.Participation_fee .icon_human.equals:after {background-image:url('/pub/images/icon_equals.svg');}
.Participation_fee .icon_fee {color:var(--point2);}
.Participation_fee .icon_fee:before {background-image:url('/pub/images/icon_fee.svg'); background-color:var(--point2);}
.reservation_edu_end .gray_bgbox5 dt {width:8.875rem;}
.reservation_edu_end .gray_bgbox5 dd {width:calc(100% - 8.875rem);}

/* 소장품 소개 */
.introduction_top {height:26.25rem;}
.introduction_con {position:relative; z-index:1; margin-top:-3.4375rem;}
.introduction_con .inner {display:flex; flex-direction:column; align-items:flex-start;}
.introduction_con strong {position:relative; background:#fff; padding:2.5rem 5rem 2.5rem 0; font-size:var(--font-size-heading-large); font-weight:bold; display:block;}
.introduction_con strong:before {content:""; position:absolute; top:0; right:100%; width:calc((100vw - 1440px)/2); height:100%; background:inherit;}
.introduction_con p {font-size:var(--font-size-body-large);}
/* 소장품 소개 상세 */
.collection_view_wrap {display:flex; gap:4rem;}
.collection_view_wrap .collection_view_top {flex-direction:column; width:49.5%;}
.collection_view_wrap .collection_view_top .imgfit {width:46.3918%; aspect-ratio:631/442;}
.collection_view_wrap .collection_view_top .txt {width:53.6082%;}
.collection_view_top .info li {padding-left:6.625rem;}
.collection_view_wrap .imgfit,
.collection_view_wrap .txt {width:100% !important;}
.collection_view_wrap .txt {padding:2.5rem 0 0;}
.collection_view_wrap .board_view_info {width:calc(50.5% - 4rem); margin:0;}
.exhibition_slide_wrap {position:relative;}
.exhibition_slide_wrap .arrow {position:absolute; top:50%; width:2.5rem; aspect-ratio:1/1; background:#fff url('/pub/images/arrow_mcon_slide.svg') no-repeat 50% 50%; border:var(--color-border-gray-light) 1px solid; font-size:0; transform:translateY(-50%); z-index:1; border-radius:50%;}
.exhibition_slide_wrap .prev {left:1rem;}
.exhibition_slide_wrap .next {right:1rem; transform:translateY(-50%) scaleX(-1);}
.exhibition_slide_wrap .swiper-button-disabled {opacity:.5;}
/* 상업이용 표시 */
.copyright_box {border:var(--light-grey) 1px solid; margin-top:5rem;}
.copyright_box .tt {display:flex; align-items:center; gap:1rem; padding:0.75rem 1.875rem; font-size:var(--font-size-body-small);}
.copyright_box .cn {padding:1.25rem 2rem;}
.copyright_box .t {position:relative; font-size:var(--font-size-body-medium); font-weight:bold; padding-left:1.5rem; margin-bottom:0.5rem;}
.copyright_box .t:before {content:""; position:absolute; top:50%; left:0; width:1rem; aspect-ratio:1/1; background:url('/pub/images/icon_important_ktk.svg') no-repeat 50% 50% / contain; border-radius:50%; transform:translateY(-50%);}
.copyright_box p {font-size:var(--font-size-body-small);}
/* 추천 소장품 목록 상단 */
.recommended_slide {position:relative; margin-bottom:5rem; max-width:100%; overflow:hidden;}
/* .recommended_slide .swiper-wrapper {min-width:100%;} */
.recommended_slide .swiper-slide {width:40.75rem;}
.recommended_slide .swiper-slide a,
.recommended_slide .swiper-slide span {display:block;}
.recommended_slide .swiper-slide a { padding:0 0.75rem; opacity:.3; transition:.2s linear;}
.recommended_slide .swiper-slide .imgfit {aspect-ratio:157/110;}
.recommended_slide .swiper-slide .txt {padding-top:1.5rem; text-align:center; opacity:0; transition:.2s linear;}
.recommended_slide .swiper-slide .type {font-size:var(--font-size-body-medium); color:#666; margin-bottom:0.5rem;}
.recommended_slide .swiper-slide .tit {font-size:var(--font-size-heading-large); font-weight:bold;}
.recommended_slide .swiper-slide-active a,
.recommended_slide .swiper-slide-active .txt {opacity:1;}
.recommended_slide .arrow {position:absolute; top:50%; margin-top:-4.5rem; z-index:1; background-color:#fff !important;}
.recommended_slide .prev {left:50%; margin-left:-25.375rem;}
.recommended_slide .next {right:50%; margin-right:-25.375rem;}

/* 소장품 열람 */
.viewing_top {font-size:var(--font-size-heading-medium); color:#fff; font-weight:bold; text-align:center; background:no-repeat 50% 50% / cover; height:16.25rem; margin-bottom:4rem; padding:0 2rem;}
.viewing_a {background-image:url('/pub/images/bg_viewing_top_a.jpg');}
.viewing_b {background-image:url('/pub/images/bg_viewing_top_b.jpg');}
.viewing_c {background-image:url('/pub/images/bg_viewing_top_c.jpg');}
.contact_area {display:flex; flex-wrap:wrap; margin:0.5rem 0 1.5rem; gap:0.25rem calc(2rem + 1px); overflow:hidden;}
.contact_area li {position:relative; font-size:var(--font-size-heading-small); font-weight:bold; padding-left:2.125rem;}
.contact_area li:after {content:""; position:absolute; top:50%; left:calc(-1rem - 1px); width:1px; height:1rem; background:#D9D9D9; transform:translateY(-50%);}
.contact_area li:before {content:""; position:absolute; top:0; left:0; width:1.5rem; height:100%; background:no-repeat 50% 50% / contain;}
.contact_area li.tel:before {background-image:url('/pub/images/icon_tel2.svg');}
.contact_area li.fax:before {background-image:url('/pub/images/icon_fax.svg');}
.contact_area li.email:before {background-image:url('/pub/images/icon_email.svg');}
.contact_area li.address:before {background-image:url('/pub/images/icon_address.svg'); background-size:18px;}

/* 기증안내 */
.donation_top {background-image:url('/pub/images/bg_donation_top.jpg');}
.donation_targe li {display:flex; align-items:flex-start;}
.donation_targe li + li {margin-top:2rem;}
.donation_targe .imgfit {width:22.8125rem;}
.donation_targe .txt {width:calc(100% - 22.8125rem); padding-left:2.5rem;}
.donation_targe i {display:block; font-size:4rem; font-weight:bold; opacity:.06; margin-bottom:-2.25rem;}
.donation_targe strong {display:block; font-size:var(--font-size-heading-medium); margin-bottom:1rem;}
.donation_targe p {font-size:var(--font-size-body-medium);}
.donation_type {display:flex; flex-wrap:wrap; gap:3rem 1.5rem;}
.donation_type li {width:calc((100% - 3rem)/3); border-bottom:var(--ci) 2px solid; padding-bottom:1.5rem;}
.donation_type strong {display:block; font-size:var(--font-size-heading-mediu); margin:1rem 0 0.5rem;}
.donation_type p {font-size:var(--font-size-body-medium);}
.donor_courtesy {background:url('/pub/images/bg_donor_courtesy.jpg') no-repeat 50% 50% / cover; padding:6.25rem 1rem; text-align:center;}
.donor_courtesy:before {content:""; display:block; width:100%; height:1.4375rem; background:url('/pub/images/logo.png') no-repeat 50% 50% / contain;}
.donor_courtesy .tt {font-size:var(--font-size-heading-xlarge); color:#0E2051; margin:1.75rem 0 0.75rem;}
.donor_courtesy .c_blue {font-size:var(--font-size-heading-small); color:#0E2051; margin-bottom:2rem;}
.donor_courtesy p {font-size:var(--font-size-body-medium); font-weight:bold;}

/* 소장품 구입 */
.purchase_top {background-image:url('/pub/images/bg_purchase_top.jpg');}

/* 인사말 */
.greeting_head {margin-bottom:2.5rem;}
.greeting_head p {font-size:var(--font-size-heading-xsmall); color:var(--point2); font-weight:bold; margin-bottom:1.5rem;}
.greeting_head strong {display:block; font-size:var(--font-size-heading-xlarge); font-weight:bold;}
.greeting_img {height:26.25rem; background:url('/pub/images/img_greeting.jpg') no-repeat 50% 50% / cover; margin-bottom:5rem;}
.greeting_body {background:url('/pub/images/bg_greeting.png') no-repeat right -13.125rem bottom -17.5rem; padding-bottom:9.375rem;}
.greeting_body p {font-size:var(--font-size-body-large);}
.greeting_body p + p {margin-top:1.75rem;}
.greeting_body .name {font-size:var(--font-size-heading-medium); display:flex; gap:1rem; margin-top:2.5rem;}

/* 비전 */
.vision_top {text-align:center; margin-bottom:5rem;}
.vision_top strong {display:block; font-size:var(--font-size-heading-xlarge); margin-bottom:1.5rem;}
.vision_top p {font-size:var(--font-size-body-medium);}
.vision_btm {position:relative; overflow:hidden;}
.vision_btm .bg_txt {position:absolute; top:50%; left:50%; width:3000px; font-size:8rem; font-weight:bold; opacity:0.04; transform:translate(-47%,-50%); text-align:center; pointer-events:none;}
.vision_btm .icon_plus {width:8.75rem; height:32.5rem; background:url('/pub/images/icon_plus.svg') no-repeat 50% 50%;}
.vision_btm .box {width:32.5rem; aspect-ratio:1/1; border:var(--grey) 1px dashed; border-radius:50%; padding:2.1875rem;}
.vision_btm .box .flex_center {width:100%; height:100%; border-radius:50%; color:#fff; text-align:center; padding:1rem;}
.vision_btm .box h3 {position:relative; display:block; font-size:var(--font-size-heading-xsmall); font-weight:bold; padding-bottom:calc(0.75rem + 1px); margin-bottom:1.25rem;}
.vision_btm .box strong {display:block; font-size:1.75rem;}
.vision_btm .c1 .flex_center {background:var(--point2);}
.vision_btm .c2 .flex_center {background:var(--ci);}

/* 조직 및 업무 */
.organization_chart {border:var(--light-grey) 1px solid; padding:5rem;}
.organization_chart h4,
.organization_chart h5 {display:block; font-size:var(--font-size-heading-small); display:flex; justify-content:center; align-items:center; height:4rem; text-align:center;}
.organization_chart h4 {color:#fff; background:var(--point2); width:20rem;}
.organization_chart h5 {border:#000 2px solid;}
.organization_chart .list {position:relative; display:flex; justify-content:space-between; gap:2rem; width:100%; margin-top:6.25rem; padding-top:5rem;}
.organization_chart .list:before,
.organization_chart .list:after {content:""; position:absolute; left:50%; background:#000;}
.organization_chart .list:before {top:-6.25rem; width:1px; height:6.25rem;}
.organization_chart .list:after {top:0; width:calc(100% - 20rem); height:1px; transform:translateX(-50%);}
.organization_chart section {position:relative; width:20rem;}
.organization_chart section:before {content:""; position:absolute; top:-5rem; left:50%; width:1px; height:5rem; background:#000;}
.organization_chart ul {margin-top:1rem; background:#F8F8F8; padding:2rem 1.5rem;}
.organization_chart li {font-size:var(--font-size-body-large); text-align:center;}
.organization_chart li + li {border-top:var(--grey) 1px solid; margin-top:1rem; padding-top:1rem;}

/* 연혁 */
.history_top {height:26.25rem; background:url('/pub/images/img_history_top.jpg') no-repeat 50% 50% / cover; margin-bottom:5rem;}
.history_area .inner {display:flex;}
.history_area .about {width:44.44%; font-size:var(--font-size-heading-large); font-weight:bold; padding-right:2rem;}
.history_area .history_list {width:55.56%; border-top:#000 2px solid;}
.history_area .history_list > li {position:relative; padding:1.25rem 0 1.25rem 6.5rem; border-bottom:var(--light-grey) 1px solid;}
.history_area .history_list .year {position:absolute; top:1rem; left:0; width:6.5rem; text-align:center; font-size:var(--font-size-heading-medium); font-weight:bold;}
.history_area .history_list ul li {position:relative; font-size:var(--font-size-body-medium); padding-left:2.75rem;}
.history_area .history_list ul li + li {margin-top:0.5rem;}
.history_area .history_list ul li .month {position:absolute; top:0; left:0; font-size:var(--font-size-heading-xsmall); font-weight:bold;}

/* MI */
.mi_tit {position:relative; display:flex; flex-direction:column; align-items:flex-start; gap:1.25rem; font-size:var(--font-size-body-large); padding:2rem 0 2rem 9.25rem; border-top:#000 3px solid; border-bottom:var(--light-grey) 1px solid;}
.mi_tit:before {content:""; position:absolute; top:50%; left:0; width:6.75rem; aspect-ratio:1/1; background:#F8F8F8 url('/pub/images/mi_type1.svg') no-repeat 50% 50%; border-radius:50%; transform:translateY(-50%);}
.mi_wrap h4 {display:block; font-size:var(--font-size-heading-small); font-weight:bold; margin-bottom:1rem;}
.mi_half {display:flex; gap:1.75rem 1.5rem; flex-wrap:wrap;}
.mi_half li {width:calc(50% - 0.75rem);}
.mi_half li .gray_bgbox {height:12.5rem; display:flex; justify-content:center; align-items:center; padding:2rem;}
.color_type_area > p {margin-bottom:1.5rem;}
.color_type_area .color_section ~ .color_section {margin-top:3.125rem;}
.type_main_color li {position:relative; padding-left:17rem; height:15rem; display:flex; align-items:center;}
.type_main_color li > span {position:absolute; top:0; left:0; width:15rem; aspect-ratio:1/1; font-size:var(--font-size-heading-xsmall); font-weight:bold; gap:0.25rem; border-radius:50%;}
.type_main_color li > span strong {font-size:var(--font-size-heading-medium);}
.type_main_color p {font-size:var(--font-size-body-large);}
.type_main_color .c1 > span {background:#000; color:#fff;}
.type_main_color .c2 > span {background:#fff; border:var(--grey) 1px solid;}
.color_type {display:flex; flex-wrap:wrap; gap:2.5rem 1rem;}
.main_color {padding:3rem 2.25rem;}
.sub_color {padding:1.875rem 2.25rem;}
.color_type li {width:calc((100% - 3rem)/4); font-size:var(--font-size-body-small);}
.color_type .color {display:flex; align-items:center; gap:1rem; margin-bottom:.75rem; font-weight:700;}
.color_type .color i {width:5rem; height:2.5rem;}
.color_type .shp {display:block;}
.subcolor_type {display:flex; flex-wrap:wrap; gap:2.5rem 4rem; justify-content:space-between;}
.subcolor_type li {font-size:var(--font-size-body-small);}
.subcolor_type li i {display:block; width:4rem; aspect-ratio:1/1; border-radius:50%;}
.subcolor_type li strong {display:block; margin:1.25rem 0 0.5rem;}
.color_type li p,
.subcolor_type li p {font-size:inherit;}
.color_type li.c1 i {background:#000;}
.color_type li.c2 i {background:#fff; border:#ddd 1px solid;}
.color_type li.color01 i {background:#E6E6E6;}
.color_type li.color02 i {background:#D2D2D2;}
.color_type li.color03 i {background:#808080;}
.color_type li.color04 i {background:#5B5B5B;}
.color_type li.color05 i {background:#4D4D4D;}
.color_type li.color06 i {background:#F04437;}
.color_type li.color07 i {background:#F77CD1;}
.color_type li.color08 i {background:#F0FF82;}
.color_type li.color09 i {background:#1ECCDC;}
.color_type li.color10 i {background:#0D66D0;}

/* 통합검색 */
.total_search_top .serach_outbox {display:flex; gap:10px; max-width:100%;}
.total_search_top .serach_outbox select {width:10rem; height:5rem; border-radius:10px; border:#D2D2D2 1px solid;}
.total_search_top .serach_area {border:#D2D2D2 1px solid; margin-bottom:4rem; padding-right:5rem;}
.total_search_top select,
.total_search_top .serach_area input {font-size:var(--font-size-heading-medium); color:#999;}
.total_search_top .form_text {font-size:2rem; font-weight:bold;}
.total_search_list {border-top:var(--grey) 1px solid; margin-top:5rem; padding-top:1rem;}
.total_search_list .tit {position:relative; display:flex; align-items:center; gap:1rem; font-size:var(--font-size-heading-large); font-weight:bold; margin:4rem 0 2rem;}
.total_search_list .tit .count {font-size:var(--font-size-body-medium); font-weight:normal;}
.total_search_list .tit .btn {position:absolute; top:50%; right:0; transform:translateY(-50%);}
.total_search_list .search_menu {border-bottom:var(--light-grey) 1px solid; padding-bottom:2rem;}
.total_search_list .search_menu a {font-size:var(--font-size-body-medium);}
.total_search_list .search_menu a:before {content:"· ";}
.total_search_list .search_page a {display:block; padding:2rem 0; border-bottom:var(--light-grey) 1px solid;}
.total_search_list .search_page .tt {display:block; font-size:1.375rem; font-weight:500; margin-bottom:0.8rem;}
.total_search_list .search_page p {overflow:hidden; text-overflow:ellipsis; white-space:normal; word-wrap:break-word; display:-webkit-box; -webkit-box-orient:vertical; line-clamp:2; -webkit-line-clamp:2;}
.total_search_list .search_page p.t {font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.no_search {padding:5.75rem 1rem; text-align:center; background:#f8f8f8; border:var(--light-grey) 1px solid;}
.no_search:before {content:""; display:block; width:100%; height:49px; background:url('/pub/images/icon_no_search.svg') no-repeat 50% 50% / contain; margin-bottom:1rem;}

/* 약관들 */
.effective_date {font-size:var(--font-size-body-medium); margin-bottom:2.5rem;}
.terms_area h3 {display:block; font-size:var(--font-size-heading-medium); font-weight:bold; padding-bottom:1rem; border-bottom:#000 2px solid; margin:4rem 0 1.5rem;}
.terms_area h3.nbd_b {margin-bottom:0;}
.terms_area .effective_date + section h3 {margin-top:0;}
.terms_area h4 {display:block; font-size:var(--font-size-heading-small); font-weight:bold; margin:2.5rem 0 0.5rem;}
.terms_area h3 + h4 {margin-top:0;}
.terms_area p + ul {margin-top:1.5rem;}
.terms_area p,
.terms_area li {font-size:var(--font-size-body-medium);}
.terms_area .s {font-size:var(--font-size-body-small);}
.terms_area .gray_bgbox {padding:2.5rem; text-align:center; font-size:var(--font-size-body-large);}
.dots li:before {content:"· ";}
/* 이메일무단수집거부 */
.emailCollectionRefusal {background:#F8F8F8; padding:6.875rem; text-align:center;}
.emailCollectionRefusal h3 {display:block; font-size:var(--font-size-heading-large); font-weight:bold; margin-bottom:1.5rem;}
.emailCollectionRefusal p {font-size:var(--font-size-body-large);}
/* 저작권정책 */
.mark_type {display:flex; gap:1.5rem; margin-bottom:1.5rem;}
.mark_type li {width:calc((100% - 4.5rem)/4);}
.mark_type .type {font-size:var(--font-size-heading-xsmall); color:#fff; font-weight:bold; line-height:3.25rem; text-align:center; background:#000;}
.mark_type .flex_center {height:8.125rem; border:#000 1px solid; padding:0.5rem;}
.mark_area .gray_bgbox {margin-bottom:1.5rem;}
.mark_area .tbl {margin-top:2.5rem;}
/*발간물*/
.display_gallery_list .txt .tag {display:inline-block; font-size:var(--font-size-label-small); color:#fff; line-height:1.5rem; padding:0 0.5rem; border-radius:0.25rem; background:#000; margin-bottom:0.5rem;}