@import url(nanumbarungothic.css);
.warp {
  width: 100%;
  height: auto; }

.site-header {
  width: 100%;
  height: 113px;
  position: relative;
  border-bottom: 2px solid #183067; }
  .site-header:after {
    position: absolute;
    top: 113px;
    width: 100%;
    height: 170px;
    border-bottom: 2px solid #183067;
    content: "";
    background: #fff;
    z-index: 10;
    display: none; }
  .site-header.on:after {
    display: block; }
  .site-header .gnb {
    width: 1120px;
    margin: auto; }
    .site-header .gnb:after {
      clear: both;
      display: block;
      content: ""; }
    .site-header .gnb .site-logo {
      float: left;
      padding-top: 21px; }
    .site-header .gnb .util {
      float: right;
      margin: 15px 0 25px; }
      .site-header .gnb .util li {
        float: left;
        padding: 0 12px;
        position: relative;
        line-height: 30px; }
        .site-header .gnb .util li a {
          font-size: 14px;
          color: #969696; }
        .site-header .gnb .util li:after {
          content: "|";
          position: absolute;
          right: 0;
          top: 0; }
        .site-header .gnb .util li:nth-child(3) {
          padding-right: 25px !important;
          background: url(../images/ico_favorite.png) no-repeat 90% 40%; }
        .site-header .gnb .util li:last-child:after {
          content: "";
          display: block; }
      .site-header .gnb .util .global {
        border: 1px solid #a7a7a7;
        color: #a7a7a7;
        height: 30px;
        width: 100px; }
    .site-header .gnb .site-menu {
      float: right;
      width: 917px;
      position: relative; }
      .site-header .gnb .site-menu > li {
        float: left;
        width: 25%;
        text-align: center;
        position: relative;
        height: 43px; }
        .site-header .gnb .site-menu > li:hover {
          background: url(../images/bg_sitemenu.png) no-repeat center bottom; }
          .site-header .gnb .site-menu > li:hover a {
            color: #17366e; }
        .site-header .gnb .site-menu > li:before {
          content: "|";
          position: absolute;
          left: -2px;
          top: 0; }
        .site-header .gnb .site-menu > li:last-child select {
          vertical-align: baseline; }
        .site-header .gnb .site-menu > li:last-child:after {
          content: "|";
          position: absolute;
          right: 0;
          top: 0; }
        .site-header .gnb .site-menu > li > a {
          font-weight: bold;
          color: #5c5858;
          display: block;
          font-size: 16px;
          letter-spacing: -0.025em; }
        .site-header .gnb .site-menu > li .depth2 {
          position: absolute;
          top: 43px;
          left: 0;
          width: 100%;
          text-align: center;
          z-index: 11;
          padding-top: 15px;
          line-height: 18px;
          background: #fff;
          height: 170px;
          display: none; }
          .site-header .gnb .site-menu > li .depth2 li {
            z-index: 12; }
            .site-header .gnb .site-menu > li .depth2 li a {
              font-size: 13px;
              color: #8c8c8c; }
              .site-header .gnb .site-menu > li .depth2 li a:hover {
                color: #1367ae;
                text-decoration: underline; }
        .site-header .gnb .site-menu > li.active .depth2 {
          background: #e7f0f7 !important; }

.main-visual {
  width: 100%;
  height: 667px;
  position: relative; }
  .main-visual .visual-txt {
    position: absolute;
    top: 132px;
    z-index: 9;
    left: 21.5%; }
    .main-visual .visual-txt img {
      z-index: 9; }
  .main-visual .slider li {
    width: 100%;
    height: 667px;
    position: relative;
    z-index: 8; }
  .main-visual .slider .visual01 {
    background: url(../images/mainvisual01.jpg) no-repeat center; }
  .main-visual .slider .visual02 {
    background: url(../images/mainvisual02.jpg) no-repeat center; }
  .main-visual .slider .visual03 {
    background: url(../images/mainvisual03.jpg) no-repeat center; }
  .main-visual .slider .visual04 {
    background: url(../images/mainvisual04.jpg) no-repeat center; }

.second-section {
  width: 100%;
  padding: 55px 0;
  background: url(../images/bg_secondsection.jpg) repeat-x; }
  .second-section .second-contents {
    width: 1120px;
    margin: 0 auto; }
    .second-section .second-contents:after {
      clear: both;
      display: block;
      content: ""; }
    .second-section .second-contents article {
      width: 40%;
      float: left; 
	  margin-left:10%}
      .second-section .second-contents article h3 {
        font-size: 18px;
        padding-left: 30px;
        background: url(../images/bullet_01.png) no-repeat left center;
        color: #fff; }
        .second-section .second-contents article h3 strong {
          font-size: 14px;
          color: #5e6f95;
          text-transform: uppercase;
          font-weight: bold;
          display: inline-block;
          margin-left: 10px; }
      .second-section .second-contents article .latest-notice {
        padding: 35px 0 0 40px;
        list-style: disc; }
        .second-section .second-contents article .latest-notice li {
          color: #fff; }
        .second-section .second-contents article .latest-notice a {
          color: #fff;
          font-size: 14px;
          line-height: 164%; }
      .second-section .second-contents article.global-network .global-txt {
        position: absolute;
        top: 20px;
        left: 190px; }
        .second-section .second-contents article.global-network .global-txt strong {
          font-size: 18px;
          color: #fff;
          display: block;
          margin-bottom: 5px;
          font-weight: bold; }
        .second-section .second-contents article.global-network .global-txt em {
          display: block;
          opacity: .5;
          color: #fff;
          width: 220px;
          line-height: 128%;
          margin-bottom: 15px;
          font-size: 14px; }
      .second-section .second-contents article.cs .cs-txt {
        position: absolute;
        left: 117px;
        top: 40px; }
        .second-section .second-contents article.cs .cs-txt strong {
          font-size: 24px;
          color: #fff;
          font-weight: bold;
          display: block;
          margin-bottom: 15px; }
        .second-section .second-contents article.cs .cs-txt em {
          display: block;
          color: #fff;
          opacity: .6;
          font-size: 14px;
          line-height: 160%; }

.business {
  margin: 25px auto 50px;
  width: 1120px; }
  .business h3 {
    text-align: center;
    font-size: 18px;
    color: #183067;
    padding-top: 20px;
    background: url(../images/bullet_02.png) no-repeat center top;
    text-transform: uppercase;
    margin-bottom: 35px; }
    .business h3 em {
      display: block;
      padding-top: 15px;
      font-size: 16px;
      color: #7b7b7b; }
  .business .business-list:after {
    clear: both;
    display: block;
    content: ""; }
  .business .business-list li {
    float: left;
    width: 185px;
    margin-right: 2px;
    height: 220px;
    background: #183067;
    text-align: center;
    position: relative;
    cursor: pointer; }
    .business .business-list li strong {
      display: block;
      color: #ffe391;
      font-size: 17px;
      margin-top: 15px; }
    .business .business-list li p {
      color: #8793b0;
      font-size: 14px;
      line-height: 128%;
      padding: 15px 20px; }
    .business .business-list li a {
      text-align: left;
      display: inline-block;
      padding-left: 0; }
    .business .business-list li .over {
      width: 100%;
      height: 100%;
      position: absolute;
      padding-top: 15px;
      top: 0;
      left: 0;
      display: none; }
    .business .business-list li:last-child {
      margin-right: 0 !important; }
    .business .business-list li:hover .default {
      display: none; }
    .business .business-list li:hover .over {
      display: block; }

.site-footer {
  width: 100%;
  border-top: 1px solid #d6d6d6;
  padding-top: 22px;
  text-align: center;
  font-size: 13px;
  line-height: 200%;
  color: #7b7b7b;
  padding-bottom: 18px; }
  .site-footer a {
    color: #7b7b7b; }

.viewmore01 {
  color: #fff;
  opacity: .5;
  background: url(../images/ico_plus.png) no-repeat right top;
  width: 100px;
  display: block;
  line-height: 18px;
  padding-top: 2px; }

/*# sourceMappingURL=layout.css.map */