@charset "utf-8";
/* CSS Document */			
.flex .sect																				{ margin-top:5em; }
@media all and (max-width:1368px) {
	.flex .sect																			{ margin-top:4em; }
}
@media all and (max-width:1168px) {
	.flex .sect																			{ margin-top:0; }
}


.box_zoom .icon_zoom								{ bottom:2% !important;}
.box_zoom .icon_zoom::before						{ position:initial; }
.box_zoom .icon_zoom[target='_blank']::after		{ display:none; }


/************************* 조직도 *****************************/
.org_list												{ display:flex; flex-wrap:wrap; gap:10px;  }
.org_list>li											{ width:100%; display:flex; flex-flow:row wrap; gap:10px;}
.org_list>li>strong										{ display:flex; font-size:1.5rem; font-weight:700; }
.org_list>li .item										{ flex:auto; width:calc((100% - 20px) / 3); display:flex; flex-flow:column; gap:10px; padding:1.5em; border-radius:15px; background:var(--color-gray); }
.org_list>li .item dl									{ display:flex; flex-flow:column; gap:10px; }
.org_list>li .item dl>dt								{ font-size:1.3rem; font-weight:700 }
.org_list>li .item dl>dd.position						{ padding-left:0; font-size:1.167rem; font-weight:500; }
.org_list>li .item dl>dd.position::before				{ display:none; }
.org_list>li .item dl>dd								{ position:relative; padding-left:15px; line-height:1.3 }
.org_list>li .item dl>dd::before						{ position:absolute; left:0; top:7px; width:5px; height:5px; border-radius:100%; background:var(--color-point); content:''; }
.org_list>li .item .tel									{ display:flex; align-items:center; gap:10px; }
.org_list>li .item .tel::before							{ display:flex; width:13px; height:13px; content:''; background:url(/resource/shilhouse/images/contents/icon_tel.svg) no-repeat 50% 50% / contain; }
#section4.org_list>li									{ width:calc((100% - 1em) / 2); }
#section3.org_list>li .item							{ width:calc((100% - 10px) / 2); }
@media all and (max-width:1568px) {
	.org_list>li>strong									{ font-size:1.45rem; }
	.org_list>li .item									{ padding:1.25em; }
	.org_list>li .item dl>dt							{ font-size:1.25rem; }
	.org_list>li .item dl>dd.position					{ font-size:1.127rem; }	
}
@media all and (max-width:1368px) {
	.org_list>li>strong									{ font-size:1.4rem; }
	.org_list>li .item									{ padding:1.2em; }
	.org_list>li .item dl>dt							{ font-size:1.2rem; }
	.org_list>li .item dl>dd.position					{ font-size:1.067rem; }	
}
@media all and (max-width:1268px) {
	.org_list>li>strong									{ font-size:1.35rem; }
	.org_list>li .item									{ padding:1em 1.2em; width:calc((100% - 10px) / 2);}
	.org_list>li .item dl>dt							{ font-size:1.167rem; }
	.org_list>li .item dl>dd.position					{ font-size:1.03rem; }	
	.org_list>li .item dl>dd							{ font-size:.95rem; }
	.org_list>li .item dl>dd::before					{ top:6.5px; }
}
@media all and (max-width:1168px) {
	.org_list.active									{ display:flex !important; }
	.org_list>li .item									{ padding:1.5em; }
	.org_list>li+li										{ margin-top:10px; }
	#section4.org_list>li								{ width:100%; }
}
@media all and (max-width:768px) {
	.org_list>li .item									{ width:100%;}
  #section3.org_list>li .item							{ width:100%; }
}
@media all and (max-width:568px) {
	.org_list>li>strong									{ font-size:1.25rem; }
	.org_list>li .item									{ border-radius:10px; }
	.org_list>li .item dl								{ gap:5px; }
	.org_list>li .item dl>dt							{ font-size:1.03rem; }
	.org_list>li .item dl>dd.position					{ font-size:.95rem; }	
	.org_list>li .item dl>dd							{ font-size:.9rem; padding-left:12px; }
	.org_list>li .item dl>dd::before					{ top:6px; width:4px; height:4px; }
	#section4.org_list>li								{ width:100%; }
}

