@charset "utf-8";

.header { height:170px; }
.header .container { background:none; height:auto; }

	
@media (max-width: 1199px) {
.header { height:65px; }
}

/* sub-layout ====================================================================================*/
.visual-sub { margin:160px 0 0 0; padding:0; height:20px; }
.visual-sub h2 { margin-top:40px; padding:0; color:#fff; font-weight:normal; font-size:36px; }

.gnb-sub { margin-top:30px; width:240px; overflow:hidden; }
.gnb-sub h2 { margin:0; padding:0; width:240px; display:block; background-color:#868686; line-height:93px; color:#fff; text-align:center; font-size:20px; letter-spacing:-1px; border-top-left-radius:30px; border-top-right-radius:30px;}
.gnb-sub ul { display:block; margin:0; padding:0; list-style:none; background-color:#fff; overflow:hidden;  border:1px solid #d9d9d9; border-top:0;}
.gnb-sub ul li { display:block; border-top:1px solid #d9d9d9; }
.gnb-sub ul li:first-child { border-top:0; }
.gnb-sub ul li a { display:block; padding:25px 20px 20px 25px; font-size:16px; letter-spacing:-1px; line-height:1.2; position:relative; }
.gnb-sub ul li a:before { position:absolute; left:0; top:0; content:''; width:5px; height:66px; background-color:#eee; }
.gnb-sub ul li a:hover, .gnb-sub ul li a.active { color:#000; }
.gnb-sub ul li a:hover:before, .gnb-sub ul li a.active:before { background-color:#868686; }

.location { text-align:right; padding:35px 0 0 0; font-size:13px; }
.location i { font-size:13px; }
.page-title { margin:10px 0 0 0; font-size:34px; position:relative; height:69px; line-height:1.2; }

@media (max-width: 1199px) {
.visual-sub { margin-top:65px; height:150px; }	
	
.gnb-sub { width:100%; margin-top:-85px; }
.gnb-sub h2 { width:100%; font-size:24px; line-height:85px; display:inline-block; padding:0 50px; background-color:transparent;}
.gnb-sub ul { display:table; width:100%; padding-left:0; border:0; border-left:1px solid #ddd;  }
.gnb-sub ul li { display:table-cell; width:1%; border:0; border-right:1px solid #ddd; }
.gnb-sub ul li a { text-align:center; padding-left:0; padding-right:0;}
.gnb-sub ul li a:before { position:absolute; left:0; top:auto; bottom:0; content:''; width:100%; height:1px; background-color:#ddd; }
.gnb-sub ul li a:hover, .gnb-sub ul li a.active { color:#000; }
.gnb-sub ul li a:hover:before, .gnb-sub ul li a.active:before { background-color:#868686; height:2px; }
.location { text-align:right; padding:25px 0; font-size:16px; }
}
@media (max-width: 767px) {
.gnb-sub { display:none; }
.visual-sub { height:90px; }
.location { text-align:center; margin-top:-80px; color:#fff; }
.location a { color:#fff; }
.page-title { display:block; margin:30px 0 0 0; font-size:25px; text-align:center; }
}


/* common ====================================================================================*/
.cont { padding:50px 0; min-height:500px;}
.cont h2 { font-family:'Nanum Myeongjo'; font-size:24px; font-weight:bold; margin-bottom:20px; }
.cont h2:first-child { margin-top:0; }
.cont h3 { color:#15468e; margin-top:30px; font-size:25px; }
.cont h3:first-child { margin-top:0; }
.cont p a { position:relative; display:inline-block; }
.cont p a:before { content:''; width:100%; height:1px; background-color:#4989d3; position:absolute; left:0; bottom:0; }
.box1 { background-color:#f7f7f7; padding:20px 15px; }
.ul { margin:0; padding:0; list-style:none; }
.ul li { margin:0; padding:0 0 3px 15px; position:relative; text-align:left; }
.ul li:before { content:''; position:absolute; left:5px; top:11px; width:2px; height:2px; background-color:#242424; }
.ul-5 li { margin:0; padding:0 0 5px 15px; position:relative; text-align:left; }
.ul-10 li { margin:0; padding:0 0 10px 15px; position:relative; text-align:left; }
.ul-ls li { letter-spacing:-1px; }

.h2-title:first-child { margin-top:0; }
.h2-title { font-family:'Nanum Myeongjo'; font-size:24px; text-align:center; margin-bottom:30px; }
@media (max-width: 767px) {
.cont h2 { font-size:20px; }
.cont { padding-top:0;}
}

.box-style {position:relative; margin-bottom:20px; padding:40px 20px; background:#f2f2f2; overflow:hidden; }
.box-style:before { content:'format_quote'; position:absolute; top:10px; left:30px; font-size:70px; color:#6c71b5;
	font-family:'Material Icons'; 
	font-feature-settings: 'liga';
	-moz-osx-font-smoothing: grayscale; 
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
 }
.box-style:after { content:'format_quote'; position:absolute; top:10px; right:30px; font-size:70px; color:#6c71b5;
	font-family:'Material Icons'; 
	font-feature-settings: 'liga';
	-moz-osx-font-smoothing: grayscale; 
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}
.box-style h2 { margin:10px 0; color:#43488f; font-family:'Nanum Myeongjo'; font-size:24px; text-align:center; }
.box-style h2 span { display:block; }
.box-style h4 { margin:25px 0 0 0; padding:25px 0 0 0; font-family:'Nanum Myeongjo'; font-weight:bold; text-align:center; position:relative; }
.box-style h4:before { content:''; position:absolute; top:0; left:50%; width:110px; height:1px; margin-left:-55px; background-color:#999; }
@media (max-width: 991px) {
.box-style:before, .box-style:after { content:''; }
}
@media (max-width: 767px) {
.box-style h2 { font-size:20px; }
.box-style h2 span { display:inline; }
.box-style h4 { font-size:15px; }
}
.tabs { border-top:1px solid #ddd; }
.tabs li a { font-size:16px; padding:15px; color:#999; }
.tabs li.active a, .tabs li.active a:hover  .tabs li.active a:focus { border-top:1px solid #8e269f !important; border-bottom:1px solid #8e269f !important; border-left:0 !important; border-right:0 !important; border-radius:0; font-size:18px; color:#8e269f !important; }

@media (max-width: 767px) {
.table-responsive { margin-left:-15px; margin-right:-15px; width:auto; }
}
.table { border-top:1px solid #3f4659 !important; border-left:2px solid #fff; border-right:2px solid #fff; margin-bottom:0;  }
.table>thead>tr>th { background-color:#f9f9f9; border-bottom:1px solid #ddd; text-align:center !important; padding:15px 8px; vertical-align:middle; }
.table>tbody>tr>th, .table>tbody>tr>td { vertical-align:middle; padding:15px 8px; text-align:center; }
.table>tbody>tr>th { background-color:#f7f7f7; font-weight:bold !important;  }
.table>tbody>tr>td.lt { text-align:left; }
.table>tbody>tr>td.vt { vertical-align:top; }

.map { position:relative; }
.map.full { position:fixed !important;top:0;left:0;width:100%;height:100%;background-color:#ccc;z-index:9999; }
.map .btn { position:absolute; top:10px; right:10px; font-weight:bold; z-index:1; }

.owl-nav div { position:absolute; top:50%; margin:0; padding:0; margin-top:-24px; color:#fff; opacity:.7;  }
.owl-nav div i { margin:0; padding:0; font-size:48px; margin-top:5px; }
.owl-nav div:hover { opacity:1; }
.owl-nav div.owl-prev { left:0; }
.owl-nav div.owl-next { right:0; }

/* page ====================================================================================*/
.greeting{ background:#3e474e; color:#fff; overflow:auto;}
.greeting .s1{padding:0;}
.greeting .s1 img{ vertical-align:bottom;}

.greeting .s2{ padding:30px;}
.greeting .s2 h4{ color:#fdba56; margin-bottom:30px;}
.greeting .s2 p{ line-height:220%;}

.esi { background-color:#a6ce39; }
.esi .esi-left { background:url(/img/esi-bg.png) no-repeat 15px top; padding:60px 0 0 45px; }
.esi h3 { font-size:20px; color:#222; font-weight:bold; }
.esi p { margin-top:30px; font-size:15px; }
.esi .esi-right { padding:30px 45px 0 30px; position:relative; }
.esi .esi-right img { margin:0 auto -30px auto; }

.esi2 .item { display:block; border-bottom:1px solid #ddd; padding:20px 0; display:table; width:100%; }
.esi2 .item:first-child { border-top:1px solid #ddd; }
.esi2 .item .pic { display:table-cell; vertical-align:middle; text-align:center; width:200px; }
.esi2 .item .pic i { width:100px; height:100px; line-height:100px; background-color:#1468b3; border-radius:50%; font-size:42px; color:#666; text-align:center; display:inline-block; color:#fff; }
.esi2 .item .pic i.b2 { background-color:#ff880f; }
.esi2 .item .pic i.b3 { background-color:#a6ce39; }
.esi2 .item .caption { display:table-cell; vertical-align:middle; }
.esi2 .item .caption h5 { color:#6c71b5; }
@media (max-width: 991px) {
.esi .esi-left { padding:30px 0 0 40px; }
.esi h3 { font-size:18px; }	
.esi p { margin-top:20px; font-size:13px; }
.esi .esi-right { padding:30px 40px 0 30px; position:relative; }
}
@media (max-width: 767px) {
.esi { margin:0 -15px; }
.esi .esi-left { padding:30px 30px 0 30px; }
.esi .esi-right { padding:20px 30px 0 30px; position:relative; text-align:center; }
.esi2 .item { padding:15px 10px; }
.esi2 .item .pic { width:auto; }
.esi2 .item .pic i { width:80px; height:80px; line-height:80px; font-size:32px; }
.esi2 .item .caption { padding-left:10px; font-size:13px; letter-spacing:-1px; }
}

.purpose { background:#f1f1f1 url(/img/bg-purpose.jpg) no-repeat; height:320px; padding:120px 140px 0 140px; }
.purpose .caption { background-color:#fff; height:200px; }
.purpose .caption h4 { padding:60px 0 20px 0; text-align:center; font-weight:bold; }
.purpose .caption p span { display:block; text-align:center; }
@media (max-width: 991px) {
.purpose { padding:45px 40px 0 40px; }
}
@media (max-width: 767px) {
.purpose { margin:0 -15px; padding:20px 15px 0 15px; position:relative; }
.purpose .caption { position:absolute; bottom:0; }
.purpose .caption h4  { padding:30px 0 15px 0;}
.purpose .caption p { padding:0 15px; font-size:15px;  }
.purpose .caption p span { display:inline; 	}
}

.idea p { font-size:16px; margin-bottom:25px; }

.idea2 .item { display:block; border-bottom:1px solid #ddd; padding:20px 0; display:table; width:100%; }
.idea2 .item:first-child { border-top:1px solid #ddd; }
.idea2 .item .pic { display:table-cell; vertical-align:middle; text-align:center; width:200px; }
.idea2 .item .pic i { width:100px; height:100px; line-height:100px; border:3px solid #6c71b5; border-radius:50%; font-size:42px; color:#666; text-align:center; display:inline-block; color:#111; }
.idea2 .item .caption { display:table-cell; vertical-align:middle; }
.idea2 .item .caption h5 { color:#6c71b5; }
@media (max-width: 767px) {
.idea p { font-size:14px; }
.idea2 .item { padding:15px 10px; }
.idea2 .item .pic { width:auto; }
.idea2 .item .pic i { width:80px; height:80px; line-height:80px; font-size:32px; }
.idea2 .item .caption { padding-left:10px; font-size:85%; letter-spacing:-1px; }
}

.feature.bg { background-color:#fff; }
.feature h2 { text-align:center; margin-bottom:30px; }

.feature .f1 { text-align:center; padding:0 20px; }
.feature .f1 ul { margin:0; padding:0; list-style:none; display:inline-block; overflow:hidden; }
.feature .f1 ul li { padding:0 6px; width:33%; display:block; float:left; }
.feature .f1 ul li .bg-img { height:130px; }
.feature .f1 ul li .caption { background-color:#fff; text-align:left; padding:15px 10px;  }
.feature .f1 ul li h4 { margin:0; padding-bottom:5px; }
.feature .f1 ul li p { font-size:13px; }

.feature .f2 { text-align:center; padding:0 20px; }
.feature .f2 ul { margin:0; padding:0; list-style:none; display:inline-block; overflow:hidden; }
.feature .f2 ul li { padding:15px 6px; width:25%; display:block; float:left; }
.feature .f2 ul li .pic { padding:30px 0 5px 0; background-color:#fff; }
.feature .f2 ul li .caption { background-color:#fff; padding:15px 10px; height:212px; }
.feature .f2 ul li .caption h4 { margin:0; padding-bottom:8px; }
.feature .f2 ul li .caption p { font-size:13px; text-align:left; }

.feature .f2 ul li .caption2 { background-color:#fff; padding:15px 10px; height:112px; }
.feature .f2 ul li .caption2 h4 { margin:0; padding-bottom:8px; }
.feature .f2 ul li .caption2 p { font-size:13px; text-align:left; }

.feature .f3 { padding:0 55px; }
@media (max-width: 991px) {
.feature .f1 ul li .caption { height:135px; }
.feature .f2 ul li .caption { height:240px; }
}
@media (max-width: 767px) {
.feature.bg { margin:0 -15px; }
.feature .f1 { padding:0 5px; }
.feature .f1 ul li { width:50%; padding:2px; }
.feature .f1 ul li .caption { height:135px; }
.feature .f2 { padding:0 5px; }
.feature .f2 ul li { width:50%; padding:2px; }
.feature .f2 ul li .caption { height:240px; }
}

.study .s1 .item { border:1px solid #ddd; padding:20px 15px; height:205px; }
.study .s1 .item p { font-size:13px; }

.study .s2 { padding:0 50px; }

.study .s3 { text-align:center; border:1px solid #ddd; padding:30px 0 20px 0; }
.study .s3 ul { margin:0; padding:0; list-style:none; display:inline-block; }
.study .s3 ul li { padding:0; margin:8px 4px; display:inline-block; text-align:center; width:80px; }
.study .s3 ul li i { display:inline-block; width:55px; }
.study .s3 ul li p { margin:5px 0 0 0; }

.study .s4 .item { border:1px solid #ddd; padding:20px 15px; height:151px; }
.study .s4 .item p { font-size:13px; }
@media (max-width: 991px) {
.study .s1 .item  { height:250px;}
.study .s2 { padding:0; }
}
@media (max-width: 767px) {
.study .s1 .item  { margin-bottom:10px; height:auto;}
.study .s2 { margin:0 -15px; }
.study .s4 .item {margin-bottom:10px; height:auto; }
}

.subject .item { border:1px solid #ddd; padding:20px 0; height:270px; margin:10px 0; }
.subject .item h4 { display:table-cell; width:110px; text-align:center; color:#111; letter-spacing:-1px; }
.subject .item h4 strong { font-size:60px; display:block; color:#6c71b5; }
.subject .item p { display:table-cell; vertical-align:top; }
@media (max-width: 991px) {
.subject .item h4 { width:80px; }
.subject .item h4 strong { font-size:40px; }
}
@media (max-width: 767px) {
.subject .item { height:auto; }	
.subject .item h4 { width:110px; }
.subject .item h4 strong { font-size:60px; }
}


.system1.bg { background-color:#f7f7f7; }
.system1 h2 { text-align:center; margin-bottom:30px; }
.system1 .s1 { text-align:center; padding:0 20px; }
.system1 .s1 ul { margin:0; padding:0; list-style:none; display:inline-block; overflow:hidden; }
.system1 .s1 ul li { padding:15px 6px; width:25%; display:block; float:left; }
.system1 .s1 ul li .pic { padding:30px 0 5px 0; background-color:#fff; }
.system1 .s1 ul li .caption { background-color:#fff; padding:15px 10px; height:151px; }
.system1 .s1 ul li .caption h4 { margin:0; padding-bottom:8px; }
.system1 .s1 ul li .caption p { font-size:13px; text-align:left; }

.system1 .s2 { text-align:center; }
.system1 .s2 ul { margin:0; padding:0; list-style:none; display:inline-block; overflow:hidden; }
.system1 .s2 ul li { margin:0; padding:15px 6px; display:inline-block; vertical-align:middle; }
.system1 .s2 ul li.item { background-color:#fff; border:1px solid #ddd; border-radius:6px; padding:15px 25px; height:80px; }
.system1 .s2 ul li.icon i { display:inline-block; width:40px; } 
.system1 .s2 p { padding:15px 15px 0 15px; }

.system3 .s1 { text-align:center; }
.system3 .s1 ul { margin:0; padding:0; list-style:none; display:inline-block; overflow:hidden; }
.system3 .s1 ul li { margin:0; padding:10px 20px; display:inline-block; vertical-align:middle; }

@media (max-width: 767px) {
.system1.bg { margin:0 -15px; }
.system1 .s1 { padding:0 5px; }
.system1 .s1 ul li { width:50%; padding:2px; }
.system1 .s1 ul li .caption { height:145px; }

.system1 .s2 { text-align:center; }
.system1 .s2 ul { margin:0; padding:0; list-style:none; display:inline-block; overflow:hidden; }
.system1 .s2 ul li { margin:0; padding:15px 6px; display:block; vertical-align:middle; }
.system1 .s2 ul li.item { background-color:#fff; border:1px solid #ddd; border-radius:6px; padding:15px 25px; height:80px; }
.system1 .s2 ul li.icon i { display:inline-block; width:40px; } 
.system1 .s2 p { padding:15px 15px 0 15px; }
}

.enter { overflow:hidden; }
.enter ul { margin:0 -5px; padding:0; list-style:none; }
.enter ul li { display:block; float:left; width:33.3333%; }
.enter ul li div { margin:5px; border:1px solid #d1d1d1; border-radius:8px; font-size:16px; padding:30px 20px; position:relative;}
.enter ul li div:before { content:'navigate_next'; position:absolute; top:18px; right:15px; font-size:30px;
font-family:'Material Icons'; 
font-feature-settings: 'liga';
-moz-osx-font-smoothing: grayscale; 
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
@media (max-width: 767px) {
.enter ul { margin:0; }
.enter ul li { display:block; float:none; width:auto; }
.enter ul li div { letter-spacing:-1px; padding:20px 20px; }
.enter ul li div:before { content:'expand_more'; top:10px; }
}