.container {
    height: calc(100% - 78px);
    margin: 10px;
    display: flex;
}

.container .breadcrumb {
    display: none;
    margin-bottom: 10px;
}

.container .breadcrumb li {
    display: flex;
    align-items: center;
}

.container .breadcrumb li a {
    padding: 0 10px;
    font-size: 12px;
    color: var(--text-mute);
}

.container .breadcrumb li:not(:last-child):after {
    content: "＞";
    color: var(--text-mute);
}

.container main {
    transition: .3s ease-in-out;
    width: 100%;
    overflow: hidden;
}

.container main {
    padding-left: 12px;
    padding-bottom: 40px;
}

.container main .page-addbox-flex {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 25px;
}

.container main .another-area {
    min-height: 500px;
}

.container main .another-area h2 {
    font-size: 28px;
    color: var(--blue-deep);
}

.container main .another-area h2,
.container main .another-area h3 {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.container main .another-area .page-add-title {
    width: 100%;
}

.container main .another-area h2 .page-titlebox {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: inherit;
    gap: 20px;
    padding: 24px 13px 0 13px;
}

.container main .another-area .input-searchbox-group h2 .page-titlebox {
    padding: 0;
}

.container main .another-area h2 .page-titlebox .title-add-fav {
    width: 34px;
    height: 56px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAAB1CAYAAADtCac0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAE9WlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4xLWMwMDEgNzkuMTQ2Mjg5OTc3NywgMjAyMy8wNi8yNS0yMzo1NzoxNCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI1LjMgKE1hY2ludG9zaCkiIHhtcDpDcmVhdGVEYXRlPSIyMDI0LTAxLTE1VDE3OjA4OjU0KzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyNC0wMS0xNVQxNzowOTo0NiswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyNC0wMS0xNVQxNzowOTo0NiswODowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MGQ0OTllYjMtNjc4YS00MzgwLWFmMzEtZGEwNjNiN2UxMGMwIiB4bXBNTTpEb2N1bWVu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);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top;
    background-color: transparent;
    font-size: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    outline: 0;
    border: 0;
}

.container main .another-area h2 .page-titlebox .active.title-add-fav {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAAB1CAYAAADtCac0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAGoWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4xLWMwMDEgNzkuMTQ2Mjg5OTc3NywgMjAyMy8wNi8yNS0yMzo1NzoxNCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI1LjMgKE1hY2ludG9zaCkiIHhtcDpDcmVhdGVEYXRlPSIyMDI0LTAxLTE1VDE3OjA4OjU0KzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyNC0wMS0xNVQxNzoxMDozMiswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyNC0wMS0xNVQxNzoxMDozMiswODowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ZTlhNGQ2MWUtMWM3Mi00NWZmLWI2MjQtYTE2MjYzYTVkZTllIiB4bXBNTTpEb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6MjlmY2I5OTAtNjkyOS05YTRlLWJkNDctNzliODYyOTRlOGIwIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6MGQ0OTllYjMtNjc4YS00MzgwLWFmMzEtZGEwNjNiN2UxMGMwIj4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDowZDQ5OWViMy02NzhhLTQzODAtYWYzMS1kYTA2M2I3ZTEwYzAiIHN0RXZ0OndoZW49IjIwMjQtMDEtMTVUMTc6MDg6NTQrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyNS4zIChNYWNpbnRvc2gpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo2YjMzZGYwNy0wMTAxLTQxOTktYjkyNi02OTRjYzRjMTVhNjMiIHN0RXZ0OndoZW49IjIwMjQtMDEtMTVUMTc6MTA6MzIrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyNS4zIChNYWNpbnRvc2gpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDplOWE0ZDYxZS0xYzcyLTQ1ZmYtYjYyNC1hMTYyNjNhNWRlOWUiIHN0RXZ0OndoZW49IjIwMjQtMDEtMTVUMTc6MTA6MzIrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyNS4zIChNYWNpbnRvc2gpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkbLDE0AAAevSURBVHja7V1LbxxFEO5rcuInBLhRRsrNIAVkvEhwCjYH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);
}

.container main .another-area .page-add-title .page-titlebox {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: flex-start;
    gap: 24px;
}

.line {
    width: 100%;
    border-top: 1px solid var(--line-gray);
}

.container main .another-area .page-add-btnbox {
    width: 100%;
    height: auto;
    margin: 0 auto;
    display: block;
    text-align: center;
}

.container main .another-area .page-add-btnbox .group {
    width: auto;
    height: auto;
    display: flex;
    gap: 20px;
    justify-content: center;
    margin: 40px auto 0 auto;
}

.container main .another-area .page-add-btnbox.no-line .group {
    margin-top: 0;
}

.container main .another-area .page-add-btnbox .group .button-group {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 20px;
}

.input-searchbox-group {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 25px;
    padding: 22px 27px;
    border: 1px solid var(--border-gray);
    border-radius: 8px;
    background-color: var(--white);
}

.other_btn {
    display: inline-block;
    text-align: center;
    margin-top: auto;
}