/******************************* 찾아오시는 길 *******************************/
.program_top .img_box.map_box															{ border-radius:15px; overflow:hidden; height:440px; }
.program_top .img_box.map_box .root_daum_roughmap										{ position:absolute; width:calc(100% + 10px); left:50%; top:50%;  transform:translate(-50%,-50%); }
.program_top .img_box.map_box .root_daum_roughmap .wrap_btn_zoom						{ z-index:1; }
.map .info dl>dd																		{ display:flex;  align-items:baseline; gap:10px; }
.map .info dl>dd .icon																	{ position:relative; display:flex; min-width:20px; height:20px; }
.map .info dl>dd .icon::before															{ position:absolute; width:100%; height:100%; left:0; top:0; content:''; background-position:50%; background-repeat:no-repeat; background-size:contain; margin-top:4px;}
.map .info dl>dd .add_icon::before														{ background-image:url(/resource/shilhouse/images/contents/icon_map01.svg); }
.map .info dl>dd .tel_icon::before														{ background-image:url(/resource/shilhouse/images/contents/icon_map02.svg); }
.map .info dl>dd .fax_icon::before														{ background-image:url(/resource/shilhouse/images/contents/icon_map03.svg); }
.map .info dl>dd .mail_icon::before														{ background-image:url(/resource/shilhouse/images/contents/icon_map04.svg); }
.map .info .public																		{ display:flex; align-items:center; border-radius:15px; padding:1.5em; background:var(--color-gray); gap:5px 10px; flex-wrap:wrap }
.map .info .public>li																	{ display:flex; align-items:center; gap:10px; }
.map .info .public>li:first-child::after												{ display:inline-block; vertical-align:middle; content:'→'; font-size:1.1rem; color:var(--color-point) }
.map .info .public>li .icon																{ position:relative; display:flex; width:20px; height:20px; }
.map .info .public>li .icon::before														{ position:absolute; width:100%; height:100%; left:0; top:0; content:''; background-position:50%; background-repeat:no-repeat; background-size:contain }
.map .info .public>li .icon1::before													{ background-image:url(/resource/shilhouse/images/contents/icon_map06.svg); }
.map .info .public>li .icon2::before													{ background-image:url(/resource/shilhouse/images/contents/icon_map05.svg); }
.root_daum_roughmap a[target='_blank']::after											{ display:none; }
@media all and (max-width:1024px) {
	.program_top .img_box.map_box														{ height:400px; }
	.map .program_top .info dl															{ margin-top:0; }
}
@media all and (max-width:868px) {
	.program_top .img_box.map_box														{ height:350px; }
}
@media all and (max-width:668px) {
	.program_top .img_box.map_box														{ height:300px; }
}
@media all and (max-width:468px) {
	.program_top .img_box.map_box														{ height:250px; }
	.map .info dl>dd .icon::before														{ margin-top:5px; }
	.map .info .public																	{ padding:1em; }
}

/************************* 프로그램 *****************************/
.program_top																			{ display:flex; flex-wrap:wrap; --sizeWidth:860px; --sizeHig:460px; }
.program_top .img_box																	{ position:relative; width:var(--sizeWidth); height:var(--sizeHig); }
.program_top .img_box .programSwiper1													{ position:absolute; width:80px; left:1em; top:50%; z-index:2; transform:translateY(-50%); height:calc(100% - 10em); }
.program_top .img_box .programSwiper1 .swiper-slide										{ position:relative; height:70px; overflow:hidden;  border-radius:5px; box-sizing:border-box;}
.program_top .img_box .programSwiper1 .swiper-slide img									{ position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; transform:translate(-50%,-50%);  object-fit:cover; z-index:1 }
.program_top .img_box .programSwiper1 .swiper-slide::before								{ position:absolute; width:100%; height:100%; border:2px solid var(--color-point); border-radius:5px; left:0; top:0; opacity:0; content:''; z-index:3; 
																							transition:all ease 0.3s; }
.program_top .img_box .programSwiper1 .swiper-slide::after								{ position:absolute; width:100%; height:100%; background:var(--color-base); border-radius:5px; left:0; top:0; content:''; z-index:1; transition:all ease 0.2s;
																							 opacity:.3 }
.program_top .img_box .programSwiper1 .swiper-slide.swiper-slide-thumb-active::before	{ opacity:1;}
.program_top .img_box .programSwiper1 .swiper-slide.swiper-slide-thumb-active::after	{ opacity:0 }
.program_top .img_box .programSwiper2 .swiper-slide .name								{ position:absolute; right:1em; bottom:1em; font-size:.95rem; padding:7px 15px; border-radius:25px; background:rgba(255,255,255,.65); backdrop-filter:blur(10px);
																							 z-index:2; font-weight:600 }
