@charset "utf-8";
/**
 */

/* 서브 페이지 location으로 인해 +50 추가됨 */
#container.subContainer #content{padding-top: 169px;}

/* common */
.subContainer #content h3 > small{ position: static;top: 0;left: 0;display: block;width: 100%;height: 100%;font-weight: 600;font-size: 13px;color: #fff;line-height: 13px;text-align: center;border-radius: 0;background:none; }
/* / .common */

/* 스크롤 내릴 경우 gnb 축소 */
#container.subContainer #header.height .headerWrap:after {display:none;}
.subContainer #header.height,
.subContainer #header.height .gnbBox .menuArea { height:59px; transition: height .3s; }
.subContainer #header.height .headerWrap > .innerBox {transition: height .3s;}
.subContainer #container.on #header.height .headerWrap {height:582px;}
.subContainer #header.height .gnbBox .menuArea h1 { margin-top:11px; width:180px;height:44px; }
.subContainer #header.height .gnbBox .menuArea h1 a { width:136px;height:30px; }
.subContainer #header.height .gnbBox .menuArea > ul { padding-top:13px; }
.subContainer #header.height .gnbBox .menuArea > ul li > .gnbSubMenu,
.subContainer #header.height .headerWrap > .innerBox .locationWrap { top:59px; transition: height .3s;}
#container.subContainer #header.height .headerWrap .subMenuArea {top:1px;}
.subContainer #header.height .gnbBox .menuArea > ul > li:hover > h2 > a {padding-bottom:14px;}
.subContainer #header .headerWrap { position: relative; width: 100%; border-bottom: none; }
.subContainer #header .headerWrap > .innerBox { margin: 0 auto; width: 1200px; transition: height .3s; }
.subContainer #header .globalBox.hide { display: none; }
.subContainer #header .globalBox { padding: 16px 0 0 0; display: block; height: 44px; }
.subContainer .gnbBox .menuArea > ul > li > h2 > small.hide { display:none; }
.subContainer .gnbBox .menuArea > ul > li > h2 > small { display:block; }
/* / .스크롤 내릴 경우 gnb 축소 */

