@charset "UTF-8";

/*원장인사*/
.c010100 .img {margin-bottom:6rem; padding-top:3rem}
.c010100 .img .thum {display:inline-block; position:relative; vertical-align:bottom; width:38.4rem}
.c010100 .img .thum:before {content:''; border:10px solid #eee; width:13rem; height:13rem; position:absolute; right:-3rem; top:-3rem; z-index:-1}
.c010100 .img .con {display:block; vertical-align:bottom; width:100%;}
.c010100 .img .con > span {color:#ccc; display:block; font-size:1.6rem; font-weight:400; line-height:1.3; margin-bottom:2.5rem; padding-left:10%}
.c010100 .img .con p {background:#f3f4f7 url('/main/img/sub/sub01/010100-bg.png') no-repeat right 10px bottom 10px; background-size:auto 80%; overflow:hidden; padding:5.5rem 10% 5.5rem 5%; word-break:keep-all; position:relative}
.c010100 .img .con p > strong {color:#333; display:block; font-size:3.6rem; font-weight:600; line-height:1.3; margin-bottom:3rem}
.c010100 .img .con p > strong span {color:#2c3787}
.c010100 .img .con p > span {color:#000; display:block; font-size:2rem; font-weight:600}
.c010100 .txt {color:#333; font-size:1.8rem; font-weight:400}
@media (max-width:1490px) {
	.c010100 .img .thum {width:32rem}
	.c010100 .img .con {width:calc(100% - 32rem)}
	.c010100 .img .con p > strong {font-size:3.4rem}
}

@media (max-width:767px) {
	.c010100 .img {margin-bottom:4rem}
	.c010100 .img .thum {display:none}
	.c010100 .img .con {display:block; width:100%; margin-left:0; text-align:center}
	.c010100 .img .con > span {padding-left:0}
	.c010100 .img .con p > strong {font-size:3rem}
}

/*연혁*/
.c010200 {position:relative; padding:5rem 0 5rem 6rem}
.c010200:before {content:''; background:#2c3787; border-radius:100%; width:1.6rem; height:1.6rem; position:absolute; left:0; top:0}
.c010200:after {content:''; background:#2c3787; border-radius:100px; width:1rem; height:100%; position:absolute; left:0.3rem; top:0; opacity:0.1}
.c010200 .box {background:#fff; margin-bottom:5rem; padding:3rem 5rem 4rem; position:relative}
.c010200 .box:before {content:''; background:#000; border-radius:100%; width:1rem; height:1rem; position:absolute; left:-5.8rem; top:5.8rem; opacity:0.05}
.c010200 .box:after {content:''; background:#000; border-radius:100px; width:7rem; height:1rem; position:absolute; left:-5.8rem; top:5.8rem; opacity:0.05; z-index:-1}
.c010200 .years {color:#2c3787; display:block; font-size:4rem; font-weight:600; margin-bottom:2rem}
.c010200 .history > li {display:inline-block; vertical-align:top; width:33%; margin-top:3rem; padding-right:2rem}
.c010200 .history > li:nth-child(-n+3) {margin-top:0}
.c010200 .history .date {color:#333; display:block; margin-bottom:0.5rem; padding-left:1rem; position:relative}
.c010200 .history .date:before {content:''; background-color:#2c3787; border-radius:100%; width:0.5rem; height:0.5rem; position:absolute; left:0; top:1rem}
.c010200 .history span {display:block; padding-left:1rem}
@media (max-width:1460px) {
	.c010200 .history > li {width:49%}
	.c010200 .history > li:nth-child(3) {margin-top:3rem}
}

@media (max-width:640px) {
	.c010200 .history > li {width:100%}
	.c010200 .history > li:nth-child(2) {margin-top:3rem}
}

@media (max-width:767px) {
	.c010200 {padding-left:4rem}
	.c010200 .box {padding:3rem 4rem 4rem}
	.c010200 .box:before, .c010200 .box:after {left:-3.8rem}
}

/*주요업무*/
.c010300 {padding-top:5rem; text-align:center; word-break:keep-all}
.c010300 > div {margin-bottom:9rem}
.c010300 > div .tt {color:#22316a; display:inline-block; font-size:2.4rem; font-weight:600; margin-bottom:1.5rem}
.c010300 > div .con {color:#666; display:block; font-size:3rem; font-weight:600}

.c010300 .mission {display:inline-block; padding:0 9rem; position:relative}
.c010300 .mission:before,
.c010300 .mission:after {content:''; position:absolute; top:0; border:15px solid #eee; width:3.2rem; height:100%}
.c010300 .mission:before {left:0; border-right:0}
.c010300 .mission:after {right:0; border-left:0}
.c010300 .mission .tt {margin-bottom:0; position:relative; padding:0 0.5rem}
.c010300 .mission .tt:after {content:''; position:absolute; left:0; bottom:0.2rem; width:100%; height:1.5rem; background:#2c3787; transform:skew(-15deg); opacity:0.1}
.c010300 .vision {background:#2c3787; border-radius:100px; display:inline-block; padding:3rem; max-width:73rem; width:100%}
.c010300 .vision .tt {color:#fff; font-weight:400; margin-bottom:0; opacity:0.7}
.c010300 .vision .con {color:#fff; font-size:2.6rem; font-weight:400}
.c010300 .work li {border:1px solid #d5d7e7; border-radius:100%; color:#333; display:inline-block; line-height:1.2; width:19rem; height:19rem; padding-top:4rem; vertical-align:middle}
.c010300 .work li i {display:block; margin-bottom:1rem}
.c010300 .biz {clear:both; overflow:hidden}
.c010300 .biz li {border:1px solid #d5d7e7; border-radius:100px; color:#333; float:left; padding:3.5rem 2rem; width:50%}
@media (max-width:640px) {
	.c010300 .biz li {width:100%; margin-bottom:1rem}
}

/*조직도*/
.c010401 .group01 {position:relative}
.c010401 .group01 > a {background-color:#2c3787; border-radius:100%; color:#fff; display:block; font-size:2.4rem; font-weight:600; width:20rem; height:20rem; line-height:20rem; margin:0 auto; text-align:center}
.c010401 .group02 {margin-top:6rem; text-align:center}
.c010401 .group02 > li {display:inline-block; position:relative; width:25%; vertical-align:top}
.c010401 .group02 > li:nth-child(2) {margin:0 6%}
.c010401 .group02 > li a {border:1px solid #2c3787; border-radius:100px; color:#2c3787; display:block; font-size:1.8rem; width:100%; height:6rem; line-height:6rem}
.c010401 .group03 {margin-top:1rem}
.c010401 .group03 > li {margin-bottom:1rem}
.c010401 .group03 > li a {border-color:#ccc; color:#666; font-size:1.6rem}

.c010401 .group01:before {content:''; background:#ccc; width:1px; height:3rem; position:absolute; left:50%; top:20rem}
.c010401 .group02 > li:before {content:''; border-top:1px solid #ccc; border-left:1px solid #ccc; width:125%; height:3rem; position:absolute; left:50%; top:-3rem; z-index:-1}
.c010401 .group02 > li:last-child:before {border-top:0} 
@media (max-width:640px) {
	.c010401 .group02 > li {width:100%}
	.c010401 .group02 > li:nth-child(2) {margin:3rem 0}
	.c010401 .group02 > li:before {border:0}
	.c010401 .group01:before {height:6rem}
}

/*부서현황*/
.organization tr td:last-child {white-space:normal; text-align:left; line-height:1.4}
@media (max-width:767px) {
	.organization tr td:last-child:before {display:block}
}

/*서비스헌장*/
.c010500 .con-group {background-color:#f4f5f9; padding:7rem 6rem; text-align:center}
.c010500 .con-group .tt {color:#2c3787; display:block; font-size:3.6rem; font-weight:600; margin-bottom:2.5rem; padding-top:6.5rem; background:url('/main/img/sub/sub01/010500-img.png') no-repeat center top; word-break:keep-all}
.c010500 .con-group .s-tt {color:#333; display:block; margin-bottom:2.5rem}
.c010500 .con-group ul {background-color:#fff; padding:5rem 6rem; text-align:left; margin-bottom:4rem}
.c010500 .con-group ul li {margin-bottom:1.5rem}
.c010500 .con-group ul li:last-child {margin-bottom:0}
.c010500 .con-group ul li .shape {color:#fff; display:inline-block; vertical-align:middle; width:6rem; height:6rem; text-align:center; line-height:6rem; position:relative; z-index:1}
.c010500 .con-group ul li .shape:after {content:''; background-color:#2c3787; border-radius:15px; position:absolute; left:50%; top:50%; width:5rem; height:5rem; transform:translate(-50%,-50%) rotate(45deg); z-index:-1}
.c010500 .con-group ul li .con {display:inline-block; vertical-align:middle; width:calc(100% - 6rem); padding-left:1rem}
@media (max-width:640px) {
	.c010500 .con-group {padding:7rem 3rem}
	.c010500 .con-group ul {padding:5rem 3rem}
}

/*위치안내*/
.c010600 .wrap_controllers {display:none}
.c010600 .txt {background:#f7f7f7; clear:both; overflow:hidden; padding:4.5rem 5rem}
.c010600 .txt .con {float:left}
.c010600 .txt .con > strong {display:block; color:#000; font-size:3rem; margin-bottom:1rem}
.c010600 .txt .con > span {display:block; color:#666; font-size:1.8rem}
.c010600 .txt .con > span i {color:#2c3787; margin-right:0.5rem}
.c010600 .txt .btn {float:right}
.c010600 .txt .btn a {border:1px solid #2c3787; border-radius:100px; color:#2c3787; display:inline-block; font-weight:400; height:6rem; line-height:3.5; margin-left:0.5rem; padding:0 5rem; transition:all .3s}
.c010600 .txt .btn a:hover {background:#2c3787; color:#fff}
@media (max-width:1360px) {
	.c010600 .txt .btn {float:left; margin-top:3rem; width:100%}
	.c010600 .txt .btn a {height:5rem; line-height:3; padding:0 3em}
}

@media (max-width:480px) {
	.c010600 .txt {padding:3rem 4rem}
	.c010600 .txt .con > strong {font-size:2.8rem}
}

/*상징물*/
.c010700 .box {background:url('/main/img/sub/sub01/010700-bg.gif') repeat; padding:6rem 3rem; text-align:center}
.c010700 .box li {display:inline-block; margin-right:10rem}
.c010700 .box li:last-child {margin-right:0}
.c010700 .box li span {display:block; background:#000; border-radius:100px; color:#fff; width:75px; height:25px; margin:2.5rem auto 0}
.c010700 .txt {color:#333; font-weight:400}
.c010700 .color li {color:#fff; padding:2.5rem 3rem; height:17rem}
.c010700 .bg-w {background-color:#fff; border:1px solid #ddd; color:#666 !important}
.c010700 .bg-r {background-color:#f26649}
.c010700 .bg-p {background-color:#034ea2}
@media (max-width:1290px) {
	.c010700 .box li {margin-right:4rem}
	.c010700 .box li img {max-width:80%}
}

@media (max-width:999px) {
	.c010700 .box li {margin-right:0}
}

@media (max-width:710px) {
	.c010700 .box li {display:block; margin-bottom:4rem}
}