@charset "utf-8";

/*
 * File    : sub-etc.css
 * Author  : STUDIO-JT
 *
 * 약관
 * 위치안내
 * HOVER
 */



/* **************************************** *
 * 약관
 * **************************************** */
/* REVISION */
.policy-revision { position: relative; bottom: -12rem; }

/* CONTENT */
.policy-content .jt-blocks > * { max-width: none; }



/* **************************************** *
 * 위치안내
 * **************************************** */
/* SORT */
.location-sort { display: flex; gap: 8rem; }
.location-sort > a { display: block; padding: 12rem 40rem; color: var(--color-gray-700); background: var(--color-gray-200); border-radius: var(--border-radius-06); transition: color .3s, background-color .3s; }
.location-sort > a.location-sort--current { color: var(--color-white); background: var(--color-primary); }

/* SECTION */
.location-section:not(:first-child) { display: none; }

/* MAP */
.location-map { display: flex; flex-direction: column; gap: 32rem; }

.location-map__image { border-radius: var(--border-radius-04); overflow: hidden; }
.location-map__image .jt-lazyload { padding-top: 31.57%; }
.location-map__image--small { display: none; }

.location-map__link { align-self: flex-end; }
.location-map__link > a { display: inline-flex; align-items: center; gap: 4rem; position: relative; font-size: var(--font-size-primary-10); line-height: var(--font-lineheight-primary-10); font-weight: 700; letter-spacing: var(--letter-spacing-01); color: var(--color-primary); transition: color .3s; }
.location-map__link > a > .jt-icon { flex-shrink: 0; width: 16rem; }
.location-map__link > a > .jt-icon svg path { fill: currentColor; }

/* INFO */
.location-info { margin-top: 60rem; }
.location-info__item { display: grid; grid-template-columns: 228rem 1fr; gap: 32rem; padding: 60rem 0; border-top: 1px solid var(--color-gray-400); }
.location-info__item:first-child { padding-top: 0; border-top: none; }
.location-info__item:last-child { padding-bottom: 0; }

.location-info__default { display: flex; flex-direction: column; gap: 12rem; }
.location-info__default > li { display: flex; gap: 20rem; }
.location-info__default > li > b { flex-shrink: 0; }
.location-info__default > li > p { color: var(--color-gray-800); }

.location-info__traffic { display: flex; flex-direction: column; gap: 40rem; }
.location-info__traffic > li { display: flex; gap: 20rem; }
.location-info__traffic > li > b { width: 47rem; flex-shrink: 0; }
.location-info__traffic-data { display: flex; flex-direction: column; gap: 12rem; }
.location-info__traffic-data > p { display: flex; flex-wrap: wrap; align-items: center; gap: 4rem; }
.location-info__traffic-label { display: inline-block; padding: 4rem 20rem; text-align: center; color: var(--color-primary); background: var(--color-gray-300); border-radius: var(--border-radius-06); }
.location-info__traffic-label--fixed { min-width: 120rem; }
.location-info__traffic-text { margin-left: 12rem; color: var(--color-gray-800); }



/* **************************************** *
 * HOVER
 * **************************************** */
@media (hover: hover) and (pointer: fine) {
    
    /* 위치안내 */
    .location-sort > a:not(.location-sort--current):hover { background: var(--color-gray-400); }

    .location-map__link > a:hover { color: var(--color-gray-500); }

}