.program_top .img_box .programSwiper2 .swiper-slide										{ position:relative; height:var(--sizeHig); border-radius:15px; overflow:hidden; box-sizing:border-box;}
.program_top .img_box .programSwiper2 .swiper-slide img									{ position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; transform:translate(-50%,-50%);  object-fit:cover; z-index:1 }
								
.program_top .info											{ width:calc(100% - var(--sizeWidth)); padding-left:80px; }
.program_top .info .eng										{ display:inline-flex; font-size:.9em; font-weight:400; color:var(--color-white); height:36px; padding:0 20px; border-radius:25px; background:var(--color-point); align-items:center; 
																letter-spacing:.025em; text-transform:uppercase }
.program_top .info dl										{ position:relative; display:flex; flex-flow:column; margin-top:1.25em; padding-bottom:1.25em; margin-bottom:2em }
.program_top .info dl>dt									{ font-size:2.19em; font-weight:700; color:var(--color-point) }
.program_top .info dl>dd									{ font-size:1.13em; font-weight:500; line-height:1.6; }
.program_top .info dl::before								{ position:absolute; width:calc(100% + 160px); height:1px; background:var(--color-base); content:''; left:-160px; bottom:0; z-index:3; opacity:.1 }
.program_list												{ display:flex; flex-flow:column; gap:10px; margin-top:1em }
.program_list.flow_wrap                        				{ flex-flow:wrap; }
.program_list>li											{ position:relative;padding-left: 1.5em;font-size:1.13em;font-weight:500; }
.program_list>li::before									{ position:absolute;width:21px;height:21px;border-radius:100%;background:var(--color-point);content:'';left:0; top: .2em; }
.program_list>li::after										{ position:absolute;width:5px;height:9px;border-style:solid;border-width:0 2px 2px 0;border-color:var(--color-white);content:'';left:8px;top: .45em;transform:rotate(45deg); }
.program_list>li>ul>li										{ position:relative; padding-left:.8em; font-size:.95em; margin-top:.3em }
.program_list>li>ul>li:before								{ content:""; display:block; width:7px; height:2px; background:var(--color-point); position:absolute; top:.65em; left:0; }
	
