@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{color: var(--color-text); line-height: 172%; white-space: pre-line; font-family: 'Gyeonggi Cheonnyeon Batang', serif; font-weight: 300}
h2.cont1-in-text span{display:block; font-weight: 700}
p.cont1-in-text{color: var(--color-text-light); line-height: 200%}
p.cont1-in-text span{font-weight: 700}
div.cont1-in-img{border-radius: 1.25rem; overflow: hidden}
div.cont1-in-img img{display:block; height: 100%;}

@media screen and (max-width:1280px){
    div.cont1{margin: 6.67rem 0}
	div.cont1-in-text{text-align: center; width: 100%}
	h2.cont1-in-text{font-size: 1.47rem}
	p.cont1-in-text{font-size: 1rem; margin: 1.33rem auto 0; max-width: 740px; width: 100%}
	div.cont1-in-img{width: 20rem; margin: 2rem auto 0;}
}
@media screen and (min-width:1281px){
	div.cont1{margin: 8.12rem 0}
	h2.cont1-in-text{font-size: 1.75rem}
	p.cont1-in-text{font-size: 1.13rem; margin: 1.87rem 0; white-space:pre-line}
	div.cont1-in-img{width: 32.37rem}
}
@media screen and (min-width:1920px){
	/**div.cont1:before{content: ''; display: block; width: 226px; height: 3px; background-color: var(--color-secondary); position: absolute; top: 0; left: 0}**/
}



