@charset "utf-8";

/* nav 2-1 */
.vision-header {position:relative; width:100%; text-align:center; margin-bottom:200px;}
.vision-header .icon-quote {display:block; margin-bottom:30px; text-align:center;}
.vision-header .icon-quote img {width:50px;}
.vision-header:after {content:""; position:absolute; bottom:-80px; left:50%; margin-left:-1px; width:2px; height:50px; background-color:#333;}

.vision-header h2 {font-weight:300;}
.vision-header h1 {font-weight:500; color:#005baa;}


.vision-body {position:relative; width:100%; text-align:center; margin-bottom:80px;}
.vision-body ul > li{float:left; width:33.33333%;}

.vision-body .body-title {display:block; position:relative; width:100%; font-weight:400; color:#222; margin-bottom:50px;}
.vision-body .body-title:after {content:""; position:absolute; bottom:-10px; left:50%; margin-left:-20px; width:40px; height:1px; background-color:#428bca;}

.vision-body p {color:#223b69; font-weight:600; margin-bottom:10px;}
.vision-body p b {color:#f07e31;}

.vision-body h2 {line-height:22px; font-weight:300; color:#222;}

.vision-body ol {text-align:left; margin-top:30px; width:100%; padding:20px 20px; border:1px solid #cdcdcd; border-radius:10px 10px;}
.vision-body ol.l-num li b {color:#f07e31;}
.vision-body ol.l-num li:last-child {margin-bottom:0px !important;}

.vision-footer {position:relative; width:100%; background-color:#334f66; padding:50px 0 70px 0;}
.vision-footer:before {content:""; position:absolute; left:-100%; top:0; width:100%; height:100%; background-color:#334f66;}
.vision-footer:after {content:""; position:absolute; right:-100%; top:0; width:100%; height:100%; background-color:#334f66;}

.vision-footer .line-title {padding:20px 0 80px 0; color:#fff;}
.vision-footer .line-title:after {background-color:#fff; bottom:96px;}

.vision-footer dt, .vision-footer dd {float:left; width:50%;}
.vision-footer dt {font-weight:600; color:#b7cbdb;}
.vision-footer dd {text-align:right; color:#fff;}
.vision-footer dd span {font-weight:600; padding-right:4px;}
.vision-footer .footer-item {margin-bottom:80px;}
.vision-footer div.footer-item:nth-child(n + 7) {margin-bottom:0;}

@media only screen and (min-width:1200px) {
	.vision-footer div.footer-item:nth-child(n + 5) {margin-bottom:0;}
}

@media only screen and (min-width:992px) {
	.vision-body ul > li:nth-child(1) {padding:0 20px 0 0;}
	.vision-body ul > li:nth-child(2) {padding:0 10px 0 10px;}
	.vision-body ul > li:nth-child(3) {padding:0 0 0 20px;}
}

@media only screen and (max-width:992px) {
	.vision-body ul > li{float:left; width:50%;}
}

@media only screen and (min-width:601px and max-width:991px) {
	.vision-body ul > li:nth-child(1) {padding:0 20px 0 0;  margin-bottom:50px;}
	.vision-body ul > li:nth-child(2) {padding:0 0 0 20px;  margin-bottom:50px;}
	.vision-body ul > li:nth-child(3) {padding:0 20px 0 0;}
}

@media only screen and (max-width:600px) {
	.vision-body ul > li{float:left; width:100%; margin-bottom:80px;}
	.vision-body ul > li:nth-child(3) {margin-bottom:0;}
}

@media only screen and (max-width:450px) {
	.vision-footer dt, .vision-footer dd {width:100%;}
}

/* nav2-2 */
.edu-step {display:block; width:100%; height:auto;}
.edu-step  div {padding:60px 20px 30px 10px; position:relative;}
.edu-step .edu-step1,
.edu-step .edu-step2,
.edu-step .edu-step3 {float:left; width:33.3%;}
.edu-step .edu-step1, .edu-step .edu-step3 {background-color:#f7fbff;}
.edu-step .edu-step2 {background-color:#fff;}
.edu-step {border:1px solid #bbbbbb;}
.edu-step .edu-step2 {border-left:1px dotted #7b7d7f; border-right:1px dotted #7b7b7b;}

.edu-step div h2 {position:absolute; top:20px; left:20px; color:#0a5bbc; }
.edu-step div ol li {padding-left:16px; color:#444; }
.edu-step div ol.l-num li span.num {margin:0 0 0 -16px;}


@media only screen and (max-width:768px) {
	.edu-step .edu-step1,
	.edu-step .edu-step2,
	.edu-step .edu-step3 {width:100%; float:unset;  }
	.edu-step {border:1px solid #bbbbbb;}
	.edu-step .edu-step2 {border-left:0; border-right:0; border-top:1px dotted #7b7d7f; border-bottom:1px dotted #7b7d7f;}
}

/* nav2-3 */
.round-container {position:relative; width:100%; height:400px;}
.round-box {position:absolute; display:table; top:50px; left:50%; margin-left:-120px; width:240px; height:240px; z-index:10; background-color:#fff; border-radius:120px 120px; border:25px solid #f3f3f3;}
.round-wrap {position:relative; display:table-cell; vertical-align:middle; text-align:center; font-weight:600; color:#222; font-size:2.4rem; padding-top:30px;}
.round-wrap:before {content:"총괄"; position:absolute; top:60px; left:0; width:100%; text-align:center; font-weight:400; color:#005baa; font-size:20px;}

.sub-round-3-div {position:relative; width:100%;}
.sub-round-3-div .round-item {float:left; position:relative; display:table; width:33.3333%; text-align:center;}
.sub-round-3-div .round-item .sub-round-wrap {position:relative; width:200px; height:200px; border-radius:100px 100px; margin:0 auto; background-color:#8b9193; display:table;}
.sub-round-3-div .round-item .sub-round-wrap:after {content:""; position:absolute; top:-50px; left:50%; width:2px; height:50px; background-color:#e9e9e9; }
.sub-round-3-div .round-item:nth-child(1):before {content:""; position:absolute; top:-50px; left:50%; width:200%; height:2px; background-color:#e9e9e9;}
.sub-round-3-div .round-item:nth-child(2):before {content:""; position:absolute; top:-120px; left:50%; width:2px; height:120px; background-color:#e9e9e9;}

.sub-round-wrap .sub-round-info {color:#fff; display:table-cell; vertical-align:middle; font-weight:400;}
.sub-round-wrap .sub-round-info span {display:block;}

.round-item .info-wrap {width:340px; margin:0 auto; text-align:center;}
.info-wrap p.title {font-weight:600; color:#222; margin-top:30px;}
.info-wrap p.subject {margin-top:20px; background-color:#f6f6f6; color:#222; font-weight:600; padding:14px 30px;}
.info-wrap ol {margin-top:20px; text-align:left;}

.hidden-wrap {display:none;}

@media only screen and (max-width:1100px) {
	.round-item .info-wrap {display:none;}
	.hidden-wrap {display:block;}
}

@media only screen and (max-width:768px) {
	.round-container {height:340px;}
	.round-box {margin-left:-100px; width:200px; height:200px; border-radius:100px 100px; border:20px solid #f3f3f3;}
	.round-wrap:before {top:40px; font-size:18px;}
	.round-wrap {font-size:2.2rem; padding-top:20px;}

	.sub-round-3-div .round-item .sub-round-wrap {width:160px; height:160px; border-radius:80px 80px;}
	.sub-round-wrap .sub-round-info span {display:none;}

	.sub-round-3-div .round-item .sub-round-wrap:after {top:-40px; height:40px; }
	.sub-round-3-div .round-item:nth-child(1):before {top:-40px; left:50%; width:200%; height:2px; }
	.sub-round-3-div .round-item:nth-child(2):before {top:-120px; left:50%; width:2px; height:120px;}
}

@media only screen and (max-width:600px) {
	.round-container {height:300px;}

	.sub-round-3-div .round-item .sub-round-wrap:after {top:-25px; height:25px; }
	.sub-round-3-div .round-item:nth-child(1):before {top:-25px; left:50%; width:200%; height:2px; }
	.sub-round-3-div .round-item:nth-child(2):before {top:-60px; left:50%; width:2px; height:120px;}
	.sub-round-3-div .round-item .sub-round-wrap {width:90%; height:60px; border-radius:10px 10px;}
}

/* nav2-4 */
.cooperation-box {text-align:center;}
.cooperation-box img {max-width:100%;}
.title-box {position:relative; width:100%; padding:14px 20px; text-align:center; background-color:#2f5597; color:#fff; font-weight:400; margin-top:20px;}