@charset "utf-8";

.location_area{margin-bottom:80px;}
.mapbox{width:100%; height:400px;}
.addressbox{box-shadow: 0px 4px 4px  rgba(95,95,95,0.2);font-size:0; background:#fbfbfb; padding:30px 10px;}
.addhere{display:inline-block; vertical-align:middle; width:33.3%; padding:0 15px; border-right:1px solid #dadada;}
.addhere:last-child{border-right:none;}
.addhere ul{font-size:0;}
.addhere ul li{display:inline-block; vertical-align:middle;}
.addhere ul li p{font-size:10pt;}
.addhere ul li img{width:72%;}
.addhere ul li:first-child{width:25%;}
.addhere ul li:last-child{width:75%; padding:0 20px;}
.addtit{display:block; font-weight:bold; padding-bottom:5px; font-size:10pt;}
.addhere ul li.betulayout{padding:0 12px;}
.betulayout p{display:inline-block; vertical-align:top; margin-right:10px;}
.betulayout p:last-child{margin-right:0;}

.metro{font-size:0;}
.metro_tit{position:relative; font-size:18pt; font-weight:bold; padding:10px 0 50px;}
.metro_tit:before{position:absolute; content:''; top:0; left:0; width:26px; height:7px; background-image:url('../img/mapicon_07.png'); background-repeat:no-repeat; background-position:0 0;}
.metro_line{display:inline-block; vertical-align:top; width:50%; padding-right:20px;}
.metro_line:last-child{padding-right:0;}
.metro_line ul{font-size:0;}
.metro_line ul li{display:inline-block; vertical-align:middle;}
.metro_line ul li:first-child{width:17%;}
.metro_line ul li:last-child{width:83%;}
.metro_line ul li:last-child p{position:relative; padding-left:13%;margin-bottom:8px;color:#616161;}
.metro_line ul li:last-child p:before{position:absolute; content:''; top:8px; left:7%; width:16px; height:6px; background-image:url('../img/mapicon_06.png'); background-repeat:no-repeat; background-position:0 0;}
.metro_line ul li:last-child .paddingR_none{color:#000; padding-left:7%; font-weight:bold; font-size:13pt; margin-bottom:10px;}
.metro_line ul li:last-child .paddingR_none:before{display:none;}



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

.addhere ul li{display:block; text-align:center;}
.addhere ul li:first-child , .addhere ul li:last-child{width:100%;}
.addhere ul li:last-child{padding:0; padding-top:20px;}
.betulayout p{display:block; margin-right:0;}

.metro_line{display:block; width:100%; padding-right:0; padding:20px; text-align:left; margin-bottom:30px; border:1px solid #e2e2e2; box-shadow:3px 3px 3px #ccc;}
.metro_line:last-child{padding-right:20px;}
.metro_line ul li:last-child{padding-bottom:0; padding-left:28px;}
.metro_line ul li:last-child p:before {position: absolute;content: '';top: 8px;left: 1%;width: 16px;height: 6px;background-image: url(../img/mapicon_06.png);background-repeat: no-repeat;background-position: 0 0;}
.metro_line ul li:last-child .paddingR_none{padding-left:0;}
.metro_line ul li:last-child p{position:relative; padding-left:6%;}
.garabox{display:none;}

.addhere ul li img {width:30%; margin:0 auto;}
.addtit{display:inline-block; font-weight:bold; padding-bottom:5px;}
.location_area{margin-bottom:50px;}
.metro_tit{padding:10px 0 20px;}

.bg_img {display:none;}
}


@media screen and (max-width: 650px){
.addressbox{padding:0;}
.metro_line ul li{display:block; padding-bottom:20px;}
.metro_line ul li:first-child{text-align:center; margin: 0 auto;}
.metro_line ul li:last-child{width:100%;}

.addressbox{background:none; }
.addhere{display:block; width:100%; border-right:none; padding:15px; background:#fbfbfb; border-bottom: 1px solid #e2e2e2;}
.addhere ul li:last-child{height:auto;}
.betulayout p{display:inline-block; margin-right:20px;}
.metro_line ul li:last-child p {padding-left: 8%;}

.addhere ul li:last-child { padding-top:0;}
.addhere ul li{display:inline-block;}
.addhere ul li:nth-child(1){width:18%; margin-right:16px;}
.addhere ul li:nth-child(2){width:70%; text-align: left;}
.betulayout p {float:left;display: block;width: 100%;margin-top: 6px;}
.addhere ul li img {width:62px;}

.metro_line ul li:last-child{padding-left:0;}
.metro_line ul li:last-child p:before {display:none;}
.metro_line ul li:last-child p {padding-left:0; text-align: center;}

}

@media screen and (max-width: 600px){
/* 폰트사이즈 */
.metro_tit {font-size:14pt; padding:10px 0 10px;}
.metro_line ul li p {font-size:10pt; font-weight: normal;}
.metro_line ul li:last-child .paddingR_none {font-size:12pt;}

.metro_line ul li:last-child p {font-weight:normal; margin-bottom: 4px;}
}


@media screen and (max-width: 410px){
.metro_line ul li:last-child p {padding-left: 0;}
}