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

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

 							운영현황

**********************************************************************/
[data-subarea="introduction"] .line_list>li .icon::before			{ width:76px; height:80px; background-position:center bottom}
[data-subarea="introduction"] .line_list>li .icon1::before			{ background-image:url(/resource/hamyeol/images/contents/icon_introduction01.svg); }
[data-subarea="introduction"] .line_list>li .icon2::before			{ background-image:url(/resource/hamyeol/images/contents/icon_introduction02.svg); }
[data-subarea="introduction"] .line_list>li .icon3::before			{ background-image:url(/resource/hamyeol/images/contents/icon_introduction03.svg); }
[data-subarea="introduction"] .line_list>li .icon4::before			{ background-image:url(/resource/hamyeol/images/contents/icon_introduction04.svg); }
@media all and (max-width:1668px){
    [data-subarea="introduction"] .line_list>li .icon::before		{ width:71px; height:75px; }
}
@media all and (max-width:1468px){
    [data-subarea="introduction"] .line_list>li .icon::before		{ width:67px; height:70px; }
}
@media all and (max-width:1268px){
    [data-subarea="introduction"] .line_list>li .icon::before		{ width:62px; height:65px; }
}
@media all and (max-width:568px){
    [data-subarea="introduction"] .line_list>li .icon::before		{ width:57px; height:60px; }
}



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

 							시설현황

**********************************************************************/
[data-subarea="facility"] .conts_tab .box_flex								{ align-items:flex-start; }
[data-subarea="facility"] .conts_tab .box_flex .img							{ flex:none; width:800px; }
[data-subarea="facility"] .conts_tab .box_flex .list_num					{ flex:auto; max-width:calc(100% - 800px - 3em); margin-top:0; margin-left:3em; padding:2em; display:flex; flex-wrap:wrap; gap:1em 2em; border-radius:15px; background:#ededed }
[data-subarea="facility"] .conts_tab .box_flex .list_num>li					{ width:calc((100% - 4em) / 3); } 
[data-subarea="facility"] .conts_tab .box_flex .list_num>li+li				{ margin-top:0; }
[data-subarea="facility"] .conts_tab .box_flex .list_num.point>li:before	{ background-color:var(--color-point); color:var(--color-white); }
@media all and (max-width:1568px){
	[data-subarea="facility"] .conts_tab .box_flex .img						{ width:700px; }
	[data-subarea="facility"] .conts_tab .box_flex .list_num				{ max-width:calc(100% - 700px - 3em); }
}
@media all and (max-width:1468px){
	[data-subarea="facility"] .conts_tab .box_flex .img						{ width:600px; }
	[data-subarea="facility"] .conts_tab .box_flex .list_num				{ max-width:calc(100% - 600px - 2em); margin-left:2em; padding:1.88em; }
}
@media all and (max-width:1268px){
	[data-subarea="facility"] .conts_tab .box_flex .img						{ width:500px; }
	[data-subarea="facility"] .conts_tab .box_flex .list_num				{ max-width:calc(100% - 500px - 2em); padding:1.5em; }
}
@media all and (max-width:1168px){
	[data-subarea="facility"] .conts_tab .box_flex .img						{ width:100%; }
	[data-subarea="facility"] .conts_tab .box_flex .list_num				{ max-width:100%; margin-top:1.5em; margin-left:0; }
}
@media all and (max-width:868px){
	[data-subarea="facility"] .conts_tab .box_flex .list_num>li:before		{ top:0; }
}
@media all and (max-width:668px){
	[data-subarea="facility"] .conts_tab .box_flex .list_num>li				{ width:calc((100% - 2em) / 2); } 
}
@media all and (max-width:414px){
	[data-subarea="facility"] .conts_tab .box_flex .list_num				{ gap:.75em; }
	[data-subarea="facility"] .conts_tab .box_flex .list_num>li				{ width:100%; } 
}



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

 							찾아오시는길

**********************************************************************/
[data-subarea="location"] .add											{ display:flex; flex-wrap:wrap; gap:1em; }
[data-subarea="location"] .add>li										{ position:relative; flex:auto; padding:1em; background:#ededed; border-radius:15px; font-size:1.3em; padding-left:2.5em }
[data-subarea="location"] .add>li .icon::before							{ position:absolute; left:1em; top:1.25em; display:inline-block; width:22px; height:22px; background-size:contain; background-position:center; background-repeat:no-repeat; content:''; 
																			vertical-align:middle; margin-right:.5em; filter:invert(50%) sepia(99%) saturate(4944%) hue-rotate(15deg) brightness(106%) contrast(99%); }
[data-subarea="location"] .add>li .icon1::before						{ background-image:url(/resource/hamyeol/images/contents/icon_map.svg); }
[data-subarea="location"] .add>li .icon2::before						{ background-image:url(/resource/hamyeol/images/contents/icon_tel.svg); }
[data-subarea="location"] .add>li:last-child							{ font-weight:bold; }
[data-subarea="location"] .add_info										{ display:flex; flex-flow:column; gap:.75em; }
[data-subarea="location"] .add_info dl									{ display:flex; flex-wrap:wrap; align-items:center; gap:.5em }
[data-subarea="location"] .add_info dl>dt								{ width:10em; border-radius:5px; line-height:1; padding:.75em 1em; text-align:center }
[data-subarea="location"] .add_info dl>dd								{ width:calc(100% - 10em - 1em); }
[data-subarea="location"] .add_info>li:nth-child(1) dl>dt				{ background:var(--color-point); color:var(--color-white); }
[data-subarea="location"] .add_info>li:nth-child(2) dl>dt				{ background:#3d9931; color:var(--color-white); }
[data-subarea="location"] .add_info>li:nth-child(3) dl>dt				{ background:#eb6101; color:var(--color-white); }
[data-subarea="location"] .map_box										{ border-bottom:1px solid rgba(0,0,0,.1); }
@media all and (max-width:868px){
	[data-subarea="location"] .add>li									{ width:100%; }
	[data-subarea="location"] .add_info dl>dd							{ width:100%; }
	[data-subarea="location"] .map_box									{ position:relative; height:350px; }
	#daumRoughmapContainer1751879329594									{ height:100% !important; }
}
@media all and (max-width:468px){
	[data-subarea="location"] .add>li									{ font-size:1.2em; line-height:1.3 }
	[data-subarea="location"] .add>li .icon::before						{ top:1em; }
	[data-subarea="location"] .map_box									{ height:300px; }
}