@charset "UTF-8";

.inner{ width: 1000px; margin: 0 auto; }
header .inner{ width: 1200px; }
.item_cell{ display: table-cell; }

.noscroll{
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
}

header .header_wrapper{width: 100%; top: 0; position: absolute; height: 101px;
  /* border-bottom: 1px #c6c7c8 solid; */
  -webkit-transition: all 0.7s ease;
          transition: all 0.7s ease;
          overflow: hidden;
          z-index: 1000;
          -webkit-font-smoothing: antialiased;
           -moz-osx-font-smoothing: grayscale;
}
header .header_wrapper.on {
  -webkit-transition: all 0.7s ease;
          transition: all 0.7s ease;
  background-color: white;
  height: 313px;
}
header .inner{position: static;}
header .header_liner{border-bottom: 1px #c6c7c8 solid; }
header .header_wrapper .inner{height: 100px; display: block; }
header .logo_wrapper{vertical-align: top; display: inline-block; text-align: center; height: 82px; width: 100px;; margin-top: 12px; position: absolute; left: 30px; top: 0; }
header .logo_wrapper .align_middle_wrapper{display: table-cell; vertical-align: middle; }
header .logo_wrapper a{display: inline-block;  }
header .logo_wrapper a div{display: inline-block; vertical-align: bottom; }
header .logo_wrapper a span{font-size: 30px; font-weight: bold; display: inline-block; margin-left: 6px; letter-spacing: 6px; color: black; }
header .logo{ height: 76px; width: 82px; background: url('/img/layout/logo.png') no-repeat; margin: 0 auto; }
header #nav_underbar{border-bottom: 4px solid #4678b7; position: absolute; bottom: -25px; transition: all 0.4s ease; left: 0; }

header nav{text-align: right; display: block; vertical-align: bottom; width: 960px; padding-top: 20px; margin: 0 auto; position: relative; }
.header_nav{ display: table; width: 100%; }
.header_nav li{ display: table-cell; width: 20%; position: relative; }
/* .header_nav li.on{border-bottom: 4px solid #4678b7; } */
.header_nav li a{color: #626262; display: block;
  padding: 0 30px;
  padding: 0 22px 0 30px;
  font-size: 18px; line-height: 55px; text-align: center;
  letter-spacing: 8px; font-size: 20px;
  font-weight: bold;
}
/* .header_nav li.story::before{content: url(/img/layout/icon_story.png); position: absolute; right: 10px; top: -4px; } */
.header_nav li.on a{color: #4678b7; }

.header_nav li .header_subnav{position: absolute; top: 65px; text-align: center; width: 100%; color: #151616; padding-top: 30px; }
.header_nav li .header_subnav li{display: block; width: 100%; }
.header_nav li .header_subnav li a{color: black; padding: 0 0; line-height: 30px; font-size: 15px; font-weight: 500; letter-spacing: 0; }
.header_nav li .header_subnav li a:hover{ color: #4678b7; font-weight: bold; }


footer{margin-top:0; background-color: #f2f2f2; padding: 20px 0; }
footer .inner{position: relative; }
footer .footer_info_wrapper{display: table; }

footer{ color: #414141;}
footer .footer_info_wrapper{width: 100%; position:relative;}
footer .logo{width: 70px; padding-right: 25px;vertical-align: middle;}
footer .logo img{width:55px}
footer .footer_menu{font-size: 0; }
footer .footer_menu li{display: inline-block; font-size: 14px; }
footer .footer_menu li a{padding: 0 20px; color: #414141; }
footer .footer_menu li:first-child a{ padding: 0 20px 0 0; }
footer .footer_menu li::before{margin: 0 4px; content: "|"; }
footer .footer_menu li:first-child::before{content: ""; margin: 0; }
footer .company_info{font-size: 12px; margin: 10px 0 5px 0; }
footer .company_info li{display: inline-block; margin-right: 12px; line-height: 18px;}
footer .company_info li:last-child{margin-right: 0; }
footer .copyright{font-size:12px;}
footer .download{text-align: right; vertical-align: middle; font-size: 16px;  }
footer .download a{padding: 10px 55px 10px 25px; background-color: #f2f2f2; color: #414141; border: 1px #414141 solid; background: url(/img/layout/icon_download.png) no-repeat; background-position: right 25px center; }

.layerpopup_wrapper{ position: relative; display:none; background-color: #fff;
  border-radius: 2px 2px 2px 2px; box-shadow: 0 0 10px 5px #999; color: #111;
  display: none;

  width: 800px; height: 480px; padding: 5px;
  padding-top: 20px;
}
.layerpopup_wrapper.sitemap_wrapper{ /*사이트맵*/
  width: 1040px; height: 410px;
  padding: 20px;
}
.privacy_title{font-size: 28px; text-align: center; font-weight: 500; margin-bottom: 20px; letter-spacing: 2px; }
.privacy{ height: 330px; font-size: 13px; border: 1px #e7e7e7 solid; padding: 12px; overflow-y: scroll; margin: 0 6px; background-color: white; word-break: keep-all; }
.privacy p{margin-bottom: 14px; }
.privacy p:last-child{margin-bottom: 0; }
.privacy_close{text-align: center; margin-top: 18px; }
.privacy_close a{ font-size: 16px; border: 1px #e7e7e7 solid; background-color: white; border-radius: 2px; padding: 4px 34px; color: black; }

.sitemap_depth1{font-size: 0; color: #444444; }
.sitemap_depth1_li{display: inline-block; font-size: 20px; width: 192px; border-top: 2px #4678b7 solid; margin-right: 10px; line-height: 46px; text-align: center; }
.sitemap_depth1_li:last-child{margin-right: 0; }
.sitemap_depth1_li a{height: 48px; display: block; width: 100%; background-color: #eeeeee; }
.sitemap_depth2{padding: 20px 26px; text-align: left; }
.sitemap_depth2 li{line-height: 16px; font-size: 16px; position: relative; }
.sitemap_depth2 li::before{ content: url(/img/layout/sitemap_dot.png); position: absolute; left: 0; top: 11px; }
.sitemap_depth2 li a{display: block; padding: 15px 0 15px 10px; background-color: white; }