.inner-wrap {
  position: relative;
  width: 1080px;
  margin: 0 auto; }


/* @media screen and (max-width: 1024px) {
  .inner-wrap {
    position: relative;
    margin: 0 auto;
    box-sizing: border-box; } } */

#gnb-wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  /* background: #fff;
  border-bottom: solid 1px #eee; */
  z-index: 100; }

#gnb-wrap .inner-wrap {
  height: 99px; }

#gnb-wrap h1 {
  width: 181px; }

.slide_list .inner-wrap{position:fixed; _position:absolute; top:14%; left:50%; margin-left:-28.1%; z-index:99;}

.slide_list h1{position:relative; width:182px; height:184px; transform: translateZ(0);}
.slide_list h1:before{z-index:-1; display:inline-block; content:''; position:absolute; top: 0; right:0; width:8px; height:0; background: #fff;}
.slide_list h1:after{z-index:-1; display:inline-block; content:''; position:absolute; top:0; left:0; width:0; height:8px; background: #fff;}
.slide_list h1 span:before{display:inline-block; content:''; position:absolute; bottom:0; left:0; width:8px; height:0;background: #fff;}
.slide_list h1 span:after{display:inline-block; content:''; position:absolute; bottom:0; right:0; width:0; height:8px;background: #fff;}

.slide_list h1.on:before{z-index:-1; height:95px; transition: height 0.3s ease-out 0.9s;}
.slide_list h1.on:after{width:100%; transition: width 0.3s ease-out 0.6s;}
.slide_list h1.on span:before{height:100%; transition: height 0.3s ease-out .3s;}
.slide_list h1.on span:after{width:100%; transition: width 0.3s ease-out;}
.slide_list h1.on span a{opacity:1; transition: 0.5s ease-out; z-index:900;}

.slide_list h1 > span a {
  display: block;
  width:182px;
  height: 184px;
  background: url(../images/top_logo.png) 101% 80% no-repeat;
  text-indent: -999em;
  opacity:0.6;
  z-index:9999;
  overflow:visible;
}

.gnb-menu {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -9px;
  font-size: 16px;
}


.nation{
  position:absolute;
  top:40px;
  right:0;
  margin-right:60px;
}

.nation a{
  font-family: "Raleway",sans-serif;
  color: #707070;
  font-size:17px;
  vertical-align:middle;
}

.nation div{display:inline-block; vertical-align:middle; margin:0 10px; width:1px; height:14px; background:#fff;}

.nation .on{
  color:#fff;
}

.nation a:active{border-bottom:1px solid #fff; color:#FFF;}
.nation a:hover{border-bottom:1px solid #fff; color:#FFF;}
#gnb-wrap.main {
  border: 0;
  background: transparent;
  position: absolute; }

#gnb-wrap.main h1 {
  width: 346px; }

#gnb-wrap.main h1 > a {
  background-position: left; }

.gnb-menu {
  width: 30px;
  height: 24px;
  background: url(../images/menu_icon.png)no-repeat;
}

.subgnb-wrap {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  top: 100px;
  background: #093159;
  text-align: center;
  z-index: 98; }

.subgnb-wrap.main {
  position: relative;
  z-index: 98;
  top: auto; }

.subgnb-wrap li {
  float: left;
  width: 25%;
  text-align: center;
  line-height: 50px;
  background: #093159; }




#site-nav {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  height:418px;
  background: #1f1f1f;
  z-index: 200;
  text-align: center;
  display: none;
  overflow: auto; }

#site-nav h1 {
  padding-top: 40px;
  width: 166px;
  height:36px;
}

#site-nav h1 a{
  display:block;
  width:166px;
  height:36px;
  background: url(../images/top_menu_logo.png) no-repeat;
  text-indent: -999em;
}

#site-nav h1 > span {
  display: block;
  height: 20px;
  background: url(../images/common/logo_top.png) left -20px no-repeat;
  text-indent: -999em;
  margin-left: 82px; }

.gnb-menu-close {
  position: absolute;
  right: 0;
  top: 40px;
  width:25px;
  height: 25px;
  background: url(../images/close_btn.png) no-repeat;
  text-indent: -999em;
  }


#site-nav .site-company {
  text-align: center;
  margin-top: 89px;
  position: relative; }


#site-nav .site-company span {
  display: inline-block;
  font-size: 30px;
  color: #fff;
  line-height: 1em;
  padding: 0 40px;
  background: #0a325b; }

