/* keyframes */
@keyframes imgScale {
  0% {
    transform: scale(1)
  }
  50% {
	transform: scale(1.2)
  }
  100% {
    transform: scale(1)
  }
}

@-webkit-keyframes imgScale {
  0% {
    transform: scale(1)
  }
  50% {
	transform: scale(1.2)
  }
  100% {
    transform: scale(1)
  }
}

@-moz-keyframes imgScale {
  0% {
    transform: scale(1)
  }
  50% {
	transform: scale(1.2)
  }
  100% {
    transform: scale(1)
  }
}

@-ms-keyframes imgScale {
  0% {
    transform: scale(1)
  }
  50% {
	transform: scale(1.2)
  }
  100% {
    transform: scale(1)
  }
}

@-o-keyframes imgScale {
  0% {
    transform: scale(1)
  }
  50% {
	transform: scale(1.2)
  }
  100% {
    transform: scale(1)
  }
}
/* common */
.w1300{width: 1300px; margin: 0 auto;}
/* common */


/* header */
/* #header{position: relative; width: 100%;} */
#header{position: fixed; left:0; top:0; width: 100%; z-index:9999; background:#fff;}
#wrap{padding-top: 140px;}
.h-wrap{height: 140px; }
.logo{width: 243px; margin: 38px 112px 0 0; float: left;}
.logo a{height: 62px; display: block;}
.logo a img{width: 100%; display: block;}
.gnb{width: 750px; float: left;}
.gnb-bg{display: none; height: 300px; top: 140px; left: 0; width: 100%; background: #4a7395; position: absolute; z-index: 4;}
.depth01{width: 100%;}
.depth01 > li{width: 25%; height: 140px; text-align: center; float: left; position: relative;}
.depth01 > li > a{margin-top: 38px; font-size: 18px; line-height: 62px; letter-spacing:0; font-weight: 500; color: #222; display: block; transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s;}
.depth02{display: none; padding: 30px 0; top: 140px; left: 0; width: 100%; position: absolute; z-index: 5; box-sizing:border-box;}
.depth02 li{margin-bottom: 10px;}
.depth02 li:last-of-type{margin-bottom: 0;}
.depth02 li a{font-size: 15px; line-height:25px; letter-spacing:0; font-weight: 400; color: rgba(255,255,255,0.7); display: block; transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s;}
.depth02 li a:hover{color: #fff; font-weight: bold;}
.depth02:after{opacity:0; width: 14px; height: 8px; top: 0; margin-left: -7px; left: 50%; position: absolute; content:""; z-index: 6; background: url(../img/depth02-hoverArrow.png) center center no-repeat; background-size: cover; transition: all .3s; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s;}
.depth01 > li.on > a{color: #4a7395; font-weight: bold;}
.depth01 > li.on .depth02:after{opacity:1;}
.language{width: 130px; margin-top: 59px; float: right; font-size: 0;}
.language a{margin-right: 6px; width: 62px; font-size: 12px; line-height:20px; letter-spacing:0; font-weight: bold; color: #4a7395; box-sizing:border-box; border-radius:10px; border: 1px solid #4a7395; background: #fff; display: inline-block; vertical-align: top; text-align: center;}
.language a:last-of-type{margin-right: 0;}
.language a.on{background: #4a7395; color: #fff;}
/* header */

/* 탑버튼 */
#topbtn{bottom: 191px; width: 50px; margin-left: 670px; left: 50%; position: fixed; z-index: 10;}
#topbtn a{height: 50px; display: block;}
#topbtn a img{width: 100%; display: block;}
/* 탑버튼 */

/* footer */
#footer{background: #2e3334;}
.f-wrap{}
.f-navArea{border-bottom: 1px solid rgba(255,255,255,0.1); box-sizing:border-box;}
.f-navInner{height: 70px;}
.f-nav{margin-top: 25px; font-size: 0; float: left;}
.f-nav a{font-size: 15px; line-height:25px; letter-spacing:-0.05em; font-weight: 400; color: #fff; display: inline-block; vertical-align: top;}
.f-nav span{margin: 0 20px; font-size: 15px; line-height:25px; letter-spacing:-0.05em; font-weight: 400; color: #fff; display: inline-block; vertical-align: top;}
.family{width: 250px; float: right; position: relative; background: #2e3334; box-sizing:border-box;}
.family > p{cursor:pointer; position: relative; box-sizing:border-box; border-left: 1px solid #434849; border-right: 1px solid #434849;}
.family > p > span{padding: 0 45px 0 30px; font-size: 14px; line-height:69px; letter-spacing:0; font-weight: 400; color: #bbb; display: block; box-sizing:border-box;}
.family > p > em{top: 50%; right: 25px; width: 13px; height: 9px; margin-top: -4.5px; position: absolute; z-index: 1; font-style: normal; display: block;}
.family > p > em img{width: 100%; display: block;}
.family > p > em img.up{display: none;}
.family > ul{padding: 10px 0; display: none; top: 69px; left: 0; width: 100%; box-sizing:border-box; background: #2e3334; border: 1px solid #434849; border-top: 0; position: absolute; z-index: 1;}
.family > ul li a{padding: 0 30px; font-size: 14px; line-height:40px; letter-spacing:0; font-weight: 400; color: #bbb; box-sizing:border-box; display: block;}

.family.on > p > em img.down{display: none;}
.family.on > p > em img.up{display: block;}
.f-adr{padding: 55px 0; box-sizing:border-box;}
.f-adr p{font-size: 14px; line-height:25px; letter-spacing:-0.05em; font-weight: 400; color: rgba(255,255,255,0.35);}
.f-adr p em{margin: 8px 10px 0; width: 1px; height: 9px; background: rgba(97,99,99,0.5); display: inline-block; vertical-align: top; font-style: normal;}
.f-adr span.copy{margin-top: 10px; font-size: 13px; line-height:20px; letter-spacing:-0.05em; font-weight: 400; color: rgba(255,255,255,0.35); display: block;}
/* footer */