.contents-wrap h1,
.contents-wrap h2,
.contents-wrap h3,
.contents-wrap h4,
.contents-wrap h5,
.contents-wrap h6 {font-weight: initial;}

.contents-wrap i {display: block; background-repeat: no-repeat; background-position: center; background-size: contain;}

.contents-wrap ::-webkit-scrollbar {width: 0; height: 0; background-color: transparent;}
.contents-wrap ::-webkit-scrollbar-thumb {background-color: transparent;}
.contents-wrap ::-webkit-scrollbar-track {background-color: transparent;}

.font-red {color: #F95656!important;}
.font-gray {color: #747479!important;}
.font-pink {color: #FF5AAF!important;}
.font-blue {color: #0000BE!important;}

.contents-wrap .title {padding: 66px 0 120px; display: flex; align-items: center; justify-content: space-between;}
.contents-wrap .title > h1 {font-size: 48px; font-weight: 700;}
.contents-wrap .title > button {width: fit-content; height: 48px; padding: 0 24px; background-color: #B48273; font-size: 16px; font-weight: 500; color: #fff; border-radius: 30px;}

@media screen and (max-width: 767px) {
    .contents-wrap .title {padding: 0; height: 52px; display: flex; align-items: center; justify-content: center;}
    .contents-wrap .title > h1 {font-size: 16px; font-weight: 500;}
    .contents-wrap .title > *:not(h1) {display: none;}
}

.sub-tit {margin-bottom: 24px;}
.sub-tit > h3 {font-size: 24px; font-weight: 700!important;}

@media screen and (max-width: 767px) {
    .sub-tit {margin-bottom: 16px;}
    .sub-tit > h3 {font-size: 16px;}
}

.menu-tab-wrap {position: sticky; top: 70px; z-index: 99; margin-bottom: 160px;}

.menu-tab {display: flex; align-items: center; column-gap: 40px; height: 64px; background-color: #fff;}
.menu-tab::before {content: ''; width: 100vw; height: 100%; display: block; background-color: #fff; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);}
.menu-tab > li {height: 100%; display: flex; align-items: center; font-size: 16px; font-weight: 500; color: #A1A1A5; cursor: pointer; position: relative;}
.menu-tab > li.active {font-weight: 700; color: #000000;}
.menu-tab > li.active::after {content: ''; width: 100%; height: 2px; background-color: #000000; position: absolute; left: 0; bottom: 0;}

.menu-tab-cont {display: none;}
.menu-tab-cont.active {display: block;}

@media screen and (max-width: 1023px) {
    .menu-tab-wrap {width: 100vw; padding: 0; margin: 0 -10px 100px; overflow: hidden; top: 0;} 

    .menu-tab {column-gap: 25px; height: 54px; overflow-y: auto; padding: 0 10px;}
    .menu-tab::before {border-bottom: 1px solid #E3E5E9;}
    .menu-tab > li {font-size: 14px; white-space: nowrap;}
}

.contents-wrap input {width: 100%; height: 48px; border: 1px solid #D7D8DA; border-radius: 4px; background-color: #fff; padding: 16px; font-size: 16px;}
.contents-wrap input::placeholder {color: #A1A1A5;}

@media screen and (max-width: 767px) {
    .contents-wrap input {height: 40px; padding: 12px; font-size: 14px;}
}

.cont-box + .cont-box {margin-top: 160px;}
.box + .box {margin-top: 60px;}

@media screen and (max-width: 767px) {
    .cont-box + .cont-box {margin-top: 100px;}
}

.chk-wrap {display: flex; flex-flow: column; row-gap: 12px;}
.chk-wrap > li {display: flex; align-items: center; column-gap: 12px; font-size: 14px; color: #747479; line-height: 1.6;}

@media screen and (max-width: 767px) {
    .chk-wrap > li {font-size: 12px;}
}

.contents-wrap input[type="checkbox"] {display: none;}
.contents-wrap input[type="checkbox"] + label {display: flex; align-items: center; column-gap: 12px; cursor: pointer;}
.contents-wrap input[type="checkbox"] + label::before {content: ''; width: 20px; height: 20px; border-radius: 2px; background-image: url(/html/user/images/icon/icon-checkbox-20.svg);}
.contents-wrap input[type="checkbox"] + label > p {font-size: 14px; font-weight: 500; line-height: 1.6;}
.contents-wrap input[type="checkbox"] + label > p > a {color: #747479; text-decoration: underline; margin-left: 8px;}

.contents-wrap input[type="checkbox"]:checked + label::before {background-image: url(/html/user/images/icon/icon-checkbox-20-ov.svg);}

.contents-wrap select {width: 100%; height: 48px; border: 1px solid #D7D8DA; border-radius: 4px; background-color: #fff; padding: 0 44px 0 12px; font-size: 16px; background-image: url(/html/user/images/icon/icon-arrow-down-20.svg); background-repeat: no-repeat; background-size: 20px; background-position: right 12px center; cursor: pointer; -webkit-appearance: none; appearance: none; cursor: pointer;}
.contents-wrap select::-ms-expand {display: none;/*for IE10,11*/}

@media screen and (max-width: 767px) {
    .contents-wrap select {height: 40px; padding: 0 40px 0 12px; font-size: 14px; background-size: 16px;}
}

.btn-wrap {margin-top: 48px; display: flex; align-items: center; justify-content: center; column-gap: 12px;}
.btn-wrap button {width: 200px; height: 48px; background-color: #121212; color: #fff; font-size: 16px; font-weight: 500; border-radius: 4px;}
.btn-wrap button:nth-child(1):nth-last-child(2), .btn-wrap button:nth-child(1):nth-last-child(2) ~ button {width: 180px; background-color: #747479; border-color: #747479;}

.contents-wrap button {display: flex; align-items: center; justify-content: center; line-height: 1; cursor: pointer;}
.contents-wrap button:disabled {border-color: #D7D8DA!important; background-color: #D7D8DA!important; color: #ffffff!important; cursor: default;}
button.line-gray {border: 1px solid #747479!important; color: #747479!important; background-color: #ffffff!important;}
button.line-blue {border: 1px solid #0000BE!important; color: #0000BE!important; background-color: #ffffff!important;}
button.line-mint {border: 1px solid #00C3A5!important; color: #00C3A5!important; background-color: #ffffff!important;}
button.gray {border: 1px solid #747479!important; background-color: #747479!important; color: #ffffff!important;}

@media screen and (max-width: 767px) {
    .btn-wrap {margin-top: 32px; column-gap: 8px;}
    .btn-wrap button {width: 100%;} 
    .btn-wrap button:nth-child(1):nth-last-child(2), .btn-wrap button:nth-child(1):nth-last-child(2) ~ button {width: calc((100% - 8px) / 2);}
}

.phone {display: flex; align-items: center; column-gap: 12px;}
.phone > li {display: flex; align-items: center; position: relative;}
.phone > li + li::before {content: '-'; width: 12px; font-size: 14px; position: absolute; left: -12px; text-align: center;}

@media screen and (max-width: 1023px) {
    .table-scroll {width: 100%; overflow-x: auto;}
    .table-scroll table {width: max-content;}
    .table-scroll table th {white-space: nowrap;}
    .table-scroll table td {white-space: nowrap;}
}

.contents-wrap table {width: 100%; border-collapse: collapse; border-spacing: 0; position: relative; margin-top: 2px;}
.contents-wrap table::before {content: ''; width: 100%; height: 2px; background-color: #121212; position: absolute; top: 0; left: 0;}
.contents-wrap table tr > * + * {border-left: 1px solid #D7D8DA;}
.contents-wrap table th {height: 56px; line-height: 1.6; padding: 16px 10px; background-color: #F2F3F6; border-bottom: 1px solid #D7D8DA; font-size: 16px; font-weight: 700; vertical-align: middle; word-break: keep-all;}
.contents-wrap table td {height: 56px; line-height: 1.6; padding: 16px 10px; border-bottom: 1px solid #D7D8DA; font-size: 16px; vertical-align: middle; text-align: center; word-break: keep-all;}
.contents-wrap table td.left {text-align: left;}
.contents-wrap table td a {text-decoration: underline; color: #0000BE;}
.contents-wrap table *[rowspan]:not(*:last-child) {border-right: 1px solid #D7D8DA;}
.contents-wrap table button {margin: 0 auto; padding: 0 10px; width: fit-content; height: 28px; border: 1px solid; border-radius: 4px; font-size: 14px;}

@media screen and (max-width: 767px) {
    .contents-wrap table th {height: 48px; padding: 8px 6px; font-size: 14px;}
    .contents-wrap table td {height: 48px; padding: 8px 6px; font-size: 14px;}
    .contents-wrap table button {padding: 0 6px; height: 24px; font-size: 12px;}
}

.table-desc {margin-top: 12px; font-size: 14px; color: #747479; line-height: 1.4;}

.contents-wrap .pagination {display: flex; align-items: center; justify-content: center; column-gap: 16px; margin-top: 70px; margin-bottom: -100px;}
.contents-wrap .pagination > li {width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 500; color: #BDBEC0; cursor: pointer; background-repeat: no-repeat; background-position: center; background-size: 24px;}
.contents-wrap .pagination > li.active {font-weight: 700; color: #121212;}
.contents-wrap .pagination > li.prev {background-image: url(/html/user/images/common/pagination-prev.svg);}
.contents-wrap .pagination > li.prev.disabled {background-image: url(/html/user/images/common/pagination-prev-disabled.svg); cursor: default;}
.contents-wrap .pagination > li.next {background-image: url(/html/user/images/common/pagination-next.svg);}
.contents-wrap .pagination > li.next.disabled {background-image: url(/html/user/images/common/pagination-next-disabled.svg); cursor: default;}

@media screen and (max-width: 767px) {
    .contents-wrap .pagination {column-gap: 8px; margin-top: 40px; margin-bottom: -60px;}
    .contents-wrap .pagination > li {width: 32px; height: 32px; font-size: 16px; background-size: 24px;}
}

.pop {width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.6); align-items: center; justify-content: center; z-index: 9999;}
.pop i {display: block; background-repeat: no-repeat; background-position: center; background-size: contain;}
.pop .pop-wrap {width: 800px; background-color: #fff; border-radius: 8px; overflow: hidden;}
.pop .pop-wrap.sm {width: 600px;}
.pop .pop-wrap.xsm {width: 440px;}
.pop .pop-tit {height: 88px; padding: 0 24px; display: flex; align-items: center; justify-content: center; position: relative; border-bottom: 1px solid #E3E5E9;}
.pop .pop-tit > h2 {font-size: 24px; font-weight: 700;}
.pop .pop-tit > i {position: absolute; right: 24px;}
.pop .pop-cont {padding: 32px 24px; max-height: calc(100vh - 280px - 88px); overflow-y: auto;}
.pop .pop-cont.gray {background-color: #F9F9FB;}

.pop .pop-wrap.xsm .pop-tit {height: 56px; border-bottom: 0;}
.pop .pop-wrap.xsm .pop-tit > i {bottom: 0;}
.pop .pop-wrap.xsm .pop-cont > p {text-align: center; font-size: 16px; font-weight: 500; line-height: 1.6;}

.icon-close-24 {width: 24px; height: 24px; background-image: url(/html/user/images/icon/icon-close-24.svg);}

@media screen and (max-width: 1023px) {
    .pop .pop-wrap {max-width: 800px; width: calc(100vw - 40px);}
}
@media screen and (max-width: 767px) {
    .pop .pop-wrap {border-radius: 4px;}
    .pop .pop-wrap.sm {width: calc(100vw - 40px);}
    .pop .pop-tit {height: 56px; padding: 0 20px;}
    .pop .pop-tit > h2 {font-size: 16px;}
    .pop .pop-tit > i {right: 20px;}
    .pop .pop-cont {padding: 20px 16px; max-height: calc(100vh - 200px - 56px);}
    
    .icon-close-24 {width: 16px; height: 16px;}
}

.pop table {width: 100%; border-collapse: collapse; border-spacing: 0; position: relative; margin-top: 2px; table-layout: initial!important;}
.pop table::before {content: ''; width: 100%; height: 2px; background-color: #121212; position: absolute; top: 0; left: 0;}
.pop table tr > * + * {border-left: 1px solid #D7D8DA;}
.pop table th {height: 56px; line-height: 1.6; padding: 16px 10px; background-color: #F9F9FB; border-bottom: 1px solid #D7D8DA; font-size: 16px; font-weight: 700; vertical-align: middle;}
.pop table td {height: 56px; line-height: 1.6; padding: 16px 10px; border-bottom: 1px solid #D7D8DA; font-size: 16px; vertical-align: middle; text-align: center;}
.pop table td p {text-align: left!important;}
.pop table td.left {text-align: left;}
.pop table *[rowspan] {border-right: 1px solid #D7D8DA;}
.pop table td a {text-decoration: underline; color: #0000BE;}
.pop table button {margin: 0 auto; padding: 0 10px; width: fit-content; height: 28px; border: 1px solid; border-radius: 4px; font-size: 14px;}

@media screen and (max-width: 767px) {
    .pop table th {height: 48px; padding: 8px 6px; font-size: 14px;}
    .pop table td {height: 48px; padding: 8px 6px; font-size: 14px;}
    .pop table button {padding: 0 6px; height: 24px; font-size: 12px;}
}

.pop input {width: 100%; height: 48px; border: 1px solid #D7D8DA; border-radius: 4px; background-color: #fff; padding: 16px; font-size: 16px;}
.pop input::placeholder {color: #A1A1A5;}

@media screen and (max-width: 767px) {
    .pop input {height: 40px; padding: 12px; font-size: 14px;}
}

.pop input[type="checkbox"] {display: none;}
.pop input[type="checkbox"] + label {display: flex; column-gap: 12px; cursor: pointer;}
.pop input[type="checkbox"] + label::before {content: ''; width: 20px; height: 20px; border-radius: 2px; background-image: url(/html/user/images/icon/icon-checkbox-20.svg);}
.pop input[type="checkbox"] + label > p {font-size: 14px; font-weight: 500; line-height: 1.4; flex: 1;}
.pop input[type="checkbox"] + label > p > a {color: #747479; text-decoration: underline; margin-left: 8px;}

.pop input[type="checkbox"]:checked + label::before {background-image: url(/html/user/images/icon/icon-checkbox-20-ov.svg);}

.pop select {width: 100%; height: 48px; border: 1px solid #D7D8DA; border-radius: 4px; background-color: #fff; padding: 0 44px 0 12px; font-size: 16px; background-image: url(/html/user/images/icon/icon-arrow-down-20.svg); background-repeat: no-repeat; background-size: 20px; background-position: right 12px center; cursor: pointer; -webkit-appearance: none; appearance: none; cursor: pointer;}
.pop select::-ms-expand {display: none;/*for IE10,11*/}

@media screen and (max-width: 767px) {
    .pop select {height: 40px; padding: 0 40px 0 12px; font-size: 14px; background-size: 16px;}
}

.text-left {text-align: left!important;}