@charset "utf-8";

/*.page-title-caption h2::before {content: '초량이음자율상권조합';}*/

.map-fream{width: 100%;height: auto; aspect-ratio:1200 / 480;border:1px solid #e0e0e0;margin-top: 40px;position: relative;}
.map-fream #map{width: 100%;height: 100%;}
.map-fream .radius_border{border:1px solid #919191;border-radius:5px;}
.map-fream .custom_zoomcontrol {position:absolute;top:50px;right:10px;width:36px;height:80px;overflow:hidden;z-index:1;background-color:#f5f5f5;}
.map-fream .custom_zoomcontrol span {display:flex;justify-content:center;align-items:center;width:36px;height:40px;text-align:center;cursor:pointer;}
.map-fream .custom_zoomcontrol span img {width:15px;height:15px;border:none;}
.map-fream .custom_zoomcontrol span:first-child{border-bottom:1px solid #bfbfbf;}


.address-info{border-top:1px solid #000000;margin-top: 60px;}
.address-info .row-item{display: flex;min-height: 150px;column-gap: 40px;}
.address-info .row-item .t-box{width: 280px;border-bottom:1px solid #dddddd;display: flex;align-items: flex-start;padding: 40px 0;}
.address-info .row-item .t-box span{font-size: 30px;font-weight: 700;display: flex;align-items: center;}
.address-info .row-item .t-box span:before{content:'';display: inline-block;background-repeat: no-repeat;background-position: center;width: 30px;height: 33px;margin-right: 10px;}
.address-info .row-item .v-box{width: calc(100% - 320px);padding:40px 0 ;display: flex;align-items: center;border-bottom:1px solid #dddddd;}
.address-info .row-item.map .t-box span:before{background-image: url("../img/icon-map.png");background-size: 30px 33px;}
.address-info .row-item.map .v-box{justify-content: space-between;flex-wrap: wrap;row-gap: 10px;}
.address-info .row-item.map .v-box p{font-size: 20px;font-weight: 500;line-height: 1.4;color:#000000;}
.address-info .row-item.map .v-box .button-box{display: flex;column-gap: 4px;}
.address-info .row-item.map .v-box .button-box a{display: flex;justify-content: space-between;align-items: center;width: 144px;height: 50px;border:1px solid #000000;padding: 0 15px;}
.address-info .row-item.map .v-box .button-box a:after{content:'';background-image: url("../img/icon-link.png");width: 13px;height: 12px;}
.address-info .row-item.phone .t-box span:before{background-image: url("../img/icon-phone2.png");background-size: 29px 30px;}
.address-info .row-item.phone .v-box ul {display: flex;width: 100%;flex-wrap: wrap;row-gap: 10px;}
.address-info .row-item.phone .v-box ul li {flex: 1;font-size: 20px;color:#666666;}
.address-info .row-item.phone .v-box ul li em{font-style: normal;margin-right: 10px;font-weight: 600;color:#000000;}
.address-info .row-item.subway .t-box span:before{background-image: url("../img/icon-subway.png");background-size: 30px 31px;}
.address-info .row-item.subway .v-box ul {display:flex;flex-direction:column;row-gap: 10px;}
.address-info .row-item.subway .v-box ul li {flex: 1;font-size: 20px;display: flex;align-items: center;color:#666666;}
.address-info .row-item.subway .v-box ul li::before{content:'●';font-size: 0.25em;margin-right: 10px;}
.address-info .row-item.subway .v-box ul li em{font-style: normal;margin-right: 10px;font-weight: 600;color:#000000;}
.address-info .row-item.bus .t-box span:before{background-image: url("../img/icon-bus.png");background-size: 29px 29px;}
.address-info .row-item.bus .v-box ul {display: flex;flex-direction: column;row-gap: 30px;}
.address-info .row-item.bus .v-box ul li {display: flex;flex-direction: column;font-size: 20px;color:#666666;row-gap: 5px;}
.address-info .row-item.bus .v-box ul li em{font-style: normal;margin-right: 10px;font-weight: 600;color:#000000;}

@media (max-width:1600px) {
    .address-info .row-item .t-box{width: 180px;}
    .address-info .row-item .v-box{width: calc(100% - 220px);padding:40px 0 ;}
}
@media (max-width:960px) {
    .address-info {margin-top: 30px;}
    .address-info .row-item {display: flex;min-height: auto;column-gap: 30px;}
    .address-info .row-item .t-box span {font-size: 22px;}
    .address-info .row-item.phone .v-box ul {flex-direction: column;}
    .address-info .row-item.map .v-box p {font-size: 18px;}
    .address-info .row-item:is(.map,.phone,.subway,.bus) .v-box ul li {font-size: 18px;}
    .address-info .row-item.bus .v-box ul {row-gap: 20px;}
}

@media (max-width:640px) {
    .map-fream{width: 100%;height: auto; aspect-ratio:600 / 420;border:1px solid #e0e0e0;margin-top: 20px}

    .address-info {margin-top: 20px;}
    .address-info .row-item{column-gap: 20px;}
    .address-info .row-item .t-box{width: 80px;padding: 12px 0;}
    .address-info .row-item .v-box{width: calc(100% - 100px);padding:20px 0 ;}
    .address-info .row-item .t-box span {font-size: 16px;}
    .address-info .row-item.map .t-box span:before{background-size: 20px auto;margin-right: 5px;}
    .address-info .row-item.phone .t-box span:before{background-size: 20px auto;margin-right: 5px;}
    .address-info .row-item.subway .t-box span:before{background-size: 20px auto;margin-right: 5px;}
    .address-info .row-item.bus .t-box span:before{background-size: 20px auto;margin-right: 5px;}
    .address-info .row-item.map .v-box p {font-size: 14px;}
    .address-info .row-item:is(.phone,.subway,.bus) .v-box ul li::before{content:none;}
    .address-info .row-item:is(.phone,.subway,.bus) .v-box ul li {font-size: 14px;flex-direction: column;align-items: flex-start;}
    .address-info .row-item.map .v-box .button-box a{width: 100px;height: 30px;padding: 0 10px;font-size: 12px;}
    .address-info .row-item.map .v-box .button-box a:after{width: 13px;height: 12px;}
    
    

}