@import url('sub.css'); 

.location .location-list li{display:flex; align-items:flex-start; justify-content:space-between; margin:0 0 60px;}
.location .location-list li:last-child{margin:0;}
.location .location-list li .map_img {width:50%; margin:0; border-radius:15px; overflow:hidden;}
.location .location-list li .map_img img {width:100%; display:block;}
.location .location-list li .map_img{position:relative;}
.location .location-list li .map_img .none{opacity:1; transition:opacity .35s ease;}
.location .location-list li .map_img .hover{opacity:0; visibility:hidden; position:absolute; left:0; top:0; width:100%; height:100%; transition:opacity .35s ease;}
.location .location-list li .map_img .hover .jarallax {position: relative; width: 100%; height:100%;}
.location .location-list li .map_img .hover .jarallax iframe{position: absolute;}
.location .location-list li .map_img:hover .none{opacity:0;}
.location .location-list li .map_img:hover .hover{opacity:1; visibility:visible;}

/* 2공장은 비디오 없음*/
.location .location-list li:last-child .map_img:hover .none{opacity:1;}
.location .location-list li:last-child .map_img:hover .hover{opacity:0; visibility:hidden;}

.location .location-list li .map_img .map_icon {position:absolute; right:20px; bottom:20px; width:50px; height:50px; border-radius:var(--borderR10); background:rgba(255,255,255,0.95) url('/eng/img/map_google.svg') center/50% no-repeat; z-index:3; background-size:auto 20px;}
.location .location-copy {width:50%; align-self:center; padding:0 0 0 60px; box-sizing:border-box;}
.location .location-copy ul{display:block;}
.location .location-copy ul li {display:flex; flex-direction:column; gap:6px 0;}
.location .location-copy .fs36 {margin:0 0 25px; color:var(--black);}
.location .location-copy .fs18 {margin:0 0 15px; color:var(--basic);}
.location .location-copy .fs18:last-child{margin:0;}
.location .location-copy .fs18 strong{display:flex; align-items:center; gap:6px; color:var(--black); font-weight:600;}
.location .location-copy .fs18 p {letter-spacing: inherit;}
.location .location-copy .fs18 strong::before{content:""; display:inline-block; width:24px; height:24px; background-repeat:no-repeat; background-position:center; background-size:auto 24px;}
.location .location-copy .info-prd strong::before{background-image:url('/eng/img/map_prd_icon.svg');}
.location .location-copy .info-addr strong::before{background-image:url('/eng/img/map_prd_add.svg');}
.location .location-copy .info-contact strong::before{background-image:url('/eng/img/map_prd_phone.svg');}


/*******************************************************************************
    @media 1350px
*******************************************************************************/
@media all and (max-width:1350px){

.location .location-copy {padding: 0 0 0 40px;}


}
/*******************************************************************************
    @media  ~980px               
*******************************************************************************/
@media all and (max-width:980px){

.location .location-list li .map_img {width:48%;}
.location .location-list li .map_img .map_icon {background-size: auto 18px;}
.location .location-copy {width:48%; padding:0 0 0 10px;}
.location .location-copy .fs18 strong::before {width: 22px; height: 22px; background-size:auto 22px;}

}

/*******************************************************************************
    @media ~ 680px             
*******************************************************************************/
@media all and (max-width:680px){

.location .location-list li {display:block; margin:0 0 30px;}
.location .location-list li .map_img {width:100%; margin-bottom:20px;}
.location .location-list li .map_img .map_icon {right:12px; bottom:12px; width:42px; height:42px; background-size: auto 15px;}
.location .location-copy {width:100%; padding:0;}
.location .location-copy .fs36{margin:0 0 16px;}
.location .location-copy .fs18{margin:0 0 10px;}
.location .location-copy .fs18 strong::before {width:18px; height:18px; background-size:auto 18px;}


}