@charset "utf-8";

/* [S] 설립이념 */

.wrap-found .area {position: relative; display: flex; align-items: flex-start; padding-top: 7rem;}
.wrap-found .thumb {position: relative; flex-shrink: 0; width: 53rem; padding-left: 3rem; padding-bottom: 2.5rem;}
.wrap-found .thumb::after {content: ''; position: absolute; left: 0; bottom: 0; width: 8rem; height: 8rem; border: .5rem solid #90c31f;}
.wrap-found .thumb img {width: 100%; border-radius:  0 3rem 0 3rem;}
.wrap-found .desc {flex-grow: 1; padding-left: 6rem;}
.wrap-found .desc .subject {position: relative; padding-top: 1.8rem; padding-right: 3rem;}
.wrap-found .desc .subject::after {content: ''; position: absolute; right: 0; top: -7rem; z-index: -1; width: calc(100% + 100rem); height: calc(100% + 11rem); background: #004e8c url('../../images/sub/bg-found.jpg') no-repeat right center; border-radius: 0 2rem 2rem 0;}
.wrap-found .desc .subject strong {display: block; font-family: sm; font-size: 3.6rem; line-height: 1.1; color: #fff;}
.wrap-found .desc .subject p {padding-top: 1.3rem; font-family: sl; font-size: 2.4rem; line-height: 1.6; color: #fff;}
.wrap-found .desc .subject p em {color: #63baff;}
.wrap-found .desc .text {padding-top: 6rem; padding-right: 3rem;}
.wrap-found .desc .text p {padding-top: 1.5rem; font-family: pr; font-size: 1.8rem; line-height: 1.7; color: #444444;}

@media screen and (max-width: 1490px) {
	.wrap-found .thumb {width: 43rem;}
}

@media screen and (max-width: 1300px) {
	.wrap-found .desc .subject strong {font-size: 3.2rem;}
	.wrap-found .desc .subject p {font-size: 2.2rem;}
	.wrap-found .desc .text p {font-size: 1.7rem;}
}

@media screen and (max-width: 1135px) {
	.wrap-found .thumb {width: 37rem;}
	.wrap-found .desc {padding-left: 5rem;}
}

@media screen and (max-width: 1000px) {
	.wrap-found .thumb {width: 30rem;}
	.wrap-found .desc .subject p {font-size: 2rem;}
}

@media screen and (max-width: 760px) {
	.wrap-found .area {flex-direction: column; align-items: center; padding-top: 0;}
	.wrap-found .thumb {position: relative;width: 67%;padding-left: 0;transform: translateX(4.5rem);z-index: 1;}
	.wrap-found .thumb::after {display: none;}
	.wrap-found .desc {padding-left: 0; padding-top: 1rem;transform: translateY(-8rem);}
	.wrap-found .desc .subject {padding: 3rem 3rem 3rem 0;}
	.wrap-found .desc .subject::after {top: 0; right: -2rem;height: 100%;}
	.wrap-found .desc .subject strong {font-size: 2.8rem;}
	.wrap-found .desc .subject p {font-size: 1.8rem;}
	.wrap-found .desc .text {padding-top: 2rem; padding-right: 0;}
	.wrap-found .desc .text p {font-size: 1.6rem;}
}

@media screen and (max-width: 650px) {
	.wrap-found .thumb {width: 100%;transform: translateX(0);}
	.wrap-found .desc {transform: translateY(-9rem);}
	.wrap-found .desc .subject {padding: 8rem 3rem 3rem 0;}
}

/* [E] 설립이념 */

/* [S] 조직도 */

.wrap-org {padding: 13rem 5rem 5rem 5rem; background: #edf2f6 url('../../images/sub/bg-org.jpg') no-repeat center top; border-radius: 2rem;}
.wrap-org .tree .level1 {position: relative; display: flex; justify-content: center; margin-bottom: 8rem;}
.wrap-org .tree .level1::after {content: ''; position: absolute; left: 50%; top: 100%; width: 1px; height: 8rem; background: #888888;}
.wrap-org .tree .level1 strong {position: relative; z-index: 1; display: flex; border-radius: 100%; box-shadow: 0 1rem 1.5rem 3rem rgba(0,0,0,.1);}
.wrap-org .tree .level1 em {position: relative; z-index: 2; border-radius: 100%; box-shadow: 0 0 0 3.5rem #eef5fa;}
.wrap-org .tree .level1 p {position: relative; z-index: 3; display: flex; justify-content: center; align-items: center; width: 18rem; height: 18rem; background: #006abc url('../../images/sub/ic-org-president.png') no-repeat center; border-radius: 100%; font-family: pb; font-size: 2.8rem; box-shadow: 0 0 0 1.5rem #cee9ff; color: #fff;}
.wrap-org .tree .level2 {padding-bottom: 8rem;}
.wrap-org .tree .level2 ul {position: relative; display: flex; padding: 0 2.1%;}
.wrap-org .tree .level2 ul::before {content: ''; position: absolute; left: 50%; top: 0; width: 31.9%; height: 1px; background: #888888;}
.wrap-org .tree .level2 ul::after {content: ''; position: absolute; right: 50%; top: 0; width: 31.9%; height: 1px; background: #888888;}
.wrap-org .tree .level2 li {position: relative; width: calc(100% / 3); margin-top: 4rem; padding: 0 2%;}
.wrap-org .tree .level2 li::after {content: ''; position: absolute; left: 50%; bottom: 100%; width: 1px; height: 4rem; background: #888888;}
.wrap-org .tree .level2 li .box {display: flex; justify-content: center; align-items: center; height: 8rem; background: #2398f4; border-radius: 1.5rem; font-family: pb; font-size: 2.2rem; color: #fff;}
.wrap-org .detail .row {position: relative; margin-top: 2.8rem; margin-bottom: 8rem;}
.wrap-org .detail .row:last-child {margin-bottom: 0;}
.wrap-org .detail .row > strong {position: absolute; left: 2.5rem; top: -2.8rem; display: flex; justify-content: center; align-items: center; width: 15rem; height: 5.5rem; border-radius: 2rem 0 2rem 0; font-family: pb; font-size: 2.4rem; color: #fff;}
.wrap-org .detail .row.color1 > strong {background: url('../../images/sub/bg-org1.png') repeat-x left center;}
.wrap-org .detail .row.color2 > strong {background: url('../../images/sub/bg-org2.png') repeat-x left center;}
.wrap-org .detail .row.color3 > strong {background: url('../../images/sub/bg-org3.png') repeat-x left center;}
.wrap-org .detail .list {display: flex; align-items: flex-start; flex-wrap: wrap; background: #fff; padding: 3.5rem 2.5rem 2.5rem 2.5rem; border-radius: 1rem;}
.wrap-org .detail .list .box {width: calc(100% / 6);}
.wrap-org .detail .list dt {position: relative; margin: 1.5rem 0; padding-left: 2rem; font-family: psb; font-size: 2rem; color: #111111;}
.wrap-org .detail .list dt::after {content: ''; position: absolute; left: 0; top: 1.1rem; width: .7rem; height: .7rem; background: url('../../images/sub/ic-org1.png') no-repeat center / .7rem auto;}
.wrap-org .detail .list dd {position: relative; margin-left: 2rem; padding: .5rem 0 .5rem 1.3rem; font-family: pr; font-size: 1.8rem; color: #444444;}
.wrap-org .detail .list dd::after {content: ''; position: absolute; left: 0; top: 1.55rem; width: .7rem; height: .5rem; background: url('../../images/sub/ic-org2.png') no-repeat center / .7rem auto;}
.wrap-org .detail .list1 dt {margin-bottom: 0;}
.wrap-org .detail .list3 .box {width: 100% !important; padding: 2rem 0; border-bottom: 1px solid #e5e5e5;}
.wrap-org .detail .list3 .box:last-child {border-bottom: 0;}
.wrap-org .detail .list3 dl {display: flex;}
.wrap-org .detail .list3 dt {flex-shrink: 0; width: 19rem; margin: 0 !important; padding-top: .6rem;}
.wrap-org .detail .list3 dt::after {top: 1.7rem;}
.wrap-org .detail .list3 dd {flex-grow: 1; margin-left: 0; padding: 0;}
.wrap-org .detail .list3 dd::after {display: none;}
.wrap-org .detail .list3 ul {display: flex; flex-wrap: wrap;}
.wrap-org .detail .list3 li {position: relative; padding: .9rem 0 .9rem 1.3rem; width: calc(100% / 4);}
.wrap-org .detail .list3 li::after {content: ''; position: absolute; left: 0; top: 1.9rem; width: .7rem; height: .5rem; background: url('../../images/sub/ic-org2.png') no-repeat center / .7rem auto;}
.wrap-org .detail .list3 li a:hover {font-style: italic;}
.wrap-org .detail .list3 li a span {position: relative;}
.wrap-org .detail .list3 li a span::after {content: ''; position: absolute; left: 0; bottom: -.5rem; width: 0; height: 1px; background: #444444; transition: width .35s;}
.wrap-org .detail .list3 li a:hover span::after {width: 100%;}
.wrap-org .detail .color1 .list dt a:hover {color: #00508f;}
.wrap-org .detail .color2 .list dt a:hover {color: #009e96;}
.wrap-org .detail .color3 .list dt a:hover {color: #00a5e3;}

@media screen and (max-width: 1430px) {
	.wrap-org .detail .list3 li {width: calc(100% / 3);}
}

@media screen and (max-width: 1310px) {
	.wrap-org .detail .list .box {width: calc(100% / 5);}
	.wrap-org .detail .list dt {margin: 2rem 0;}
	.wrap-org .detail .list1 {padding: 3.5rem 2.5rem;}
}

@media screen and (max-width: 1140px) {
	.wrap-org .detail .list .box {width: calc(100% / 4);}
	.wrap-org .detail .list3 li {width: calc(100% / 2);}
}

@media screen and (max-width: 1040px) {
	.wrap-org .tree .level2 li .box {height: 7rem; font-size: 1.9rem;}
}

@media screen and (max-width: 930px) {
	.wrap-org .detail .list .box {width: calc(100% / 3);}
	.wrap-org .detail .list3 li {width: 100%;}
}

@media screen and (max-width: 780px) {
	.wrap-org {padding: 10rem 3rem 3rem 3rem;}
	.wrap-org .detail .row > strong {font-size: 2rem;}
	.wrap-org .detail .list .box {width: calc(100% / 2);}
	.wrap-org .detail .list dt {margin: 1rem 0; font-size: 1.8rem;}
	.wrap-org .detail .list dd {font-size: 1.6rem;}
	.wrap-org .detail .list dd::after {top: 1.3rem;}
	.wrap-org .detail .list3 li::after {top: 1.7rem;}
}

@media screen and (max-width: 600px) {
	.wrap-org .tree .level2 li .box {height: 5.5rem; font-size: 1.7rem;}
}

@media screen and (max-width: 560px) {
	.wrap-org .detail .list .box {width: 100%}
	.wrap-org .detail .list3 dl {display: flex; flex-direction: column;}
	.wrap-org .detail .list3 ul {margin-top: 1rem;}
}

/* [E] 조직도 */

/* [S] UI */

.wrap-ui {margin-top: 3rem;}
.wrap-ui .row1 {overflow: hidden; display: flex; height: 40rem; margin-top: 2rem; border: 1px solid #cccccc; border-radius: 1rem;}
.wrap-ui .row1 .logo {display: flex; justify-content: center; align-items: center; width: 50%; padding: 0 3rem;}
.wrap-ui .row1 .text {display: flex; justify-content: center; flex-direction: column; width: 50%; padding-left: 6rem; background: #f5f5f5;}
.wrap-ui .row1 .text > strong {margin-bottom: 2.7rem; font-family: sm; font-size: 2.8rem; line-height: 1.2; color: #222222;}
.wrap-ui .row1 .text li {margin-bottom: 1.3rem;}
.wrap-ui .row1 .text li:last-child {margin-bottom: 0;}
.wrap-ui .row1 .text li strong {display: flex; align-items: center; font-family: psb; font-size: 2.2rem;}
.wrap-ui .row1 .text li p {padding-top: .8rem; font-family: pr; font-size: 1.8rem; color: #444444;}
.wrap-ui .row1 .text li.color1 strong {color: #005b94;}
.wrap-ui .row1 .text li.color2 strong {color: #00aae5;}
.wrap-ui .row1 .text li.color3 strong {color: #01a99c;}
.wrap-ui .row1 .text li strong em {display: inline-flex; justify-content: center; align-items: center; height: 3rem; margin-right: 1.2rem; padding: 0 1.2rem; border-radius: .5rem; font-family: psb; font-size: 1.6rem; color: #fff;}
.wrap-ui .row1 .text li.color1 strong em {background: #005b94;}
.wrap-ui .row1 .text li.color2 strong em {background: #00aae5;}
.wrap-ui .row1 .text li.color3 strong em {background: #01a99c;}

.wrap-ui .row2 {display: flex; flex-wrap: wrap; width: calc(100% + 2rem);}
.wrap-ui .row2 .box {display: flex; width: 50%; height: 40rem; padding-right: 2rem; padding-bottom: 2rem;}
.wrap-ui .row2 .line {display: flex; justify-content: center; align-items: center; width: 100%; border: 1px solid #cccccc; border-radius: 1rem;}
.wrap-ui .row2 .horizon ul {display: flex; align-items: center;}
.wrap-ui .row2 .horizon li {padding: 0 4.5rem;}
.wrap-ui .row2 .vertical ul {display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; padding: 0 14rem;}
.wrap-ui .row2 .vertical li {padding: 2rem 0;}

.button-title {display: flex; justify-content: space-between; align-items: center;}

@media screen and (max-width: 1280px) {
	.wrap-ui .row1 .logo {width: 36%;}
	.wrap-ui .row1 .text {width: 64%;}
}

@media screen and (max-width: 1100px) {
	.wrap-ui .row2 .horizon li {padding: 0 3.5rem;}
	.wrap-ui .row2 .vertical ul {padding: 0 10rem;}
}

@media screen and (max-width: 990px) {
	.wrap-ui .row1 .text > strong {font-size: 2.5rem;}
	.wrap-ui .row1 .text li strong {font-size: 2rem;}
	.wrap-ui .row1 .text li strong em {font-size: 1.5rem;}
	.wrap-ui .row1 .text li p {font-size: 1.7rem;}
}

@media screen and (max-width: 900px) {
	.wrap-ui .row1 .logo {width: 30%;}
	.wrap-ui .row1 .text {width: 70%;}
}

@media screen and (max-width: 800px) {
	.wrap-ui .row2 {width: 100%;}
	.wrap-ui .row2 .box {width: 100%; padding-right: 0;}
}

@media screen and (max-width: 680px) {
	.wrap-ui .row1 {flex-direction: column; height: auto;}
	.wrap-ui .row1 .logo {width: 100%; padding: 4rem 10rem;}
	.wrap-ui .row1 .text {width: 100%; padding: 3rem;}
	.wrap-ui .row1 .text li strong {font-size: 1.8rem;}
	.wrap-ui .row1 .text li p {font-size: 1.6rem;}
	.wrap-ui .row2 .box {height: auto;}
	.wrap-ui .row2 .line {padding: 6rem 3rem;}
	.wrap-ui .row2 .vertical {padding: 3rem 3rem;}
}

/* [E] UI */


/* [S] 비전 */

.wrap-vision {padding-top: 8rem;}
.wrap-vision .row {display: flex; align-items: center; margin-bottom: 3rem;}
.wrap-vision .row.top {align-items: flex-start;}
.wrap-vision .subject {position: relative; flex-shrink: 0; width: 18.5rem;}
.wrap-vision .subject::before {content: ''; position: absolute; left: 0; top: .7rem; width: .6rem; height: 2.2rem; background: url('../../images/sub/deco-vision1.png') no-repeat center / .6rem auto;}
.wrap-vision .subject::after {content: ''; position: absolute; right: 0; top: .7rem; width: .6rem; height: 2.2rem; background: url('../../images/sub/deco-vision2.png') no-repeat center / .6rem auto;}
.wrap-vision .subject.vertical::before {width: .6rem; height: 5.2rem; background: url('../../images/sub/deco-vision7.png') no-repeat center / .6rem auto;}
.wrap-vision .subject.vertical::after {width: .6rem; height: 5.2rem; background: url('../../images/sub/deco-vision8.png') no-repeat center / .6rem auto;}
.wrap-vision .subject strong {display: flex; justify-content: center; align-items: center; font-family: pr; font-size: 2.4rem; color: #111111;}
.wrap-vision .top1 .subject {position: relative; top: 4.5rem;}
.wrap-vision .top2 .subject {position: relative; top: 2rem;}
.wrap-vision .subject.vertical strong {flex-direction: column;}
.wrap-vision .subject span {font-family: pr; font-size: 1.6rem; color: #111111;}
.wrap-vision .desc {position: relative; flex-grow: 1; padding-left: 10.5rem;}
.wrap-vision .desc::after {content: ''; position: absolute; left: 2.5rem; top: 50%; width: 5.2rem; height: .4rem; background: url('../../images/sub/deco-vision3.png') no-repeat center / 5.2rem auto;}
.wrap-vision .top1 .desc::after {top: 6rem;}
.wrap-vision .top2 .desc::after {top: 5rem;}

.wrap-vision .type1 {position: relative;}
.wrap-vision .type1::before {content: ''; position: absolute; left: 0; bottom: 100%; width: 100%; height: 8rem; background: url('../../images/sub/bg-vision-top.png') no-repeat center top / 100% 100%;}
.wrap-vision .type1 em {position: absolute; left: 50%; top: -3rem; transform: translate(-50%, 0); font-family: pm; font-size: 2.2rem; color: #1affb6;}
.wrap-vision .type1 em::after {content: ''; position: absolute; left: 50%; top: calc(100% + .45rem); width: 1px; height: 1rem; background: #1affb6;}

.wrap-vision .type1 strong {display: flex; justify-content: center; align-items: center; height: 10rem; background: url('../../images/sub/bg-vision.png') repeat; border-radius: 1rem; font-family: pb; font-size: 3.6rem; color: #ffffff;}
.wrap-vision .type2 {position: relative; display: flex; justify-content: center; align-items: center; height: 8rem;}
.wrap-vision .type2::before {content: ''; position: absolute; left: 0; top: 0; width: 1.7rem; height: 8rem; background: url('../../images/sub/deco-vision4.png') no-repeat center / 1.7rem auto;}
.wrap-vision .type2::after {content: ''; position: absolute; right: 0; top: 0; width: 1.7rem; height: 8rem; background: url('../../images/sub/deco-vision5.png') no-repeat center / 1.7rem auto;}
.wrap-vision .type2 strong {font-family: pb; font-size: 3rem; color: #222222;}
.wrap-vision .type2 em {position: relative;}
.wrap-vision .type2 em::after {content: ''; position: absolute; left: 0; bottom: .2rem; z-index: -1; width: 100%; height: .5rem; background: #c7e4f9;}
.wrap-vision .type2 em span {position: absolute; left: 50%; top: -2rem; display: flex; justify-content: center; align-items: center; width: 2rem; height: 2rem; background: #00508f; border-radius: 100%; font-family: pm; font-size: 1.2rem; color: #fff; transform: translate(-50%, 0);}

.wrap-vision .type3 ul {display: flex; width: calc(100% + 4rem);}
.wrap-vision .type3 li {position: relative; display: flex; justify-content: center; align-items: center; width: calc(100% / 3); height: 8rem; margin-right: 4rem; background: #e5f3fd; border-radius: 4rem;}
.wrap-vision .type3 li::before {content: ''; position: absolute; left: 50%; top: calc(100%); width: .8rem; height: 1.8rem; background: url('../../images/sub/deco-vision6.png') no-repeat center  / .8rem auto; transform: translate(-50%, 0);}
.wrap-vision .type3 li::after {content: ''; position: absolute; left: 50%; top: calc(100% - .5rem); width: 1rem; height: 1rem; background: #61a6d8; border-radius: 100%; transform: translate(-50%, 0); border: 1px solid #fff;}
.wrap-vision .type3 li span {display: flex; justify-content: center; align-items: center; width: 2rem; height: 2rem; margin-right: 1.2rem; background: #00508f; border-radius: 100%; font-family: pm; font-size: 1.2rem; color: #fff;}
.wrap-vision .type3 li strong {font-family: pb; font-size: 2.2rem; color: #00508f;}

.wrap-vision .type4 ul {display: flex; width: calc(100% + 4rem);}
.wrap-vision .type4 li {position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; width: calc(100% / 3); height: 12rem; margin-right: 4rem; background: #f1f1f1; border-radius: 1rem;}
.wrap-vision .type4 li strong {font-family: pb; font-size: 2.2rem; color: #333333;}
.wrap-vision .type4 li p {font-family: pr; font-size: 1.8rem; color: #333333;}

.wrap-vision .type5 ul {display: flex; border: 2px solid #006fc6; border-radius: 1rem;}
.wrap-vision .type5 li {position: relative; display: flex; justify-content: center; align-items: center; width: calc(100% / 6); height: 12rem;}
.wrap-vision .type5 li::after {content: ''; position: absolute; left: 100%; top: 50%; width: 1px; height: 5rem; background: #cce2f4; transform: translate(0, -50%);}
.wrap-vision .type5 li:last-child::after {display: none;}
.wrap-vision .type5 li strong {font-family: pb; font-size: 2.2rem; color: #006fc6;}

.wrap-vision .type6 {display: flex;}
.wrap-vision .type6 .cate {position: relative; flex-shrink: 0; display: flex; justify-content: center; align-items: center; width: 14rem; border-radius: 1rem; font-family: pb; font-size: 2rem; color: #fff;}
.wrap-vision .type6 .cate span {position: absolute; left: 0; top: 0; display: flex; justify-content: center; align-items: center; width: 4rem; height: 2.5rem; background: #f6f6f6; border-radius: .7rem 0 .7rem 0; font-family: pb; font-size: 1.3rem;}
.wrap-vision .type6 .detail {flex-grow: 1; padding-left: 1rem;}
.wrap-vision .type6 .detail .line {overflow: hidden; display: flex; height: 10rem; margin-bottom: 1rem; border: 1px solid #696a6d; border-radius: 1rem;}
.wrap-vision .type6 .detail .line:last-child {margin-bottom: 0;}
.wrap-vision .type6 .detail .line strong {position: relative; flex-shrink: 0; display: flex; justify-content: center; align-items: center; width: 16.5rem; background: #e4f3f9; font-family: pb; font-size: 1.8rem; text-align: center; color: #1558a4;}
.wrap-vision .type6 .detail .line span {position: absolute; left: 0; top: 0; display: flex; justify-content: center; align-items: center; width: 4rem; height: 2.5rem; background: #1558a4; border-radius: 0 0 1rem 0; font-family: pb; font-size: 1.3rem; color: #ffffff;}
.wrap-vision .type6 .detail .line ul {flex-grow: 1; display: flex; justify-content: space-around; align-items: center;}
.wrap-vision .type6 .detail .line li {font-family: pr; font-size: 1.8rem; text-align: center; line-height: 1.4;}
.wrap-vision .type6.color1 {margin-top: 3rem;}
.wrap-vision .type6.color3 {margin-top: 1rem;}
.wrap-vision .type6.color4 {margin-top: 1rem;}
.wrap-vision .type6.color1 .cate {background: #009AE6;}
.wrap-vision .type6.color2 .cate {background: #0098e6;}
.wrap-vision .type6.color3 .cate {background: #1d57ae;}
.wrap-vision .type6.color4 .cate {background: #175d94;}
.wrap-vision .type6.color1 .cate span {color: #00a0d7;}
.wrap-vision .type6.color2 .cate span {color: #0098e6;}
.wrap-vision .type6.color3 .cate span {color: #1d57ae;}
.wrap-vision .type6.color4 .cate span {color: #175d94;}

@media screen and (min-width: 1921px) {
	.wrap-vision .type1::before {background-size: 100% 100%;}
	.wrap-vision .type1 strong {background-size: 100%;}
}

@media screen and (max-width: 1450px) {
	.wrap-vision .type6 .detail .line {flex-wrap: wrap; height: auto;}
	.wrap-vision .type6 .detail .line strong {justify-content: flex-start; width: 100%; padding: 1.2rem 1rem; padding-left: 5rem;}
	.wrap-vision .type6 .detail .line strong br {display: none;}
	.wrap-vision .type6 .detail .line ul {flex-wrap: wrap; justify-content: flex-start; padding: 1rem;}
	.wrap-vision .type6 .detail .line li {width: calc(100% / 3); padding: .5rem;}
	.wrap-vision .type6 .detail .line li br {display: none;}
}

@media screen and (max-width: 1350px) {
	.wrap-vision .subject strong {font-size: 2.2rem;}
	.wrap-vision .type1 em {font-size: 2rem;}
	.wrap-vision .type1 strong {font-size: 3.2rem;}
	.wrap-vision .type2 strong {font-size: 2.5rem;}
	.wrap-vision .type3 li strong {font-size: 2rem;}
	.wrap-vision .type4 li strong {font-size: 2rem;}
	.wrap-vision .type4 li p {font-size: 1.7rem;}
	.wrap-vision .type5 li strong {font-size: 2rem;}
	.wrap-vision .type6 .cate {font-size: 1.8rem;}
	.wrap-vision .type6 .detail .line strong {font-size: 1.7rem;}
	.wrap-vision .type6 .detail .line li {font-size: 1.7rem;}
}

@media screen and (max-width: 1200px) {
	.wrap-vision .type5 ul {flex-wrap: wrap;}
	.wrap-vision .type5 li {width: calc(100% / 3); height: 6rem;}
	.wrap-vision .type5 li::after {height: 2rem;}
	.wrap-vision .type5 li:nth-child(3)::after {display: none;}
	.wrap-vision .type6 .detail .line li {width: calc(100% / 2);}
	.wrap-vision .type1::before {background-size: 120% 120%;}
}

@media screen and (max-width: 1025px) {
	.wrap-vision .type1 em {font-size: 1.8rem;}
	.wrap-vision .type1 strong {font-size: 2.5rem;}
	.wrap-vision .type2 strong {font-size: 2.2rem,;}
	.wrap-vision .type6 .detail .line li {width: calc(100% / 1); padding: .5rem 1rem; text-align: left;}
}

@media screen and (max-width: 950px) {
	.wrap-vision {padding-top: 0;}
	.wrap-vision .row {flex-direction: column; align-items: center; margin-bottom: 4rem;}
	.wrap-vision .row.top {align-items: center;}
	.wrap-vision .desc {width: 100%; padding-left: 0;}
	.wrap-vision .desc::after {display: none;}
	.wrap-vision .subject {margin-bottom: 4rem;}
	.wrap-vision .top1 .subject {top: 0;}
	.wrap-vision .top2 .subject {top: 0;}
	.wrap-vision .type1 {margin-top: 6rem;}
	.wrap-vision .type3 ul {width: calc(100% + 2rem);}
	.wrap-vision .type3 li {margin-right: 2rem;}
	.wrap-vision .type4 ul {width: calc(100% + 2rem);}
	.wrap-vision .type4 li {margin-right: 2rem;}
}

@media screen and (max-width: 710px) {
	.wrap-vision .type1 strong {font-size: 2.1rem;}
	.wrap-vision .type2 strong {font-size: 2rem;}
	.wrap-vision .type3 li strong {font-size: 1.8rem;}
	.wrap-vision .type4 li strong {font-size: 1.8rem;}
	.wrap-vision .type4 li p {font-size: 1.6rem;}
	.wrap-vision .type5 li strong {font-size: 1.8rem;}
	.wrap-vision .type6 .cate {font-size: 1.6rem;}
	.wrap-vision .type6 .detail .line strong {font-size: 1.6rem;}
	.wrap-vision .type6 .detail .line li {font-size: 1.6rem;}
	.wrap-vision .type1::before {bottom: 99%;background-size: 140% 140%;}
}

@media screen and (max-width: 540px) {
	.wrap-vision .subject {margin-bottom: 2rem;}
	.wrap-vision .type1 strong {height: 9rem; font-size: 1.9rem;}
	.wrap-vision .type1::before {height: 5rem;background-size: 180% 180%;}
	.wrap-vision .type1 em {top: -1rem;}
	.wrap-vision .type1 em::after {top: calc(100% + .15rem);}
	.wrap-vision .type2 strong {font-size: 1.7rem;}
	.wrap-vision .type3 li span {margin-right: .5rem;}
	.wrap-vision .type4 li strong {font-size: 1.7rem;}
	.wrap-vision .type4 li p {font-size: 1.6rem;}
	.wrap-vision .type5 ul {padding: 1rem 0;}
	.wrap-vision .type5 li {height: 5rem;}
	.wrap-vision .type5 li strong {font-size: 1.7rem;}
}

/* [E] 비전 */

/* [S] 스쿨버스 */

.wrap-school-bus img {width: 100%;}
.wrap-school-bus .number {display: flex; justify-content: center; align-items: center; height: 9rem; background: #e7f4fe;}
.wrap-school-bus .number ul {display: flex; align-items: center;}
.wrap-school-bus .number li {display: flex; align-items: center; margin-right: 6rem; font-family: pm; font-size: 2rem; color: #006fc6;}
.wrap-school-bus .number li:last-child {margin-right: 0;}
.wrap-school-bus .number li span {display: flex; justify-content: center; align-items: center; width: 4rem; height: 4rem; margin-right: 1rem; background: #006fc6; border-radius: 100%; font-family: sm; font-size: 1.6rem; text-align: center; color: #fff;}

@media screen and (max-width: 910px) {
	.wrap-school-bus .number li {margin-right: 4rem; font-size: 1.8rem;}
}

@media screen and (max-width: 720px) {
	.wrap-school-bus .number {padding: 1rem 3rem; justify-content: flex-start; height: auto;}
	.wrap-school-bus .number ul {flex-wrap: wrap; width: 100%;}
	.wrap-school-bus .number li {width: 50%; margin: 0; padding: 1rem 0; font-size: 1.7rem;}
	.wrap-school-bus .number li span {width: 3rem; height: 3rem; font-size: 1.4rem;}
}

.noti-line {padding-bottom: 3.5rem; border-bottom: 1px solid #cccccc;}

/* [E] 스쿨버스 */


.mapWrap {margin-top: 2rem;}
.map-api {position: relative;}
.map-info {position: relative; display: flex; justify-content: space-between; padding: 2rem 3rem; background: #E7F4FE;}
.map-info ul {display: flex; font-size: 1.8rem;}
.map-info ul li {position: relative; display: flex; align-items: center; margin-right: 8.5rem;}
.map-info ul li::before {content: ''; width: 5rem; height: 5rem; margin-right: 1.5rem; background-color: #006FC6; background-repeat: no-repeat; background-position: center; border-radius: 5rem;}
.map-info ul li.loc::before {background-image: url('../../images/sub/ic-map1.png');}
.map-info ul li.tel::before {background-image: url('../../images/sub/ic-map2.png');}
.map-info ul li.fax::before {background-image: url('../../images/sub/ic-map3.png');}
.map-info strong {position: relative; margin-right: 1rem; padding-right: 1rem; color: #006FC6;}
.map-info strong::after {content: ''; position: absolute; right: 0; top: 0.8rem; width: 0.2rem; height: 1rem; background: #ccc;}
.map-info ul li p {color:#111;}
.map-info .map-btn {position: relative; display: inline-flex; align-items: center; justify-content: center; min-height: 5rem; padding: 0 2rem 0 2.1rem; background: #90C31F; font-family: pm; font-size: 1.6rem; color: #fff; transition: background .3s; border-radius:0.5rem;}
.map-info .map-btn::after {content: ''; display: inline-block; width: 1.6rem; height: 1.6rem; margin-left: 1.5rem; background: url('../../images/sub/ic-map-blank.png') no-repeat center;}
.map-info .map-btn:hover {background: #5A8300;}

@media screen and (max-width:1500px) {
	.map-info ul {font-size: 1.6rem;}
	.map-info ul li {margin-right: 3.5rem;}
}
@media screen and (max-width:1200px) {
	.map-info ul {flex-direction: column;}
	.map-info ul li {margin-right: 0; margin-bottom: 2rem;}
	.map-info ul li:last-child {margin-bottom: 0;}
}
@media screen and (max-width:768px) {
	.map-info {display: block;}
	.map-info ul {font-size: 1.5rem;}
	.map-info ul li {margin-bottom: 1rem;}
	.map-info ul li:last-child {margin-bottom: 1rem;}
}