/* Location */
ul{list-style:none;}
button:focus {
  outline: none;
}
#location {position:absolute; margin-top:1px; margin-left:1px; width:1130px; height: 67px; z-index: 11;} 
#location .all_wrap {position: absolute; top: 0; left: 50%; width: 1130px; height: 67px; margin: 0 auto; background: #433a2e; box-shadow: 0 10px 7px rgba(0, 0, 0, 0.12); transition: all .3s ease; transform: translate(-50%,  0);}
#location .all_wrap .loca_wrap {width: 1130px; height: 67px; margin: 0 auto;}
#location .all_wrap .loca_wrap .locaArea {float: left; height: 67px; margin-left: 18px;}
#location .all_wrap .loca_wrap .locaArea i {float: left; display: inline-block; width: 34px; height: 34px; padding: 18px 0;}
#location .all_wrap .loca_wrap .locaArea i a {display: block; width: 34px; height: 34px;}
#location .all_wrap .loca_wrap .locaArea>ul {float: left; margin-left: 18px;}
#location .all_wrap .loca_wrap .locaArea>ul>li {float: left; position: relative; width: 270px; height: 60px; }
#location .all_wrap .loca_wrap .locaArea>ul>li button {position: relative; width: 270px; height: 70px; color: #fff; text-align: left; padding-left: 1px; letter-spacing: 0px; background: url("../images/loca_arrow_off.png") 100% 50% no-repeat; -webkit-transition: background .3s ease;-moz-transition: background .3s ease;-o-transition: background .3s ease;-ms-transition: background .3s ease;}
#location .all_wrap .loca_wrap .locaArea>ul>li button.active {background: url("../images/loca_arrow_on.png") 100% 50% no-repeat;}
#location .all_wrap .loca_wrap .locaArea>ul>li button:before {position: absolute; top: 18px; left: 0; width: 1px; height: 34px; background: #977c56; content: ""}
#location .all_wrap .loca_wrap .locaArea>ul>li button span {font-size: 18px; padding-left: 19px;}
#location .all_wrap .loca_wrap .locaArea>ul>li:last-child button:after {position: absolute; top: 18px; right: 0; width: 1px; height: 34px; background: #977c56; content: ""}

#location .all_wrap .loca_wrap .locaArea>ul>li div {position: relative; overflow: hidden; height: 0;}
#location .all_wrap .loca_wrap .locaArea>ul>li div ul {display: block; position: absolute; left: 0; width: 100%; border-top: 1px solid #977c56;}
#location .all_wrap .loca_wrap .locaArea>ul>li div ul li a {display: block; height: 46px; font-size: 16px; color: #fff; line-height: 46px; background: #433a2e; padding-left: 19px; box-sizing: border-box; -webkit-transition: background .3s ease;-moz-transition: background .3s ease;-o-transition: background .3s ease;-ms-transition: background .3s ease;}
#location .all_wrap .loca_wrap .locaArea>ul>li div ul li a:hover {background: #342716;} /* 포커스색 */
#location.fix {width: 100%}
#location.fix .all_wrap {position: fixed; top: 0; width: 100%;}