.other_btn .advanced-search {
    width: 50px;
    height: 50px;
    background: var(--blue-new);
    font-size: 14px;
    border-radius: 10px;
    color: var(--font-gray);
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: auto;
}

.active .other_btn .advanced-search img {
    display: block;
    width: 24px;
    transform: rotate(180deg);
    transition: .3s ease-in-out;
}

.other_btn .advanced-search:hover {
    background: var(--bluedeep-new);
}

.other_btn .advanced-search img {
    display: block;
    width: 24px;
    filter: brightness(1000%);
    transform: rotate(0deg);
    transition: .5s;
}

.container main .another-area .input-searchbox-group .buttons {
    display: flex;
    justify-content: center;
    gap: 10px;
    padding: 0;
}

.container main .another-area .main-btnbox .group {
    width: auto;
    display: inline-flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}

.container main .another-area .wrapper.page-list {
    display: grid;
    gap: 20px;
}

.container main .another-area .wrapper .input-groupbox {
    width: 100%;
    display: grid;
    gap: 10px;
}

.container main .another-area .wrapper .input-group {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

.container main .another-area .wrapper .input-group.alone {
    grid-column: 1 / -1;
}

.container main .another-area .wrapper .input-group span {
    display: inline-block;
    width: 63px;
    font-size: 14px;
    text-align: right;
    font-weight: 700;
    flex: 0 0 auto;
    color: #324053;
}

.container main .another-area .wrapper .input-group input,
.container main .another-area .wrapper .input-group select {
    width: 100%;
}

.container main .another-area .wrapper .input-group .select {
    width: 100%;
    height: auto;
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
}

.container main .another-area .wrapper .input-group .select svg {
    position: absolute;
    top: 16px;
    right: 20px;
    pointer-events: none;
}

.container main .another-area .input-searchbox-group.active .wrapper {
    display: none;
}

.wrapper.list-type {
    width: 100%;
    padding: 0;
    background-color: transparent;
    border: none;
    border-radius: 0;
}

.wrapper-title {
    color: var(--blue-deep);
    margin-bottom: 10px;
    font-size: 22px;
}

.tabs {
    width: 100%;
    height: auto;
    display: flex;
    position: relative;
    justify-content: flex-start;
    align-items: center;
    overflow-x: auto;
}

.tabs::before {
    content: '';
    width: 100%;
    height: 2px;
    background-color: var(--line-gray);
    position: absolute;
    bottom: 0;
}

.tabs ul {
    width: 100%;
    height: auto;
    display: flex;
    position: relative;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

.tabs ul li {
    padding: 0 16px 10px 16px;
    cursor: pointer;
    white-space: nowrap;
    border-bottom: 2px solid transparent;
}

.tabs ul li:hover {
    color: var(--blue-new);
}

.tabs ul li.active {
    color: var(--blue-new);
    border-bottom: 2px solid var(--blue-new);
}

.funcs {
    width: 100%;
    height: auto;
    display: flex;
    position: relative;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin-bottom: 25px;
}

.btn {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 14px 20px;
    width: auto;
    height: 48px;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    border-radius: 10px;
    border: 1px solid #00000010;
}

.btn span {
    white-space: nowrap;
}

.btn-primary,
.btn-danger,
.btn-serious {
    color: var(--white);
}

.btn-primary {
    background-color: var(--blue-new);
}

.btn-primary:hover {
    background-color: var(--bluedeep-new);
}

.btn-secondary {
    border-color: var(--blue-new);
    color: var(--blue-new);
    background-color: var(--white);
}

.btn-secondary:hover {
    background-color: var(--bluelight);
}

.btn-serious {
    background-color: var(--blue-deep);
}

.btn-serious:hover {
    background-color: #1e314a;
}

.btn-danger {
    background-color: var(--btn-red);
}

.btn-danger:hover {
    background-color: var(--btn-red-deep);
}

@media only screen and (max-width: 767px) {
    .container {
        height: auto;
        display: block;
        margin: 10px;
    }

    .container .breadcrumb {
        display: flex;
    }

    .container main {
        padding: 0;
        padding-bottom: 40px;
    }

    .container main .another-area .page-add-title {
        padding: 10px 0 0 0;
    }

    .container main .another-area .page-add-title .page-titlebox {
        padding: 0;
        gap: 15px;
    }

    .container main .another-area h2 {
        width: 100%;
        font-size: 20px;
        color: var(--blue-deep);
        display: flex;
    }

    .container main .another-area h2 .page-titlebox .title-add-fav {
        width: 25px;
        height: 40px;
    }

    .wrapper {
        width: 100%;
        margin: 0;
    }

    .container main .another-area .wrapper .input-groupbox {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .container {
        height: auto;
        display: block;
        margin: 10px;
        max-width: 100%;
    }

    .container .breadcrumb {
        display: flex;
    }

    .container main .another-area h2 .page-titlebox .title-add-fav {
        width: 34px;
        height: 56px;
    }

    .container main .another-area .wrapper .input-groupbox {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1600px) {
    .container main .another-area .wrapper .input-groupbox {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media only screen and (min-width: 1600px) {
    .container main .another-area .wrapper .input-groupbox {
        grid-template-columns: repeat(2, 1fr);
    }
}