#site-nav ul.sitemap-list {
  margin-top: 71px;
  margin-right: -180px; }

#site-nav ul.sitemap-list:after {
  content: "";
  display: block;
  clear: both; }

#site-nav ul.sitemap-list > li {
  float: left;
  width: 216px;  /* 216px */
  text-align: center;
  padding-bottom: 50px; }



#site-nav ul.sitemap-list > li dl dt a{
  color:#fea831;
  font-weight:700;
  font-size:20px;
}

#site-nav ul.sitemap-list > li a:hover {
  opacity: 1; }

#site-nav dt {
  margin-bottom: 15px;
  font-size: 40px;
  font-weight: 700; }

/**0613**/
#site-nav dd > a {
  display: block;
  font-size: 15px;
  color: #fff;
  line-height: 40px; }

#site-nav dl + dl {
  margin-top: 55px; }

#site-nav dd ul {
  margin: 7px 0; }

#site-nav dd li {
  line-height: 27px;
  color: #8f8f8f;
}



#footer-wrap{
  background: #fff;
  padding: 25px 0;
  position: absolute;
  bottom:0;
  z-index: 101;
  box-sizing: border-box;
  width:100%;
}

.footer-inner{
  position:relative;
  bottom:0;
  margin: 0 auto;
  width:1080px;
}


.footer-inner .logo {
  position: absolute;
  left: 10px;
  top: 0; }

.footer-inner .copyright {
  padding-left: 230px;
  text-align:left;
  font-family:"Rale way",sans-serif;
  line-height: 1.2; }

.footer-inner .copyright address {
  margin-left: -7px;
  color: #595959;
  font-size: 15px; }

.footer-inner .copyright span {
  display: inline-block;
  position: relative;
  padding: 0 5px 5px 7px; }

