@import url("sub.css");

/* 찾아오시는 길 */
.location_cont {display: flex; }
.location_cont .mapbox {width: 60%; max-width: 915px; flex-shrink: 0;}
.location_cont .mapbox .root_daum_roughmap_landing {width:100% !important; height:550px; overflow:hidden; border: 1px solid rgba(16, 16, 16, 0.15);}
.location_cont .mapbox .wrap_map {height:100% !important; width: 100%;}
.location_cont .mapbox .root_daum_roughmap .wrap_controllers, .location-content figure .root_daum_roughmap .cont {display:none;} 
.location_cont .mapbox .root_daum_roughmap_landing .map_border {display:none;}

.location_cont .mapinfo {width: 100%; padding: 0 50px; display: flex; flex-direction: column; justify-content: center}
.location_cont .map_logo {display: flex; margin-bottom: 15px;}
.location_cont h3.fs36 {margin-bottom: 30px;}

.location_cont .mapinfo_dl {display: flex; flex-wrap: wrap; gap: 5px 30px; margin-bottom: 50px;}
.location_cont .mapinfo_dl dl {display: flex; gap: 15px; align-items: flex-start;}
.location_cont .mapinfo_dl dl.addr {width: 100%;}
.location_cont .mapinfo_dl dd {color: rgba(16, 16, 16, 0.7);}
.location_cont .mapinfo_dl dt {color: #101010; display: flex; align-items: center; gap: 5px;}
.location_cont .mapinfo_dl dt::before {font-size: 20px; color: var(--black); font-weight: 400;}
.location_cont .mapinfo_dl .addr dt::before {content:'\e0c8';}
.location_cont .mapinfo_dl .tel dt::before {content:'\e0b0';}
.location_cont .mapinfo_dl .fax dt::before {content:'\e158';}

.location_cont .mapinfo_link {display: flex; gap: 5px;}
.location_cont .mapinfo_link a {height: 60px; display: flex; align-items: center; justify-content: center; gap: 15px; padding: 0 25px; border: 1px solid;}
.location_cont .mapinfo_link a .map_link_img {position: relative; display: flex;}
.location_cont .mapinfo_link a .map_link_img img {transition: all 0.5s ease;}
.location_cont .mapinfo_link a img:last-child {opacity: 0; position: absolute; left: 0; top: 0;}

.location_cont .mapinfo_link a:hover img:first-child {opacity: 0;}
.location_cont .mapinfo_link a:hover img:last-child {opacity: 1;}

.location_cont .mapinfo_link a.kakao {background-color: #FAE100; border-color: #FAE100; color: #371C1D;}
.location_cont .mapinfo_link a.naver {background-color: #10D265; border-color: #10D265;}

.location_cont .mapinfo_link a.kakao:hover {background-color: #371C1D; color: #FAE100; border-color: #371C1D;}
.location_cont .mapinfo_link a.naver:hover {background-color: var(--white); color: #10D265; border-color: #10D265;}



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

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

}
/*******************************************************************************
    @media ~1300px
*******************************************************************************/
@media all and (max-width:1300px){
/* 찾아오시는 길 */
.location_cont .mapbox {width: 50%;}

.location_cont .mapinfo {padding: 0 35px;}
.location_cont .map_logo img {width: 120px; height: auto;}
.location_cont h3.fs36 {font-size: 1.7rem; margin-bottom: 20px;}
.location_cont .mapinfo_dl {margin-bottom: 40px;}
}
/*******************************************************************************
    @media  ~980px               
*******************************************************************************/
@media all and (max-width:980px){
/* 찾아오시는 길 */
.location_cont {flex-direction: column;}
.location_cont > div {width: 100% !important;  max-width: 100% !important;}

.location_cont .mapbox .root_daum_roughmap_landing {height:380px;}

.location_cont .mapinfo {padding: 50px 35px;}
.location_cont .mapinfo_dl dl {gap: 10px;}
.location_cont .mapinfo_dl dt::before {font-size: 18px;}

.location_cont .mapinfo_link a {height: 50px;}
.location_cont .mapinfo_link a img {height: 18px; width: auto;}
}
/*******************************************************************************
    @media 768px
*******************************************************************************/
@media all and (max-width:768px){

}

/*******************************************************************************
    @media 481~680px
*******************************************************************************/
@media all and (max-width:680px){
/* 찾아오시는 길 */
.location_cont .mapbox .root_daum_roughmap_landing {height: 280px;}

.location_cont .mapinfo {padding: 35px 25px;}
.location_cont .map_logo img {width: 100px;}
.location_cont h3.fs36 {margin-bottom: 15px;}
.location_cont .mapinfo_dl {gap: 3px 20px;}
.location_cont .mapinfo_dl dl {gap: 7px;}
.location_cont .mapinfo_dl dt::before {font-size: 16px;}

.location_cont .mapinfo_link li {width: 50%;}
.location_cont .mapinfo_link a {height: 45px; padding: 0 18px; gap: 10px; width: 100%;}
.location_cont .mapinfo_link a img {height: 16px;}
.location_cont .mapinfo_link a .fs17 {font-size: 15px;}
}
/*******************************************************************************
    @media ~480px               
*******************************************************************************/
@media all and (max-width:480px){

}
/*******************************************************************************
    @media ~360px
*******************************************************************************/
@media all and (max-width:360px){
/* 찾아오시는 길 */
.location_cont .mapinfo_link {flex-wrap: wrap;}
.location_cont .mapinfo_link li {width: 100%;}
}