@charset "utf-8";

/*오시는길 안내*/
.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;}
}
/*오시는길 공통*/


/*테이블 스타일*/
.content-box .content-wrapper{padding:50px 0 100px;}
.table-style table{border-top:2px solid #c4d4e4;width: 100%; margin-bottom:30px;}
.table-style table :is(th,td){font-family: Noto Sans KR, sans-serif;height: 50px;border-bottom:1px solid #e2e2e2;border-right:1px solid #e2e2e2;padding:10px 12px;font-size: 16px;}
.table-style table :is(th,td).center{text-align: center;}
.table-style table th{background-color: #f8f9fd;text-align: center;vertical-align: middle;font-weight: 700;}
.table-style.auto table th{width: 155px;}
.table-style table td:last-of-type{border-right: 0;}

.table-style table td > ul > li{font-weight: 400;color:#474747;position: relative;padding-left: 15px;}
.table-style table td > ul > li::before {content:'';display:block;border-radius:50%;width:4px;height:4px;background-color:#000000;position: absolute;top:12px;left:3px;}

@media (max-width:960px) {
    .content-box .content-wrapper {padding: 20px 0 40px;}

    .table-style.auto table :is(th,td) {height: 50px;font-size: 14px;}
    .table-style.auto table th {background-color: #f8f9fd;width: 60px;}
    .table-style table td > ul > li::before {top: 8px;left: 0;}
    .table-style table td > ul > li {padding-left: 12px;}
    
    .content-wrapper .text-box .table-style table th{width: auto !important;white-space: nowrap;}
    .content-wrapper .text-box article > ul > li > span {padding-left: 25px;}
}

@media (max-width:480px) {
    .table-style table {margin-bottom:30px;}
    
    .table-style table td > ul > li::before {width: 3px;height: 3px;top: 6px;left: 0;}
    .table-style table td > ul > li {padding-left: 8px;}

    .table-style table :is(th,td){height: 40px; padding:5px 10px;}
    .table-style.auto table :is(th,td) {font-size: 13px;}
    .table-style.auto table th {width: 50px;}
}
/*테이블 스타일*/