.footer-inner .copyright span:before {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -5px;
  content: "";
  width: 1px;
  height: 11px;
  background: #888; }

.footer-inner .copyright span.last {
  margin-bottom: 2px; }

.footer-inner .copyright span.last:before {
  display: none; }

.footer-inner .copyright span:first-child::before {
  background: transparent; }

.footer-inner .copyright .copy {
  margin-top: 4px;
  color: #a2a2a2;
  font-size: 15px; }



/* @media screen and (max-width: 1024px) {
  #footer-wrap {
    width: 100%;
    min-width: 100%; }
  #footer-wrap.fixed {
    padding-bottom: 8px;
    bottom: -8px; }
  #footer-wrap .logo {
    position: absolute;
    left: 10px;
    top: 30px; }
  #footer-wrap {
    padding: 0; }
  #footer-wrap .inner-wrap {
    padding: 30px 0 40px 0; }
  #footer-wrap .footer-family {
    top: 24px;
    right: 10px; } } */



.sub-wrap {
  padding-top: 0;
  /* min-height: 768px; */
  height:100% !important;
  box-sizing: border-box;
  min-width: 1080px; }

.sub-wrap.sub-visual {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  padding-top: 0;
  text-align: center;
  min-width: 1080px; }

.sub-wrap.sub-visual > div {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  transition: all 3s ease 0s;
  transform-origin: 50% 50%; }

/* 160713 */
.sub-wrap.sub-visual > div.loading {
  transform: matrix3d(1.03, 0.00018, 0, 0, -0.00018, 1.03, 0, 0, 0, 0, 1, 0, 0, 0, 0.1, 1);
  /*-webkit-transform: scale(1.03);-moz-transform: scale(1.03);-ms-transform: scale(1.03);transform: scale(1.03);*/ }

/* 160713 */
.sub-wrap.sub-visual.about > div {
  background: url(../images/company/visual.jpg) center center no-repeat;
  background-size: cover; }

.sub-wrap.sub-visual.rec > div {
  background: url(../images/recruit/visual.jpg) center center no-repeat;
  background-size: cover; }

.sub-wrap.sub-visual.csr > div {
  background: url(../images/csr/visual.jpg) center center no-repeat;
  background-size: cover; }

.sub-wrap.sub-visual.news > div {
  background: url(../images/news/visual.jpg) center center no-repeat;
  background-size: cover; }

.sub-wrap.sub-visual.biz > div {
  background: url(../images/biz/visual.jpg) center center no-repeat;
  background-size: cover; }

.sub-wrap.bg-gray {
  background: #f5f5f5; }

.sub-wrap .contents {
  padding: 57px 80px 100px 80px; }

.sub-wrap .contents h2 {
  padding-bottom: 24px;
  color: #093159;
  font-size: 45px;
  font-weight: 700;
  line-height: 1em;
  text-align: center; }

.sub-wrap .contents h2 + p {
  padding-bottom: 55px;
  color: #000;
  font-size: 20px;
  text-align: center;
  line-height: 30px; }



/* @media screen and (max-width: 1024px) {
  .sub-wrap {
    padding-top: 0;
    box-sizing: border-box;
    overflow: hidden;
    }
  .sub-wrap.sub-visual {
    min-width: 100%; }
  .sub-wrap .contents {
    padding: 57px 53px 100px 54px;
    box-sizing: border-box;
    margin: 0 auto; }
  #fixed-pager {
    right: -1px; } } */




/* sub */

.sub-con-wrap{margin:0 auto; width:100%;}
.sub-con-wrap header{height:1022px;}
#gnb-wrap .inner-wrap h1{padding-top:40px; width:166px; height:36px;}
#gnb-wrap .inner-wrap h1 a{display:block; margin:0 auto; width:166px; height:36px; background: url(../images/top_menu_logo.png)no-repeat; text-indent:-999em;}
/* .sub-footer{position:relative; bottom:0;} */
.footer01{display:block; margin:0 auto; width: 100%; height:440px; text-align:center;}
.footer02{padding: 25px 0; z-index: 101; box-sizing: border-box; width:100%;}


@media screen and (max-width: 960px) {
  html, body{height:auto; position:static;}
  .sub-wrap.sub-visual{position:static; min-width:100% !important; width:100% !important; height:auto !important;}
  .main-pager-box{display:none;}
  

  #site-nav{height:100%; overflow:visible;}
  #site-nav .inner-wrap{box-sizing:border-box; padding:20px 20px 0 20px; width:100%; background:#1f1f1f;}
  #site-nav .inner-wrap02{box-sizing:border-box; padding:20px 20px 100% 20px; width:100%; background:#1f1f1f;}
  #site-nav h1{padding-top:0;}
  #site-nav ul.sitemap-list{margin-right:0;}
  #site-nav ul.sitemap-list > li{float:none; padding-bottom:0; border-bottom:1px solid #393535; width:100%; text-align:left;}
  #site-nav dt{margin-bottom:0;}
  #site-nav ul.sitemap-list > li dl dt a{display:block; padding:20px 0 20px 25px; font-size:15px; font-weight:400;}
  #site-nav ul.sitemap-list > li dl dd{padding-bottom:20px;}
  #site-nav dd > a{padding-left:95px; font-size:15px; line-height:50px; color:#929190;}
  #site-nav dd > a:before{display:inline-block; content:'-'; padding-right:8px;}
  #site-nav ul.sitemap-list{margin-top:0;}
  .sub-con-wrap header{position:relative; margin:0 auto; padding-bottom:100%; width:100%; height:0;} /* height값 해결하기 */
  .sub-con-wrap .sub-header01{background: url(../images/mobile/m_sub01_main_bg.png) center center no-repeat; width:100%; height:100%;}
  .sub-con-wrap .sub-header02{background: url(../images/mobile/m_sub02_main_bg.png) center center no-repeat; width:100%; height:100%;}
  .gnb-menu{right:20px; top:20px; margin-top:0;}
  .gnb-menu-close{right:20px; top:20px;}
  .m-gnb-menu{width:5%; height:23%; background-size:contain;}
  .m-close-menu{width:4%; height:39%; background-size:contain;}
  
  .inner-wrap{width:100%;}
  #gnb-wrap .inner-wrap{box-sizing:border-box; padding:20px 20px 0 20px;}
  #gnb-wrap .inner-wrap h1{padding-top:0; width:20%;}
  #gnb-wrap .inner-wrap h1 a, #site-nav .inner-wrap h1 a{width:100%; background-size:contain;}
  #site-nav .inner-wrap h1{width:20%; height:auto;}
  .nation{top:20px; right:20px; line-height:15px;}
  .nation a{font-size:15px; line-height:15px;}
  /* .sub-bg{display:none;} 높이값 정해지면 수정 */
  .footer-inner{width:100%;}
  .footer-inner{left:0;}
  .footer-inner .logo{width:17.5%; min-width:80px;}
  .footer-inner .copyright{padding-left:150px;}
  .footer-inner .copyright address, .footer-inner .copyright .copy{font-size:12px;}
}