@charset "utf-8";

div.cont1{position: relative}
span.cont1-in-text{display: block; font-weight: 600; word-break:keep-all; line-height: 148%}
p.cont1-in-text{color: var(--color-text-light); line-height: 154%}
h2.cont1-in-text{font-family: 'Gyeonggi Cheonnyeon Batang', serif}
h3.cont1-in-text-info{    background: var(--color-primary); color: #fff; font-family: 'Gyeonggi Cheonnyeon Batang', serif; border-radius: 500px}
p.cont1-in-text-info{line-height: 160%}
p.cont1-in-text-info span{display: inline-block; font-weight: 600}
p.cont1-in-text-info span:before{content: ''; display: inline-block; background-color: var(--color-tertiary)}
div.cont1-in-img{overflow: hidden; flex-shrink: 0}
div.cont1-in-img img{width: 100%}

@media screen and (max-width:1280px){
	div.cont1{margin: 3.33rem 0}
	div.cont1-in-text{margin-bottom: 3.33rem}
	h2.cont1-in-text{font-size: 1.87rem; margin-bottom: 1rem}
	span.cont1-in-text{font-size: 1.33rem; margin-bottom: 1rem}
	h3.cont1-in-text-info{margin: 2rem 0 1rem; font-size: 16px; padding: 5px 10px}
	p.cont1-in-text-info span{font-size: 15px; margin-right: 1rem}
	p.cont1-in-text-info span:before{width: 5px; height: 5px; margin-bottom: 2px; margin-right: 5px}
	div.cont1-in-img{width: 100%; border-radius: 1rem}
}
@media screen and (min-width:1281px){
	div.cont1{margin: 8.12rem 0}
	div.cont1-in {display: flex; align-items: center; justify-content: space-between}
	div.cont1-in-text{margin-right: 12.5rem}
	h2.cont1-in-text{font-size: 2.19rem; margin-bottom: 1.87rem}
	p.cont1-in-text{font-size: 1rem}
	span.cont1-in-text{font-size: 1.44rem; margin-bottom: 10px}
	h3.cont1-in-text-info{margin: 3.12rem 0 1.25rem; font-size: 1.25rem; padding: 5px 15px;}
	p.cont1-in-text-info{font-size: 0.94rem}
	p.cont1-in-text-info span{font-size: 1.13rem; margin-right: 0.94rem}
	p.cont1-in-text-info span:before{width: 0.62rem; height: 0.62rem; margin-bottom: 2px; margin-right: 0.62rem}
	div.cont1-in-img{width: 27.31rem; border-radius: 1.25rem}
}
@media screen and (min-width:1400px){
	span.cont1-in-text{white-space: pre-line}
	p.cont1-in-text{white-space: pre-line}
}

@media screen and (min-width:1920px){
}

div.cont2{position: relative}
div.cont2-in-text p.cont-category{line-height:154%}
ul.cont2-in-list{display: flex; flex-wrap: wrap}
div.cont2-in-list-img{border: 1px solid var(--color-border)}
div.cont2-in-list-img img{width: 100%}

@media screen and (max-width:428px){
	li.cont2-in-list{width:100%}
}
@media screen and (min-width:429px) and (max-width:1280px){
	li.cont2-in-list{width: calc(100% / 3 - 10px)}
}
@media screen and (max-width:1280px){
	div.cont2-in-text p.cont-category{font-size: 1rem; margin-top: 1.33rem}

	ul.cont2-in-list{margin: -5px}
	li.cont2-in-list{padding: 5px}
}
@media screen and (min-width:1281px){
	div.cont2-in-text div.cont-category{display: flex; align-items: center}
	div.cont2-in-text p.cont-category{font-size: 15px; margin-left: 1.87rem}

	ul.cont2-in-list{margin: -10px}
	li.cont2-in-list{width: calc(100% / 3 - 20px); padding: 10px}
}

@media screen and (min-width:1920px){
}

div.cont3{position: relative}
ul.cont3-in-list{display: flex; flex-wrap: wrap}
div.cont3-in-list-img {overflow:hidden}
div.cont3-in-list-img img{width: 100%; max-width: 100%}
div.cont3-in-list-text{display: flex; align-items: center}
span.cont3-in-list-text{display: block; color: var(--color-secondary); font-weight: 600}
p.cont3-in-list-text{font-weight: 700}
p.cont3-in-list-text span{display: inline-block ; color: var(--color-secondary)}
@media screen and (max-width:428px){
	li.cont3-in-list{width: 100%}
	p.cont3-in-list-text span{margin-left:5px}
}
@media screen and (min-width:429px) and (max-width:767px){
	li.cont3-in-list{width: calc(100% / 2 - 1.43rem)}
	p.cont3-in-list-text{display: flex; flex-direction: column}
	p.cont3-in-list-text span{margin-top:3px}
}
@media screen and (min-width:768px) and (max-width:1280px){
	li.cont3-in-list{width: calc(100% / 2 - 1.34rem)}
	p.cont3-in-list-text span{margin-left:5px}
}
@media screen and (max-width:1280px){
	div.cont3{margin: 3.33rem 0}
	ul.cont3-in-list{margin: -1.33rem -0.67rem }
	li.cont3-in-list{padding: 1.33rem 0.67rem}
	div.cont3-in-list-img {border-radius:1rem}
	div.cont3-in-list-text{margin-top:1.33rem}
	span.cont3-in-list-text{font-size: 1.6rem; margin-right: 0.53rem}
	p.cont3-in-list-text{font-size: 1rem}
}
@media screen and (min-width:1281px){
	div.cont3{margin: 8.12rem 0}
	ul.cont3-in-list{margin: -1.87rem -10px}
	li.cont3-in-list{width: calc(100% / 2 - 1.34rem); padding: 1.87rem 0.62rem}
	
	div.cont3-in-list-img {border-radius: 1.25rem}
	div.cont3-in-list-text{margin-top:1.25rem}
	span.cont3-in-list-text{font-size: 1.37rem; margin-right: 10px}
	p.cont3-in-list-text {font-size: 1.12rem}
	p.cont3-in-list-text span{margin-left:10px}
	
}

@media screen and (min-width:1920px){
}

div.cont4{position: relative}
div.cont4-in-img{overflow:hidden}
div.cont4-in-img img{width: 100%; max-width: 100%}

@media screen and (max-width:1280px){
	div.cont4-in-img{border-radius:1rem}
}
@media screen and (min-width:1281px){
	div.cont4-in-img{border-radius:1.87rem}
}
@media screen and (min-width:1920px){
}