@charset "utf-8";


/* 나눔고딕 */
@font-face {
  font-family:'NanumGothic';
  font-weight: normal;
  font-style: normal;
  src:url('/font/wzwg/NanumGothic.eot');
  src:url('/font/wzwg/NanumGothic.eot?#iefix') format('embedded-opentype'),
  url('/font/wzwg/NanumGothic.woff') format('woff'),
  url('/font/wzwg/NanumGothic.ttf') format('truetype');
}

/* 나눔고딕볼드 */
@font-face {
  font-family:'NanumGothicBold';
  font-weight: normal;
  font-style: normal;
  src:url('/font/wzwg/NanumGothicBold.eot');
  src:url('/font/wzwg/NanumGothicBold.eot?#iefix') format('embedded-opentype'),
  url('/font/wzwg/NanumGothicBold.woff') format('woff'),
  url('/font/wzwg/NanumGothicBold.ttf') format('truetype');
}



/* index */
* {font-family:'NanumGothic';}
html, body { margin:0; padding:0; height:100%;}
.wrap{width:100%; height:100%;}
#template00 {float:left; width:100%; box-sizing:border-box;}
.div_wrap:after {content: ""; clear: both; display: block;}

/*contents*/
.contents {width:100%; min-height:100%; background:white; margin:0 0 -157px; text-align:center; background:#f0f3f5;}
.contents > .inner {width:100%; padding:0 0 157px;}


.renewal01
  .renew_img {width:100%; float:left; position:relative; text-align:center; padding:120px 0 0; height:350px; box-sizing:border-box; border-bottom:140px solid #f0f3f5; background:white;}
  .renew_img img.jump {animation:jump 6s linear 0s infinite normal forwards;}
  img.shadow {animation:shadow 6s linear 0s infinite normal forwards; margin-bottom:70px;}

  .renewal01 h1 {font-family:'NanumGothic'; font-size:40px; font-weight:400; color:#333333; margin-bottom:30px;}
  .renewal01 h1 strong {font-weight:600; color:#1061af; font-family:'NanumGothic';}
  .renewal01 p {font-size:17px; color:#333333; letter-spacing:-1px; font-weight:600;}

      @keyframes jump {
        from {margin-top:0px;}
        25% {margin-top:-25px; transform:scale(0.99);}
        50% {margin-top:0;}
        to {margin-top:0;}
      }
      @keyframes shadow {
        from {opacity:0.7;}
        25% {opacity:0.3;}
        50% {opacity:0.7;}
        to {opacity:0.7;}
      }

@media (max-width:1299px){}
@media (min-width:1050px){}
@media (min-width:800px) and (max-width:1049px){
  .renewal01 h1 {font-size:35px;}
  .renewal01 p {font-size:16px; line-height:24px;}
  .renew_img img, img.shadow {width:50%; max-width:430px;}
}
@media (min-width:600px) and (max-width:799px){
  .renewal01 h1 {font-size:33px;}
  .renewal01 p {font-size:15px; line-height:22px;}
  .renewal01 .renew_img {margin-bottom:10px;}
  .renew_img img, img.shadow {width:60%; max-width:400px;}  

  .contents {margin:0 0 -173px;} .contents > .inner {padding:0 0 173px;}
  .footer {height:173px;}
}
@media (max-width:599px){
  .renewal01 h1 {font-size:27px;}
  .renewal01 p {font-size:14px; line-height:22px; width:88%; margin:0 auto; padding-bottom:60px;}
  .renewal01 .renew_img {height:270px; border-bottom:70px solid #f0f3f5; margin-bottom:20px;}
  .renew_img img, img.shadow {width:60%;} 

  .contents {margin:0 0 -170px;} .contents > .inner {padding:0 0 170px;}
  .footer {height:170px;}
  .footer-area-001 .addressArea {padding:0 !important;}
}
@media (max-width:499px){
  .renewal01 .renew_img {height:240px;} 

  .renewal01 h1 {font-size:23px;}
  .renewal01 p {font-size:14px;}
}
@media (max-width:399px){
  .renewal01 .renew_img {height:220px; border-bottom:45px solid #f0f3f5; margin-bottom:0;}
}

/*헤드부분*/
.menu {display:none; position:relative;}
.header { display:none; position: relative;}

/*푸터부분*/
.footer {width:100%; height:157px; background:#f0f3f5;}
.footer .inner {width:100%; max-width:1300px; margin:0 auto; padding:0 45px; box-sizing:border-box;}
.footer-area-001 .addressArea {width:100%; text-align:center; margin:0; padding:20px 0 40px; background:#f0f3f5;}
.footer-area-001 .addressArea .footerLogo {width:100%; float:left; text-align:center;}
.footer-area-001 .addressArea .p_wrap {width:100%; float:left; text-align:center; margin-top:20px;}

.footer-list-001{display:none;}
.addressArea{float:left;margin:18px 10px 20px 180px;font-size:12px; color:#777;}


.div_wrap {width:100%; max-width:1300px; box-sizing:border-box; margin:0 auto; position:relative;}