@charset "utf-8";
/* CSS Document */
/**********************************************************************

 							모션

**********************************************************************/
@keyframes line {
    0% { height:0; }
    100% { height:40%; }
}
@keyframes line2 {
    0% { width:1%; }
    100% { width:75%;}
}
@keyframes img_box {
    0% { left:0; }
    100% { left:100%; }
}


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

 								관람안내

**********************************************************************/
[data-subarea] .guide_list									{ display:flex; gap:1.56em; flex-flow:row wrap  }
[data-subarea] .guide_list>li								{ display:flex; flex-flow:column; justify-content:space-between; width:calc((100% - 4.68em) / 4); border:1px solid #000; padding:2.5em; }
[data-subarea] .guide_list>li dl							{ display:flex; flex-flow:column; gap:3.13em; }
[data-subarea] .guide_list>li dl>dt							{ position:relative; font-size:1.38em; font-weight:bold; line-height:1; padding-bottom:clamp(0.75em, 1vw + 0.3em, 1em); border-bottom:1px solid #ccc; }
[data-subarea] .guide_list>li dl>dt::before					{ position:absolute; width:clamp(5em, 3vw + 2em, 8.18em); height:1px; bottom:-1px; left:0; background:#000; content:''; transition:var(--trans-ani);}
[data-subarea] .guide_list>li:hover dl>dt::before,
[data-subarea] .guide_list>li:focus dl>dt::before			{ width:100%; }
[data-subarea] .guide_list>li dl>dd							{ font-size:1.56em; font-weight:bold; display:flex; flex-flow:column; gap:.4em; }
[data-subarea] .guide_list>li dl>dd .ex						{ position:relative; width:100%; padding-left:.94em; font-size:1rem; font-weight:300; opacity:.74; line-height:1.2 }
[data-subarea] .guide_list>li dl>dd .ex::before				{ position:absolute; left:0; top:clamp(-.05em, 1vw + 0.5rem, -.07em); content:'※'; }
[data-subarea] .guide_list>li .icon							{ position:relative; display:flex; align-items:center; justify-content:end; margin-top:clamp(1.5em, 2vw + 1em, 3.75em); }
[data-subarea] .guide_list>li .icon::before					{ display:flex; content:''; background-repeat:no-repeat; background-position:center; background-size:contain;
    															-webkit-filter:grayscale(100%) brightness(50%); filter:grayscale(100%) brightness(50%); filter:grayscale(100%); filter:gray; -webkit-filter:grayscale(1); }
[data-subarea] .guide_list>li:hover .icon,
[data-subarea] .guide_list>li:focus .icon					{ animation:iconShow 0.7s ease-in-out 1 forwards; }
[data-subarea="guide"] .guide_list>li .icon1::before		{ width:clamp(50px, 5vw, 69px); height:clamp(54px, 5vw, 74px); background-image:url(/resource/ipjeomri/images/contents/icon_guide01.svg); }
[data-subarea="guide"] .guide_list>li .icon2::before		{ width:clamp(61px, 5vw, 86px); height:clamp(50px, 5vw, 70px); background-image:url(/resource/ipjeomri/images/contents/icon_guide02.svg); }
[data-subarea="guide"] .guide_list>li .icon3::before		{ width:clamp(61px, 5vw, 84px); height:clamp(53px, 5vw, 73px); background-image:url(/resource/ipjeomri/images/contents/icon_guide03.svg); }
[data-subarea="guide"] .guide_list>li .icon4::before		{ width:clamp(52px, 5vw, 72px); height:clamp(53px, 5vw, 73px); background-image:url(/resource/ipjeomri/images/contents/icon_guide04.svg); }


/* 출력수가 다른경우 */
[data-subarea] .guide_list.col05>li							{ width:calc((100% - 6.24em) / 5); padding:0; border:none }
[data-subarea] .guide_list.col05>li dl>dd,
[data-subarea] .guide_list.col03>li	dl>dd					{ font-size:1.167em; }
[data-subarea] .guide_list.col05>li .icon,
[data-subarea] .guide_list.col03>li	.icon					{ justify-content:flex-start; margin-top:clamp(1.5em, 2vw + 1em, 2.75em);}
[data-subarea] .guide_list.col03>li							{ width:calc((100% - 3.12em) / 3); padding:0; border:none  }
@media all and (max-width:1568px) {
    [data-subarea] .guide_list>li					{ padding:2em; }
    [data-subarea] .guide_list>li dl>dt				{ font-size:1.28em; }
    [data-subarea] .guide_list>li dl>dd				{ font-size:1.46em; }
}
@media all and (max-width:1468px) {
    [data-subarea] .guide_list						{ gap:1em }
    [data-subarea] .guide_list>li					{ width:calc((100% - 3em) / 4); padding:1.88em; }
    [data-subarea] .guide_list>li dl>dt				{ font-size:1.2em; }
    [data-subarea] .guide_list>li dl>dd				{ font-size:1.3em; }
    [data-subarea] .guide_list>li dl				{ gap:2em; }
	
	/* 출력수가 다른경우 */
	[data-subarea] .guide_list.col05,
	[data-subarea] .guide_list.col03				{ gap:3.5em 1em ;}
	[data-subarea] .guide_list.col05>li				{ width:calc((100% - 2em) / 3); }
	[data-subarea] .guide_list.col03>li				{ width:calc((100% - 2em) / 3); }
}
@media all and (max-width:1368px) {
    [data-subarea] .guide_list						{ gap:.5em }
    [data-subarea] .guide_list>li					{ width:calc((100% - 1.5em) / 4); padding:1.5em; }
    [data-subarea] .guide_list>li dl>dt				{ font-size:1.167em; }
    [data-subarea] .guide_list>li dl>dd				{ font-size:1.26em; }
    [data-subarea] .guide_list>li dl				{ gap:1.5em; }
    [data-subarea] .guide_list>li dl>dd .ex			{ font-size:.95rem; }
}
@media all and (max-width:1168px) {
    [data-subarea] .guide_list>li					{ width:calc((100% - .5em) / 2); }
}
@media all and (max-width:768px) {
	[data-subarea] .guide_list.col03				{ gap:1.5em; }
	[data-subarea] .guide_list.col03>li				{ width:100%; }
}
@media all and (max-width:768px) {
    [data-subarea] .guide_list>li dl>dd .ex			{ font-size:.9rem; }
    [data-subarea] .guide_list>li dl>dd .ex::before	{ top:-.1em; }
	
	/* 출력수가 다른경우 */
	[data-subarea] .guide_list.col05>li				{ width:calc((100% - 1em) / 2); }
	
}
@media all and (max-width:468px) {
    [data-subarea] .guide_list>li					{ width:100%; }
	
	/* 출력수가 다른경우 */
	[data-subarea] .guide_list.col05>li				{ width:100%; }
}




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

 								전시관 소개

**********************************************************************/
[data-subarea] .imgText_list										{ position:relative; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:end; margin-bottom:6em; padding-bottom:3% }
[data-subarea] .imgText_list::after									{ position:absolute; width:1px; left:43%; bottom:0; content:''; background:var(--color-base); animation:line cubic-bezier(0, .30, .43, 1) 2s 0.3s both;}
[data-subarea] .imgText_list::before								{ position:absolute;  height:1px; left:25%; bottom:0; content:''; background:var(--color-base); animation:line2 cubic-bezier(0, .30, .43, 1) 3s 0.4s both;}
[data-subarea] .img_box												{ position:relative; display:flex; align-items:center; width:40%; height:400px; overflow:hidden}
[data-subarea] .img_box::after										{ position:absolute; left:25%; top:0; width:1px; height:100%; background:rgba(255,255,255,.5); content:''; }
[data-subarea] .img_box::before 									{ content: ""; position:absolute; left:0; top:0; width:100%; height:100%; background:#fff; animation:img_box cubic-bezier(0, .30, .43, 1) 2s 0.3s both; }
[data-subarea] .img_box .eng										{ display:flex; width:100%; font-size:5em; flex-flow:column; text-transform:uppercase; color:rgba(255,255,255,.6);  }
[data-subarea] .img_box .eng::after									{ position:absolute; left:50%; top:0; width:1px; height:100%; background:rgba(255,255,255,.5); content:''; }
[data-subarea] .img_box .eng::before								{ position:absolute; left:75%; top:0; width:1px; height:100%; background:rgba(255,255,255,.5); content:''; }
[data-subarea] .img_box .eng i:nth-child(1)							{ padding-left:calc(25% - .06em); }	
[data-subarea] .img_box .eng i:nth-child(2)							{ padding-left:calc(50% - .025em); }
[data-subarea] .img_box .eng i:nth-child(3)							{ display:flex; justify-content:end; padding-right:calc(25% - .08em); }	
[data-subarea] .imgText_list .text									{ flex:auto; max-width:52%; display:flex; flex-flow:column; gap:2em; line-height:1.8; font-size:1.167em; color:var(--color-base) }
[data-subarea] .imgText_list .text>dt								{ font-size:3rem; font-weight:100;}


[data-subarea="introduction"] .img_box								{ background:url(/resource/ipjeomri/images/contents/img_introduction.jpg) no-repeat 50% 50% / cover}
[data-subarea="introduction"] .guide_list>li .icon1::before			{ width:clamp(51px, 5vw, 69px); height:clamp(53px, 5vw, 72px); background-image:url(/resource/ipjeomri/images/contents/icon_introduction01.svg); }
[data-subarea="introduction"] .guide_list>li .icon2::before			{ width:clamp(62px, 5vw, 82px); height:clamp(53px, 5vw, 72px); background-image:url(/resource/ipjeomri/images/contents/icon_introduction02.svg); }
[data-subarea="introduction"] .guide_list>li .icon3::before			{ width:clamp(57px, 5vw, 77px); height:clamp(53px, 5vw, 72px); background-image:url(/resource/ipjeomri/images/contents/icon_introduction03.svg); }
[data-subarea="introduction"] .guide_list>li .icon4::before			{ width:clamp(68px, 5vw, 92px); height:clamp(53px, 5vw, 72px); background-image:url(/resource/ipjeomri/images/contents/icon_introduction04.svg); }
[data-subarea="introduction"] .guide_list>li .icon5::before			{ width:clamp(71px, 5vw, 96px); height:clamp(53px, 5vw, 72px); background-image:url(/resource/ipjeomri/images/contents/icon_introduction05.svg); }
@media all and (max-width:1568px) {
	[data-subarea] .imgText_list::after								{ left:48%; }
	[data-subarea] .img_box											{ width:45%; }
	[data-subarea] .img_box .eng									{ font-size:4.8em; }
	[data-subarea] .imgText_list .text								{ max-width:49%; }
	[data-subarea] .imgText_list .text>dt							{ font-size:2.8rem; }
}
@media all and (max-width:1368px) {
	[data-subarea] .imgText_list::after								{ left:51%; }
	[data-subarea] .img_box											{ width:48%; height:380px; }
	[data-subarea] .img_box .eng									{ font-size:4.5em; line-height:1.4 }
	[data-subarea] .imgText_list .text								{ max-width:46%; font-size:1.13em; line-height:1.6; }
	[data-subarea] .imgText_list .text>dt							{ font-size:2.6rem; }
}
@media all and (max-width:1268px) {
	[data-subarea] .imgText_list									{ margin-bottom:5em; }
	[data-subarea] .imgText_list::after								{ left:54%; }
	[data-subarea] .img_box											{ width:51%; height:350px; }
	[data-subarea] .img_box .eng									{ font-size:4.3em; line-height:1.4 }
	[data-subarea] .imgText_list .text								{ max-width:43%; font-size:1.1em; }
	[data-subarea] .imgText_list .text>dt							{ font-size:2.4rem; }
}
@media all and (max-width:1168px) {
	[data-subarea] .imgText_list::after								{ left:100%; top:0; bottom:inherit }
	[data-subarea] .imgText_list::before							{ left:0;  }
	[data-subarea] .img_box											{ width:97%; height:300px; }
	[data-subarea] .img_box .eng									{ font-size:4em; line-height:1.3 }
	[data-subarea] .img_box .eng i:nth-child(3)						{ justify-content:flex-start; padding-right:0; padding-left:35% }	
	[data-subarea] .imgText_list .text								{ width:100%; max-width:inherit; font-size:1.067em; gap:1em; margin-top:2em }
	[data-subarea] .imgText_list .text>dt							{ font-size:2.3rem; }
	
	
	@keyframes line {
		0% { height:0; }
		100% { height:100%; }
	}
	@keyframes line2 {
		0% { width:1%; }
		100% { width:calc(100% + 3%);}
	}
}
@media all and (max-width:968px) {
	[data-subarea] .img_box											{ height:250px; }
	[data-subarea] .img_box .eng									{ line-height:1.2 }
	[data-subarea] .imgText_list .text>dt							{ font-size:2.2rem; }
}
@media all and (max-width:668px) {
	[data-subarea] .imgText_list									{ margin-bottom:4em; }
	[data-subarea] .img_box											{ height:230px; }
	[data-subarea] .img_box .eng									{ font-size:3.8em; font-weight:500; line-height:1.1 }
	[data-subarea] .imgText_list .text								{ margin-top:1.5em }
	[data-subarea] .imgText_list .text>dt							{ font-size:2.1rem; }
}
@media all and (max-width:568px) {
	[data-subarea] .img_box											{ height:220px; }
	[data-subarea] .img_box .eng									{ font-size:3.5em;line-height:1 }
	[data-subarea] .img_box .eng i:nth-child(3)						{ padding-left:20%; }
	[data-subarea] .imgText_list .text>dt							{ font-size:1.9rem; }
}
@media all and (max-width:468px) {
	[data-subarea] .imgText_list									{ margin-bottom:3.5em; }
	[data-subarea] .img_box											{ height:200px; }
	[data-subarea] .img_box .eng									{ font-size:3.3em;}
	[data-subarea] .img_box .eng i:nth-child(1)						{ padding-left:10%; }
	[data-subarea] .img_box .eng i:nth-child(2)						{ padding-left:0; display:flex; justify-content:end; padding-right:10%; }
	[data-subarea] .img_box .eng i:nth-child(3)						{ padding-left:17%; }
	[data-subarea] .imgText_list .text								{ margin-top:1.25em }
	[data-subarea] .imgText_list .text>dt							{ font-size:1.6rem; }
}
@media all and (max-width:368px) {
	[data-subarea] .img_box											{ height:180px; }
	[data-subarea] .img_box .eng									{ font-size:3em;}
	[data-subarea] .imgText_list .text								{ margin-top:1em }
	[data-subarea] .imgText_list .text>dt							{ font-size:1.45rem; }
}



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

 						연혁 및 조직도

**********************************************************************/
[data-subarea="history"] .img_box										{ background:url(/resource/ipjeomri/images/contents/img_history.jpg) no-repeat 50% 50% / cover}

/* 연혁 */
[data-subarea="history"] .history_wrap											{ position:relative; width:100%; padding:clamp(3em, 5vw, 6em) 0; background:#000; color:var(--color-white); overflow:hidden }
[data-subarea="history"] .history_wrap::before									{ position:absolute; width:100%; height:100%; left:0; top:0; background:url(/resource/ipjeomri/images/contents/bg_history.jpg) no-repeat 50% 50% / cover; content:''; opacity:.2; }
[data-subarea="history"] .history_wrap .h5_title								{ margin-top:0; }
[data-subarea="history"] .history_wrap .h5_title::after							{ background-color:var(--color-white); }
[data-subarea="history"] .history_wrap .historySwiper							{ margin-top:clamp(3em, 5vw, 4em); overflow:inherit }
[data-subarea="history"] .history_wrap .historySwiper::after					{ position:absolute; width:calc(100vw + 6vw); height:1px; background:#fff; left:-6vw; top:calc(clamp(60px, 7vw, 120px) - 10px); content:''; opacity:.2 }
[data-subarea="history"] .history_wrap .swiper-slide							{ width:auto; min-width:calc(100% / 3.5);}
[data-subarea="history"] .history_wrap .swiper-slide strong						{ position:relative; display:flex; font-size:clamp(2em, 3vw, 3.5em); font-weight:100; height:clamp(60px, 7vw, 120px); line-height:1; }
[data-subarea="history"] .history_wrap .swiper-slide strong::before				{ position:absolute; left:0; bottom:0px; width:1px; height:20px; background:#fff; content:''; }
[data-subarea="history"] .history_wrap .swiper-slide dl							{ position:relative; display:flex; flex-flow:column; gap:.5em; margin-top:clamp(2em, 3vw, 3em) }
[data-subarea="history"] .history_wrap .swiper-slide dl>dt						{ font-size:1.2em; font-weight:bold; opacity:.54 }
[data-subarea="history"] .history_wrap .swiper-slide dl>dd						{ position:relative; padding-left:15px; font-size:1.167em; font-weight:300; }
[data-subarea="history"] .history_wrap .swiper-slide dl>dd::before				{ position:absolute; left:0; top:.75em; width:7px; height:1px; background:#fff; content:''; }
[data-subarea="history"] .history_wrap .swiper_control							{ margin-top:-4.1em; display:flex; justify-content:end; }
[data-subarea="history"] .history_wrap .swiper_control .swiper_prev,
[data-subarea="history"] .history_wrap .swiper_control .swiper_next				{ width:50px; height:50px; border:1px solid var(--color-white); }
[data-subarea="history"] .history_wrap .swiper_control .swiper_next				{ margin-left:-1px; }
[data-subarea="history"] .history_wrap .swiper_control .swiper_prev::before,
[data-subarea="history"] .history_wrap .swiper_control .swiper_next::before		{ filter:invert(1); }
[data-subarea="history"] .history_wrap .swiper_control .control					{ display:flex; justify-content:center; }


/* 조직도 */
[data-subarea="history"] .org											{ display:flex; flex-wrap:wrap; gap:.5em }
[data-subarea="history"] .org>li										{ width:calc((100% - 1em) / 2); }
[data-subarea="history"] .org>li:first-child:nth-last-child(1),
[data-subarea="history"] .org>li:first-child:nth-last-child(1)~li		{ width:100%; }
[data-subarea="history"] .org>li>dl										{ display:flex; flex-wrap:wrap; background:rgba(0,0,0,.08) }
[data-subarea="history"] .org>li>dl>dt									{ width:100%; padding:10px 20px; background:var(--color-base); color:var(--color-white); font-size:1.267em; font-weight:500;  }
[data-subarea="history"] .org>li>dl>dd									{ position:relative; padding:20px; padding-right:0; }
[data-subarea="history"] .org>li>dl>dd+dd								{ margin-left:20px; }
[data-subarea="history"] .org>li>dl>dd+dd::before						{ position:absolute; left:0; top:48.5%; width:5px; height:5px; background:var(--color-base); opacity:.3; content:''; border-radius:100%; transform:translateY(-50%);}
@media all and (max-width:1568px) {
	[data-subarea="history"] .history_wrap .swiper-slide				{ min-width:calc(100% / 3); }
}
@media all and (max-width:1368px) {
	[data-subarea="history"] .history_wrap .swiper-slide				{ min-width:calc(100% / 2.5); }
}
@media all and (max-width:1024px) {
	[data-subarea="history"] .history_wrap .swiper_control							{ margin-top:-4.05em; }
	[data-subarea="history"] .history_wrap .swiper_control .swiper_prev,
	[data-subarea="history"] .history_wrap .swiper_control .swiper_next				{ width:42px; height:42px; }
}
@media all and (max-width:968px) {
	[data-subarea="history"] .history_wrap .swiper-slide				{ min-width:inherit; padding-right:10em}
	[data-subarea="history"] .org>li>dl>dd								{ width:100%; padding:15px 35px; }
	[data-subarea="history"] .org>li>dl>dd+dd							{ margin-left:0; padding-top:0px; }
	[data-subarea="history"] .org>li>dl>dd::before						{ position:absolute; left:20px; top:48.5%; width:5px; height:5px; background:var(--color-base); opacity:.3; content:''; border-radius:100%; transform:translateY(-50%);}
	[data-subarea="history"] .org>li>dl>dd+dd::before					{ left:20px; top:27.5%; }
}
@media all and (max-width:968px) {
	[data-subarea="history"] .history_wrap .swiper_control							{ margin-top:-3.8em; }
	[data-subarea="history"] .history_wrap .swiper_control .swiper_prev,
	[data-subarea="history"] .history_wrap .swiper_control .swiper_next				{ width:38px; height:38px; }
}
@media all and (max-width:868px) {
	[data-subarea="history"] .history_wrap .swiper_control							{ margin-top:-3.7em; }
	[data-subarea="history"] .history_wrap .swiper_control .swiper_prev,
	[data-subarea="history"] .history_wrap .swiper_control .swiper_next				{ width:35px; height:35px; }
}
@media all and (max-width:768px) {
	[data-subarea="history"] .history_wrap .swiper_control							{ margin-top:-3.65em; }
}
@media all and (max-width:668px) {
	[data-subarea="history"] .history_wrap .swiper_control							{ margin-top:-3.55em; }
	[data-subarea="history"] .org>li												{ width:100%; }
}
@media all and (max-width:568px) {
	[data-subarea="history"] .history_wrap .swiper_control							{ margin-top:-3.4em; }
}
@media all and (max-width:468px) {
	[data-subarea="history"] .history_wrap .swiper-slide							{ width:100%; }
	[data-subarea="history"] .history_wrap .swiper_control							{ margin-top:-3.3em; }
}



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

 						찾아오시는 길

**********************************************************************/
[data-subarea="location"]															{ display:flex; flex-wrap:wrap; justify-content:space-between; }
[data-subarea="location"] .map_box													{ width:calc(100% - 35em); overflow:hidden; border-bottom:1px solid rgba(0,0,0,.1) }
[data-subarea="location"] .map_box .root_daum_roughmap,
[data-subarea="location"] .map_box .root_daum_roughmap .wrap_map					{ width:100%; height:100% !important; }
[data-subarea="location"] .info_wrap												{ display:flex; flex-flow:column; gap:2em; width:35em; background:var(--color-base); color:var(--color-white); padding:2em }
[data-subarea="location"] .map_info,
[data-subarea="location"] .icon_loc													{ display:flex; flex-wrap:wrap; flex-flow:column; gap:1em }
[data-subarea="location"] .icon_loc													{ gap:0 }
[data-subarea="location"] .icon_loc>li												{ width:100%; }
[data-subarea="location"] .map_info dl												{ display:flex;  flex-flow:column; gap:0  }
[data-subarea="location"] .map_info dl>dt											{ font-size:clamp(2em, 2.5vw, 2.8em); font-weight:500; line-height:1 }
[data-subarea="location"] .map_info dl>dt::first-letter 							{ text-transform:uppercase;}
[data-subarea="location"] .map_info dl>dd											{ font-size:clamp(1.167em, 1.2vw, 1.3em); font-weight:300; line-height:1.4; margin-top:5px; }
[data-subarea="location"] .icon_loc	>li												{ position:relative; width:100%; padding:.5em 0; }
[data-subarea="location"] .icon_loc dl												{ position:relative; padding-left:6.5em; display:flex; align-items:flex-start; justify-content:center; flex-flow:column; min-height:5em;  }
[data-subarea="location"] .icon_loc dl>dt											{ position:absolute; left:0; top:50%; width:5em; height:5em; background:var(--color-white); border-radius:100%; transform:translateY(-50%); }
[data-subarea="location"] .icon_loc dl>dd											{ position:relative; display:block; font-size:.95rem; font-weight:300; line-height:1.2; padding-left:15px; }
[data-subarea="location"] .icon_loc dl>dd::before									{ position:absolute; left:0; top:.4em; width:4px; height:4px; border-radius:100%; background:var(--color-white); opacity:.4; content:''; }
[data-subarea="location"] .icon_loc dl>dd+dd										{ margin-top:6px; }
[data-subarea="location"] .icon_loc dl>dd strong                               		 {font-weight:600;}
[data-subarea="location"] .icon_loc .icon											{ position:relative; display:flex;  align-items:center; justify-content:center; }
[data-subarea="location"] .icon_loc .icon::before									{ display:flex; width:5em; height:5em; content:''; background-repeat:no-repeat; background-position:center; background-size:contain; }
[data-subarea="location"] .icon_loc .icon:hover::before,
[data-subarea="location"] .icon_loc .icon::focus::before							{ animation:iconShow 0.7s ease-in-out 1 forwards; }
[data-subarea="location"] .icon_loc .icon1::before									{ background-image:url(/resource/ipjeomri/images/contents/icon_loc01.svg); }
[data-subarea="location"] .icon_loc .icon2::before									{ background-image:url(/resource/ipjeomri/images/contents/icon_loc02.svg); }
[data-subarea="location"] .icon_loc .icon3::before									{ background-image:url(/resource/ipjeomri/images/contents/icon_loc03.svg); }
[data-subarea="location"] .icon_loc .icon4::before									{ background-image:url(/resource/ipjeomri/images/contents/icon_loc04.svg); }

@media all and (max-width:1568px) {
	[data-subarea="location"] .map_box												{ width:calc(100% - 30em); }
	[data-subarea="location"] .info_wrap											{ gap:2em; width:30em; padding:1.88em }
}
@media all and (max-width:1368px) {
	[data-subarea="location"] .info_wrap											{ gap:3em; }
	[data-subarea="location"] .map_box												{ width:100%; height:400px }
	[data-subarea="location"] .info_wrap											{ width:100%; }
	[data-subarea="location"] .map_info,
	[data-subarea="location"] .icon_loc												{ flex-flow:row wrap; gap:.75em 3em }
	[data-subarea="location"] .icon_loc>li											{ width:calc((100% - 3em) / 2) }
}
@media all and (max-width:1168px) {
	[data-subarea="location"] .map_box												{ height:350px }
	[data-subarea="location"] .icon_loc												{ gap:.5em 3em }
	[data-subarea="location"] .icon_loc>li											{ width:inherit; flex:auto }
}
@media all and (max-width:568px) {
	[data-subarea="location"] .map_box												{ height:300px }
	[data-subarea="location"] .map_info>li											{ width:100%; }
}
@media all and (max-width:468px) {
	[data-subarea="location"] .info_wrap											{ padding:1.5em; gap:1em }
	[data-subarea="location"] .map_box												{ height:250px }
	[data-subarea="location"] .icon_loc												{ gap:0; }
	[data-subarea="location"] .icon_loc>li											{ padding:.25em 0; }
	[data-subarea="location"] .icon_loc dl											{ padding-left:0; }
	[data-subarea="location"] .icon_loc dl>dt										{ position:initial; transform:inherit; border-radius:0; background:inherit; }		
	[data-subarea="location"] .icon_loc dl>dt,
	[data-subarea="location"] .icon_loc .icon::before								{ width:4em; height:4em; filter:brightness(100); margin-left:-.65em }																	
}

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

 								고분 소개

**********************************************************************/
[data-subarea="tombintro"] .row_list												{ display:flex; flex-flow:column; }
[data-subarea="tombintro"] .row_list>li												{ width:100%; }
[data-subarea="tombintro"] .imgText_list .text										{ max-width:100%; font-size:1.067em; line-height:1.4; gap:1em }
[data-subarea="tombintro"] .imgText_list .text>dt									{ font-size:2rem; line-height:1.3; }
[data-subarea="tombintro"] .row_list>li .text_wrap									{ flex:auto; max-width:52%; }
[data-subarea="tombintro"] .row_list>li:nth-child(2n) .text_wrap					{ order:1; }
[data-subarea="tombintro"] .row_list>li:nth-child(2n) .img_box						{ order:2; }
[data-subarea="tombintro"] .row_list>li:nth-child(2n) .imgText_list::after			{ left:57%; }
[data-subarea="tombintro"] .row_list>li:nth-child(1) .img_box						{ background:url(/resource/ipjeomri/images/contents/img_tombintro01.jpg) no-repeat 50% 50% / cover }
[data-subarea="tombintro"] .row_list>li:nth-child(2) .img_box						{ background:url(/resource/ipjeomri/images/contents/img_tombintro02.jpg) no-repeat 50% 50% / cover }
[data-subarea="tombintro"] .row_list>li:nth-child(3) .img_box						{ background:url(/resource/ipjeomri/images/contents/img_tombintro03.jpg) no-repeat 50% 50% / cover }
[data-subarea="tombintro"] .row_list>li:nth-child(4) .img_box						{ background:url(/resource/ipjeomri/images/contents/img_tombintro04.jpg) no-repeat 50% 50% / cover }
[data-subarea="tombintro"] .imgText_list .text.mt40									{ margin-top:clamp(30px, 1.5vw, 40px); }
[data-subarea="tombintro"] .guide_list>li .icon1::before							{ width:clamp(52px, 5vw, 73px); height:clamp(53px, 5vw, 72px); background-image:url(/resource/ipjeomri/images/contents/icon_tombintro01.svg); }
[data-subarea="tombintro"] .guide_list>li .icon2::before							{ width:clamp(62px, 5vw, 82px); height:clamp(53px, 5vw, 72px); background-image:url(/resource/ipjeomri/images/contents/icon_tombintro02.svg); }
[data-subarea="tombintro"] .guide_list>li .icon3::before							{ width: clamp(68px, 5vw, 92px); height: clamp(53px, 5vw, 72px); background-image: url(/resource/ipjeomri/images/contents/icon_introduction04.svg); }

.basic_ul																			{ margin-top:1em;}
.basic_ul>li																		{ position:relative; padding-left:12px; line-height:1.4; font-size:1.067em; color:var(--color-base)}
.basic_ul>li+li																		{ margin-top:10px; }
.basic_ul>li strong																	{ font-weight:bold;}
.basic_ul>li:before																	{ content:''; display:block; position:absolute; left:0px; top:8px; width:5px; height:5px; background:var(--color-point); border-radius:100%;}
@media all and (max-width:1568px) {
	[data-subarea="tombintro"] .row_list>li .text_wrap									{ max-width:49%; }
	[data-subarea="tombintro"] .imgText_list .text>dt									{ font-size:1.8rem;  }
	[data-subarea="tombintro"] .row_list>li:nth-child(2n) .imgText_list::after			{ left:52%; }
	.basic_ul>li:before																	{ top:7.5px; }
}
@media all and (max-width:1368px) {
	[data-subarea="tombintro"] .row_list>li .img_box									{ width:97%; height:320px; }
	[data-subarea="tombintro"] .row_list>li .text_wrap									{ max-width:97%; margin-top:2em }
	[data-subarea="tombintro"] .imgText_list											{ margin-bottom:3em; }
	[data-subarea="tombintro"] .imgText_list .text>dt									{ font-size:1.7rem;  }
	[data-subarea="tombintro"] .row_list>li:nth-child(2n) .imgText_list::after			{ left:52%; }
	.basic_ul>li:before																	{ top:7.5px; }
	[data-subarea="tombintro"] .imgText_list::before									{ left:0; animation:line5 cubic-bezier(0, .30, .43, 1) 3s 0.4s both; }
	[data-subarea="tombintro"] .imgText_list::after										{ left:100%; top:0; bottom:inherit; animation:line4 cubic-bezier(0, .30, .43, 1) 3s 0.4s both;}
	[data-subarea="tombintro"] .row_list>li:nth-child(2n) .imgText_list::after			{ left:0%; }
	[data-subarea="tombintro"] .row_list>li:nth-child(2n) .imgText_list 				{ padding-left:3%; padding-bottom:0  }
	[data-subarea="tombintro"] .row_list>li:nth-child(2n) .imgText_list::before			{ bottom:inherit; top:0; left:inherit; right:0; }
	[data-subarea="tombintro"] .row_list>li:nth-child(2n) .img_box						{ margin-top:2em; }
	@keyframes line4 {
		0% { height:0; }
		100% { height:100%; }
	}
	@keyframes line5 {
		0% { width:1%; }
		100% { width:calc(100% + 3%);}
	}
}
@media all and (max-width:1168px) {
	[data-subarea="tombintro"] .imgText_list .text										{ margin-top:0; }
	[data-subarea="tombintro"] .imgText_list .text>dt									{ font-size:1.6rem;  }
}
@media all and (max-width:1024px) {
	[data-subarea="tombintro"] .row_list>li .img_box									{ height:300px; }
	[data-subarea="tombintro"] .imgText_list .text>dt									{ font-size:1.5rem;  }
	[data-subarea="tombintro"] .row_list>li:nth-child(2n) .img_box						{ margin-top:2em; }
	[data-subarea="tombintro"] .row_list>li:nth-child(2n) .text_wrap					{ margin-top:2em }
	.basic_ul>li:before																	{ top:6.5px; width:5px; height:5px; }
}
@media all and (max-width:868px) {
	[data-subarea="tombintro"] .row_list>li .img_box									{ height:250px; }
	[data-subarea="tombintro"] .imgText_list .text>dt									{ font-size:1.4rem;  }
	.basic_ul>li:before																	{ top:6px; }
}
@media all and (max-width:668px) {
	[data-subarea="tombintro"] .row_list>li .img_box									{ height:200px; }
	[data-subarea="tombintro"] .imgText_list .text>dt									{ font-size:1.35rem;  }
}
@media all and (max-width:468px) {
	[data-subarea="tombintro"] .row_list>li .img_box									{ height:150px; }
	[data-subarea="tombintro"] .imgText_list .text>dt									{ font-size:1.25rem;  }
	[data-subarea="tombintro"] .row_list>li .text_wrap,
	[data-subarea="tombintro"] .row_list>li:nth-child(2n) .text_wrap					{ margin-top:1em; }								
}
/**********************************************************************

 								시설안내

**********************************************************************/
[data-subarea="exhibition"]											{ position:relative; padding-top:3.75em; --sizeImg:47%; display:flex; flex-wrap:wrap; gap:3em 0; justify-content:space-between; }
[data-subarea="exhibition"]::before									{ position:absolute; width:1px; left:50%; top:0; content:''; background:var(--color-base); animation:line cubic-bezier(0, .30, .43, 1) 2s 0.3s both;}
[data-subarea="exhibition"]::after									{ position:absolute;  height:1px; left:0%; top:0; content:''; background:var(--color-base); animation:line2 cubic-bezier(0, .30, .43, 1) 3s 0.4s both;}
[data-subarea="exhibition"] .floorplan								{ position:relative; width:var(--sizeImg); display:flex; flex-flow:column; gap:5em  }
[data-subarea="exhibition"] .floorplan .list						{ display:flex; flex-flow:row wrap; gap:2em 1.5em }
[data-subarea="exhibition"] .floorplan .list>li						{ width:calc((100% - 3em) / 3); position:relative; padding-left:50px; line-height:1; }
[data-subarea="exhibition"] .floorplan .list>li::before				{ position:absolute; left:0; top:50%; width:10px; height:10px; border-radius:100%; transform:translateY(-50%); content:''; }
[data-subarea="exhibition"] .floorplan .list>li::after				{ position:absolute; left:10px; top:50%; width:30px; height:1px; transform:translateY(-50%); content:''; }
[data-subarea="exhibition"] .floorplan .list dl						{ display:flex; flex-wrap:wrap; align-items:center; font-size:1.267em; text-transform:uppercase; gap:10px; line-height:1 }
[data-subarea="exhibition"] .floorplan .list dl>dt					{ font-weight:300; }
[data-subarea="exhibition"] .floorplan .list dl>dd					{ font-weight:bold; }
[data-subarea="exhibition"] .floorplan .list>li.z1::before,
[data-subarea="exhibition"] .floorplan .list>li.z1::after			{ background:#f27ba5; }
[data-subarea="exhibition"] .floorplan .list>li.z1 dl>dt			{ color:#f27ba5; }
[data-subarea="exhibition"] .floorplan .list>li.z2::before,
[data-subarea="exhibition"] .floorplan .list>li.z2::after			{ background:#fba919; }
[data-subarea="exhibition"] .floorplan .list>li.z2 dl>dt			{ color:#fba919; }

[data-subarea="exhibition"] .floorplan .list>li.z3::before,
[data-subarea="exhibition"] .floorplan .list>li.z3::after			{ background:#a3c839; }
[data-subarea="exhibition"] .floorplan .list>li.z3 dl>dt			{ color:#a3c839; }
[data-subarea="exhibition"] .floorplan .list>li.z4::before,
[data-subarea="exhibition"] .floorplan .list>li.z4::after			{ background:#6cb9ab; }
[data-subarea="exhibition"] .floorplan .list>li.z4 dl>dt			{ color:#6cb9ab; }
[data-subarea="exhibition"] .floorplan .list>li.z5::before,
[data-subarea="exhibition"] .floorplan .list>li.z5::after			{ background:#576eb5; }
[data-subarea="exhibition"] .floorplan .list>li.z5 dl>dt			{ color:#576eb5; }
[data-subarea="exhibition"] .floorplan .list>li.z6::before,
[data-subarea="exhibition"] .floorplan .list>li.z6::after			{ background:#6f4b9d; }
[data-subarea="exhibition"] .floorplan .list>li.z6 dl>dt			{ color:#6f4b9d; }


[data-subarea="exhibition"] .exhibition								{ position:relative; width:var(--sizeImg);  }
[data-subarea="exhibition"] .swiper-slide							{ width:100%; }
[data-subarea="exhibition"] .slide_item								{ display:flex; flex-wrap:wrap;  }
[data-subarea="exhibition"] .slide_item .img_wrap					{ flex:none; width:100%; order:2; margin-top:2em;  }
[data-subarea="exhibition"] .slide_item .img_wrap .img				{ position:relative; display:block; width:100%; height:0; padding-top:70.886%; overflow:hidden; }
[data-subarea="exhibition"] .slide_item .img_wrap .img	img			{ position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);
    																	-webkit-transform:translate(-50%,-50%); -moz-transform: translate(-50%,-50%); object-fit:cover; -o-object-fit:cover; z-index:1}
[data-subarea="exhibition"] .slide_item .img_wrap .eng				{ position:absolute; left:.5em; bottom:-.2em; font-size:6.25em; font-weight:300; color:rgba(255,255,255,.2); z-index:2; line-height:1; text-transform:uppercase }
[data-subarea="exhibition"] .slide_item .text_wrap					{ flex:auto; display:flex; width:100%; align-items:flex-start; flex-flow:column; order:1  }
[data-subarea="exhibition"] .slide_item .text_wrap .color_point		{ font-size:1.56em; line-height:1 }
[data-subarea="exhibition"] .slide_item .text_wrap strong			{ font-size:2.63em; font-weight:bold; margin-top:.25em; line-height:1.2 }
[data-subarea="exhibition"] .slide_item .text_wrap .text			{ display:flex; flex-flow:column; gap:1.76em; font-size:1.06em; margin-top:2em;}
[data-subarea="exhibition"] .slide_item .text_wrap .text>dt			{ font-weight:bold; }
[data-subarea="exhibition"] .slide_item .text_wrap .text>dd			{ font-weight:300; line-height:1.5 }
[data-subarea="exhibition"] .swiper_control							{ width:var(--sizeImg); position:absolute; right:0; top:-3.75em; }
[data-subarea="exhibition"] .swiper_control .control				{ justify-content:end; }
[data-subarea="exhibition"] .swiper_prev,
[data-subarea="exhibition"] .swiper_next,
[data-subarea="exhibition"] .swiper_auto							{ width:clamp(35px, 4vw, 55px); height:clamp(35px, 4vw, 55px); border:1px solid #000; background-color:var(--color-white) }
[data-subarea="exhibition"] .swiper_auto							{ margin-left:-1px; margin-right:-1px; }


@media all and (max-width:1768px) {
    [data-subarea="exhibition"]										{ padding-top:3.5em; }
    [data-subarea="exhibition"] .slide_item .text_wrap .color_point	{ font-size:1.46em; }
    [data-subarea="exhibition"] .slide_item .text_wrap strong		{ font-size:2.53em; }
    [data-subarea="exhibition"] .slide_item .text_wrap .text		{ gap:1.76em; font-size:1.03em; }
}
@media all and (max-width:1668px) {
    [data-subarea="exhibition"]										{ padding-top:3em; }
	[data-subarea="exhibition"] .floorplan .list dl					{ font-size:1.167em; }
    [data-subarea="exhibition"] .slide_item .text_wrap .color_point	{ font-size:1.36em; }
    [data-subarea="exhibition"] .slide_item .text_wrap strong		{ font-size:2.43em; }
    [data-subarea="exhibition"] .slide_item .text_wrap .text		{ gap:1.5em; margin-top:3em;}
}
@media all and (max-width:1568px) {
    [data-subarea="exhibition"]										{ padding-top:2.5em;}
	[data-subarea="exhibition"] .floorplan .list					{ gap:1.5em; }
	[data-subarea="exhibition"] .floorplan .list>li					{ width:calc((100% - 1.5em) / 2); }
    [data-subarea="exhibition"] .slide_item .text_wrap .color_point	{ font-size:1.26em; }
    [data-subarea="exhibition"] .slide_item .text_wrap strong		{ font-size:2.25em; }
    [data-subarea="exhibition"] .slide_item .text_wrap .text		{ margin-top:2em;}
}
@media all and (max-width:1468px) {
	[data-subarea="exhibition"] .floorplan							{ gap:3.5em; }
    [data-subarea="exhibition"] .slide_item .text_wrap .color_point	{ font-size:1.2em; }
    [data-subarea="exhibition"] .slide_item .text_wrap strong		{ font-size:2em; }
    [data-subarea="exhibition"] .slide_item .text_wrap .text		{ margin-top:1.5em;}
    [data-subarea="exhibition"] .slide_item .img_wrap .eng			{ font-size:5.25em; }
}
@media all and (max-width:1268px) {
    [data-subarea="exhibition"]										{ --sizeImg:100%; padding-top:0; }
	[data-subarea="exhibition"] .floorplan							{ border:1px solid var(--color-base); padding:2em; align-items:end }
	[data-subarea="exhibition"] .floorplan .list					{ position:absolute; left:4em; top:4em; gap:1em; width:50%; }
	[data-subarea="exhibition"] .floorplan .list>li					{ width:calc((100% - 1em) / 2); }
	
	[data-subarea="exhibition"]::before								{ display:none }
	[data-subarea="exhibition"]::after								{ display:none; }
	[data-subarea="exhibition"] .exhibition::after					{ position:absolute;  height:1px; left:0%; top:0; content:''; background:var(--color-base); animation:line3 cubic-bezier(0, .30, .43, 1) 3s 0.4s both;}
	[data-subarea="exhibition"] .swiper_control						{ position:initial; }
	@keyframes line3 {
		0% { width:1%; }
		100% { width:calc(100% - 12em);}
	}
}
@media all and (max-width:968px) {
	[data-subarea="exhibition"] .floorplan .list					{ left:3em; top:3em; }
}	
@media all and (max-width:868px) {
	[data-subarea="exhibition"] .floorplan .list>li					{ width:100%; }
    [data-subarea="exhibition"] .exhibition							{ margin-top:1.5em }
    [data-subarea="exhibition"] .slide_item .text_wrap strong		{ font-size:1.9em; }
    [data-subarea="exhibition"] .slide_item .text_wrap .text		{ gap:1em; }
    [data-subarea="exhibition"] .slide_item .img_wrap .eng			{ font-size:4.25em; }
}
@media all and (max-width:568px) {
	[data-subarea="exhibition"] .floorplan .list					{ position:initial; width:100%; gap:1em .5em}
	[data-subarea="exhibition"] .floorplan .list>li					{ width:calc((100% - .5em) / 2); padding-left:30px; }	
	[data-subarea="exhibition"] .floorplan .list>li::before			{ width:6px; height:6px; }
	[data-subarea="exhibition"] .floorplan .list>li::after			{ left:6px; width:15px; }
	@keyframes line3 {
		0% { width:1%; }
		100% { width:calc(100% - 10em);}
	}
}
@media all and (max-width:468px) {
    [data-subarea="exhibition"] .floorplan .list>li					{ padding-left:15px; }	
	[data-subarea="exhibition"] .floorplan .list>li::before			{ width:7px; height:7px; top:0; transform:inherit; }
	[data-subarea="exhibition"] .floorplan .list>li::after			{ left:3px; width:1px; height:15px; top:6px; transform:inherit; }
	[data-subarea="exhibition"] .floorplan .list dl					{ flex-flow:column; align-items:flex-start; gap:5px; }
}
@media all and (max-width:368px) {
    [data-subarea="exhibition"] .slide_item .text_wrap strong		{ font-size:1.8em; }
    [data-subarea="exhibition"] .slide_item .img_wrap .eng			{ font-size:3.25em; }
}