@charset "utf-8";

div.cont1{position: relative}
div.cont1-in{display: flex; flex-wrap: wrap}
div.cont1-in-text{flex: 1 1 auto}
h2.cont1-in-text{line-height: 172%; font-weight: 300}
h2.cont1-in-text span{display:block; font-weight: 700}
p.cont1-in-text{line-height: 160%}
ul.cont1-in-list{display: flex; flex-wrap: wrap}
div.cont1-in-list-img{overflow: hidden}
div.cont1-in-list-img img{width: 100%}
h3.cont1-in-list{text-align: center}
p.cont1-in-list{text-align: center; line-height: 160%; color: var(--color-text-light)}
div.cont1-in-list-hash{display: flex; justify-content: center}
p.cont1-in-list-hash{display: flex; color: var(--color-quaternary)}
p.cont1-in-list-hash span{display: flex; flex-shrink: 0; border-radius: 50%; justify-content: center; align-items: center; color: var(--color-secondary)}
@media screen and (max-width:767px){
	li.cont1-in-list{width:100%}
}
@media screen and (min-width:768px) and (max-width:1280px){
	li.cont1-in-list{width: calc((100% - 3.33rem) / 2)}
}
@media screen and (max-width:1280px){
	section.cont.cont1{margin-bottom: 50px}
	h2.cont1-in-text{font-size: 1.33rem}
	p.cont1-in-text{font-size: 1rem; margin: 0 0 1.33rem}
	ul.cont1-in-list{gap: 3.33rem}
	h3.cont1-in-list{font-size: 1.2rem; margin-bottom: 1rem}
	div.cont1-in-list-img{margin-bottom: 1.33rem; border-radius: 1rem}
	p.cont1-in-list{font-size: 0.93rem}
	div.cont1-in-list-hash{margin-top: 1rem}
	p.cont1-in-list-hash{padding: 0 5px}
	p.cont1-in-list-hash span{font-size:13px; margin-right: 5px}
}
@media screen and (min-width:1281px){
	section.cont.cont1{margin-bottom: 100px}
	h2.cont1-in-text{font-size: 1.44rem}
	p.cont1-in-text{font-size: 1.13rem; margin: 0 0 3.12rem; white-space:pre-line}
	ul.cont1-in-list{gap: 1.87rem}
	li.cont1-in-list{width: calc((100% - (1.87rem * 2)) / 3)}
	h3.cont1-in-list{font-size: 1.56rem; margin-bottom: 1.25rem}
	div.cont1-in-list-img{margin-bottom: 1.87rem; border-radius: 1.25rem}
	p.cont1-in-list{font-size: 1rem}
	div.cont1-in-list-hash{margin-top: 1.25rem}
	p.cont1-in-list-hash{padding: 0 10px}
	p.cont1-in-list-hash span{font-size:14px; margin-right: 8px}
}
@media screen and (min-width:1920px){
}


div.cont2{position: relative}
p.cont2-in-text{line-height: 160%}
h2.cont2-in-list{display: inline-block;font-family: 'Gyeonggi Cheonnyeon Batang', serif; color: #fff; background: var(--color-primary); border-radius: 500px;}
div.cont2-in-info-img{display: flex}
p.cont2-in-info-text{display: flex; line-height: 160%; color: var(--color-text-light)}
p.cont2-in-info-text:before {content: ''; display: block; border-radius: 50%; background-color: var(--color-primary); flex-shrink: 0}
@media screen and (max-width:1280px){
	section.cont.cont2{margin-bottom: 5rem}
	p.cont2-in-text{font-size: 1rem; margin: 1.87rem 0 3.12rem}
	h2.cont2-in-list{padding: 5px 10px; font-size:1rem; margin-bottom: 1.33rem}
	div.cont2-in-info{margin-bottom: 2rem}
	div.cont2-in-info-img{gap: 2rem}
	div.cont2-in-info-img img{width: calc((100% - 2rem) / 2); border-radius: 1rem}
	p.cont2-in-info-text{font-size: 1rem; margin-top: 1.33rem}
	p.cont2-in-info-text:before {width: 5px; height: 5px; margin-right: 8px; margin-top: 9px}
}
@media screen and (min-width:1281px){
	section.cont.cont2{margin-bottom: 6.25rem}
	p.cont2-in-text{font-size:1.13rem; margin: 1.87rem 0 3.12rem; white-space: pre-line}
	h2.cont2-in-list{padding: 5px 15px; font-size: 1.13rem; margin-bottom: 1.87rem}
	div.cont2-in-info{margin-bottom: 3.12rem}
	div.cont2-in-info-img{gap: 3.12rem}
	div.cont2-in-info-img img{width: calc((100% - 3.12rem) / 2); border-radius: 1.25rem}
	div.cont2-in-info-img img{}
	p.cont2-in-info-text{font-size: 1.06rem; margin-top: 1.87rem}
	p.cont2-in-info-text:before {width: 5px; height: 5px; margin-right: 10px; margin-top: 11px}
	
}
@media screen and (min-width:1920px){
}


div.cont3{position: relative}
div.cont3 div#daumRoughmapContainer1755569863365{width: 100%}
@media screen and (max-width:1280px){
	div.cont3 .root_daum_roughmap .wrap_map{height: 300px}
}
@media screen and (min-width:1281px){
	div.cont3 .root_daum_roughmap .wrap_map{height: 500px}
}
@media screen and (min-width:1920px){
}

div.cont4-in-video iframe{width: 100%; height: 100%; aspect-ratio: 2 / 1}
@media screen and (max-width:1280px){
	section.cont.cont4{margin: 50px 0}
}
@media screen and (min-width:1281px){
	section.cont.cont4{margin: 100px 0}
}