/* 공통 */
.posR{position: relative;}
.ovH{overflow: hidden;}
.w1260{width: 1260px; margin: 0 auto;}
/* 공통 */

/* header */
#header{width: 100%;}
.head-wrap{height: 90px; background: rgba(255,255,255,0.95);}
.head-wrap .dep-bg{display: none; height: 190px; top: 90px; left: 0; width: 100%; position: absolute; z-index: 4; background: rgba(255,255,255,0.95);}
.head-con .logo{margin-top: 19px; width: 190px; float: left;}
.head-con .logo a{height: 50px; display: block;}
.head-con .logo a img{width: 100%; display: block;}
.head-con .menu{width: 680px; float: right;}
.head-con .menu .depth01{width: 100%;}
.head-con .menu .depth01 > li{width: 20%; float: left; position: relative; text-align: center; font-size: 0;}
.head-con .menu .depth01 > li > a{font-size: 16px; line-height:90px; letter-spacing:-0.015em; font-weight: 400; color: #000; display: inline-block; vertical-align:top; position: relative; overflow: hidden;}
.head-con .menu .depth01 > li > a::after{bottom: 0; left: 50%; width: 0; height: 4px; background: #efa379; position: absolute; content:''; z-index: 1; display: block; transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; -ms-transition:all .3s;}
.head-con .menu .depth01 > li > a.on::after{left: 0; width: 100%;}
.head-con .menu .depth01 > li .depth02{display: none; padding: 15px 0; position: absolute; top: 90px; left: 0; width: 100%; z-index: 5; box-sizing:border-box;}
.head-con .menu .depth01 > li .depth02 li a{font-size: 15px; line-height:38px; letter-spacing:-0.025em; font-weight: 400; color: #444; display: block;}
.head-con .menu .depth01 > li .depth02 li a:hover{color: #e4444e;}
/* header */

/* footer */
#footer{padding: 30px 0; background: #222; box-sizing:border-box;}
.foot-nav{margin-bottom: 10px; padding: 10px 155px 20px 0; border-bottom: 1px solid rgba(136,136,136,0.2); box-sizing:border-box; font-size: 0; position: relative;}
.foot-nav > a{font-size: 13px; line-height: 28px; letter-spacing:-0.025em; font-weight: 400; color: #fff; opacity:0.45; display: inline-block; vertical-align:top;}
.foot-nav > span{margin: 0 8px; font-size: 12px; line-height:28px; letter-spacing:-0.025em; font-weight: 400; color: #fff; opacity:0.65; display: inline-block; vertical-align:top;}
.foot-icon{width: 155px; top: 0; right: 0; font-size: 0; position: absolute;}
.foot-icon a{margin-right: 10px; width: 45px; height: 45px; display: inline-block; vertical-align: top;}
.foot-icon a:last-of-type{margin-right: 0;}
.foot-icon a img{width: 100%; display: block;}
.foot-in .foot-logo{margin-top: 10px; width: 142px; margin-right: 78px; float: left;}
.foot-in .foot-logo img{width: 100%; height: 22px; display: block;}
.foot-logo > p{font-size:16px; font-weight:600; color:#777;}
.foot-in .foot-adr{width: calc(100% - 340px); float: left;}
.foot-in .foot-adr p{font-size: 13px; line-height:25px; letter-spacing:-0.025em; font-weight: 300; color: #888;}
.foot-in .foot-adr p span{width: 12px; display: inline-block; vertical-align:top;}
/* footer */