h2.about-text{text-align: center; font-family: 'Gyeonggi Cheonnyeon Batang', serif; }
h2.about-text span{color: var(--color-primary)}
div.about{background: url(/image/about/about-backimg.jpg) no-repeat 50% 0; background-size: cover}
p.about-text{text-align: center; line-height: 160%; color: #fff; font-family: 'Gyeonggi Cheonnyeon Batang', serif; }


@media screen and (max-width:1280px){
	h2.about-text{font-size: 26px; margin-bottom: 30px}
	div.about{padding: 80px 0 90px}
	p.about-text{white-space: pre-line; font-size: 1rem}
}
@media screen and (min-width:1281px){
	h2.about-text{font-size: 35px; margin-bottom: 50px}
	div.about{padding: 6.25rem 0}
	p.about-text{white-space: pre-line; font-size: 1.13rem}
}
div.cont2{background:url(/image/about/cont2-backimg.jpg) no-repeat 50% 0 rgb(106 140 140); background-size: cover; background-blend-mode: multiply}

h2.cont2-in-text{text-align: center; color: #fff; line-height: 160%; font-family: 'Gyeonggi Cheonnyeon Batang', serif}
p.cont2-in-text{text-align: center; color: #fff; line-height: 160%}
ul.cont2-in-icon{display: flex; align-items: center; justify-content: center}
i.cont2-in-icon{display: flex; justify-content: center; align-items: center; aspect-ratio: 1 / 1; background-color: rgb(255 255 255 / 10%); border-radius: 50%; border: 1px solid rgb(255 255 255 / 30%)}

li.cont2-in-icon svg{fill:#fff}
@media screen and (max-width:428px){
	li.cont2-in-icon{width: calc((100% - (2rem * 2)) / 3)}
}

@media screen and (min-width:429px) and (max-width:1280px){
	i.cont2-in-icon{width: 6.67rem}
}
@media screen and (max-width:1280px){
	div.cont2{padding: 3.33rem 0; margin-bottom: 6.67rem}

	h2.cont2-in-text{font-size: 1.47rem; margin-bottom: 10px}
	p.cont2-in-text{font-size:1rem; max-width: 700px; margin: 0 auto}
	div.cont2-in-icon{margin-top: 2.67rem}
	ul.cont2-in-icon{gap: 2rem}

	li.cont2-in-icon svg{height: 2.67rem}
}
@media screen and (min-width:1281px){
	section.cont.cont2{margin: 0 0 8.12rem}
	div.cont2{padding: 6.25rem 0}

	h2.cont2-in-text{white-space: pre-line; font-size:1.75rem}
	p.cont2-in-text{margin:1.25rem 0 0; white-space: pre-line; font-size: 1.13rem;}
	div.cont2-in-icon{margin-top: 3.12rem}
	ul.cont2-in-icon{gap: 3.75rem}
	i.cont2-in-icon{width: 7.5rem}

	li.cont2-in-icon svg{height: 2.5rem}
}



div.cont3{position: relative}
h2.cont3-in-text{color: var(--color-text); line-height: 172%; font-weight: 300; font-family: 'Gyeonggi Cheonnyeon Batang', serif;}
h2.cont3-in-text span{display:block; font-weight: 700}
p.cont3-in-text{color: var(--color-text); line-height: 200%}

ul.cont3-in-list{display: flex; flex-wrap: wrap}
li.cont3-in-list{display: flex; align-items: flex-start}
div.cont3-in-list-img{flex-shrink: 0; overflow: hidden; display: flex; justify-content: center; border-radius: 18px}
h3.cont3-in-list-text{color: var(--color-text)}
span.cont3-in-list-text{display: block}
span.cont3-in-list-text-num{display: block; color: #DCDCDC; font-weight: 600}
p.cont3-in-list-text {color: var(--color-text-light); line-height: 158%}
@media screen and (max-width:428px){
	li.cont3-in-list{width:100%}
}
@media screen and (min-width:429px) and (max-width:767px){
	li.cont3-in-list{width: calc(100% / 2 - 20px)}
}

@media screen and (min-width:768px) and (max-width:1280px){
	li.cont3-in-list{width: calc(100% / 3 - 20px)}
	div.cont3-in-list-img{height: 170px}
	div.cont3-in-list-img img{width: 100%}
}
@media screen and (max-width:1280px){
	div.cont3{margin:6.67rem 0}
	h2.cont3-in-text{font-size: 1.47rem}
	p.cont3-in-text{font-size: 15px; margin: 1.33rem 0 2.67rem}
	ul.cont3-in-list{margin: -1rem -10px}
	li.cont3-in-list{flex-wrap: wrap; padding: 1rem 10px}
	div.cont3-in-list-img{align-items: center; width: 100%}
	div.cont3-in-list-img img{width: 100%}
	div.cont3-in-list-text{margin-top: 1.33rem}
	h3.cont3-in-list-text{font-size: 1.07rem}
	span.cont3-in-list-text{font-size: 14px; margin-top:3px}
	span.cont3-in-list-text-num{font-size: 2rem; margin-top: 10px}
	p.cont3-in-list-text{font-size: 1rem}
}
@media screen and (min-width:1281px){
	div.cont3{margin: 8.12rem 0}
	h2.cont3-in-text{font-size: 1.75rem}
	p.cont3-in-text{font-size: 1.13rem; margin: 1.87rem 0 4.37rem; white-space:pre-line}
	ul.cont3-in-list{margin: -0.94rem -10px}
	li.cont3-in-list{padding: 0.94rem 10px; width: calc(100% / 2 - 20px)}
	div.cont3-in-list-img{height: 11.69rem; align-items: center; width: 9.37rem}
	div.cont3-in-list-img img{height: 100%}
	div.cont3-in-list-text{margin-left: 1.87rem}
	h3.cont3-in-list-text{font-size: 1.25rem}
	span.cont3-in-list-text{font-size: 1rem; margin-top:5px}
	span.cont3-in-list-text-num{font-size: 2.5rem; margin-top: 10px}
	p.cont3-in-list-text{font-size: 15px}
}
@media screen and (min-width:1920px){
}


div.cont4{background: url(/image/about/cont4-backimg.jpg) no-repeat 50% 0; background-size: cover}
span.cont4-text{color: #fff; text-align: center; display: block; font-weight: 600}
h2.cont4-text{font-family: 'Gyeonggi Cheonnyeon Batang', serif; color: #fff; text-align: center}
@media screen and (max-width:1280px){
	div.cont4{padding: 3.12rem 0; border-radius:20px}
	span.cont4-text{margin-bottom: 1rem; font-size: 1.06rem}
	h2.cont4-text{font-size: 2rem}
}
@media screen and (min-width:1281px){
	div.cont4{padding: 100px 0; border-radius: 30px}
	span.cont4-text{margin-bottom: 1.25rem; font-size: 1.25rem}
	h2.cont4-text{font-size: 3.12rem}
}



div.cont5{position: relative}
div.cont5-in{display: flex; flex-wrap: wrap}
div.cont5-in-text{flex: 1 1 auto}
h2.cont5-in-text{line-height: 172%; font-weight: 300}
p.cont5-in-text{line-height: 210%}
div.cont5-in-text-img{overflow: hidden}

div.cont5-in-history{}
div.cont5-in-history div.history div.left p:before{content: ''; display: inline-block; background: #bfcb7e; border-radius: 50%; position: absolute; left: 0; bottom: 0; transform: translate(0, 50%)}
div.cont5-in-history div.history div.left p:after{content: ''; display: inline-block; background: var(--color-primary); border-radius: 50%; position: absolute; right: 0; bottom: 0; transform: translate(50%, 50%)}
div.cont5-in-history div.history div.right p:before{content: ''; display: inline-block; background: var(--color-primary); border-radius: 50%; position: absolute; left: 0; bottom: 0; transform: translate(-50%, 50%)}
div.cont5-in-history div.history div.right p:after{content: ''; display: inline-block; background: #bfcb7e; border-radius: 50%; position: absolute; right: 0; bottom: 0; transform: translate(0, 50%)}
div.cont5-in-history div.history p{position: relative; color: #000}
div.cont5-in-history div.history p span{color: var(--color-primary); font-weight: 600; font-family: 'Gyeonggi Cheonnyeon Batang', '맑은 고딕', 'Malgun Gothic', Dotum, '돋움', Helvetica, AppleSDGothicNeo, sans-serif}

@media screen and (max-width:428px){
}
@media screen and (min-width:429px) and (max-width:1280px){
}
@media screen and (max-width:1280px){
	section.cont.cont5{margin: 3.33rem 0 6.67rem}
	div.cont5-in{justify-content: center}
	div.cont5-in-text{display: flex; align-items: center; flex-direction: row-reverse}
	div.cont5-in-text div.cont-category{display: flex; justify-content: center}
	p.cont5-in-text{font-size: 1rem; margin: 0 0 2.67rem}
	div.cont5-in-text-img{flex-shrink: 0; border-radius: 1rem; width: 50%; height: 21.47rem; margin-right: 50px}
	div.cont5-in-text-img img{width: 100%}
	div.cont5-in-history{width: 100%; margin-top: 50px; border-top: 2px solid var(--color-primary)}
	div.cont5-in-history div.history > div{border-bottom: 1px solid var(--color-border); padding: 15px 0}
	div.cont5-in-history div.history p{text-align: center}
	div.cont5-in-history div.history p{font-size: 1.33rem}
	div.cont5-in-history div.history p span{font-size: 1.6rem}
	
}
@media screen and (min-width:1281px){
	section.cont.cont5{margin: 8.12rem 0}
	p.cont5-in-text{font-size: 1.13rem; margin: 0 0 4.37rem; white-space:pre-line}
	div.cont5-in-text-img{border-radius: 1.25rem; width: 22.5rem; height: 26.37rem}
	
	div.cont5-in-history{border-left: 1px solid; width: calc(100% / 3); margin: -130px 0 0; padding: 340px 0 130px}
	div.cont5-in-history div.history div.left{margin: 100px 0 100px -230px}

	div.cont5-in-history div.history div.left p{padding: 10px 20px 10px 60px}
	div.cont5-in-history div.history div.right p{padding: 10px 60px 10px 30px}
	div.cont5-in-history div.history div.left p:before{width: 20px; height: 20px}
	div.cont5-in-history div.history div.left p:after{width: 10px; height: 10px}
	div.cont5-in-history div.history div.right p:before{width: 10px; height: 10px}
	div.cont5-in-history div.history div.right p:after{width: 20px; height: 20px}
	div.cont5-in-history div.history p{border-bottom: 1px solid var(--color-border); font-size: 26px; width: fit-content}
	div.cont5-in-history div.history p span{font-size: 34px}
}
@media screen and (min-width:1920px){
}


div.cont6{position: relative}
div.cont6-in-box{}
div.cont6-in-box-info{display: flex}
h3.cont6-in-box-info:before{content: ''; display: inline-block; background-color: var(--color-primary)}
h3.cont6-in-box-info span{display: block; background-color: var(--color-primary); color: #fff; width: fit-content; border-radius: 500px}
p.cont6-in-box-info{line-height: 200%}
div.cont6-in-box-info-ci{display: flex}

@media screen and (max-width:428px){
    div.cont6-in-box-info-ci{flex-wrap: wrap}
	div.cont6-in-box-info-ci-img{width:100%}
	div.cont6-in-box-info-ci-img img{width:100%}
}
@media screen and (max-width:1280px){
	div.cont6-in-box{margin-top: 2rem}
	div.cont6-in-box-info{flex-wrap: wrap; margin-bottom: 2rem}
	h3.cont6-in-box-info{width: 100%; margin-bottom: 0.67rem; font-size: 1.13rem}
	h3.cont6-in-box-info:before{content: ''; display: inline-block; width: 0.53rem; height: 0.53rem; background-color: var(--color-primary); margin-right: 0.67rem; margin-bottom: 2px}
	h3.cont6-in-box-info span{font-size: 14px; padding: 0.67rem 1rem; margin-top: 1.33rem}
	p.cont6-in-box-info{width: 100%; font-size: 1rem}
	div.cont6-in-box-info-ci{gap: 1.33rem}
	div.cont6-in-box-info-ci-img img{display: block; max-width: 100%}
}
@media screen and (min-width:1281px){
	div.cont6-in-box{margin-top: 3.12rem}
	div.cont6-in-box-info{margin-bottom: 3.12rem}
	h3.cont6-in-box-info{width: 30%; font-size: 1.13rem}
	h3.cont6-in-box-info:before{content: ''; display: inline-block; width: 10px; height: 10px; background-color: var(--color-primary); margin-right: 10px; margin-bottom: 3px}
	h3.cont6-in-box-info span{font-size: 15px; padding: 0.87rem 1.37rem; margin-top: 1.87rem}
	p.cont6-in-box-info{width: 70%; font-size: 1rem}
	div.cont6-in-box-info-ci{gap: 1.87rem}
	
}
@media screen and (min-width: 1920px) {
	
}