@charset "utf-8";

/*서브비쥬얼*/
.contents .subVisual {background: #eee url(../../img/m/waycome/subVisual.jpg) no-repeat center 60% /cover;}

/*오시는길*/
.contents .waycome {padding: 25px 0 30px;}
.contents .waycome .area {margin-top: 0px; flex-direction: column-reverse}
.contents .waycome .way-info {width: 310px; margin: 0 auto;}
.contents .waycome .way-info .p-1 {margin-top: 15px; font-size: 14px;}
.contents .waycome .way-info .p-1:before {width: 6px; height: 13px; margin-right: 5px;}
.contents .waycome .way-info dl {font-size: 12px; word-break: keep-all;}
.contents .waycome .way-info dt {margin-top: 3px; padding-left: 10px;}
.contents .waycome .way-info dd p.dot {padding-left: 19px;}
.contents .waycome .way-info dd p.dot:before {left: 11px;}
.contents .waycome .way-map {position: relative; margin: 0 auto;}
.contents .waycome .way-map > div {margin: 0 auto;}
.contents .waycome .way-info .row-btn {margin-top: 15px; text-align: center;}
.contents .waycome .way-info .row-btn a {display: inline-block; max-width: 120px;}
.contents .waycome .way-info .row-btn a:first-child {margin-right: 8px;}

.contents .waycome .way-map {max-width: 310px;}
.contents .waycome .way-map img.map {height: auto !important;}

/* 반응형 */
@media (max-width: 330px) {
    .contents .waycome .way-info {
        width: 100%;
    }
    .contents .waycome .way-info .row-btn {
        padding-left: 0;
        display: flex;
    }
    .contents .waycome .way-info .row-btn a {
        max-width: fit-content;
    }
}