.program_info_list											{ margin-top:3.13em; display:flex; flex-wrap:wrap; gap:1em; }
.program_info_list.flow_row									{ flex-flow:row; }
.program_info_list	>li										{ width:calc((100% - 1em) / 2); border-radius:15px; background:var(--color-light-gray); padding:2em 3em; display:flex; flex-flow:column; gap:1em }
.program_info_list.col03>li									{ width:calc((100% - 2em) / 3); }
.program_info_list	>li .icon								{ position:relative; width:58px; height:47px; }
.program_info_list	>li .icon::before						{ position:absolute; width:100%; height:100%; left:0; top:0; background-position:left bottom; background-repeat:no-repeat; background-size:contain; content:''; }
.program_info_list	>li .icon1::before						{ background-image:url(/resource/shilhouse/images/contents/icon_program01.svg); }
.program_info_list	>li .icon2::before						{ background-image:url(/resource/shilhouse/images/contents/icon_program02.svg); }
.program_info_list	>li .icon3::before						{ background-image:url(/resource/shilhouse/images/contents/icon_program03.svg); }
.program_info_list	>li .icon4::before						{ background-image:url(/resource/shilhouse/images/contents/icon_program04.svg); }
.program_info_list	>li .icon5::before						{ background-image:url(/resource/shilhouse/images/contents/icon_program05.svg); }
.program_info_list	>li dl									{ display:flex; flex-flow:column;}
.program_info_list	>li dl>dt								{ font-size:1.25em; font-weight:700; }
.program_info_list	>li dl>dd								{ font-size:1.13em; font-weight:500; }
@media all and (max-width:1768px) {
	.program_top											{ --sizeWidth:760px; }
	.program_top .info										{ padding-left:60px; }
	.program_top .img_box .programSwiper1					{ height:calc(100% - 5em); }
	
	.program_top .info .eng									{ font-size:.9em; height:36px; padding:0 20px;  }
	.program_top .info dl									{ margin-top:1.25em; padding-bottom:1.25em; margin-bottom:2em }
	.program_top .info dl>dt								{ font-size:2.19em;}
	.program_top .info dl>dd								{ font-size:1.13em; }
	.program_list											{ margin-top:1em }
	.program_list>li										{ font-size:1.13em; }
	.program_list>li::before								{ width:21px;height:21px; }
	.program_list>li::after									{ width:5px;height:9px;left:8px; }
	.program_info_list										{ margin-top:3.13em; gap:1em; }
	.program_info_list	>li									{ width:calc((100% - 1em) / 2); border-radius:15px;  padding:2em 3em;  gap:1em }
	.program_info_list	>li .icon							{ width:58px; height:47px; }
	.program_info_list	>li dl>dt							{ font-size:1.25em; }
	.program_info_list	>li dl>dd							{ font-size:1.13em; }
}
@media all and (max-width:1668px) {
	.program_top											{ --sizeHig:430px;  }
	.program_top .info										{ padding-left:50px; }
	
	.program_top .info .eng									{ font-size:.85rem; height:34px; padding:0 18px;  }
	.program_top .info dl									{ margin-top:1.2em; padding-bottom:1.2em; margin-bottom:1.8em }
	.program_top .info dl>dt								{ font-size:2.1em;}
	.program_top .info dl>dd								{ font-size:1.1em; }
	.program_list											{ margin-top:.75em }
	.program_list>li										{ font-size:1.1em; padding-left:1.7em }
	.program_list>li::before								{ top:.1em }
	.program_list>li::after									{ top:.4em }
	.program_info_list										{ margin-top:3em;  }
	.program_info_list	>li									{ padding:1.8em 2.5em; }
	.program_info_list	>li dl>dt							{ font-size:1.2em; }
	.program_info_list	>li dl>dd							{ font-size:1.1em; }
}
@media all and (max-width:1468px) {
	.program_top											{ --sizeWidth:720px;  }
	.program_top .info										{ padding-left:40px; }
	
	.program_top .info .eng									{ font-size:.8rem;  padding:0 16px;  }
	.program_top .info dl									{ margin-top:1.15em; padding-bottom:1.15em; margin-bottom:1.5em }
	.program_top .info dl>dt								{ font-size:2em;}
	.program_list											{ margin-top:.5em }
	.program_list>li										{ font-size:1em; }
	.program_info_list										{ margin-top:2.5em;  }
	.program_info_list	>li									{ padding:1.5em 2em; }
	.program_info_list	>li dl>dt							{ font-size:1.167em; }
}
@media all and (max-width:1168px) {
	.program_top .img_box										{ width:100%; }
	.program_top .info											{ width:100%; padding-left:0; margin-top:1.5em }
	.program_top												{ --sizeHig:200px; }
	.program_top .img_box										{ height:inherit; border-radius:0 }
	.program_top .img_box .programSwiper1						{ position:inherit; width:100%; height:inherit; left:inherit; top:inherit; transform:inherit; margin-top:10px; }
	.program_top .img_box .programSwiper1 .swiper-slide			{ height:0; padding-top:12.25%;  } 
	.program_top .img_box .programSwiper1 .swiper-slide::before,
	.program_top .img_box .programSwiper1 .swiper-slide::after	{ border-radius:5px; }
	.program_top .img_box .programSwiper2 .swiper-slide			{ height:0; padding-top:53.488%; }
	.program_top .info dl										{ margin-bottom:-.5em; }
  	.program_info_list.flow_row									{ flex-flow:wrap; }
	.program_info_list.flow_row li								{ flex:1 0 auto; }
	
}
@media all and (max-width:668px) {
	.program_info_list.col03>li									{ width:100%;  }
}
@media all and (max-width:668px) {
	.program_top .img_box .programSwiper1 .swiper-slide		{ padding-top:18.25%; border-radius:5px;  } 
	.program_top .info .eng									{ font-size:.75rem; height:32px; padding:0 15px;  }
	.program_top .info dl									{ margin-top:1em; padding-bottom:1.5em; margin-bottom:0 }
	.program_top .info dl>dt								{ font-size:1.67em;}
	.program_top .info dl>dd								{ font-size:.95rem; }
	.program_list											{ margin-top:.5em }
	.program_list>li										{ padding-left:1.5em; font-size:1rem; }
	.program_list>li::before								{ width:19px; height:19px; top:3px; }
	.program_list>li::after									{ left:7px; top:7px; }
	.program_info_list										{ margin-top:2em; gap:1em; }
	.program_info_list	>li									{ width:100%; border-radius:10px;  padding:1.5em;  gap:1em }
  	
	.program_info_list	>li .icon							{ width:58px; height:47px; }
	.program_info_list	>li dl>dt							{ font-size:1.067rem; }
	.program_info_list	>li dl>dd							{ font-size:1rem; }
}
@media all and (max-width:468px) {
	.program_top .info .eng									{ font-size:.7rem; height:30px; padding:0 12px;  }
	.program_top .info dl>dt								{ font-size:1.57em;}
	.program_top .info dl>dd								{ font-size:.9rem; }
	.program_list>li										{ font-size:.95rem; }
	.program_list>li::before								{ width:17px; height:17px; top:3px; }
	.program_list>li::after									{ left:6px; top:6px; }
	.program_info_list	>li .icon							{ width:58px; height:47px; }
	.program_info_list	>li dl>dt							{ font-size:1.03rem; }
	.program_info_list	>li dl>dd							{ font-size:.95rem; }
}
/************************* 시설안내 *****************************/
.facility .program_top																	{ --sizeHig:560px }
.facility .program_top .img_box,
[data-subarea="fee"] .program_top .img_box												{ height:var(--sizeHig); border-radius:15px; overflow:hidden;}
.facility .program_top .img_box	img														{ position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; transform:translate(-50%,-50%);  object-fit:cover; z-index:1 }
.facility .program_top .program_list													{ flex-flow:row wrap; }
.facility .program_top .program_list>li													{ width:calc((100% - 20px) / 3) ;}

