@charset "utf-8";

.location {}
/* .location-info {padding:170px 0 0; position:relative;} */
.location-info {display:flex; flex-direction:column; gap:30px;}
/* .location-info-desc {z-index:9; position:absolute; left:50%; top:0; transform:translateX(-50%);} */
.location-info-desc {}
.location-info-desc-wrap {width:100%; display:flex; align-items:start; justify-content:space-between; padding:80px 150px;border-radius: 20px;border: 1px solid #E5E5E5; background: #FFF; box-shadow: 10px 10px 10px 0 rgba(0, 0, 0, 0.10);}

.location-info-desc-txt {}
.location-info-desc-txt .tit {padding:0 0 30px; display:flex; gap:40px; align-items:end;}
.location-info-desc-txt .tit h3 {color: #000;font-size:var(--fs36);font-weight: 700;line-height: normal;}
.location-info-desc-txt .tit p {color:#000; font-size:var(--fs18);}
.location-info-desc-txt ul {padding:0 0 10px; display:flex; flex-direction:column; gap:10px;}
.location-info-desc-txt ul li {padding-left:14px; position:relative;}
.location-info-desc-txt ul li:before {width:4px; height:4px; background:#666; border-radius:50%; left:0; top:11px; position:absolute; display:block; content:'';}
.location-info-desc-txt p {}

.location-info-contact {display:flex; flex-direction:column; gap:20px ;}
.location-info-contact-item {display:flex; gap:10px; align-items:center;}
.location-info-contact-item-img {width:55px; height:55px; background:#fff; border:1px solid #ddd; border-radius:50%;}
.location-info-contact-item-img img {width:100%; height:100%; object-fit:scale-down;}
.location-info-contact-item-txt {}
.location-info-contact-item-txt p {color: #333;font-size: var(--fs17);font-weight: 500; line-height: 140%;}
.location-info-contact-item-txt a {color:var(--base1);font-size:var(--fs20);font-weight: 700;line-height: 140%;}


.location-info-map-wrap {height:650px; border-radius:20px; border: 1px solid #E5E5E5; overflow:hidden;}
.location-info-map .root_daum_roughmap_landing {width:100% !important; height:100% !important;}
.location-info-map .root_daum_roughmap .wrap_map {width:100% !important; height:100% !important;}
.location-info-map .root_daum_roughmap .wrap_controllers {display:none;}
 
.location-method {}
.location-method-tit {display:flex; gap:50px; align-items:center;}
.location-method-tit h4 {color: #000;font-size: var(--fs36);font-weight: 700;}
.location-method-tit .tabWrap {}

.location-method-wrap {padding:20px 0 0;}
.location-method-list {}
.location-method-item {padding:40px 50px; border:1px solid #ddd; border-radius:10px; }
.location-method-item h5 {padding:0 0 20px 16px; color: #000;font-size: var(--fs24);font-weight: 600; position:relative;}
.location-method-item h5:before {width:6px; height:6px; background:#000; border-radius:50%; left:0; top:9px; position:absolute; display:block; content:'';}
.location-method-item-order {gap:10px 5px; display:flex; flex-wrap:wrap;}
.location-method-item-order p {padding:0 20px; height:60px; display:flex; align-items:center; justify-content:center;line-height:1.2; border-radius: 100px;border: 1px solid #DDD;background: #FFF;}
.location-method-item-order img {}
.location-method-item+.location-method-item {margin:20px 0 0;}


@media (max-width: 1199px) {
	
	.location-info {padding:0;}
	.location-info-desc {position:static; transform:translateX(0);}
	.location-info-desc-wrap {padding:50px; }
	.location-info-desc-txt .tit {padding:0 0 20px; gap:30px}
	
	.location-info-map {}
	.location-info-map-wrap {height:400px;}
	
	.location-method-tit {gap:40px;}
	
	
	.location-info-contact-item-img {width:50px; height:50px;}
	
	
	
	
	
	
	
	
	
}

@media (max-width: 767px) {
	.location-info {gap:10px;}
	.location-info-desc {}
	.location-info-desc-wrap {padding:30px; flex-direction:column; gap:20px; }
	
	.location-info-desc-txt .tit {padding:0 0 10px; gap:20px}
	.location-info-desc-txt ul {padding:0 0 5px; gap:5px;}
	
	.location-info-map {}
	.location-info-map-wrap {height:300px;}
	
	.location-method-tit {gap:10px; flex-direction:column; align-items:start;}
	
	.location-info-contact {gap:10px;}
	
	.location-method-item {padding:30px;}
	.location-method-item h5 {padding:0 0 10px 10px;}
	.location-method-item h5:before {width:4px; height:4px;}
	.location-method-item-order {gap:5px 10px;}
	.location-method-item-order p {padding:10px 20px; height:auto; max-width:calc(100% - 40px);}
	
	
	
	
	
	
	
}

@media (max-width: 500px) {}