@charset "UTF-8";

.inner{ width: 1000px; margin: 0 auto; }

/* .header{border: 1px red solid; }
.footer{border: 1px blue solid; } */

/* 해더 유틸 */
.header .header_utils_wrapper{background-color: #f2f3f4; }
.header .header_utils{ text-align: right; padding: 9px 0; font-size: 0; }
.header .header_utils .header_util_item{display: inline-block; border-right: 1px #797979 solid; color: #666666; font-size: 11px; line-height: 11px; }
.header .header_utils .header_util_item:last-child{border-right: 0; padding-right: 0; }
.header .header_utils .header_util_item a{width: 100%; padding: 0 7px; }


.header .wrapper{ position: relative; height: 80px; /* 기초 메뉴 세로 */ }

/* 로고 */
.header .logo_wrapper{position: absolute; top: 0px;  z-index: 110; }
.header .logo_img{ padding: 8px 0; }

/* 네비 */
.header .nav_wrapper{}
.header .nav{ font-size: 0; text-align: right; padding: 7px 0; background-color: white;
  -webkit-transition: all 0.2s linear; transition: all 0.2s linear; overflow: hidden;
  height: 62px; /* 기초 메뉴 세로 */
  position: absolute; top: 0; left: 0; right: 0; bottom: 0;

}
.header .nav.on{

  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  height: 170px; /* 호버시 확장크기 */
  opacity:0.9;
  z-index: 100;
}
.header .nav .nav_item{
  font-size: 18px;
  line-height: 20px;
  display: inline-block;
  margin-top:10px;
  padding: 10px 40px;
  position: relative;
}

.header .nav .nav_item a:link, a:visited, a:hover, a:active{
  font-weight: 500;
}

.header .nav .nav_item.on {border-bottom: 2px red solid;border-top: 2px red solid;}

/* 서브네비 */
.header .nav .nav_item .subnav_wrapper{position: absolute; top: 58px; left: 0;
  background-color: white; z-index: 1000; width: calc(100% - 2px); font-size: 12px; line-height: 28px;
  font-weight: normal; height: 200px; display: none;
}
.header .nav.on .nav_item .subnav_wrapper{display: block; }
.header .nav_item:last-child .subnav_wrapper{}
.header .nav_item .subnav .subnav_item{padding-left: 35px; text-align: left; }
.header .nav_item .subnav .subnav_item a:hover{color:#ff0000;text-decoration: underline;}
.header .nav_item .subnav .subnav_item::before{content: "-"; padding-right: 3px; }
.header .nav_item:first-child .subnav .subnav_item{padding-right: 0; }

/* 서브메뉴 라이너(호버시 빨간줄긋기) */
.header .nav_item .subnav_wrapper .subnav_liner{border-top: 1px #eaeaea solid; width: 100%; height: 10px; position: relative;}
.header .nav_item .subnav_wrapper .subnav_liner .subnav_liner_active{position: absolute; top: -1px; border-top: 1px #eaeaea solid;
  left: 50%; transform: translate(-50%, 0); width: 0px; -webkit-transition: all 0.2s linear; transition: all 0.2s linear;}
.header .nav_item:hover .subnav_wrapper .subnav_liner .subnav_liner_active{}


/* 푸터 */
.footer {background-color: #f6f6f6; padding: 30px 36px; margin-top: 58px;border-top:1px solid #dde0e4;}
.footer .footer_banner{float:right;}
.footer .footer_banner ul li{display:inline-block;}
.footer .footer_banner ul li img{border:2px solid #dde0e4;}
.footer .footer_utils{font-size: 0; }
.footer .footer_util_item{font-size: 12px; color: #666; background-color: #ccced1; display: inline-block; margin-right: 11px; }
.footer .footer_util_item a{padding: 8px 10px; display: block; }
.footer .footer_util_item a:hover{color: #4e94d9; }
.footer .footer_util_item{line-height: 20px;}
.company{font-weight:bold;color:#282259;font-size:16px;line-height: 26px;padding-top:15px;}
.address_info{font-size:13px;line-height: 20px;}
.address_info span{color:#4e94d9;font-weight: 500;}
.footer .copyright_wrapper{font-size: 11px;text-align:right;}