._facility {}
._facility .wrap {
	display: flex; padding-top: 100px; padding-bottom: 150px;
}
._facility .wrap .cont {width: 50%;}
._facility .wrap .cont.left {padding-right: 30px; box-sizing: border-box;}
._facility .wrap .cont.right {border-left: 1px solid #000; box-sizing: border-box; padding-left: 70px;}
._facility .wrap .box {padding-left: 45px; position: relative; margin-bottom: 30px;}
._facility .wrap .num {
	font-size: 18px; letter-spacing: -0.025em; font-weight: 500;
	width: calc(35/18*1em); height: calc(35/18*1em); border-radius: 50%;
	border: 1px solid #000; color: #000;
	box-sizing: border-box; display: flex; align-items: center; justify-content: center;
	position: absolute; left: 0;
}
._facility .wrap .num p { }
._facility .wrap .col {display: flex; align-items: center; flex-wrap: wrap; font-size: 16px; letter-spacing: -0.025em; color: #444444; line-height: 1.5; margin-bottom: 0.5em;}
._facility .wrap .col:nth-of-type(1) > * { margin-top: 2px; margin-bottom: 2px; }
._facility .wrap .col > p {display: inline-block; margin-right: calc(8/16*1em); }
._facility .wrap .col b { font-weight: 600; color: #000;}
._facility .wrap .col .red { color: #ff0000; display: inline-block;}
._facility .wrap .col small { font-size: 14px; padding: 0.3em 0; letter-spacing: -0.025em; font-weight: 500;}
._facility .wrap .flexBx{display: flex; align-items: flex-start; justify-content: flex-start; gap: 0.25em;}
._facility .wrap .flexBx > *:first-child{white-space: nowrap;}


._facility .wrap .category {
	font-size: 14px; letter-spacing: -0.025em; color: #fff; font-weight: 600;
	width: 67px; height: 25px; display: inline-flex; align-items: center; justify-content: center;
	margin-right: 10px;
}
html[lang="en"] ._facility .wrap .category{width: auto; padding: 0 4px; box-sizing: border-box;}

/* 색상,텍스트 */
._facility .wrap .category.n1::before { content:'문화재'; }
._facility .wrap .category.n2::before { content:'대사관'; }
._facility .wrap .category.n3::before { content:'박물관'; }
._facility .wrap .category.n4::before { content:'미술관'; }
._facility .wrap .category.n5::before { content:'공연장'; }
._facility .wrap .category.n6::before { content:'공공기관'; }
._facility .wrap .category.n7::before { content:'종교시설'; }

html[lang="en"] ._facility .wrap .category.n1::before { content:'Cultural Heritage'; }
html[lang="en"] ._facility .wrap .category.n2::before { content:'Embassy'; }
html[lang="en"] ._facility .wrap .category.n3::before { content:'Museum'; }
html[lang="en"] ._facility .wrap .category.n4::before { content:'Art gallery'; }
html[lang="en"] ._facility .wrap .category.n5::before { content:'Concert hall'; }
html[lang="en"] ._facility .wrap .category.n6::before { content:'Public institution'; }
html[lang="en"] ._facility .wrap .category.n7::before { content:'Religious facilities'; }

._facility .wrap .category.n1 { background-color: var(--blue); }
._facility .wrap .category.n2 { background-color: var(--light_green); }
._facility .wrap .category.n3 { background-color: var(--sky); }
._facility .wrap .category.n4 { background-color: var(--pink); }
._facility .wrap .category.n5 { background-color: var(--hot_pink); }
._facility .wrap .category.n6 { background-color: var(--peach); }
._facility .wrap .category.n7 { background-color: var(--yellow); }



._facility .wrap h4 {font-size: 20px; letter-spacing: -0.025em; font-weight: 700; margin-right: max(calc(10/20*1em),4px);}

._facility .wrap .ico-box { display: flex; margin-right: 20px; font-size: 1px; }
._facility .wrap .ico-box * { margin-right: 8px; background-size: contain; }
._facility .wrap .ico-box *:last-of-type { margin-right: 0; }
._facility .wrap .ico-box .green { width: 26em; height: 30em; background-image: url(/asset/img/sub/facility/ico01.png); }
._facility .wrap .ico-box .sky { width: 30em; height: 30em; background-image: url(/asset/img/sub/facility/ico02.png); }
._facility .wrap .ico-box .pink { width: 23em; height: 32em; background-image: url(/asset/img/sub/facility/ico03.png); }
._facility .wrap .ico-box .purple { width: 29em; height: 29em; background-image: url(/asset/img/sub/facility/ico04.png); }
._facility .wrap .ico-box .yellow { width: 21em; height: 28em; background-image: url(/asset/img/sub/facility/ico05.png); }
._facility .wrap .ico-box .orange { width: 35em; height: 25em; background-image: url(/asset/img/sub/facility/ico06.png); }

._facility .wrap .tag-box { display: inline-flex; align-items: center; }
._facility .wrap .tag-box .tag1 { background-color: var(--hot_pink); }
._facility .wrap .tag-box .tag2 { background-color: var(--sky); }
._facility .wrap .tag-box .tag3 { background-color: var(--pink); }
._facility .wrap .tag-box .tag-orange { background-color: var(--orange); }
._facility .wrap .tag-box em { font-weight: 500; letter-spacing: -0.025em; }
._facility .wrap .tag-box *[class*='tag'] {width: calc(80/16*1em); height: calc(25/16*1em); margin-right: 5px;display: flex; align-items: center; justify-content: center;}
._facility .wrap .tag-box *[class*='tag']::before { font-size: 14px; color: #fff; font-weight: 600; }
._facility .wrap .tag-box .tag1::before { content:'사전신청';}
html[lang='en'] ._facility .wrap .tag-box *[class*='tag'] { width: auto; padding: 0 7px; }
html[lang="en"] ._facility .wrap .tag-box .tag1::before { content:'Pre-registration'; }


@media screen and (max-width:1600px) { }
@media screen and (max-width:1440px) { }
@media screen and (max-width:1280px) {
	._facility .wrap .cont.right { border-color: #ddd; padding-left: 40px; }
}
@media screen and (max-width:1024px) {
	._facility .wrap .flexBx{flex-direction: column;}
}
@media screen and (max-width:820px) {
	._facility .wrap { flex-direction: column; }
	._facility .wrap .cont { width: 100%; }
	._facility .wrap .cont.right { padding-left: 0; border: none; }
}
@media screen and (max-width:500px) {
	._facility .wrap { padding-top: 60px; padding-bottom: 100px; word-break: keep-all; }
	._facility .wrap .cont.left { padding-right: 0; }

	._facility .wrap .box { padding-left: 40px; }
	._facility .wrap .num { font-size: 14px; }
	._facility .wrap h4 { font-size: 16px; margin-right: 10px; }
	._facility .wrap .col { font-size: 14px; }

	._facility .wrap .category { margin-right: 6px; font-size: 12px; }

	._facility .wrap .ico-box { margin-right: 10px; font-size: 0.8px; }
	._facility .wrap .ico-box div[class^='ico'] { margin-right: 6px; }

	._facility .wrap .tag-box *[class*='tag'] { width: 70px; height: 24px;}
	._facility .wrap .tag-box *[class*='tag']::before { font-size: 12px; }
}
@media screen and (max-width:320px) { }