@import url('sub.css'); 

.tab-list {display:flex; flex-wrap:Wrap; gap:4px; margin:0 0 30px;}
.tab-list li {display:flex; flex-wrap:Wrap; align-items:center; justify-content:center; width:200px; height:60px; border:1px solid var(--border); line-height:177.778%; letter-spacing: -0.72px; box-sizing:border-box; text-align:center;  cursor:pointer;}
.tab-list li.up {background:var(--main); color:var(--white); border-color:var(--main);}

.location_cont .location_map {border:0 !important;}
.location_cont .location_map .wrap_map {width:100%; height:400px !important;}
.location_cont .location_info {padding:30px 0 0 !important;}

.loca_wrap {position:relative; width:100%;}
.loca_wrap .location_map {width:100%; opacity:0; visibility:hidden; position:absolute; z-index:-999;}
.loca_wrap .location_map.visible {opacity:1; visibility:visible; position:relative; z-index:99999999;}


.fs26 {color: var(--black); font-size: 1.44rem; font-weight: 600; line-height: 138.462%; letter-spacing: -1.04px; margin-bottom:20px;}
.fs26.mart60 {margin-top:60px;}
.email_info {border-top:2px solid var(--main);}
.email_info dl {display:flex; flex-wrap:wrap; border-bottom:1px solid var(--border);}
.email_info dl dt {width:200px; background: var(--gray_bg_opa6); padding:13px 15px; box-sizing:border-box; font-weight: 600; line-height: 177.778%; letter-spacing: -0.72px; color: var(--black); border-right:1px solid var(--border); text-align:Center;}
.email_info dl dd {width:calc((100% - 400px) / 2); font-size:0.88rem; font-family:var(--eng); padding:14px 22px; box-sizing:border-box;}
.email_info dl dd::before {content:'\e158'; font-family:var(--icon); font-size:18px; font-weight:400; display:inline-block; vertical-align:middle; margin-right:5px;}



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

.email_info dl dt {width:155px;}
.email_info dl dd {width:calc((100% - 310px) / 2);}


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


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


.email_info dl {border-bottom:0;}
.email_info dl dt {width:155px; border-bottom:1px solid var(--border);}
.email_info dl dd {width:calc(100% - 155px); border-bottom:1px solid var(--border);}



}
/*******************************************************************************
	@media 481~680px
*******************************************************************************/
@media all and (max-width:680px) {
	
.tab-list {margin:0 0 15px;}
.tab-list li {width:135px; height:44px;}

.location_cont .location_map .wrap_map {width:100%; height:250px !important;}
.location_cont .location_info {padding:15px 0 0 !important;}

.fs26 {font-size:1.22rem; margin-bottom:10px;} .fs26.mart60 {margin-top:30px;} .email_info dl dt {width:120px; padding:10px;} .email_info dl dd {width:calc(100% - 120px); padding:10px 15px;}

}