/* locationWrap */
.locationWrap { top:119px;right:0;left:0;width:100%;height: 50px; background:#fff; border-bottom: 1px solid #ebebeb;}
.locationWrap:before { position: absolute;top:0;left:0;width:100%;height:0; border-top: solid 1px #ebebeb; content:''; }
.subContainer.on .locationWrap:after { display:none; }
.locationWrap:after { position: absolute;bottom: 0;left:0;width:100%;height:0px; content:''; }
.locationWrap .innerBox { margin:0 auto; width: 1200px; }
.locationWrap .innerBox .locationInnerBox {position: relative; float:left; height: 100%; }
.locationWrap .innerBox .locationInnerBox:before { position: absolute;top:0;left:0;width:1px;height:50px; border-left: solid 1px #ebebeb; content:''; }
.locationWrap .innerBox .locationInnerBox > ul { height: 50px; }
.locationWrap .innerBox .locationInnerBox > ul > li { position: relative; float:left; width:210px; height: 100%;border-right:solid 1px #ebebeb; cursor: pointer; }
.locationWrap .innerBox .locationInnerBox > ul > li:last-child a { color: #2081ed; }
.locationWrap .innerBox .locationInnerBox > ul > li > h2 > a { padding: 0 14px; display: block; width:100%;height:100%; font-weight: 400; font-size: 15px; color:#626262; line-height: 50px; background: url('../images/bg/bg_locationCloseDown.gif') no-repeat 187px center; }
.locationWrap .innerBox .locationInnerBox > ul > li > h2 > a:hover { color: #2081ed; }
.locationWrap .innerBox .locationInnerBox > ul > li.on > h2 > a { background-image: url('../images/bg/bg_locationCloseUp.gif'); }
.locationWrap .innerBox .locationInnerBox > ul > li:first-child  { width:48px; }
.locationWrap .innerBox .locationInnerBox > ul > li:first-child > h2 { width: 100%; height: 100%; }
.locationWrap .innerBox .locationInnerBox > ul > li:first-child > h2 > a { position: relative; padding:0; text-align: center; }
.locationWrap .innerBox .locationInnerBox > ul > li:first-child > h2 > a img { position: absolute; top:50%; left: 50%; margin:-10px 0 0 -9px; display:block; width: 20px; height: 18px; }
.locationWrap .innerBox .locationInnerBox > ul > li > .menuList { display:none; position: absolute; top: 50px; left: 0; z-index: 1; width: 100%; height: auto; border: solid 1px #ebebeb; border-top: none; background: #fff;}
.locationWrap .innerBox .locationInnerBox > ul > li.on > .menuList { display: block; }
.locationWrap .innerBox .locationInnerBox > ul > li.on > .menuList > ul {padding:10px 0; }
.locationWrap .innerBox .locationInnerBox > ul > li.on > .menuList > ul > li { width: 100%; }
.locationWrap .innerBox .locationInnerBox > ul > li.on > .menuList ul > li > h2 > a {padding:0 14px; display: block; width:100%; height: 100%; font-weight: 400; color: #626262; font-size:15px; line-height: 32px; background: none;}
.locationWrap .innerBox .locationInnerBox > ul > li.on > .menuList ul > li > h2 > a:hover { color: #2081ed; }
/* / .locationWrap selectbox */

.directMenuInnerBox { float:right; border-right: solid 1px #ebebeb; }
.directMenuInnerBox ul { overflow: hidden; }
.directMenuInnerBox ul li { margin:0 20px 0 0 ; float:left; }
.directMenuInnerBox ul li:hover { margin:0 20px 0 0 ; }
.directMenuInnerBox ul li:hover a { border-bottom: solid 1px #1f397a; }
.directMenuInnerBox ul li a { font-weight: 500; font-size: 14px; line-height: 50px; color:#2081ed; }
.directMenuInnerBox ul li:hover a:hover, 
.directMenuInnerBox ul li a:hover { color:#1f397a; }

/* 경영목표 */
.businessMission01 { height: 928px; background: url('../images/bg/bg_businessMission01.png') no-repeat center center; }
.businessMission01 .innerBox { margin:0 auto; padding:41px 0; width: 1200px; height: 100%;  }
.businessMission01 .innerBox h3 { position:relative; font-weight: 600;font-size: 40px;line-height: 74px; color:#fff; text-align: center; }
.businessMission01 .innerBox h3:after { position: absolute;bottom:0; left:50%; margin-left:-21px; width:42px; height: 1px; background:#717171; content:''; }
.subContainer #content .businessMission01 h3 > small { height: 42px; }
.businessMission01 .listBoxWrap { margin:80px 0 0 0; overflow:hidden; }
.businessMission01 .txtList { margin: 0 0 114px 0; float:left; width: 33.3%;}
.businessMission01 .txtList h4 { padding-top:79px; height: 106px; font-weight: 500; font-size: 22px; color:#fff; line-height: 26px; text-align: center; background: url('../images/bg/bg_businessList01.png') no-repeat center top; }
.businessMission01 .innerBox .txtList:first-child h4 { padding-top:56px; font-weight: 200;font-size: 40px;color: #ebebeb; line-height: 50px; text-align: left; background: none;}
.businessMission01 .innerBox .txtList:nth-child(3) h4 { background-image: url('../images/bg/bg_businessList02.png'); }
.businessMission01 .innerBox .txtList:nth-child(4) h4 { background-image: url('../images/bg/bg_businessList03.png'); }
.businessMission01 .innerBox .txtList:nth-child(5) h4 { background-image: url('../images/bg/bg_businessList04.png'); }
.businessMission01 .innerBox .txtList:nth-child(6) h4 { background-image: url('../images/bg/bg_businessList05.png'); }
.businessMission01 .txtList .txt { margin-top:18px; font-weight: 400;/*한단계 내림*/ color:#9a9a9a; font-size:15px; line-height: 26px; text-align: center; }
.businessMission02 .innerBox { margin:0 auto; padding:100px 0; width: 1200px; }
.businessMission02 .innerBox > h4 { font-weight: 200; font-size:40px; color:#181818; text-align: left; line-height: 50px; }
.businessMission02 .innerBox .listBoxWrap{ padding-top:65px; overflow:hidden; text-align: center;}
.businessMission02 .innerBox .listBoxWrap .txtList { position: relative; float:left; width: 341px; height:340px; vertical-align: middle; background: url('../images/bg/bg_businessMission02.png') no-repeat left top;}
.businessMission02 .innerBox .listBoxWrap .txtList .innerList { height:170px; }
.businessMission02 .innerBox .listBoxWrap .txtList .innerList h4 { padding:49px 10px 0 0; font-weight: 600; font-size:20px; color:#fff; text-align: center; line-height: 22px; }
.businessMission02 .innerBox .listBoxWrap .txtList .innerList .txt { padding:6px 10px 0 0; font-weight: 400; font-size:15px; color:#fff; text-align: center; line-height: 20px; letter-spacing: -.5px; }
.businessMission02 .innerBox .listBoxWrap .txtList .bottomBox { margin-top:-38px; overflow: hidden; }
.businessMission02 .innerBox .listBoxWrap .txtList .bottomBox .innerList {     margin-left: 15px; float:left; width:50%; }
.businessMission02 .innerBox .listBoxWrap .txtList .bottomBox .innerList:last-child {margin-left: -30px;}
.businessMission02 .innerBox .listBoxWrap .txtList .bottomBox .innerList h4 { padding:51px 0 0 0;}
.businessMission02 .innerBox .listBoxWrap .txtList .bottomBox .innerList .txt { padding:6px 0 0 0; }
.businessMission02 .innerBox .listBoxWrap .txtList .innerList:nth-child(3) { top:185px;left:205px;}
.businessMission02 .innerBox .listBoxWrap .txtList:nth-child(2) { margin:0 87px 0 90px; background: url('../images/bg/bg_businessMission03.png') no-repeat center top; }
.businessMission02 .innerBox .listBoxWrap .txtList:nth-child(2) .bottomBox .innerList h4 { padding:46px 0 0 0;}
.businessMission02 .innerBox .listBoxWrap .txtList:nth-child(3) { background: url('../images/bg/bg_businessMission04.png') no-repeat right top }
.businessMission02 .innerBox .listBoxWrap .txtList:nth-child(2) .bottomBox .innerList:last-child h4 { padding:49px 0 0 0;}
.businessMission02 .innerBox .listBoxWrap .txtList:last-child .bottomBox .innerList:last-child h4 { padding:21px 0 0 0; }