/*Content CSS*/
.category-wrap {width:100%; height:70px;  clear:both; background-attachment:scroll; position:relative; z-index:3; margin-top: -70px;}
.sub_navI_warp { background: rgba(0,0,0,0.57); max-width:1300px; z-index:3; position:relative; margin: 0 auto; height: 100%;}
.all-wrap{max-width:100%;  height:100%; margin:0 auto;   transition:all .3s ease;}
.all-wrap .loca-wrap{width:100%;margin:0 auto;height:100%}
.all-wrap .loca-wrap .loca-area i{float:left;display:inline-block;width:60px;height:100%; background-color:#fff; color:#000; padding:0; margin-top:0; text-align:center;}
.all-wrap .loca-wrap .loca-area i a {display: flex; width: 100%; height: 100%; align-items: center; justify-content: center;}

.all-wrap .loca-wrap .loca-area{height:100%;float:left;}
.all-wrap .loca-wrap .loca-area > a {display:inline-block;width:54px;height:100%; float:left; line-height:100%; text-align:center;}
.all-wrap .loca-wrap .loca-area > a img {margin-top:17px;}
.all-wrap .loca-wrap .loca-area>ul {float: left;margin:0; padding:0; height: 100%;}
.all-wrap .loca-wrap .loca-area>ul>li{float:left;width:265px;height:100%;position:relative;}
.all-wrap .loca-wrap .loca-area>ul>li button{height:100%;width:100%;position:relative;text-align:left;padding-left:1px;background-image:url('../img/loca_arrow_off.png');background-position-y:50%;background-position-x:100%;background-repeat:no-repeat;-webkit-transition:background .3s ease;-moz-transition:background .3s ease;-o-transition:background .3s ease;-ms-transition:background .3s ease;  border:0; border-right:1px solid rgba(255,255,255,0.2); background-color: transparent;}
.all-wrap .loca-wrap .loca-area>ul>li button:focus {outline: none;  }
.all-wrap .loca-wrap .loca-area>ul>li button.active{background-image:url('../img/loca_arrow_on.png');background-position-y:50%;background-position-x:100%;background-repeat:no-repeat;}
.all-wrap .loca-wrap .loca-area>ul>li button span {padding-left: 19px;background-color: transparent; color:#fff; font-size:16px;}
.all-wrap .loca-wrap .loca-area>ul>li div{overflow:hidden;height:0;position:relative; }
.all-wrap .loca-wrap .loca-area>ul>li div ul{display:block;position:absolute;width:100%;left:0;border:1px solid #ddd; padding:0}
.all-wrap .loca-wrap .loca-area>ul>li div ul li a{ border-bottom:1px solid #ddd; background:#fff;height:46px;color:#333;line-height:46px;display:block;-webkit-transition:background .3s ease;-moz-transition:background .3s ease;-o-transition:background .3s ease;-ms-transition:background .3s ease;padding-left:19px; font-size:14px; box-sizing:border-box}
.all-wrap .loca-wrap .loca-area>ul>li div ul li a:hover {background: #f7f7f7; text-decoration:none;}
.all-wrap .loca-wrap .loca-area>ul>li div ul li:last-child {border-bottom: 1px solid #ddd;}

.all-wrap .loca-wrap .share-area {float: right; display:block; padding-top:16px;box-sizing: border-box;}
.all-wrap .loca-wrap .share-area .hide-wrap{width:181px;height:34px;overflow:hidden;float:left}
.all-wrap .loca-wrap .share-area .hide-wrap .hide-area{width:181px;height:34px;position:relative;left:180px}
.all-wrap .loca-wrap .share-area .hide-wrap .hide-area ul {overflow: hidden; padding:0; margin:0; float:right;}
.all-wrap .loca-wrap .share-area .hide-wrap .hide-area ul li {float: left;margin-left: 30px; cursor:pointer; line-height: 38px;}
.all-wrap .loca-wrap .share-area .hide-wrap .hide-area ul li:first-child {margin-left: 0;}
.all-wrap .loca-wrap .share-area .hide-wrap .hide-area ul li:last-child {margin-right: 30px;}
.all-wrap .loca-wrap .share-area .share-btn{width:52px;height:34px;background-image:url('../img/share_open_bt.png');float:right;text-indent:-9999px;box-sizing:unset;background-repeat:no-repeat;background-position-x:right;transition:all .5s ease; background-color: inherit; border:0; margin-right:20px;background-color: transparent;}
.all-wrap .loca-wrap .share-area .share-btn.active {background-image: url('../img/share_close_bt.png');border-left: 1px solid rgba(255,255,255,0.2);}
.share-btn:focus {outline: none; border: none;}

.hide-area ul li a i {font-size: 20px; color:rgba(255,255,255,0.5); transition: all 0.2s;}
.hide-area ul li a:hover i {font-size: 20px; color:rgba(255,255,255,1);}

/*추가*/
.all-wrap .loca-wrap .loca-area i span {font-size: 20px; color:#fff; line-height: 70px;}
.right_btn {float: right; font-size: 20px; color:#fff; margin-right:30px;}
.right_btn a {display: block; line-height: 70px;}
.right_btn span {font-size: 30px; color:#fff;}

@media screen and (max-width:1200px) {

}

@media screen and (max-width: 960px) {

}

@media screen and (max-width: 640px) {
    .category-wrap {height:50px; margin-top: -50px;}
    /* .category-wrap { height:50px;}
    .all-wrap{ height:50px;}
    .all-wrap .loca-wrap{height:50px} */
    .all-wrap .loca-wrap .loca-area {width:100%; float:none; }
    .all-wrap .loca-wrap .loca-area > a {width:10%;}
    .all-wrap .loca-wrap .share-area { display:none; }
    .all-wrap .loca-wrap .loca-area > ul {width:100%;}
    .all-wrap .loca-wrap .loca-area > ul > li { width:50%; }
    .all-wrap .loca-wrap .loca-area > ul > li:first-child { border:0; border-right: 1px solid rgba(255,255,255,0.2)}
    .all-wrap .loca-wrap .loca-area > ul > li button {width:100%; border-right:0;  }
    .all-wrap .loca-wrap .loca-area>ul>li button span {font-size: 14px;}
    .all-wrap .loca-wrap .loca-area>ul>li div ul li a{font-size: 13px;}
    .all-wrap .loca-wrap .loca-area i { display:none}
    /* .sub_navI_warp {  margin: -50px auto;} */





}