.flex .program_top																		{ --sizeHig:530px }
.flex .program_top .img_box																{ height:var(--sizeHig); }
.flex .program_top .img_box .thumbSwiper												{ position:absolute; width:80px; left:1em; top:50%; z-index:2; transform:translateY(-50%); height:calc(100% - 24em); }
.flex .program_top .img_box .thumbSwiper .swiper-slide									{ position:relative; height:70px;  border-radius:10px; overflow:hidden;  border-radius:10px; box-sizing:border-box;}
.flex .program_top .img_box .thumbSwiper .swiper-slide img								{ position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; transform:translate(-50%,-50%);  object-fit:cover; z-index:1 }
.flex .program_top .img_box .thumbSwiper .swiper-slide::before							{ position:absolute; width:100%; height:100%; border:2px solid var(--color-point); border-radius:10px; left:0; top:0; opacity:0; content:''; z-index:3; 
																							transition:all ease 0.3s; }
.flex .program_top .img_box .thumbSwiper .swiper-slide::after							{ position:absolute; width:100%; height:100%; background:var(--color-base); border-radius:10px; left:0; top:0; content:''; z-index:1; transition:all ease 0.2s; 
																								opacity:.3 }
.flex .program_top .img_box .thumbSwiper .swiper-slide.swiper-slide-thumb-active::before{ opacity:1;}
.flex .program_top .img_box .thumbSwiper .swiper-slide.swiper-slide-thumb-active::after	{ opacity:0 }
.flex .program_top .img_box .mySwiper .swiper-slide .name								{ position:absolute; right:1em; bottom:1em; font-size:.95rem; padding:7px 15px; border-radius:25px; background:rgba(255,255,255,.65); backdrop-filter:blur(10px); 
																							z-index:2; font-weight:600 }
.flex .program_top .img_box .mySwiper .swiper-slide										{ position:relative; height:var(--sizeHig);  border-radius:10px; overflow:hidden; box-sizing:border-box;}
.flex .program_top .img_box .mySwiper .swiper-slide img									{ position:absolute; top:50%; left:50%; min-width:100%; min-height:100%; transform:translate(-50%,-50%);  object-fit:cover; z-index:1 }
.dt_list																				{ display:flex; flex-flow:column; margin-top:1em; gap:10px; }
.dt_list>li																				{ position:relative; padding-left:15px; font-size:1em; }
.dt_list>li::before																		{ position:absolute; left:0; top:8px; width:5px; height:5px; border-radius:100%; background:var(--color-point); content:''; }


