@charset "UTF-8";

/*인사말*/
.c010100 {display:flex; flex-wrap:wrap}
.c010100 .img {width:46.072%}
.c010100 .desc {width:calc(100% - 46.072%); padding:2rem 0 10rem 5rem; position:relative}
.c010100 .desc .title {color:#222; display:block; font-size:3rem; font-weight:700; line-height:1.4; margin-bottom:3rem}
.c010100 .desc .title b {color:#0066b3; display:block; font-size:4rem}
.c010100 .desc .con {color:#333; font-size:1.8rem; line-height:1.6}
.c010100 .desc .name {color:#333; font-size:2rem; font-weight:700; position:absolute; right:0; bottom:0}
.c010100 .desc .name b {font-size:3rem}
@media screen and (max-width:1024px){
	.c010100 .img {width:100%}
	.c010100 .img img {display:block; width:100%; height:100%}
	.c010100 .desc {width:100%; padding:5rem 0 10rem}
}

/*경영이념*/
.c010200 {display:flex; flex-wrap:wrap; justify-content:space-between; width:100%}
.c010200 .group {border:1px solid #ccc; border-radius:0.5rem; padding:7.5rem 4rem 4rem; width:calc(33.333% - 3.5rem)}
.c010200 .group i {border-radius:100%; display:block; width:16rem; height:16rem; line-height:16rem; margin:0 auto; text-align:center}
.c010200 .group .title {display:block; font-size:2.4rem; font-weight:700; text-align:center; line-height:1.4; margin-top:3.5rem}
.c010200 .group .title small {color:#ddd; display:block; font-size:2rem}
.c010200 .group .desc {border-top:1px solid #ddd; margin-top:4rem; padding-top:1.5rem}
.c010200 .group .desc li {font-size:1.9rem; line-height:1.4}
.c010200 .group .desc li + li {margin-top:1.5rem}
.c010200 .group .desc li strong {color:#333; display:block}
.c010200 .group .desc li span {color:#666; display:block; margin-top:0.5rem; position:relative; padding-left:1rem}
.c010200 .group .desc li span:before {content:''; width:0.5rem; height:1px; background:#666; position:absolute; left:0; top:1.3rem}

.c010200 .group01 i {background-color:#abce7a}
.c010200 .group01 .title {color:#84b046}
.c010200 .group02 i {background-color:#0066b3}
.c010200 .group02 .title {color:#346ab3}
.c010200 .group03 i {background-color:#389fc5}
.c010200 .group03 .title {color:#1eadbc}
@media screen and (max-width:1024px){
	.c010200 .group {padding:4rem 3rem; width:calc(33.333% - 1.5rem)}
	.c010200 .group i {width:12rem; height:12rem; line-height:12rem}
	.c010200 .group .title {margin-top:1.5rem}
	.c010200 .group .desc {margin-top:2rem}
}
@media screen and (max-width:768px){
	.c010200 .group {width:100%; margin-bottom:2rem}
}

/*연혁*/
.c010300 {display:flex; flex-wrap:wrap; justify-content:space-between}
.c010300 .group {width:47%; position:relative}
.c010300 .title {color:#333; display:block; font-size:4rem; font-weight:700; margin-bottom:4rem}
.c010300 .list {position:relative}
.c010300 .list:before {content:''; width:1px; height:100%; position:absolute; left:13rem; top:0; background-color:#0066b3}
.c010300 .list li {display:flex; margin-bottom:4rem}
.c010300 .year {color:#333; font-size:3rem; line-height:1; width:13rem}
.c010300 .desc {width:calc(100% - 13rem); padding-left:3rem}
.c010300 .desc .month {color:#333; display:block; font-size:1.8rem; font-weight:700}
.c010300 .desc .con {color:#888; display:block; font-size:1.8rem; font-weight:400; line-height:1.6}
.c010300 .desc .con + .month {margin-top:0.5rem}
@media screen and (max-width:1024px){
	.c010300 .group {width:100%}
	.c010300 .list:before {left:9rem}
	.c010300 .year {font-size:2.4rem; width:10rem}
	.c010300 .desc {width:calc(100% - 10rem); padding-left:2rem}
	.c010300 .desc .month {font-size:1.6rem}
	.c010300 .desc .con {font-size:1.6rem; line-height:1.4}
}