html, body {
    overflow-x: hidden;
    background-color: #FBFBFB;
    cursor: default;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

.partition-1 {
    display: flex;
    padding: 160px 0 30px 0;
    flex-direction: column;
    align-items: center;
    gap: 50px;
    align-self: stretch;
    background: linear-gradient(180deg, #DCEEFF 21.75%, rgba(255, 255, 255, 0.00) 100%);
    box-sizing: border-box;
}

.partition-1-content {
    display: flex;
    padding: 0 15px;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    align-self: stretch;
}

.partition-1-sub-copy {
    display: flex;
    max-width: 500px;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    gap: 2px;
    flex-wrap: wrap;
}

.partition-1-sub-copy-txt {
    color: #0045AA;
    text-align: center;
}

.partition-1-head-copy {
    display: flex;
    padding: 0 20px;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    align-self: stretch;
}

.partition-1-head-copy-txt {
    /*color: var(--black, #272B2F);*/
    color: #272B2F;
    text-align: center;
}













.partition-2 {
    display: flex;
    max-width: 1200px;
    padding: 30px 0 60px 0;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    align-self: stretch;
    margin: 0 auto;

    min-height: 5000px;
}

.review-filter-list {
    display: flex;
    padding-right: 18px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
}

.review-filter-group {
    display: flex;
    padding: 4px;
    align-items: flex-start;
}

.review-filter {
    display: flex;
    height: 40px;
    max-width: 280px;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
}

.review-filter-select {
    display: flex;
    height: 40px;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
}

.select-atomic {
    display: flex;
    align-items: center;
    gap: 15px;
    flex: 1 0 0;
    align-self: stretch;
    /*border-radius: var(--radius-small1, 4px);*/
    border-radius: 4px;
    cursor: pointer;
}

.sub-filter-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    align-self: stretch;
}

.sub-filter {
    display: flex;
    padding: 12px 18px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 15px;
    flex: 1 0 0;
    align-self: stretch;
}

.sub-filter-item {
    display: flex;
    align-items: center;
    gap: 5px;
}

.sub-filter-count {
    display: flex;
    padding: 4px 6px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 100px;
    background: #115AC6;
}

.sub-filter-count-font {
    color: #FFF;
    text-align: center;
    leading-trim: both;
    text-edge: cap;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Pretendard;
    font-size: 11px;
    font-style: normal;
    font-weight: 600;
    line-height: 13px; /* 118.182% */
    letter-spacing: 0.06px;
}

.icon_size {
    display: flex;
    /*padding: var(--padding-2, 4px) 10px;*/
    padding: 4px 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.review-write-btn {
    display: flex;
    padding: 8px 12px;
    align-items: center;
    gap: 5px;
    border-radius: 4px;
    border: 1px solid var(--Transparent-blue-60, rgba(17, 90, 198, 0.60));
    background: var(--main-white, #FFF);
}

.review-write-btn span{
    color: var(--main-blue, #115AC6);
}

.select-option-list-group {
    /*display: flex;*/
    padding: 5px;
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
    align-self: stretch;
    background: #FFF;
    box-shadow: 0 0 10px 0 rgba(19, 20, 22, 0.08);

    display: none; /* 기본 숨김 처리 */
}

.select-list-group {
    display: flex;
    height: 40px;
    padding: 12px 10px;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    cursor: pointer;
}

.black {
    color: var(--main-black, #131416);
}