@media all and (max-width:1768px) {
	.facility .program_top																{ --sizeHig:469px; }
	.flex .program_top																	{ --sizeHig:444px }
  	.flex .program_top .img_box .thumbSwiper											{ height: calc(100% - 20em); }
}
@media all and (max-width:1568px) {
	.flex .program_top																	{ --sizeWidth:730px; }
	.flex .program_top .info dl>dt														{ font-size:1.9em; }
	.flex .program_top .info .eng														{ font-size:.8rem; }
}
@media all and (max-width:1468px) {
	.flex .program_top																	{ --sizeWidth:680px; }
	.flex .program_top .info dl>dt														{ font-size:1.7em; }
	.flex .program_top .info .sub_title													{ margin-top:1em; }
}
@media all and (max-width:1368px) {
	.facility .program_top .sub_title													{ margin-top:1em; }
	.facility .program_top .program_list>li												{ width:calc((100% - 10px) / 2) ;}
}
@media all and (max-width:1268px) {
	.flex .program_top																	{ --sizeWidth:620px; --sizeHig:400px }
	.flex .program_top .info dl>dt														{ font-size:1.6em; }
	.flex .program_top .info .eng														{ font-size:.75rem; }
}
@media all and (max-width:1168px) {
	.facility .program_top .img_box,
	.flex .program_top .img_box,
  	[data-subarea="fee"] .program_top .img_box									{ height:inherit; }
  	.facility .program_top .img_box img											{ pointer-events:none; }
	.flex .program_top .img_box .thumbSwiper						{ position:inherit; width:100%; height:inherit; left:inherit; top:inherit; transform:inherit; margin-top:10px; }
	.flex .program_top .img_box .thumbSwiper .swiper-slide			{ height:0; padding-top:27.25%;  } 
	.flex .program_top .img_box .thumbSwiper .swiper-slide::before,
	.flex .program_top .img_box .thumbSwiper .swiper-slide::after	{ border-radius:5px; }
	.flex .program_top .img_box .mySwiper .swiper-slide				{ height:0; padding-top:53.488%; }
	.flex .program_top .img_box .mySwiper .swiper-slide .name		{ padding:5px 12px; font-size:.9rem; }
	.facility .program_top .img_box									{ padding-top:53.488%; }
	.facility .program_top .program_list>li							{ width:calc((100% - 20px) / 3) ;}
	.flex .sect														{ display:none; }
	.flex .sect.active												{ display:block; }
}
@media all and (max-width:668px) {
	.flex .program_top .img_box .thumbSwiper .swiper-slide			{ padding-top:25.25%; border-radius:5px;  }
	.flex .program_top .img_box .mySwiper .swiper-slide .name		{ font-size:.85rem; }
	.facility .program_top .program_list>li							{ width:calc((100% - 10px) / 2) ;}
	.flex .program_top .info dl>dt									{ font-size:1.67em; }
}
@media all and (max-width:368px) {
	.facility .program_top .program_list>li							{ width:100% ;}
}
/**********************************************************************

						모달

**********************************************************************/
.modal																					{ position:fixed; left:0; top:0; width:100%; height:100%; overflow:auto; z-index:999;	}
.modal::before																			{ position:absolute; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,.5); backdrop-filter:blur(10px); transition:opacity 0.2s ease; opacity:0; content:''; }
.modal																					{ display:none; }
.modal.active																			{ display:block; }
.modal.active::before																	{ opacity:1; }
.modal .modal_cont																		{ width:94%; max-width:1400px; position:absolute; left:50%; top:50%; border-radius:15px; background:var(--color-white); transform:translate(-50%,-50%); padding:2em}
.modal .program_top .program_list>li													{ width:100%; }
.modal .close_btn																		{ position:absolute; display:flex; right:-10px; top:-10px; border-radius:100%; background:var(--color-point); width:40px; height:40px; font-size:.001px; text-indent:-9999em;  }
.modal .close_btn::before,
.modal .close_btn::after																{ position:absolute; width:15px; height:1px; background:var(--color-white); left:50%; top:50%; content:''; }
.modal .close_btn::before																{ transform:translate(-50%,-50%) rotate(45deg); }
.modal .close_btn::after																{ transform:translate(-50%,-50%) rotate(-45deg); }
/* 스와이퍼 */
.modal .mySwiper																		{ height:100%; }										 
.modal .swiper_control																	{ display:inline-flex; align-items:center; justify-content:center; line-height:1; z-index:2; position:absolute; right:1em; top:1em; padding:5px 10px 5px 15px; border-radius:50px; background:var(--color-white)}
.modal .swiper_control .swiper_prev														{ display:flex; cursor:pointer; align-items:center; justify-content:center; }
.modal .swiper_control .swiper_prev::before												{ display:inline-block; width:14px; height:7px; background:url(/resource/shilhouse/images/main/icon_prev.svg) no-repeat 50% 50% / contain; content:''; }
.modal .swiper_control .swiper_next														{ display:flex; cursor:pointer; align-items:center; justify-content:center; }
.modal .swiper_control .swiper_next::before												{ display:inline-block; width:14px; height:7px; background:url(/resource/shilhouse/images/main/icon_next.svg) no-repeat 50% 50% /  contain; content:''; }
.modal .swiper_control .swiper_auto														{ position:relative; display:flex; border-radius:100%;  }
.modal .swiper_control .swiper_auto::before												{ content:''; position:absolute; width:100%; height:100%; left:0; top:0; background-position:center; background-repeat:no-repeat; background-size:100%; 
																							background-size:auto 9px; }
