html {
    font-size: var(--krds-font-size-base);
}

body {
    font-size: var(--krds-pc-font-size-body-small);
}

h1 { font-size: 3.2rem; }  /* = 32px */
h2 { font-size: 2.4rem; }  /* = 24px */
h3 { font-size: 2rem;   }  /* = 20px */
h4 { font-size: 1.6rem; }  /* = 16px */
h5 { font-size: 1.3rem; }  /* = 13px */
h6 { font-size: 1.1rem; }  /* = 11px */

.contents {
    display: flex;
    justify-content: center; /* 가로 중앙 */
    align-items: flex-start; /* 필요에 따라 세로 중앙(center)으로 바꿔도 됩니다 */
    box-sizing: border-box;
    width: 100%;
    height: auto;
    min-height: 100vh;
    padding-top: 7rem;
    padding-bottom: 7rem;
}


.innerWrap {
    width: 120rem;
    min-height: 100%;
    background: white;
    outline: 0.1rem var(--krds-color-light-secondary-20) solid;
    outline-offset: -0.4rem;
    padding: 4rem 7rem 4rem 7rem ;
}

/* 아이콘 */
.svg-icon.ico-map {
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center center;
    mask-size: contain;
    -webkit-mask-image: url(../../krds/resources/img/component/icon/ico_map.svg);
    mask-image: url(../../krds/resources/img/component/icon/ico_map.svg);
}

.svg-icon.ico-plus {
    background-color: var(--krds-light-color-icon-primary);
}