.bar {height: 0; border: 0; border-top: 1px solid #dfdfdf;}
.dash-bar {height: 0; border: 0; border-top: 1px dashed #dfdfdf;}
.sub-desc {font-weight: var(--fontLight); font-size: 1.7em; margin-bottom: 2.4rem;}
.cont-desc {line-height: 1.6;}
.ttc {text-align: center;}

/* bullet */
.list {width: 100%; display: grid; row-gap: .6rem; color: var(--txt-color);}
.list > li {position: relative; line-height: 1.4;}
.list > li::before {content: ''; display: block; position: absolute; left: 0;}
.list.bullet-dot > li {padding-left: 1rem;}
.list.bullet-dot > li::before {width: .6rem; height: .6rem; background-color: #bb6e00; border-radius: 100%; top: 1.2rem;}
.list.gray-dot > li {padding-left: 1rem;}
.list.gray-dot > li::before {width: .5rem; height: .5rem; background-color: #999999; border-radius: 100%; top: 1.2rem;}

@media (max-width: 768px) {
    .bar.mob {display: none;}
    .sub-desc {font-size: 1.5em;}
}

/* sitemap
.sitemap__items {border-top: 1px solid #cdcdcd; padding: 2rem 0;}
.sitemap__items:last-child { border-bottom: 1px solid #ccc; }
.sitemap__item__wrapper { padding: 1rem 0; display: grid; grid-template-columns: repeat(5, 1fr); gap: 1rem;}
.sitemap__1depth { display: block; padding: 1.2rem 1rem; font-weight: 500; font-size: 2.2rem; color: #222; background-color: #fef9f3; border: 1px solid #e0e0e0; border-radius: .8rem; text-align: center; }
.sitemap__item:hover .sitemap__1depth { color: white; border-color: #cc5621; background-color: #cc5621; }
.sitemap__2depth { display: block; padding: .5rem 0 .5rem 1.6rem; width: 100%; font-size: 2rem; color: #333; }
.sitemap__2depth:hover { font-weight: 500; color: #000; }
.sitemap__2depth::before { content: ''; display: inline-block; vertical-align: middle; margin-right: .25em; margin-top: -.125em; width: 4px; height: 4px; background-color: #cc5621; border-radius: 50%; }
.sitemap__2depth:first-child { padding-top: .5em; }
.sitemap__2depth:last-child { padding-bottom: .5em; }

@media (max-width: 1440px) {
    .sitemap__item__wrapper {grid-template-columns: repeat(4, 1fr);}
    .sitemap__1depth {font-size: 2rem;}
    .sitemap__2depth {font-size: 1.8rem;}
}
@media (max-width: 1024px) {
    .sitemap__item__wrapper {grid-template-columns: repeat(3, 1fr);}
}
@media (max-width: 768px) {
    .sitemap__item__wrapper {grid-template-columns: repeat(2, 1fr);}
    .sitemap__1depth {font-size: 1.8rem;}
    .sitemap__2depth {font-size: 1.6rem;}
} */