.modal .swiper_control .swiper_auto.paused::before										{ background-image:url(/resource/shilhouse/images/main/icon_play.svg); }		
.modal .swiper_control .swiper_auto::before												{ background-image:url(/resource/shilhouse/images/main/icon_stop.svg); }		
.modal .swiper_control .control															{ display:flex; align-items:center; justify-content:center; gap:10px; }
.modal .swiper_control .swiper_page														{ display:flex; width:auto; margin-right:.5em; align-items:center; justify-content:center; font-size:.88em; gap:5px; line-height:1 }
.modal .swiper_control .swiper_page .swiper-pagination-current							{ font-weight:900; color:var(--color-point) }
.modal .swiper_control .swiper_page i													{ position:relative; margin:0 5px }
.modal .swiper_control .swiper_page i::before											{ display:inline-block; width:1px; height:13px; vertical-align:middle; background:rgba(0,0,0,.4); content:''; transform:rotate(35deg); margin-top:-2px; }
.modal .swiper_control .swiper_page .swiper-pagination-total							{ opacity:.4; }
.modal .swiper_control .swiper_control:has(.swiper-button-lock) .control				{ display:none; }/* 슬라이드가 1개인경우 버튼 미노출 */
.modal .swiper_control .swiper_control:has(.swiper-button-lock) .icon_view				{ margin-left:0; }
.modal .swiper_control .swiper_control:has(.swiper-button-lock):not(:has(.icon_view))	{ display:none; }
.modal .swiper_control .swiper_prev,
.modal .swiper_control .swiper_next,
.modal .swiper_control .swiper_auto														{ width:30px; height:30px; opacity:.84 }
.modal .program_top .img_box .mySwiper .swiper-slide .name								{ position:absolute; right:1em; bottom:1em; font-size:.95rem; padding:7px 15px; border-radius:25px; background:rgba(255,255,255,.65); backdrop-filter:blur(10px); 
																							z-index:2; font-weight:600 }

@media all and (max-width:1168px) {
	.modal .modal_cont																	{ max-height:90svh; overflow-y:auto; overflow-x:hidden; }
	.modal .program_top .img_box														{ padding-top:0; }
	.modal .mySwiper 																	{ height:inherit; border-radius:15px; overflow:hidden}				
	.modal .program_top .img_box .mySwiper .swiper-slide								{ height:inherit; padding-top:53.488%;}	
	.modal .program_top .img_box														{ overflow:inherit; border-radius:0 }
	.modal .btn_area																	{ margin-top:2em; }
	.modal .close_btn																	{ position:relative; right:inherit; top:inherit; margin:0 auto }		
	.modal .program_top .img_box .mySwiper .swiper-slide .name							{ padding:5px 12px; font-size:.9rem; }		
	.modal .program_top .info dl::before												{ left:0; width:100%; }												
}
@media all and (max-width:668px){
	.modal .modal_cont																	{ padding:1em; }
	.modal .program_top .img_box .mySwiper .swiper-slide .name							{ font-size:.85rem; }
	.modal .swiper_control																{ position: initial; border:1px solid var(--color-line); margin:10px auto 0; display:flex; width:fit-content; }
	.modal .swiper_control .swiper_prev,
	.modal .swiper_control .swiper_next,
	.modal .swiper_control .swiper_auto													{ width:25px; height:25px; }
}

[data-subarea="history"] .section{position:relative; padding-bottom:8em;}
[data-subarea="history"] .section:before{content:""; display:block; width:1px; height:100%; background:#ddd; position:absolute; top:0; left:0; right:0; margin:auto;}
[data-subarea="history"] .section:after{content:""; display:block; width:10px; height:3px; background:#222; position:absolute; bottom:0; left:0; right:0; margin:auto;}

[data-subarea="history"] .history_list:not(:first-child){padding-top:8em;}

[data-subarea="history"] .title{display:flex; justify-content:center; font-size:1.8em; gap:.5em; margin-bottom:3em;}
[data-subarea="history"] .title p{width:2em; height:2em; overflow:hidden; position:relative; background:#222; color:#fff; display:flex; justify-content:center; align-items:center; line-height:5em; text-align:center;}
[data-subarea="history"] .title p:before{content:""; display:block; width:100%; height:4px; background:#222; position:absolute; top:.1em; left:0; bottom:0; margin:auto; z-index:1}
[data-subarea="history"] .title p:nth-child(5):before{display:none;}
[data-subarea="history"] .title span{font-weight:bold; transform:translateY(-2em); transition:all 1s;}
[data-subarea="history"] .title p:nth-child(2) span{transition-delay:.15s;}
[data-subarea="history"] .title p:nth-child(3) span{transition-delay:.3s;}
[data-subarea="history"] .title p:nth-child(4) span{transition-delay:.45s;}
[data-subarea="history"] .title p:nth-child(5) span{transition-delay:.6s;}
[data-subarea="history"] .title p:nth-child(6) span{transition-delay:.75s;}
[data-subarea="history"] .title p:nth-child(7) span{transition-delay:.9s;}
[data-subarea="history"] .active .title span{transform:translateY(0);}

[data-subarea="history"] .item_wrap{display:flex; flex-wrap:wrap; justify-content:space-between; gap:8em 0;}
[data-subarea="history"] .item{width:45%; opacity:0; transform:translateY(-4em); transition:all 1s}
[data-subarea="history"] .active .item{opacity:1; transform:translateY(0);}
[data-subarea="history"] .item:nth-child(2){display:flex; flex-wrap:wrap; align-items:end;}
[data-subarea="history"] .item:nth-child(2n){margin-top:8em}
[data-subarea="history"] .item dt{font-size:4em; font-weight:800}
[data-subarea="history"] .item dt:first-letter{color:var(--color-point);}
[data-subarea="history"] .item li{position:relative; padding-left:.7em; font-weight:500; font-size:1.1em}
[data-subarea="history"] .item li:not(:first-child){margin-top:.5em;}
[data-subarea="history"] .item li:before{content:""; display:block; width:5px; height:5px; border-radius:50%; background:#222; position:absolute; top:.54em; left:0;}
[data-subarea="history"] .item .img{margin-top:3em;}

@media all and (max-width:1168px){
	[data-subarea="history"] .section{padding-bottom:5em;}
	
	[data-subarea="history"] .history_list:not(:first-child){padding-top:0;}

	[data-subarea="history"] .title{font-size:1.5em; margin-bottom:2em; gap:.25em}
	[data-subarea="history"] .title p:before{height:3px;}

	[data-subarea="history"] .item_wrap{gap:2em 0;}
	[data-subarea="history"] .item:first-child{margin-bottom:3em}
	[data-subarea="history"] .item:nth-child(2n){margin-top:5em}
	[data-subarea="history"] .item dt{font-size:3em}
	[data-subarea="history"] .item .img{margin-top:2em;}
}
@media all and (max-width:768px){
	[data-subarea="history"] .section{padding-bottom:2em;}
	
	[data-subarea="history"] .title{font-size:1.3em; margin-bottom:1.5em;}
	[data-subarea="history"] .title p:before{height:2px;}
	
	[data-subarea="history"] .item_wrap{gap:2em 0;}
	[data-subarea="history"] .item:first-child{margin-bottom:1.5em}
	[data-subarea="history"] .item:nth-child(2n){margin-top:3em}
	[data-subarea="history"] .item dt{font-size:2.3em;}
	[data-subarea="history"] .item .img{margin-top:1.5em;}
}
@media all and (max-width:400px){
	[data-subarea="history"] .section{padding-bottom:0;}
	[data-subarea="history"] .section:before,
	[data-subarea="history"] .section:after{display:none;}

	[data-subarea="history"] .item_wrap{gap:2em 0;}
	[data-subarea="history"] .item:first-child{margin-bottom:0}
	[data-subarea="history"] .item:nth-child(2n){margin-top:0;}
	[data-subarea="history"] .item{width:100%}
}